From 1798a829acdc84f561cb6257d7953f54fbe6b432 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 12 Dec 2024 15:44:17 +0200
Subject: [PATCH 01/45] align labels and give max width

---
 app/graph/labels.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/graph/labels.tsx b/app/graph/labels.tsx
index d82896cc..3e6493a2 100644
--- a/app/graph/labels.tsx
+++ b/app/graph/labels.tsx
@@ -28,12 +28,12 @@ export default function Labels({ graph, categories, onClick, label, className =
     }
 
     return (
-        <div className={cn(className, "absolute top-10 flex flex-col gap-2 p-4 h-[95%] pointer-events-none", label === "RelationshipTypes" ? "items-end right-2" : "left-2")}>
+        <div className={cn(className, "absolute top-10 flex flex-col gap-2 p-4 max-w-[200px] h-[95%] pointer-events-none", label === "RelationshipTypes" ? "right-2" : "left-2")}>
             {
                 label &&
                 <h1>{label}</h1>
             }
-            <div className={cn("h-1 grow flex flex-col items-center gap-4 p-4")}>
+            <div className={cn("h-1 grow flex flex-col items-center gap-4")}>
                 {
                     isScrollable &&
                     <Button
@@ -49,10 +49,10 @@ export default function Labels({ graph, categories, onClick, label, className =
                         categories.map((category) => (
                             <li key={category.index}>
                                 <Button
-                                className={cn(category.name && "flex gap-2 items-center pointer-events-auto")}
+                                    className={cn(category.name && "w-full pointer-events-auto")}
                                     label={category.name}
                                     icon={
-                                        <div style={{ backgroundColor: `${graph.getCategoryColorValue(category.index)}` }} className={cn("w-6 h-6 rounded-full", label === "RelationshipTypes" && "opacity-50")} />
+                                        <div style={{ backgroundColor: `${graph.getCategoryColorValue(category.index)}` }} className={cn("min-w-6 min-h-6 rounded-full", label === "RelationshipTypes" && "opacity-50")} />
                                     }
                                     onClick={() => {
                                         onClick(category)

From fa487bcb0676a176274d96f70fe3c93dabf54e22 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 12 Dec 2024 15:48:47 +0200
Subject: [PATCH 02/45] remove line number if there is only on line

---
 app/components/EditorComponent.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/components/EditorComponent.tsx b/app/components/EditorComponent.tsx
index 2aa094c5..fc2c6990 100644
--- a/app/components/EditorComponent.tsx
+++ b/app/components/EditorComponent.tsx
@@ -56,7 +56,6 @@ const monacoOptions: monaco.editor.IStandaloneEditorConstructionOptions = {
     fontWeight: "200",
     wordWrap: "off",
     lineHeight: 38,
-    lineNumbers: "on",
     lineNumbersMinChars: 2,
     overviewRulerLanes: 0,
     overviewRulerBorder: false,
@@ -526,7 +525,7 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
 
         if (graph.Id) {
             getSuggestions(monacoI)
-        }else {   
+        } else {
             addSuggestions(monacoI)
         }
     };
@@ -546,7 +545,7 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
         })
 
         const isFirstLine = e.createContextKey('isFirstLine', false as boolean);
-        
+
         // Update the context key value based on the cursor position
         e.onDidChangeCursorPosition(() => {
             const position = e.getPosition();
@@ -619,7 +618,10 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
                                     height={blur ? LINE_HEIGHT : lineNumber * LINE_HEIGHT > document.body.clientHeight / 100 * MAX_HEIGHT ? document.body.clientHeight / 100 * MAX_HEIGHT : lineNumber * LINE_HEIGHT}
                                     className="Editor"
                                     language="custom-language"
-                                    options={monacoOptions}
+                                    options={{
+                                        ...monacoOptions,
+                                        lineNumbers: lineNumber > 1 ? "on" : "off",
+                                    }}
                                     value={blur ? query.replace(/\s+/g, ' ').trim() : query}
                                     onChange={(val) => historyRef.current.historyCounter ? setQuery(val || "") : setCurrentQuery(val || "")}
                                     theme="custom-theme"

From 8211640fa9bd36d13bbc75e2400a30a7eee1e2f8 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 12 Dec 2024 16:03:44 +0200
Subject: [PATCH 03/45] add refresh button to graph list

---
 app/components/ui/combobox.tsx | 24 +++++++++++++++++++++---
 app/graph/Selector.tsx         |  5 +++--
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index 71c1db3a..aaf5e6c2 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -25,9 +25,10 @@ interface ComboboxProps {
   isSchema?: boolean
   defaultOpen?: boolean
   onOpenChange?: (open: boolean) => void
+  setReload?: Dispatch<SetStateAction<boolean>>
 }
 
-export default function Combobox({ isSelectGraph, disabled = false, inTable, type, options, setOptions, selectedValue = "", setSelectedValue, isSchema = false, defaultOpen = false, onOpenChange }: ComboboxProps) {
+export default function Combobox({ isSelectGraph, disabled = false, inTable, type, options, setOptions, selectedValue = "", setSelectedValue, isSchema = false, defaultOpen = false, onOpenChange, setReload }: ComboboxProps) {
 
   const [openDialog, setOpenDialog] = useState<boolean>(false)
   const [open, setOpen] = useState<boolean>(defaultOpen)
@@ -35,12 +36,12 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
   const [editable, setEditable] = useState<string>("")
   const [isUploadOpen, setIsUploadOpen] = useState<string>()
   const [isDeleteOpen, setIsDeleteOpen] = useState<string>()
-  
+
   useEffect(() => {
     if (options.length !== 1) return
     setSelectedValue(options[0])
   }, [options])
-  
+
   const onExport = async (graphName: string) => {
     const result = await securedFetch(`api/graph/${prepareArg(graphName)}/export`, {
       method: "GET"
@@ -140,6 +141,23 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
                   />
                 </DialogTrigger>
               </DropdownMenuItem>
+              {
+                setReload &&
+                <>
+                  <DropdownMenuSeparator className="bg-gray-300" />
+                  <DropdownMenuItem>
+                    <Button
+                      className="w-full p-2"
+                      label="Refresh List"
+                      onClick={(e) => {
+                        e.preventDefault()
+                        e.stopPropagation()
+                        setReload(prev => !prev)
+                      }}
+                    />
+                  </DropdownMenuItem>
+                </>
+              }
             </>
           }
         </DropdownMenuContent>
diff --git a/app/graph/Selector.tsx b/app/graph/Selector.tsx
index b1216f39..2c429dae 100644
--- a/app/graph/Selector.tsx
+++ b/app/graph/Selector.tsx
@@ -36,6 +36,7 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
     const [dropOpen, setDropOpen] = useState<boolean>(false);
     const [queriesOpen, setQueriesOpen] = useState<boolean>(false);
     const [query, setQuery] = useState<Query>();
+    const [reload, setReload] = useState<boolean>(false);
     const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null)
 
     useEffect(() => {
@@ -48,7 +49,7 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
             setOptions(!runQuery ? res.filter(name => name.includes("_schema")).map(name => name.split("_")[0]) : res.filter(name => !name.includes("_schema")))
         }
         run()
-    }, [runQuery])
+    }, [runQuery ,reload])
 
     useEffect(() => {
         if (!graphName) return
@@ -108,7 +109,7 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
     return (
         <div className="flex flex-col gap-4">
             <div className="flex justify-between items-center">
-                <Combobox isSelectGraph options={options} setOptions={setOptions} selectedValue={selectedValue} setSelectedValue={handleOnChange} isSchema={!runQuery} />
+                <Combobox isSelectGraph options={options} setOptions={setOptions} selectedValue={selectedValue} setSelectedValue={handleOnChange} isSchema={!runQuery} setReload={setReload}/>
                 <div className="flex gap-16 text-[#7167F6]">
                     <UploadGraph disabled />
                     <Button

From 0c4cb1a63012393599bf66265cdd519b9d41a4ce Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Sun, 15 Dec 2024 14:22:53 +0200
Subject: [PATCH 04/45] commit

---
 app/schema/SchemaCreateElement.tsx |  85 ++++++++++---------
 app/schema/SchemaDataPanel.tsx     | 127 ++++++++++++++++-------------
 app/schema/SchemaView.tsx          |   1 +
 3 files changed, 118 insertions(+), 95 deletions(-)

diff --git a/app/schema/SchemaCreateElement.tsx b/app/schema/SchemaCreateElement.tsx
index 63498ae5..0befa2d2 100644
--- a/app/schema/SchemaCreateElement.tsx
+++ b/app/schema/SchemaCreateElement.tsx
@@ -132,15 +132,16 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
         <Table>
           <TableHeader>
             <TableRow className="border-none">
-              <TableHead key="Key" className="flex-1">Key</TableHead>
+              <TableHead key="buttons" />
+              <TableHead key="Key">Key</TableHead>
               {
                 ATTRIBUTES.map((att) => (
-                  <TableHead key={att} className="flex-1">{att}</TableHead>
+                  <TableHead key={att}>{att}</TableHead>
                 ))
               }
             </TableRow>
           </TableHeader>
-          <TableBody>
+          <TableBody className="px-2">
             {
               attributes.length > 0 &&
               attributes.map(([key, val]) => (
@@ -156,13 +157,14 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   key={key}
                   tabIndex={0} // Added to make the row focusable
                 >
-                  <TableCell className="flex items-center gap-2">
-                    <div className="w-6 h-12">
+                  <TableCell className="px-1 py-0">
+                    <div className="w-5 h-12 flex flex-col gap-2">
                       {
                         editable === key ?
-                          <div className="flex flex-col gap-2">
+                          <>
                             <Button
                               variant="button"
+                              title="Save"
                               icon={<Check size={20} />}
                               onClick={(e) => {
                                 e.stopPropagation()
@@ -171,40 +173,45 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                             />
                             <Button
                               variant="button"
+                              title="Cancel"
                               icon={<X size={20} />}
                               onClick={(e) => {
                                 e.stopPropagation()
                                 handelSetEditable()
                               }}
                             />
-                          </div>
+                          </>
                           : hover === key &&
-                          <div className="flex flex-col gap-2">
+                          <>
                             <Button
                               icon={<Trash2 size={20} />}
+                              title="Remove"
                               variant="button"
                               onClick={(e) => {
                                 e.stopPropagation()
                                 setAttributes(prev => prev.filter(([k]) => k !== key))
                               }}
-                            />
+                              />
                             <Button
                               variant="button"
+                              title="Edit"
                               icon={<Pencil size={20} />}
                               onClick={(e) => {
                                 e.stopPropagation()
                                 handelSetEditable([key, [...val]])
                               }}
                             />
-                          </div>
+                          </>
                       }
                     </div>
+                  </TableCell>
+                  <TableCell className="px-1 py-0">
                     {key}:
                   </TableCell>
                   {
                     editable === key ?
                       <>
-                        <TableCell>
+                        <TableCell className="px-1 py-0">
                           <Combobox
                             options={OPTIONS}
                             setSelectedValue={(v) => setAttribute(prev => {
@@ -217,7 +224,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                             selectedValue={attribute[1][0]}
                           />
                         </TableCell>
-                        <TableCell>
+                        <TableCell className="px-1 py-0">
                           <Input
                             className="w-28"
                             onKeyDown={(e) => handelKeyDown(e, handelSetAttributes, handelSetEditable)}
@@ -230,7 +237,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                             value={attribute[1][1]}
                           />
                         </TableCell>
-                        <TableCell>
+                        <TableCell className="px-1 py-0">
                           <Checkbox
                             className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                             onCheckedChange={(checked) => setAttribute(prev => {
@@ -241,7 +248,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                             checked={attribute[1][2] === "true"}
                           />
                         </TableCell>
-                        <TableCell>
+                        <TableCell className="px-1 py-0">
                           <Checkbox
                             className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                             onCheckedChange={(checked) => setAttribute(prev => {
@@ -254,32 +261,34 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                         </TableCell>
                       </>
                       : val.map((v, i) => (
-                        <TableCell key={i}>{v}</TableCell>
+                        <TableCell className="px-1 py-0" key={i}>{v}</TableCell>
                       ))
                   }
                 </TableRow>
               ))
             }
             <TableRow className="border-none">
-              <TableCell className="flex items-center gap-2">
-                <div className="flex flex-col gap-2">
-                  <Button
-                    variant="button"
-                    icon={<Check size={20} />}
-                    onClick={(e) => {
-                      e.stopPropagation()
-                      handelAddAttribute()
-                    }}
-                  />
-                  <Button
-                    variant="button"
-                    icon={<X size={20} />}
-                    onClick={(e) => {
-                      e.stopPropagation()
-                      setNewAttribute(getDefaultAttribute())
-                    }}
-                  />
-                </div>
+              <TableCell className="flex flex-col gap-1 px-1 py-0">
+                <Button
+                  variant="button"
+                  title="Add"
+                  icon={<Check size={20} />}
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    handelAddAttribute()
+                  }}
+                />
+                <Button
+                  variant="button"
+                  title="Cancel"
+                  icon={<X size={20} />}
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    setNewAttribute(getDefaultAttribute())
+                  }}
+                />
+              </TableCell>
+              <TableCell className="px-1 py-0">
                 <Input
                   className="w-28"
                   onKeyDown={(e) => handelKeyDown(e, handelAddAttribute, () => setNewAttribute(getDefaultAttribute()))}
@@ -292,7 +301,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   value={newAttribute[0]}
                 />
               </TableCell>
-              <TableCell>
+              <TableCell className="px-1 py-0">
                 <Combobox
                   options={OPTIONS}
                   setSelectedValue={(v) => setNewAttribute(prev => {
@@ -305,7 +314,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   selectedValue={newAttribute[1][0]}
                 />
               </TableCell>
-              <TableCell>
+              <TableCell className="px-1 py-0">
                 <Input
                   className="w-28"
                   onKeyDown={(e) => handelKeyDown(e, handelAddAttribute, () => setNewAttribute(getDefaultAttribute()))}
@@ -318,7 +327,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   value={newAttribute[1][1]}
                 />
               </TableCell>
-              <TableCell>
+              <TableCell className="px-1 py-0">
                 <Checkbox
                   className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                   onCheckedChange={(checked) => setNewAttribute(prev => {
@@ -329,7 +338,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   checked={newAttribute[1][2] === "true"}
                 />
               </TableCell>
-              <TableCell>
+              <TableCell className="px-1 py-0">
                 <Checkbox
                   className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                   onCheckedChange={(checked) => setNewAttribute(prev => {
diff --git a/app/schema/SchemaDataPanel.tsx b/app/schema/SchemaDataPanel.tsx
index 94b0ceab..1e913ae0 100644
--- a/app/schema/SchemaDataPanel.tsx
+++ b/app/schema/SchemaDataPanel.tsx
@@ -2,7 +2,7 @@
 import { Check, ChevronRight, MinusCircle, Pencil, PlusCircle, Trash2, X } from "lucide-react";
 import { ElementDataDefinition, Toast } from "@/lib/utils";
 import { useEffect, useState } from "react";
-import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Checkbox } from "@/components/ui/checkbox";
 import Button from "../components/ui/Button";
 import { ATTRIBUTES, getDefaultAttribute, OPTIONS } from "./SchemaCreateElement";
@@ -14,9 +14,10 @@ interface Props {
     onExpand: () => void;
     onSetAttributes: (attribute: [string, string[]]) => Promise<boolean>;
     onRemoveAttribute: (key: string) => Promise<boolean>;
+    onDeleteElement: () => Promise<void>;
 }
 
-export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemoveAttribute }: Props) {
+export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemoveAttribute, onDeleteElement }: Props) {
 
     const [attribute, setAttribute] = useState<[string, string[]]>(getDefaultAttribute())
     const [attributes, setAttributes] = useState<[string, string[]][]>([])
@@ -110,15 +111,16 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                         {
                             (attributes.length > 0 || isAddValue) &&
                             <>
-                                <TableHead key="Key" className="flex-1">Key</TableHead>
+                                <TableHead key="buttons" className="p-0" />
+                                <TableHead key="Key" className="p-0">Key</TableHead>
                                 {ATTRIBUTES.map((att) => (
-                                    <TableHead key={att} className="flex-1">{att}</TableHead>
+                                    <TableHead key={att} className="p-0">{att}</TableHead>
                                 ))}
                             </>
                         }
                     </TableRow>
                 </TableHeader>
-                <TableBody>
+                <TableBody className="px-2">
                     {
                         attributes.length > 0 &&
                         attributes.map(([key, val]) => (
@@ -134,13 +136,13 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                 key={key}
                                 tabIndex={0} // Added to make the row focusable
                             >
-                                <TableCell className="flex items-center gap-2">
-                                    <div className="w-6 h-12">
+                                <TableCell className="px-1 py-0">
+                                    <div className="flex flex-col gap-2 w-5 h-12">
                                         {
                                             editable === key ?
-                                                <div className="flex flex-col gap-2">
+                                                <>
                                                     <Button
-                                                        variant="button"
+                                                        title="Save"
                                                         icon={<Check size={20} />}
                                                         onClick={(e) => {
                                                             e.stopPropagation()
@@ -148,41 +150,43 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                                         }}
                                                     />
                                                     <Button
-                                                        variant="button"
+                                                        title="Cancel"
                                                         icon={<X size={20} />}
                                                         onClick={(e) => {
                                                             e.stopPropagation()
                                                             handelSetEditable()
                                                         }}
                                                     />
-                                                </div>
+                                                </>
                                                 : hover === key &&
-                                                <div className="flex flex-col gap-2">
+                                                <>
                                                     <Button
                                                         icon={<Trash2 size={20} />}
-                                                        variant="button"
+                                                        title="Remove"
                                                         onClick={(e) => {
                                                             e.stopPropagation()
                                                             handelRemoveAttribute(key)
                                                         }}
                                                     />
                                                     <Button
-                                                        variant="button"
+                                                        title="Edit"
                                                         icon={<Pencil size={20} />}
                                                         onClick={(e) => {
                                                             e.stopPropagation()
                                                             handelSetEditable([key, [...val]])
                                                         }}
                                                     />
-                                                </div>
+                                                </>
                                         }
                                     </div>
+                                </TableCell>
+                                <TableCell className="px-1 py-0">
                                     {key}:
                                 </TableCell>
                                 {
                                     editable === key ?
                                         <>
-                                            <TableCell>
+                                            <TableCell className="px-1 py-0">
                                                 <Combobox
                                                     options={OPTIONS}
                                                     setSelectedValue={(v) => setAttribute(prev => {
@@ -195,7 +199,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                                     selectedValue={attribute[1][0]}
                                                 />
                                             </TableCell>
-                                            <TableCell>
+                                            <TableCell className="px-1 py-0">
                                                 <Input
                                                     className="w-28"
                                                     onKeyDown={(e) => handelKeyDown(e, handelSetAttributes)}
@@ -208,7 +212,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                                     value={attribute[1][1]}
                                                 />
                                             </TableCell>
-                                            <TableCell>
+                                            <TableCell className="px-1 py-0">
                                                 <Checkbox
                                                     className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                                                     onCheckedChange={(checked) => setAttribute(prev => {
@@ -219,7 +223,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                                     checked={attribute[1][2] === "true"}
                                                 />
                                             </TableCell>
-                                            <TableCell>
+                                            <TableCell className="px-1 py-0">
                                                 <Checkbox
                                                     className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                                                     onCheckedChange={(checked) => setAttribute(prev => {
@@ -232,7 +236,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                             </TableCell>
                                         </>
                                         : val.map((v, i) => (
-                                            <TableCell key={i}>{v}</TableCell>
+                                            <TableCell className="px-1 py-0" key={i}>{v}</TableCell>
                                         ))
                                 }
                             </TableRow>
@@ -241,25 +245,25 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                     {
                         isAddValue &&
                         <TableRow key="Add Value" className="border-none">
-                            <TableCell className="flex items-center gap-2">
-                                <div className="flex flex-col gap-2">
-                                    <Button
-                                        variant="button"
-                                        icon={<Check size={20} />}
-                                        onClick={(e) => {
-                                            e.stopPropagation()
-                                            handelAddAttribute()
-                                        }}
-                                    />
-                                    <Button
-                                        variant="button"
-                                        icon={<X size={20} />}
-                                        onClick={(e) => {
-                                            e.stopPropagation()
-                                            handelSetEditable()
-                                        }}
-                                    />
-                                </div>
+                            <TableCell className="flex flex-col gap-1 px-1 py-0">
+                                <Button
+                                    title="Save"
+                                    icon={<Check size={20} />}
+                                    onClick={(e) => {
+                                        e.stopPropagation()
+                                        handelAddAttribute()
+                                    }}
+                                />
+                                <Button
+                                    title="Cancel"
+                                    icon={<X size={20} />}
+                                    onClick={(e) => {
+                                        e.stopPropagation()
+                                        handelSetEditable()
+                                    }}
+                                />
+                            </TableCell>
+                            <TableCell className="px-1 py-0">
                                 <Input
                                     className="w-28"
                                     onKeyDown={(e) => handelKeyDown(e, handelAddAttribute)}
@@ -272,7 +276,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     value={attribute[0]}
                                 />
                             </TableCell>
-                            <TableCell>
+                            <TableCell className="px-1 py-0">
                                 <Combobox
                                     options={OPTIONS}
                                     setSelectedValue={(v) => setAttribute(prev => {
@@ -285,7 +289,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     selectedValue={attribute[1][0]}
                                 />
                             </TableCell>
-                            <TableCell>
+                            <TableCell className="px-1 py-0">
                                 <Input
                                     className="w-28"
                                     onKeyDown={(e) => handelKeyDown(e, handelAddAttribute)}
@@ -298,7 +302,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     value={attribute[1][1]}
                                 />
                             </TableCell>
-                            <TableCell>
+                            <TableCell className="px-1 py-0">
                                 <Checkbox
                                     className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                                     onCheckedChange={(checked) => setAttribute(prev => {
@@ -309,7 +313,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     checked={attribute[1][2] === "true"}
                                 />
                             </TableCell>
-                            <TableCell>
+                            <TableCell className="px-1 py-0">
                                 <Checkbox
                                     className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                                     onCheckedChange={(checked) => setAttribute(prev => {
@@ -323,21 +327,30 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                         </TableRow>
                     }
                 </TableBody>
-                <TableCaption>
-                    <Button
-                        variant="Secondary"
-                        label="Add Value"
-                        icon={isAddValue ? <MinusCircle /> : <PlusCircle />}
-                        onClick={() => setIsAddValue(prev => {
-                            if (!prev) {
-                                setAttribute(getDefaultAttribute())
-                                setEditable("")
-                            }
-                            return !prev
-                        })}
-                    />
-                </TableCaption>
             </Table>
+            <div className="p-4">
+                <Button
+                    className="border border-[#232341]"
+                    variant="Secondary"
+                    label="Add Value"
+                    icon={isAddValue ? <MinusCircle /> : <PlusCircle />}
+                    onClick={() => setIsAddValue(prev => {
+                        if (!prev) {
+                            setAttribute(getDefaultAttribute())
+                            setEditable("")
+                        }
+                        return !prev
+                    })}
+                />
+            </div>
+            <div className="p-4">
+                <Button
+                    className="border border-[#232341]"
+                    label="Delete"
+                    variant="Secondary"
+                    onClick={() => onDeleteElement()}
+                />
+            </div>
         </div>
     )
 }
\ No newline at end of file
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index 5e370244..4910dc1a 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -550,6 +550,7 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
                             onExpand={onExpand}
                             onSetAttributes={handelSetAttributes}
                             onRemoveAttribute={handelRemoveProperty}
+                            onDeleteElement={handelDeleteElement}
                         />
                         : (isAddEntity || isAddRelation) &&
                         <CreateElement

From eb851efaed1c7a051ddda931b0cbbba32a3de48f Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Sun, 15 Dec 2024 15:22:34 +0200
Subject: [PATCH 05/45] add intercom

---
 app/components/GoogleAnalytics.tsx | 24 ++++++++++++++++++++++++
 app/layout.tsx                     | 12 +++++++++++-
 2 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 app/components/GoogleAnalytics.tsx

diff --git a/app/components/GoogleAnalytics.tsx b/app/components/GoogleAnalytics.tsx
new file mode 100644
index 00000000..955ac32c
--- /dev/null
+++ b/app/components/GoogleAnalytics.tsx
@@ -0,0 +1,24 @@
+import Script from "next/script";
+
+function GoogleAnalytics({ ga_id }: { ga_id: string }) {
+  return <>
+    <Script
+      async
+      src={`https://www.googletagmanager.com/gtag/js? 
+      id=${ga_id}`}
+     />
+    <Script
+      id="google-analytics"
+      dangerouslySetInnerHTML={{
+        __html: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${ga_id}');
+        `,
+      }}
+     />
+  </>
+}
+export default GoogleAnalytics;
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 2beb329c..4de4885d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,9 +1,12 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
 import "./globals.css";
-import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import { Toaster } from "@/components/ui/toaster";
 import { cn } from "@/lib/utils";
+import { Metadata } from "next";
 import NextAuthProvider from "./providers";
+import GoogleAnalytics from "./components/GoogleAnalytics";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -17,11 +20,18 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
+
   // Setting suppressHydrationWarning on html tag to prevent warning
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
       <body className={cn("h-full LandingPage", inter.className)}>
+        {
+          process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
+            <GoogleAnalytics ga_id=
+              {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
+          ) : null
+        }
         <NextAuthProvider>{children}</NextAuthProvider>
         <Toaster />
       </body>

From 6b2223ac4f1df54c42b1999ce3a940510f6fb2fc Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 17 Dec 2024 10:46:50 +0200
Subject: [PATCH 06/45] commit

---
 app/api/graph/model.ts        |  183 ++++--
 app/components/ForceGraph.tsx |  208 +++++++
 app/globals.css               |    9 +-
 app/graph/GraphDataPanel.tsx  |   36 +-
 app/graph/GraphView.tsx       |  371 +++---------
 app/graph/page.tsx            |   13 +-
 app/graph/toolbar.tsx         |   39 +-
 lib/utils.ts                  |    3 -
 package-lock.json             | 1046 +++++++++++++++++++++++++++++++--
 package.json                  |    2 +
 10 files changed, 1492 insertions(+), 418 deletions(-)
 create mode 100644 app/components/ForceGraph.tsx

diff --git a/app/api/graph/model.ts b/app/api/graph/model.ts
index e5e55036..0d73598a 100644
--- a/app/api/graph/model.ts
+++ b/app/api/graph/model.ts
@@ -1,6 +1,39 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import { EdgeDataDefinition, ElementDefinition, NodeDataDefinition } from 'cytoscape';
+import { EdgeDataDefinition, NodeDataDefinition } from 'cytoscape';
+import { LinkObject, NodeObject } from 'react-force-graph-2d';
+
+export type Node = NodeObject<{
+    id: number,
+    category: string[],
+    color: string,
+    visible: boolean,
+    expand: boolean,
+    collapsed: boolean,
+    data: {
+        name: string,
+        [key: string]: any
+    }
+}>
+
+export type Link = LinkObject<Node, {
+    id: number,
+    label: string,
+    color: string,
+    source: Node,
+    target: Node,
+    visible: boolean,
+    expand: boolean,
+    collapsed: boolean,
+    data: {
+        [key: string]: any
+    }
+}>
+
+export type GraphData = {
+    nodes: Node[],
+    links: Link[]
+}
 
 export const DEFAULT_COLORS = [
     "#7167F6",
@@ -43,7 +76,7 @@ export class Graph {
 
     private labels: Category[];
 
-    private elements: ElementDefinition[];
+    private elements: GraphData;
 
     private categoriesMap: Map<string, Category>;
 
@@ -53,14 +86,14 @@ export class Graph {
 
     private labelsColorIndex: number = 0;
 
-    private nodesMap: Map<number, NodeDataDefinition>;
+    private nodesMap: Map<number, Node>;
 
-    private edgesMap: Map<number, EdgeDataDefinition>;
+    private linksMap: Map<number, Link>;
 
     private COLORS_ORDER_VALUE: string[] = []
 
-    private constructor(id: string, categories: Category[], labels: Category[], elements: ElementDefinition[],
-        categoriesMap: Map<string, Category>, labelsMap: Map<string, Category>, nodesMap: Map<number, NodeDataDefinition>, edgesMap: Map<number, EdgeDataDefinition>, colors?: string[]) {
+    private constructor(id: string, categories: Category[], labels: Category[], elements: GraphData,
+        categoriesMap: Map<string, Category>, labelsMap: Map<string, Category>, nodesMap: Map<number, Node>, edgesMap: Map<number, Link>, colors?: string[]) {
         this.id = id;
         this.columns = [];
         this.data = [];
@@ -71,7 +104,7 @@ export class Graph {
         this.categoriesMap = categoriesMap;
         this.labelsMap = labelsMap;
         this.nodesMap = nodesMap;
-        this.edgesMap = edgesMap;
+        this.linksMap = edgesMap;
         this.COLORS_ORDER_VALUE = colors || [
             "#7167F6",
             "#ED70B1",
@@ -110,19 +143,19 @@ export class Graph {
         return this.labelsMap;
     }
 
-    get NodesMap(): Map<number, NodeDataDefinition> {
+    get NodesMap(): Map<number, Node> {
         return this.nodesMap;
     }
 
-    get EdgesMap(): Map<number, EdgeDataDefinition> {
-        return this.edgesMap;
+    get EdgesMap(): Map<number, Link> {
+        return this.linksMap;
     }
 
-    get Elements(): ElementDefinition[] {
+    get Elements(): GraphData {
         return this.elements;
     }
 
-    set Elements(elements: ElementDefinition[]) {
+    set Elements(elements: GraphData) {
         this.elements = elements
     }
 
@@ -146,8 +179,12 @@ export class Graph {
         this.COLORS_ORDER_VALUE = colors;
     }
 
+    public getElements(): (Node | Link)[] {
+        return [...this.elements.nodes, ...this.elements.links]
+    }
+
     public static empty(graphName?: string, colors?: string[]): Graph {
-        return new Graph(graphName || "", [], [], [], new Map<string, Category>(), new Map<string, Category>(), new Map<number, NodeDataDefinition>(), new Map<number, EdgeDataDefinition>(), colors)
+        return new Graph(graphName || "", [], [], { nodes: [], links: [] }, new Map<string, Category>(), new Map<string, Category>(), new Map<number, Node>(), new Map<number, Link>(), colors)
     }
 
     public static create(id: string, results: any, colors?: string[]): Graph {
@@ -164,10 +201,11 @@ export class Graph {
         const currentNode = this.nodesMap.get(cell.id)
 
         if (!currentNode) {
-            const node: NodeDataDefinition = {
-                id: cell.id.toString(),
+            const node: Node = {
+                id: cell.id,
                 category: categories.map(c => c.name),
                 color: this.getCategoryColorValue(categories[0].index),
+                visible: true,
                 expand: false,
                 collapsed,
                 data: {
@@ -178,13 +216,13 @@ export class Graph {
                 node.data[key] = value as string;
             });
             this.nodesMap.set(cell.id, node)
-            this.elements.push({ data: node })
+            this.elements.nodes.push(node)
             return node
         }
 
-        if (currentNode.category === "") {
+        if (currentNode.category[0] === "") {
             // set values in a fake node
-            currentNode.id = cell.id.toString();
+            currentNode.id = cell.id;
             currentNode.category = categories.map(c => c.name);
             currentNode.color = this.getCategoryColorValue(categories[0].index)
             currentNode.expand = false
@@ -197,9 +235,10 @@ export class Graph {
             });
 
             // remove empty category if there are no more empty nodes category
-            if (this.nodesMap.values().every(n => n.category !== "")) {
+            if (this.nodesMap.values().every(n => n.category.some(c => c !== ""))) {
                 this.categories = this.categories.filter(l => l.name !== "")
                 this.categoriesMap.delete("")
+                this.categoriesColorIndex -= 1
             }
         }
 
@@ -209,74 +248,79 @@ export class Graph {
     public extendEdge(cell: any, collapsed = false) {
         const label = this.createLabel(cell.relationshipType)
 
-        const currentEdge = this.edgesMap.get(cell.id)
+        const currentEdge = this.linksMap.get(cell.id)
 
         if (!currentEdge) {
-            const sourceId = cell.sourceId.toString();
-            const destinationId = cell.destinationId.toString()
-            const edge: EdgeDataDefinition = {
-                id: `_${cell.id}`,
-                source: sourceId,
-                target: destinationId,
-                label: cell.relationshipType,
-                color: this.getCategoryColorValue(label.index),
-                expand: false,
-                collapsed,
-                data: {}
-            }
-
-            Object.entries(cell.properties).forEach(([key, value]) => {
-                edge.data[key] = value as string;
-            });
-
-            this.edgesMap.set(cell.id, edge)
-            this.elements.push({ data: edge })
-
             let category
             let source = this.nodesMap.get(cell.sourceId)
-            let destination = this.nodesMap.get(cell.destinationId)
+            let target = this.nodesMap.get(cell.destinationId)
 
-            if (!source || !destination) {
+            if (!source || !target) {
                 [category] = this.createCategory([""])
             }
 
             if (!source) {
                 source = {
-                    id: cell.sourceId.toString(),
-                    name: cell.sourceId.toString(),
-                    category: category!.name,
+                    id: cell.sourceId,
+                    category: [category!.name],
                     color: this.getCategoryColorValue(),
                     expand: false,
                     collapsed,
+                    visible: true,
+                    data: {
+                        name: cell.sourceId.toString(),
+                    },
                 }
 
                 this.nodesMap.set(cell.sourceId, source)
-                this.elements.push({ data: source })
+                this.elements.nodes.push(source)
             }
 
 
-            if (!destination) {
-                destination = {
-                    id: cell.destinationId.toString(),
-                    name: cell.destinationId.toString(),
-                    category: category!.name,
+            if (!target) {
+                target = {
+                    id: cell.destinationId,
+                    category: [category!.name],
                     color: this.getCategoryColorValue(),
                     expand: false,
                     collapsed,
+                    visible: true,
+                    data: {
+                        name: cell.destinationId.toString(),
+                    }
                 }
 
-                this.nodesMap.set(cell.destinationId, destination)
-                this.elements.push({ data: destination })
+                this.nodesMap.set(cell.destinationId, target)
+                this.elements.nodes.push(target)
             }
 
-            return edge
+            const link: Link = {
+                id: cell.id,
+                source,
+                target,
+                label: cell.relationshipType,
+                color: this.getCategoryColorValue(label.index),
+                expand: false,
+                collapsed,
+                visible: true,
+                data: {}
+            }
+
+            Object.entries(cell.properties).forEach(([key, value]) => {
+                link.data[key] = value as string;
+            });
+
+            this.linksMap.set(cell.id, link)
+            this.elements.links.push(link)
+
+            return link
         }
 
         return currentEdge
     }
 
-    public extend(results: any, collapsed = false): ElementDefinition[] {
-        const newElements: ElementDefinition[] = []
+    public extend(results: any, collapsed = false): (Node | Link)[] {
+        const newElements: (Node | Link)[] = []
         const data = results?.data
 
         if (data?.length) {
@@ -293,15 +337,15 @@ export class Graph {
                 if (cell instanceof Object) {
                     if (cell.nodes) {
                         cell.nodes.forEach((node: any) => {
-                            newElements.push({ data: this.extendNode(node, collapsed) })
+                            newElements.push(this.extendNode(node, collapsed))
                         })
                         cell.edges.forEach((edge: any) => {
-                            newElements.push({ data: this.extendEdge(edge, collapsed) })
+                            newElements.push(this.extendEdge(edge, collapsed))
                         })
                     } else if (cell.relationshipType) {
-                        newElements.push({ data: this.extendEdge(cell, collapsed) })
+                        newElements.push(this.extendEdge(cell, collapsed))
                     } else if (cell.labels) {
-                        newElements.push({ data: this.extendNode(cell, collapsed) })
+                        newElements.push(this.extendNode(cell, collapsed))
                     }
                 }
             })
@@ -311,14 +355,14 @@ export class Graph {
     }
 
     public updateCategories(category: string, type: boolean) {
-        if (type && !this.elements.find(e => e.data.category === category)) {
+        if (type && this.elements.nodes.every(n => n.category.some(c => c !== category))) {
             const i = this.categories.findIndex(({ name }) => name === category)
             this.categories.splice(i, 1)
             this.categoriesMap.delete(category)
             return true
         }
 
-        if (!type && !this.elements.find(e => e.data.label === category)) {
+        if (!type && !this.elements.links.every(l => l.data.label !== category)) {
             const i = this.labels.findIndex(({ name }) => name === category)
             this.labels.splice(i, 1)
             this.labelsMap.delete(category)
@@ -356,6 +400,21 @@ export class Graph {
         return l
     }
 
+    public removeLinks() {
+        this.elements = {
+            nodes: this.elements.nodes,
+            links: this.elements.links.map(link => {
+                if (this.elements.nodes.map(n => n.id).includes(link.source.id) && this.elements.nodes.map(n => n.id).includes(link.target.id)) {
+                    return link
+                }
+                this.linksMap.delete(link.id)
+
+                return undefined
+            }).filter(link => link !== undefined)
+        }
+    }
+
+
     public getCategoryColorValue(index = 0): string {
         return this.COLORS_ORDER_VALUE[index % this.COLORS_ORDER_VALUE.length]
     }
diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
new file mode 100644
index 00000000..c3a046a4
--- /dev/null
+++ b/app/components/ForceGraph.tsx
@@ -0,0 +1,208 @@
+/* eslint-disable no-param-reassign */
+
+"use client"
+
+import { Dispatch, RefObject, SetStateAction, useRef } from "react"
+import ForceGraph2D from "react-force-graph-2d"
+import { securedFetch } from "@/lib/utils"
+import { Graph, GraphData, Link, Node } from "../api/graph/model"
+
+interface Props {
+    graph: Graph
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    chartRef: RefObject<any>
+    data: GraphData
+    selectedElement: Node | Link | undefined
+    setSelectedElement: Dispatch<SetStateAction<Node | Link | undefined>>
+    selectedElements: (Node | Link)[]
+    setSelectedElements: Dispatch<SetStateAction<(Node | Link)[]>>
+    cooldownTime: number | undefined
+    cooldownTicks: number | undefined
+    setCooldownTicks: Dispatch<SetStateAction<number | undefined>>
+}
+
+const NODE_SIZE = 6
+const PADDING = 2;
+
+export default function ForceGraph({
+    graph,
+    chartRef,
+    data,
+    selectedElement,
+    setSelectedElement,
+    selectedElements,
+    setSelectedElements,
+    cooldownTime,
+    cooldownTicks,
+    setCooldownTicks
+}: Props) {
+
+    const parentRef = useRef<HTMLDivElement>(null)
+
+    const onFetchNode = async (node: Node) => {
+        const result = await securedFetch(`/api/graph/${graph.Id}/${node.id}`, {
+            method: 'GET',
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        });
+
+        if (result.ok) {
+            const json = await result.json()
+            return graph.extend(json.result, true)
+        }
+
+        return []
+    }
+
+    const deleteNeighbors = (nodes: Node[]) => {
+        if (nodes.length === 0) return;
+
+        graph.Elements = {
+            nodes: graph.Elements.nodes.map(node => {
+                const isTarget = graph.Elements.links.some(link => link.source.id === node.id && nodes.some(n => n.id === link.target.id));
+
+                if (!isTarget || !node.collapsed) return node
+
+                if (node.expand) {
+                    node.expand = false
+                    deleteNeighbors([node])
+                }
+
+                graph.NodesMap.delete(Number(node.id))
+
+                return undefined
+            }).filter(node => node !== undefined),
+            links: graph.Elements.links
+        }
+
+        graph.removeLinks()
+    }
+
+    const handelNodeRightClick = async (node: Node) => {
+        if (!node.expand) {
+            await onFetchNode(node)
+        } else {
+            deleteNeighbors([node])
+        }
+    }
+
+    const handleClick = (element: Node | Link, evt: MouseEvent) => {
+        setSelectedElement(element)
+
+        if (evt.ctrlKey) {
+            if (selectedElements.includes(element)) {
+                setSelectedElements(selectedElements.filter((el) => el !== element))
+                return
+            }
+            setSelectedElements([...selectedElements, element])
+        }
+
+        setSelectedElement(element)
+    }
+
+    const handleUnselected = (evt?: MouseEvent) => {
+        if (evt?.ctrlKey || (selectedElement && selectedElements.length === 0)) return
+        setSelectedElement(undefined)
+        setSelectedElements([])
+    }
+
+    return (
+        <div ref={parentRef} className="w-full h-full relative">
+            <ForceGraph2D
+                ref={chartRef}
+                backgroundColor="#434366"
+                width={parentRef.current?.clientWidth || 0}
+                height={parentRef.current?.clientHeight || 0}
+                graphData={data}
+                nodeRelSize={NODE_SIZE}
+                nodeCanvasObjectMode={() => 'replace'}
+                linkCanvasObjectMode={() => 'replace'}
+                nodeCanvasObject={(node, ctx) => {
+                    if (!node.x || !node.y) return
+                    
+                    ctx.fillStyle = node.color;
+                    ctx.strokeStyle = 'black';
+                    
+                    ctx.beginPath();
+                    ctx.arc(node.x, node.y, NODE_SIZE, 0, 2 * Math.PI, false);
+                    ctx.stroke();
+                    ctx.fill();
+                    
+                    
+                    ctx.fillStyle = 'black';
+                    ctx.textAlign = 'center';
+                    ctx.textBaseline = 'middle';
+                    ctx.font = '4px Arial';
+                    const ellipsis = '...';
+                    const ellipsisWidth = ctx.measureText(ellipsis).width;
+                    const nodeSize = NODE_SIZE * 2 - PADDING;
+                    let { name } = { ...node.data }
+
+                    // truncate text if it's too long
+                    if (ctx.measureText(name).width > nodeSize) {
+                        while (name.length > 0 && ctx.measureText(name).width + ellipsisWidth > nodeSize) {
+                            name = name.slice(0, -1);
+                        }
+                        name += ellipsis;
+                    }
+
+                    // add label
+                    ctx.fillText(name, node.x, node.y);
+                }}
+                linkCanvasObject={(link, ctx) => {
+                    if (!link.source.x || !link.source.y || !link.target.x || !link.target.y) return
+
+                    ctx.strokeStyle = link.color;
+                    ctx.globalAlpha = 0.5;
+
+                    ctx.beginPath();
+
+                    ctx.lineWidth = selectedElement && ("source" in selectedElement) && selectedElement.id === link.id ? 1 : 0.5
+                    if (link.source.id === link.target.id) {
+                        // handel self closing link
+                        ctx.lineWidth *= 2
+                        ctx.moveTo(link.source.x, link.source.y);
+                        ctx.arcTo(link.target.x + 20, link.target.y + 35, link.target.x - 20, link.target.y + 20, 10);
+                        ctx.arcTo(link.target.x - 20, link.target.y + 20, link.target.x, link.target.y, 10);
+                        ctx.closePath();
+                    } else {
+                        // handel multiple links between same nodes
+                        const sameNodeLinks = data.links.filter(l =>
+                            ((l.source.id === link.source.id && l.target.id === link.target.id) ||
+                                (l.source.id === link.target.id && l.target.id === link.source.id))
+                            && l.id !== link.id
+                        );
+
+                        const linkIndex = sameNodeLinks.findIndex(l => l.id === link.id);
+                        const offset = linkIndex === -1 ? 0 : (linkIndex) * 5;
+
+                        // add link
+                        ctx.moveTo(link.source.x, link.source.y);
+                        ctx.lineTo(link.target.x + offset, link.target.y + offset);
+                    }
+                    ctx.stroke();
+
+                    // add label
+                    const midX = (link.source.x + link.target.x) / 2;
+                    const midY = (link.source.y + link.target.y) / 2;
+                    ctx.globalAlpha = 1;
+                    ctx.fillStyle = 'black';
+                    ctx.font = '4px Arial';
+                    ctx.fillText(link.label, midX, midY);
+                }}
+                onNodeClick={handleClick}
+                onLinkClick={handleClick}
+                onNodeRightClick={handelNodeRightClick}
+                onBackgroundClick={handleUnselected}
+                onEngineStop={() => {
+                    setCooldownTicks(0)
+                }}
+                nodeVisibility="visible"
+                linkVisibility="visible"
+                cooldownTicks={cooldownTicks}
+                cooldownTime={cooldownTime}
+            />
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/app/globals.css b/app/globals.css
index 61a32d71..ac686b04 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -76,14 +76,7 @@
         @apply h-full w-full flex flex-col shadow-lg;
         background-color: #434366;
     }
-
-    .Canvas {
-        padding: 1rem;
-        width: 100%;
-        height: 100%;
-        background-color: #434366;
-    }
-
+    
     .Dropzone {
         display: flex;
         flex: 1 1 0%;
diff --git a/app/graph/GraphDataPanel.tsx b/app/graph/GraphDataPanel.tsx
index ae9cfbc8..16497566 100644
--- a/app/graph/GraphDataPanel.tsx
+++ b/app/graph/GraphDataPanel.tsx
@@ -2,18 +2,18 @@
 
 /* eslint-disable no-param-reassign */
 
-import { ElementDataDefinition, prepareArg, securedFetch, Toast } from "@/lib/utils";
+import { prepareArg, securedFetch, Toast } from "@/lib/utils";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
 import { Check, ChevronRight, MinusCircle, Pencil, PlusCircle, Trash2, X } from "lucide-react";
 import { Session } from "next-auth";
 import Button from "../components/ui/Button";
 import Input from "../components/ui/Input";
-import { Graph } from "../api/graph/model";
+import { Graph, Link, Node } from "../api/graph/model";
 
 /* eslint-disable react/require-default-props */
 interface Props {
-    obj: ElementDataDefinition;
-    setObj: Dispatch<SetStateAction<ElementDataDefinition>>;
+    obj: Node | Link;
+    setObj: Dispatch<SetStateAction<Node | Link | undefined>>;
     onExpand: () => void;
     graph: Graph;
     onDeleteElement?: () => Promise<void>;
@@ -28,12 +28,12 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
     const [isAddValue, setIsAddValue] = useState<boolean>(false);
     const [newKey, setNewKey] = useState<string>("");
     const [newVal, setNewVal] = useState<string>("");
-    const [label, setLabel] = useState("");
+    const [label, setLabel] = useState([""]);
     const type = !("source" in obj)
 
     useEffect(() => {
         setAttributes(Object.keys(obj.data).filter((key) => (key !== "name" || obj.data.name !== obj.id)));
-        setLabel(type ? obj.category : obj.label);
+        setLabel(type ? obj.category : [obj.label]);
     }, [obj, type]);
 
     const setProperty = async (key: string, val: string) => {
@@ -44,11 +44,29 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
         })).ok
 
         if (success) {
-            graph.Elements.forEach(({ data: e }) => {
+            graph.getElements().forEach(e => {
                 if (e.id !== id) return
                 e.data[key] = val
             })
-            setObj((prev) => ({ ...prev, data: { ...prev.data, [key]: val } }))
+            setObj((prev) => {
+                if (!prev) return prev
+                if ("source" in prev) {
+                    return {
+                        ...prev,
+                        data: {
+                            ...prev.data,
+                            [key]: val
+                        }
+                    } as Link
+                }
+                return {
+                    ...prev,
+                    data: {
+                        ...prev.data,
+                        [key]: val
+                    }
+                } as Node
+            })
             setNewVal("")
         }
 
@@ -63,7 +81,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
         })).ok
 
         if (success) {
-            graph.Elements.forEach(({ data: e }) => {
+            graph.getElements().forEach((e) => {
                 if (e.id !== id) return
                 delete e.data[key]
             })
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index 43a2bcdb..c8eff6fc 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -1,163 +1,70 @@
+/* eslint-disable no-param-reassign */
+/* eslint-disable react-hooks/exhaustive-deps */
+
 'use client'
 
-import CytoscapeComponent from "react-cytoscapejs";
-import cytoscape, { ElementDefinition, EventObject, NodeDataDefinition } from "cytoscape";
-import { useRef, useState, useImperativeHandle, forwardRef, useEffect, Dispatch, SetStateAction } from "react";
-import fcose from 'cytoscape-fcose';
+import { useRef, useState, useEffect, Dispatch, SetStateAction } from "react";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/components/ui/resizable";
 import { ImperativePanelHandle } from "react-resizable-panels";
 import { ChevronLeft, GitGraph, Maximize2, Minimize2, Table } from "lucide-react"
-import { cn, ElementDataDefinition, prepareArg, securedFetch } from "@/lib/utils";
+import { cn, prepareArg, securedFetch } from "@/lib/utils";
 import dynamic from "next/dynamic";
 import { Session } from "next-auth";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Category, Graph } from "../api/graph/model";
+import { Category, Graph, GraphData, Link, Node } from "../api/graph/model";
 import DataPanel from "./GraphDataPanel";
 import Labels from "./labels";
 import Toolbar from "./toolbar";
 import Button from "../components/ui/Button";
 import TableView from "./TableView";
 
+const ForceGraph = dynamic(() => import("../components/ForceGraph"), { ssr: false });
+
 const EditorComponent = dynamic(() => import("../components/EditorComponent"), {
     ssr: false
 })
 
-const LAYOUT = {
-    name: "fcose",
-    fit: true,
-    padding: 30,
-}
-
-cytoscape.use(fcose);
-
-function getStyle() {
-
-    const style: cytoscape.Stylesheet[] = [
-        {
-            selector: "core",
-            style: {
-                'active-bg-size': 0,  // hide gray circle when panning
-                // All of the following styles are meaningless and are specified
-                // to satisfy the linter...
-                'active-bg-color': 'blue',
-                'active-bg-opacity': 0.3,
-                "selection-box-border-color": 'gray',
-                "selection-box-border-width": 3,
-                "selection-box-opacity": 0.5,
-                "selection-box-color": 'gray',
-                "outside-texture-bg-color": 'blue',
-                "outside-texture-bg-opacity": 1,
-            },
-        },
-        {
-            selector: "node",
-            style: {
-                label: "data(data.name)",
-                "color": "black",
-                "text-valign": "center",
-                "text-wrap": "ellipsis",
-                "text-max-width": "10rem",
-                shape: "ellipse",
-                height: "15rem",
-                width: "15rem",
-                "border-width": 0.3,
-                "border-color": "white",
-                "border-opacity": 1,
-                "background-color": "data(color)",
-                "font-size": "3rem",
-                "overlay-padding": "1rem",
-            },
-        },
-        {
-            selector: "node:active",
-            style: {
-                "overlay-opacity": 0,  // hide gray box around active node
-            },
-        },
-        {
-            selector: "edge",
-            style: {
-                width: 1,
-                "line-color": "data(color)",
-                "line-opacity": 0.7,
-                "arrow-scale": 0.7,
-                "target-arrow-color": "data(color)",
-                "target-arrow-shape": "triangle",
-                'curve-style': 'bezier',
-            },
-        },
-        {
-            selector: "edge:active",
-            style: {
-                "overlay-opacity": 0,
-            },
-        },
-    ]
-    return style
-}
-
-const getElementId = (element: ElementDataDefinition) => element.source ? { id: element.id?.slice(1), query: "()-[e]-()" } : { id: element.id, query: "(e)" }
-
-const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQuery, historyQuery, historyQueries, fetchCount, data }: {
+function GraphView({ graph, selectedElement, setSelectedElement, runQuery, historyQuery, historyQueries, fetchCount, session }: {
     graph: Graph
-    selectedElement: ElementDataDefinition | undefined
-    setSelectedElement: Dispatch<SetStateAction<ElementDataDefinition | undefined>>
+    selectedElement: Node | Link | undefined
+    setSelectedElement: Dispatch<SetStateAction<Node | Link | undefined>>
     runQuery: (query: string) => Promise<void>
     historyQuery: string
     historyQueries: string[]
     fetchCount: () => void
-    data: Session | null
-}, ref) => {
+    session: Session | null
+}) {
 
+    const [data, setData] = useState<GraphData>(graph.Elements)
     const [query, setQuery] = useState<string>("")
-    const [selectedElements, setSelectedElements] = useState<(ElementDataDefinition)[]>([]);
+    const [selectedElements, setSelectedElements] = useState<(Node | Link)[]>([]);
     const [isCollapsed, setIsCollapsed] = useState<boolean>(true);
-    const chartRef = useRef<cytoscape.Core | null>(null)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const chartRef = useRef<any>(null)
     const dataPanel = useRef<ImperativePanelHandle>(null)
     const [maximize, setMaximize] = useState<boolean>(false)
     const [tabsValue, setTabsValue] = useState<string>("")
+    const [cooldownTicks, setCooldownTicks] = useState<number | undefined>(0)
+    const [cooldownTime, setCooldownTime] = useState<number | undefined>(2000)
+
+    useEffect(() => {
+        setData({ ...graph.Elements })
+    }, [graph.getElements().length, graph.Elements])
 
     useEffect(() => {
         const defaultChecked = graph.Data.length !== 0 ? "Table" : "Graph"
-        setTabsValue(graph.Elements.length !== 0 ? "Graph" : defaultChecked)
-    }, [graph.Elements.length, graph.Data.length])
-    
-    useImperativeHandle(ref, () => ({
-        expand: (elements: ElementDefinition[]) => {
-            const chart = chartRef.current
-            if (chart) {
-                chart.elements().remove()
-                chart.add(elements)
-                chart.elements().layout(LAYOUT).run();
-            }
-        }
-    }))
+        setTabsValue(graph.getElements().length !== 0 ? "Graph" : defaultChecked)
+    }, [graph.getElements().length, graph.Data.length])
 
     useEffect(() => {
         setSelectedElement(undefined)
         setSelectedElements([])
-    }, [graph.Id, setSelectedElement])
+    }, [graph.Id])
 
     useEffect(() => {
         setQuery(historyQuery)
     }, [historyQuery])
 
-    useEffect(() => {
-        const chart = chartRef.current
-        if (chart) {
-            chart.resize()
-            chart.fit()
-            chart.center()
-        }
-    }, [maximize])
-
-    useEffect(() => {
-        const chart = chartRef.current
-        if (!chart || tabsValue !== "Graph") return
-        chart.layout(LAYOUT).run();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [graph.Elements.length, graph.Elements]);
-
     const onExpand = (expand?: boolean) => {
         if (!dataPanel.current) return
         const panel = dataPanel.current
@@ -184,150 +91,36 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
         onExpand(!!selectedElement)
     }, [selectedElement])
 
-    // Send the user query to the server to expand a node
-    const onFetchNode = async (node: NodeDataDefinition) => {
-        const result = await securedFetch(`/api/graph/${graph.Id}/${node.id}`, {
-            method: 'GET',
-            headers: {
-                'Content-Type': 'application/json'
-            }
-        });
-
-        if (result.ok) {
-            const json = await result.json()
-            return graph.extend(json.result, true)
-        }
-
-        return []
+    const handelCooldown = () => {
+        setCooldownTicks(1000)
     }
 
     const onCategoryClick = (category: Category) => {
-        const chart = chartRef.current
-        if (chart) {
-            const elements = chart.nodes(`[category.0 = "${category.name}"]`)
-
-            // eslint-disable-next-line no-param-reassign
-            category.show = !category.show
+        category.show = !category.show
+        graph.Elements.nodes.forEach((node) => {
+            if (node.category[0] !== category.name) return
             if (category.show) {
-                elements.style({ display: 'element' })
+                node.visible = true
             } else {
-                elements.style({ display: 'none' })
+                node.visible = false
             }
-
-            chart.elements().layout(LAYOUT).run();
-        }
+        })
+        setData({ ...graph.Elements })
     }
 
     const onLabelClick = (label: Category) => {
-        const chart = chartRef.current
-        if (!chart) return
-        const elements = chart.edges(`[label = "${label.name}"]`)
-
-        // eslint-disable-next-line no-param-reassign
         label.show = !label.show
-
-        if (label.show) {
-            elements.style({ display: 'element' })
-        } else {
-            elements.style({ display: 'none' })
-        }
-        chart.elements().layout(LAYOUT).run();
-    }
-
-    const handleDoubleTap = async (evt: EventObject) => {
-        const chart = chartRef.current
-
-        if (!chart) return
-
-        const node = evt.target.json().data;
-        const graphNode = graph.Elements.find(e => e.data.id === node.id);
-
-        if (!graphNode) return
-
-        if (!graphNode.data.expand) {
-            chart.add(await onFetchNode(node));
-        } else {
-            const neighbors = chart.elements(`#${node.id}`).neighborhood()
-            neighbors.forEach((n) => {
-                const id = n.id()
-                const index = graph.Elements.findIndex(e => e.data.id === id)
-                chart.remove(`#${id}`)
-
-                if (index === -1) return
-
-                graph.Elements.splice(index, 1)
-            })
-        }
-
-        graphNode.data.expand = !graphNode.data.expand;
-
-        chart.elements().layout(LAYOUT).run();
-    }
-
-
-    const handleSelected = (evt: EventObject) => {
-        const { target } = evt
-
-        if (target.isEdge()) {
-            target.style("line-opacity", 0.9);
-            target.style("width", 2);
-            target.style("arrow-scale", 1);
-        } else target.style("border-width", 0.7);
-
-        const obj: ElementDataDefinition = target.json().data;
-        setSelectedElement(obj);
-    }
-
-    const handleBoxSelected = (evt: EventObject) => {
-        const { target } = evt
-        const type = target.isEdge() ? "edge" : "node"
-
-        if (type === "edge") {
-            target.style("line-opacity", 0.9);
-            target.style("width", 2);
-            target.style("arrow-scale", 1);
-        } else target.style("border-width", 0.7);
-
-        const obj: ElementDataDefinition = target.json().data;
-
-        setSelectedElements(prev => [...prev, obj]);
-    }
-
-    const handleUnselected = (evt: EventObject) => {
-        const { target } = evt
-
-        if (target.isEdge()) {
-            target.style("line-opacity", 0.7);
-            target.style("width", 1);
-            target.style("arrow-scale", 0.7);
-        } else target.style("border-width", 0.3);
-
-        setSelectedElement(undefined);
-        setSelectedElements([]);
+        graph.Elements.links.forEach((link) => {
+            if (link.label !== label.name) return
+            if (label.show) {
+                link.visible = true
+            } else {
+                link.visible = false
+            }
+        })
+        setData({ ...graph.Elements })
     }
 
-    const handleMouseOver = (evt: EventObject) => {
-        const { target } = evt;
-
-        if (target.selected()) return
-        if (target.isEdge()) {
-            target.style("line-opacity", 0.9);
-            target.style("width", 2);
-            target.style("arrow-scale", 1);
-        } else target.style("border-width", 0.7);
-    };
-
-    const handleMouseOut = async (evt: EventObject) => {
-        const { target } = evt;
-
-        if (target.selected()) return
-        if (target.isEdge()) {
-            target.style("line-opacity", 0.7);
-            target.style("width", 1);
-            target.style("arrow-scale", 0.7);
-        } else target.style("border-width", 0.3);
-    };
-
     const handelDeleteElement = async () => {
         if (selectedElements.length === 0 && selectedElement) {
             selectedElements.push(selectedElement)
@@ -338,8 +131,8 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
         const conditionsEdges: string[] = []
 
         selectedElements.forEach((element) => {
-            const { id } = getElementId(element)
-            if (element.source) {
+            const { id } = element
+            if ("source" in element) {
                 conditionsEdges.push(`id(e) = ${id}`)
             } else {
                 conditionsNodes.push(`id(n) = ${id}`)
@@ -355,18 +148,29 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
         if (!result.ok) return
 
         selectedElements.forEach((element) => {
-            const type = !element.source
-            const { id } = getElementId(element)
-            graph.Elements.splice(graph.Elements.findIndex(e => e.data.id === id), 1)
-            chartRef.current?.remove(`#${id} `)
+            const { id } = element
+            const type = !("source" in element)
 
-            fetchCount()
+            if (type) {
+                graph.Elements.nodes.splice(graph.Elements.nodes.findIndex(n => n.id === id), 1)
+            } else {
+                graph.Elements.links.splice(graph.Elements.links.findIndex(l => l.id === id), 1)
+            }
 
-            graph.updateCategories(type ? element.category : element.label, type)
+            graph.updateCategories(type ? element.category[0] : element.label, type)
+            fetchCount()
         })
 
         setSelectedElements([])
         setSelectedElement(undefined)
+        setData({ ...graph.Elements })
+        handelCooldown()
+    }
+
+    const handelRunQuery = async (q: string) => {
+        await runQuery(q)
+        chartRef.current?.zoomToFit(1000, 40)
+        handelCooldown()
     }
 
     return (
@@ -381,14 +185,14 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
                     maximize={maximize}
                     currentQuery={query}
                     historyQueries={historyQueries}
-                    runQuery={runQuery}
+                    runQuery={handelRunQuery}
                     setCurrentQuery={setQuery}
-                    data={data}
+                    data={session}
                 />
                 <Tabs value={tabsValue} className="h-1 grow flex gap-2">
                     <TabsList className="h-full bg-background flex flex-col justify-center gap-2">
                         <TabsTrigger
-                            disabled={graph.Elements.length === 0}
+                            disabled={graph.getElements().length === 0}
                             className="tabs-trigger"
                             value="Graph"
                             onClick={() => setTabsValue("Graph")}
@@ -410,9 +214,12 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
                             <div className="flex items-center justify-between">
                                 <Toolbar
                                     disabled={!graph.Id}
-                                    deleteDisabled={(Object.values(selectedElements).length === 0 && !selectedElement) || data?.user.role === "Read-Only"}
+                                    deleteDisabled={(Object.values(selectedElements).length === 0 && !selectedElement) || session?.user.role === "Read-Only"}
                                     onDeleteElement={handelDeleteElement}
                                     chartRef={chartRef}
+                                    cooldownTime={cooldownTime}
+                                    setCooldownTime={setCooldownTime}
+                                    handelCooldown={handelCooldown}
                                     addDisabled
                                 />
                                 {
@@ -442,29 +249,17 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
                                             onKeyDown={(e) => e.code === "Escape" && setMaximize(false)}
                                         />
                                 }
-                                <CytoscapeComponent
-                                    className="Canvas"
-                                    cy={(cy) => {
-
-                                        chartRef.current = cy
-
-                                        cy.removeAllListeners()
-
-                                        cy.on('dbltap', 'node', handleDoubleTap)
-                                        cy.on('mouseover', 'node', handleMouseOver)
-                                        cy.on('mouseover', 'edge', handleMouseOver)
-                                        cy.on('mouseout', 'node', handleMouseOut)
-                                        cy.on('mouseout', 'edge', handleMouseOut)
-                                        cy.on('tapunselect', 'node', handleUnselected)
-                                        cy.on('tapunselect', 'edge', handleUnselected)
-                                        cy.on('tapselect', 'node', handleSelected)
-                                        cy.on('tapselect', 'edge', handleSelected)
-                                        cy.on('boxselect', 'node', handleBoxSelected)
-                                        cy.on('boxselect', 'edge', handleBoxSelected)
-                                    }}
-                                    elements={graph.Elements}
-                                    layout={LAYOUT}
-                                    stylesheet={getStyle()}
+                                <ForceGraph
+                                    graph={graph}
+                                    chartRef={chartRef}
+                                    data={data}
+                                    selectedElement={selectedElement}
+                                    setSelectedElement={setSelectedElement}
+                                    selectedElements={selectedElements}
+                                    setSelectedElements={setSelectedElements}
+                                    cooldownTicks={cooldownTicks}
+                                    setCooldownTicks={setCooldownTicks}
+                                    cooldownTime={cooldownTime}
                                 />
                                 {
                                     (graph.Categories.length > 0 || graph.Labels.length > 0) &&
@@ -502,13 +297,13 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
                         onExpand={onExpand}
                         graph={graph}
                         onDeleteElement={handelDeleteElement}
-                        data={data}
+                        data={session}
                     />
                 }
             </ResizablePanel>
         </ResizablePanelGroup >
     )
-});
+}
 
 GraphView.displayName = "GraphView";
 
diff --git a/app/graph/page.tsx b/app/graph/page.tsx
index 7d400bde..66e828f5 100644
--- a/app/graph/page.tsx
+++ b/app/graph/page.tsx
@@ -2,11 +2,10 @@
 
 import { useCallback, useEffect, useState } from "react";
 import { Toast, prepareArg, securedFetch } from "@/lib/utils";
-import { ElementDataDefinition } from "cytoscape";
 import { useSession } from "next-auth/react";
 import Selector from "./Selector";
 import Header from "../components/Header";
-import { Graph, Query } from "../api/graph/model";
+import { Graph, Link, Node, Query } from "../api/graph/model";
 import GraphView from "./GraphView";
 
 export default function Page() {
@@ -17,7 +16,7 @@ export default function Page() {
     const [graph, setGraph] = useState<Graph>(Graph.empty())
     const [queries, setQueries] = useState<Query[]>([])
     const [historyQuery, setHistoryQuery] = useState<string>("")
-    const [selectedElement, setSelectedElement] = useState<ElementDataDefinition>();
+    const [selectedElement, setSelectedElement] = useState<Node | Link>();
     const { data } = useSession()
 
 
@@ -76,7 +75,11 @@ export default function Page() {
         const result = await run(query)
         if (!result) return
         setQueries(prev => [...prev, { text: query, metadata: result.metadata }])
-        setGraph(Graph.create(graphName, result, graph.Colors))
+        const g = Graph.create(graphName, result, graph.Colors)
+        setGraph(g)
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        window.graph = g
     }
 
     const runHistoryQuery = async (query: string, setQueriesOpen: (open: boolean) => void) => {
@@ -112,7 +115,7 @@ export default function Page() {
                     historyQuery={historyQuery}
                     historyQueries={queries.map(({ text }) => text)}
                     fetchCount={fetchCount}
-                    data={data}
+                    session={data}
                 />
             </div>
         </div >
diff --git a/app/graph/toolbar.tsx b/app/graph/toolbar.tsx
index 05624ca2..1ebd7c58 100644
--- a/app/graph/toolbar.tsx
+++ b/app/graph/toolbar.tsx
@@ -4,19 +4,36 @@
 
 import { Link, PlusCircle, Shrink, Trash2, ZoomIn, ZoomOut } from "lucide-react";
 import { Dialog, DialogTrigger } from "@/components/ui/dialog";
-import { useState } from "react";
+import { Dispatch, SetStateAction, useState } from "react";
 import Button from "../components/ui/Button";
 import DialogComponent from "../components/DialogComponent";
 
-export default function Toolbar({ disabled, addDisabled, chartRef, onDeleteElement, onAddEntity, onAddRelation, deleteDisabled }: {
+interface Props {
     addDisabled?: boolean,
     disabled?: boolean,
-    chartRef: React.RefObject<cytoscape.Core>,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    chartRef: React.RefObject<any>,
     onDeleteElement?: () => Promise<void>,
     onAddEntity?: () => void,
     onAddRelation?: () => void,
     deleteDisabled?: boolean,
-}) {
+    cooldownTime: number | undefined
+    setCooldownTime: Dispatch<SetStateAction<number | undefined>>
+    handelCooldown: () => void
+}
+
+export default function Toolbar({
+    disabled,
+    addDisabled,
+    chartRef,
+    onDeleteElement,
+    onAddEntity,
+    onAddRelation,
+    deleteDisabled,
+    cooldownTime,
+    setCooldownTime,
+    handelCooldown,
+}: Props) {
 
     const [deleteOpen, setDeleteOpen] = useState(false)
 
@@ -30,8 +47,7 @@ export default function Toolbar({ disabled, addDisabled, chartRef, onDeleteEleme
     const handleCenterClick = () => {
         const chart = chartRef.current
         if (chart) {
-            chart.fit()
-            chart.center()
+            chart.zoomToFit(1000, 40)
         }
     }
 
@@ -116,6 +132,17 @@ export default function Toolbar({ disabled, addDisabled, chartRef, onDeleteEleme
                     icon={<Shrink />}
                     onClick={() => handleCenterClick()}
                 />
+                <Button
+                    disabled={disabled}
+                    variant="Secondary"
+                    label={cooldownTime !== undefined ? "Move" : "Stay"}
+                    onClick={() => {
+                        setCooldownTime(cooldownTime !== undefined ? undefined : 2000)
+                        if (cooldownTime !== undefined) {
+                            handelCooldown()
+                        }
+                    }}
+                />
             </div>
         </div>
     )
diff --git a/lib/utils.ts b/lib/utils.ts
index 422f10ca..36bba62e 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,11 +1,8 @@
 import { toast } from "@/components/ui/use-toast"
 import { type ClassValue, clsx } from "clsx"
-import { EdgeDataDefinition, NodeDataDefinition } from "cytoscape"
 import { signOut } from "next-auth/react"
 import { twMerge } from "tailwind-merge"
 
-export type ElementDataDefinition = NodeDataDefinition | EdgeDataDefinition
-
 // eslint-disable-next-line import/prefer-default-export
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
diff --git a/package-lock.json b/package-lock.json
index 1d0c5e4f..9866eb25 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "cmdk": "^0.2.0",
         "cytoscape": "^3.28.1",
         "cytoscape-fcose": "^2.2.0",
+        "depcheck": "^1.4.7",
         "echarts": "^5.5.0",
         "echarts-for-react": "^3.0.2",
         "eslint-config-airbnb": "^19.0.4",
@@ -51,6 +52,7 @@
         "react-cytoscapejs": "^2.0.0",
         "react-dom": "^18",
         "react-dropzone": "^14.2.3",
+        "react-force-graph-2d": "^1.26.1",
         "react-hook-form": "^7.49.3",
         "react-json-tree": "^0.19.0",
         "react-resizable-panels": "^1.0.9",
@@ -93,6 +95,64 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@babel/code-frame": {
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
+      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
+      "dependencies": {
+        "@babel/parser": "^7.26.3",
+        "@babel/types": "^7.26.3",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
+      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
+      "dependencies": {
+        "@babel/types": "^7.26.3"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/@babel/runtime": {
       "version": "7.25.6",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.6.tgz",
@@ -105,6 +165,48 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/template": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
+      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
+      "dependencies": {
+        "@babel/code-frame": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.26.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
+      "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
+      "dependencies": {
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.3",
+        "@babel/parser": "^7.26.3",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.26.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -1715,6 +1817,11 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@tweenjs/tween.js": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-25.0.0.tgz",
+      "integrity": "sha512-XKLA6syeBUaPzx4j3qwMqzzq+V4uo72BnlbOjmuljLrRqdsd3qnzvZZoxvMHZ23ndsRS4aufU6JOZYpCbU6T1A=="
+    },
     "node_modules/@types/cytoscape": {
       "version": "3.21.8",
       "resolved": "https://registry.npmjs.org/@types/cytoscape/-/cytoscape-3.21.8.tgz",
@@ -1751,6 +1858,11 @@
       "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==",
       "license": "MIT"
     },
+    "node_modules/@types/minimatch": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
+      "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ=="
+    },
     "node_modules/@types/node": {
       "version": "20.16.5",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.16.5.tgz",
@@ -1761,6 +1873,11 @@
         "undici-types": "~6.19.2"
       }
     },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.13",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
@@ -2048,6 +2165,65 @@
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
       "license": "ISC"
     },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.13",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.13",
+        "@vue/shared": "3.5.13"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
+      "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/compiler-core": "3.5.13",
+        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-ssr": "3.5.13",
+        "@vue/shared": "3.5.13",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.11",
+        "postcss": "^8.4.48",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
+      "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.13",
+        "@vue/shared": "3.5.13"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ=="
+    },
+    "node_modules/accessor-fn": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/accessor-fn/-/accessor-fn-1.5.1.tgz",
+      "integrity": "sha512-zZpFYBqIL1Aqg+f2qmYHJ8+yIZF7/tP6PUGx2/QM0uGPSO5UegpinmkNwDohxWtOj586BpMPVRUjce2HI6xB3A==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.12.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
@@ -2094,6 +2270,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
@@ -2162,6 +2352,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array-differ": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-3.0.0.tgz",
+      "integrity": "sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/array-includes": {
       "version": "3.1.8",
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
@@ -2186,7 +2384,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -2306,6 +2503,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ast-types-flow": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
@@ -2396,6 +2601,15 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "license": "MIT"
     },
+    "node_modules/bezier-js": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/bezier-js/-/bezier-js-6.1.4.tgz",
+      "integrity": "sha512-PA0FW9ZpcHbojUCMu28z9Vg/fNkwTj5YhusSAjHHDfHDGLxJ6YUKrAN2vk1fP2MMOxVw4Oko16FMlRGVBGqLKg==",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/Pomax/bezierjs/blob/master/FUNDING.md"
+      }
+    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -2490,6 +2704,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+      "integrity": "sha512-0vdNRFXn5q+dtOqjfFtmtlI9N2eVZ7LMyEV2iKC5mEEFvSg/69Ml6b/WU2qF8W1nLRa0wiSrDT3Y5jOHZCwKPQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -2499,6 +2721,17 @@
         "node": ">=6"
       }
     },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/camelcase-css": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
@@ -2527,6 +2760,17 @@
         }
       ]
     },
+    "node_modules/canvas-color-tracker": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/canvas-color-tracker/-/canvas-color-tracker-1.3.1.tgz",
+      "integrity": "sha512-eNycxGS7oQ3IS/9QQY41f/aQjiO9Y/MtedhCgSdsbLSxC9EyUD8L3ehl/Q3Kfmvt8um79S45PBV+5Rxm5ztdSw==",
+      "dependencies": {
+        "tinycolor2": "^1.6.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -2590,6 +2834,16 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
     "node_modules/clsx": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -2938,6 +3192,29 @@
         "layout-base": "^2.0.0"
       }
     },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cosmiconfig/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -2991,6 +3268,203 @@
         "cytoscape": "^3.2.0"
       }
     },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-binarytree": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/d3-binarytree/-/d3-binarytree-1.0.2.tgz",
+      "integrity": "sha512-cElUNH+sHu95L04m92pG73t2MEJXKu+GeKUN1TJkFsu93E5W8E9Sc3kHEGJKgenGvj19m6upSn2EunvMgMD2Yw=="
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force-3d": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/d3-force-3d/-/d3-force-3d-3.0.5.tgz",
+      "integrity": "sha512-tdwhAhoTYZY/a6eo9nR7HP3xSW/C6XvJTbeRpR92nlPzH6OiE+4MliN9feuSFd0tPtEUo+191qOhCTWx3NYifg==",
+      "dependencies": {
+        "d3-binarytree": "1",
+        "d3-dispatch": "1 - 3",
+        "d3-octree": "1",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-octree": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/d3-octree/-/d3-octree-1.0.2.tgz",
+      "integrity": "sha512-Qxg4oirJrNXauiuC94uKMbgxwnhdda9xRLl9ihq45srlJ4Ga3CSgqGcAL8iW7N5CIv4Oz8x3E734ulxyvHPvwA=="
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -3137,6 +3611,108 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/depcheck": {
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/depcheck/-/depcheck-1.4.7.tgz",
+      "integrity": "sha512-1lklS/bV5chOxwNKA/2XUUk/hPORp8zihZsXflr8x0kLwmcZ9Y9BsS6Hs3ssvA+2wUVbG0U2Ciqvm1SokNjPkA==",
+      "dependencies": {
+        "@babel/parser": "^7.23.0",
+        "@babel/traverse": "^7.23.2",
+        "@vue/compiler-sfc": "^3.3.4",
+        "callsite": "^1.0.0",
+        "camelcase": "^6.3.0",
+        "cosmiconfig": "^7.1.0",
+        "debug": "^4.3.4",
+        "deps-regex": "^0.2.0",
+        "findup-sync": "^5.0.0",
+        "ignore": "^5.2.4",
+        "is-core-module": "^2.12.0",
+        "js-yaml": "^3.14.1",
+        "json5": "^2.2.3",
+        "lodash": "^4.17.21",
+        "minimatch": "^7.4.6",
+        "multimatch": "^5.0.0",
+        "please-upgrade-node": "^3.2.0",
+        "readdirp": "^3.6.0",
+        "require-package-name": "^2.0.1",
+        "resolve": "^1.22.3",
+        "resolve-from": "^5.0.0",
+        "semver": "^7.5.4",
+        "yargs": "^16.2.0"
+      },
+      "bin": {
+        "depcheck": "bin/depcheck.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/depcheck/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/depcheck/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/depcheck/node_modules/minimatch": {
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-7.4.6.tgz",
+      "integrity": "sha512-sBz8G/YjVniEz6lKPNpKxXwazJe4c19fEfV2GDMX6AjFz+MX9uDWIZW8XreVhkFW3fkIdTv/gxWr/Kks5FFAVw==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/depcheck/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/depcheck/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/deps-regex": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/deps-regex/-/deps-regex-0.2.0.tgz",
+      "integrity": "sha512-PwuBojGMQAYbWkMXOY9Pd/NWCDNHVH12pnS7WHqZkTSeMESe4hwnKKRp0yR87g37113x4JPbo/oIvXY+s/f56Q=="
+    },
+    "node_modules/detect-file": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
+      "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
@@ -3238,9 +3814,33 @@
         "tapable": "^2.2.0"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/error-ex/node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+    },
     "node_modules/es-abstract": {
       "version": "1.23.3",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
@@ -3909,21 +4509,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/eslint/node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -4027,6 +4612,18 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/esquery": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
@@ -4060,6 +4657,11 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -4069,6 +4671,17 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/falkordb": {
       "version": "6.2.3",
       "resolved": "https://registry.npmjs.org/falkordb/-/falkordb-6.2.3.tgz",
@@ -4188,6 +4801,20 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/findup-sync": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-5.0.0.tgz",
+      "integrity": "sha512-MzwXju70AuyflbgeOhzvQWAvvQdo1XL0A9bVvlXsYcFEBM87WR4OakL4OfZq+QRmr+duJubio+UtNQCPsVESzQ==",
+      "dependencies": {
+        "detect-file": "^1.0.0",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.4",
+        "resolve-dir": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
     "node_modules/flat-cache": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
@@ -4217,6 +4844,30 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/force-graph": {
+      "version": "1.47.1",
+      "resolved": "https://registry.npmjs.org/force-graph/-/force-graph-1.47.1.tgz",
+      "integrity": "sha512-NF0prpR8tNGq7oCE/aFImT/6/3wSk585bcp39UAj6SNSPjvKbX6ktCH6cZnjfsnPNx/DYj1rn+cvvjH814HCFA==",
+      "dependencies": {
+        "@tweenjs/tween.js": "18 - 25",
+        "accessor-fn": "1",
+        "bezier-js": "3 - 6",
+        "canvas-color-tracker": "^1.3",
+        "d3-array": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-force-3d": "2 - 3",
+        "d3-scale": "1 - 4",
+        "d3-scale-chromatic": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-zoom": "2 - 3",
+        "index-array-by": "1",
+        "kapsule": "^1.16",
+        "lodash-es": "4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/foreground-child": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
@@ -4310,6 +4961,14 @@
         "node": ">= 4"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
@@ -4423,6 +5082,53 @@
         "node": "*"
       }
     },
+    "node_modules/global-modules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+      "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+      "dependencies": {
+        "global-prefix": "^1.0.1",
+        "is-windows": "^1.0.1",
+        "resolve-dir": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+      "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+      "dependencies": {
+        "expand-tilde": "^2.0.2",
+        "homedir-polyfill": "^1.0.1",
+        "ini": "^1.3.4",
+        "is-windows": "^1.0.1",
+        "which": "^1.2.14"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/globalthis": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
@@ -4556,6 +5262,17 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+      "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+      "dependencies": {
+        "parse-passwd": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -4590,6 +5307,14 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/index-array-by": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/index-array-by/-/index-array-by-1.4.2.tgz",
+      "integrity": "sha512-SP23P27OUKzXWEC/TOyWlwLviofQkCSCKONnc62eItjp69yCZZPqDQtr3Pw5gJDnPeUMqExmKydNZaJO0FU9pw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -4607,6 +5332,11 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "license": "ISC"
     },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+    },
     "node_modules/internal-slot": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
@@ -4621,6 +5351,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/invariant": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
@@ -5044,6 +5782,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/isarray": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
@@ -5084,6 +5830,14 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
+    "node_modules/jerrypick": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jerrypick/-/jerrypick-1.1.1.tgz",
+      "integrity": "sha512-XTtedPYEyVp4t6hJrXuRKr/jHj8SC4z+4K0b396PMkov6muL+i8IIamJIvZWe3jUspgIJak0P+BaWKawMYNBLg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/jiti": {
       "version": "1.21.6",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
@@ -5120,12 +5874,28 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
       "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
       "license": "MIT"
     },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -5138,6 +5908,17 @@
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "license": "MIT"
     },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -5153,6 +5934,17 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/kapsule": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/kapsule/-/kapsule-1.16.0.tgz",
+      "integrity": "sha512-4f/z/Luu0cEXmagCwaFyzvfZai2HKgB4CQLwmsMUA+jlUbW94HfFSX+TWZxzWoMSO6b6aR+FD2Xd5z88VYZJTw==",
+      "dependencies": {
+        "lodash-es": "4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -5267,6 +6059,14 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -5335,6 +6135,44 @@
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
+    "node_modules/multimatch": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-5.0.0.tgz",
+      "integrity": "sha512-ypMKuglUrZUD99Tk2bUQ+xNQj43lPEfAeX2o9cTteAmShXy2VHDJpuwu1o0xqoKCt9jLVAvwyFKdLTPXKAfJyA==",
+      "dependencies": {
+        "@types/minimatch": "^3.0.3",
+        "array-differ": "^3.0.0",
+        "array-union": "^2.1.0",
+        "arrify": "^2.0.1",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/multimatch/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/multimatch/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
@@ -5761,6 +6599,31 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -5820,17 +6683,15 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/picocolors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
-      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
-      "license": "ISC"
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -5892,6 +6753,14 @@
         "node": ">=18"
       }
     },
+    "node_modules/please-upgrade-node": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",
+      "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==",
+      "dependencies": {
+        "semver-compare": "^1.0.0"
+      }
+    },
     "node_modules/possible-typed-array-names": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
@@ -5902,9 +6771,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.47",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
-      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
+      "version": "8.4.49",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
       "funding": [
         {
           "type": "opencollective",
@@ -5919,10 +6788,9 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "nanoid": "^3.3.7",
-        "picocolors": "^1.1.0",
+        "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
       "engines": {
@@ -6199,6 +7067,22 @@
         "react": ">= 16.8 || 18.0.0"
       }
     },
+    "node_modules/react-force-graph-2d": {
+      "version": "1.26.1",
+      "resolved": "https://registry.npmjs.org/react-force-graph-2d/-/react-force-graph-2d-1.26.1.tgz",
+      "integrity": "sha512-7dRD0zNjMpeNghc6dwqzKrdWz45kM1/RNQ7OfR/Y4t9cK02NvHjtmA5JeKePAmzZajqmQQFCbTtwxEfhKgcsww==",
+      "dependencies": {
+        "force-graph": "^1.47",
+        "prop-types": "15",
+        "react-kapsule": "^2.5"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-hook-form": {
       "version": "7.53.0",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.0.tgz",
@@ -6234,6 +7118,20 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-kapsule": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/react-kapsule/-/react-kapsule-2.5.6.tgz",
+      "integrity": "sha512-aE4Nq7dDG8R/LdNmvOL6Azjr97I2E7ycFDJRkoHJSp9OQgTJDT3MHTJtJDrOTwzCl6sllYSqrtcndaCzizyAjQ==",
+      "dependencies": {
+        "jerrypick": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1"
+      }
+    },
     "node_modules/react-remove-scroll": {
       "version": "2.5.7",
       "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz",
@@ -6397,6 +7295,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-package-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/require-package-name/-/require-package-name-2.0.1.tgz",
+      "integrity": "sha512-uuoJ1hU/k6M0779t3VMVIYpb2VMJk05cehCaABFhXaibcbvfgR8wKiozLjVFSzJPmQMRqIcO0HMyTFqfV09V6Q=="
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -6414,6 +7325,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/resolve-dir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+      "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+      "dependencies": {
+        "expand-tilde": "^2.0.0",
+        "global-modules": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -6535,6 +7458,11 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/semver-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow=="
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -6651,6 +7579,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+    },
     "node_modules/state-local": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz",
@@ -7066,6 +7999,11 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw=="
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -7468,12 +8406,10 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
+    "node_modules/wrap-ansi": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -7486,19 +8422,22 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
       "license": "MIT",
       "dependencies": {
-        "color-convert": "^2.0.1"
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
     "node_modules/wrappy": {
@@ -7507,6 +8446,14 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "license": "ISC"
     },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -7525,6 +8472,31 @@
         "node": ">= 14"
       }
     },
+    "node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index bd23bbea..6b61f7b1 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "cmdk": "^0.2.0",
     "cytoscape": "^3.28.1",
     "cytoscape-fcose": "^2.2.0",
+    "depcheck": "^1.4.7",
     "echarts": "^5.5.0",
     "echarts-for-react": "^3.0.2",
     "eslint-config-airbnb": "^19.0.4",
@@ -55,6 +56,7 @@
     "react-cytoscapejs": "^2.0.0",
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
+    "react-force-graph-2d": "^1.26.1",
     "react-hook-form": "^7.49.3",
     "react-json-tree": "^0.19.0",
     "react-resizable-panels": "^1.0.9",

From dac119970d18c3f0f8c07e81bbb0503961c4dafa Mon Sep 17 00:00:00 2001
From: Naseem Ali <34807727+Naseem77@users.noreply.github.com>
Date: Tue, 17 Dec 2024 11:53:27 +0200
Subject: [PATCH 07/45] update graphPage

---
 app/components/ui/combobox.tsx |  1 +
 e2e/logic/POM/graphPage.ts     | 15 +++++++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index aaf5e6c2..030dcae7 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -104,6 +104,7 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
       }}>
         <DropdownMenuTrigger disabled={disabled} asChild>
           <Button
+            data-type="selectGraph"
             className={cn(inTable ? "text-sm font-light" : "text-2xl")}
             label={selectedValue || `Select ${type || "Graph"}`}
             open={open}
diff --git a/e2e/logic/POM/graphPage.ts b/e2e/logic/POM/graphPage.ts
index 8bc46165..ecdcd8d1 100644
--- a/e2e/logic/POM/graphPage.ts
+++ b/e2e/logic/POM/graphPage.ts
@@ -5,7 +5,7 @@ import { waitForTimeOut } from "@/e2e/infra/utils";
 export class graphPage extends BasePage {
 
     private get graphsMenu(): Locator {
-        return this.page.getByRole("button", { name : "Select Graph"});
+        return this.page.locator("//button[@data-type='selectGraph']");
     }
 
     private graphsMenuByName(graph: string): Locator {
@@ -56,10 +56,17 @@ export class graphPage extends BasePage {
         return (graph: string) => this.page.locator(`//tbody//tr/td[1][contains(text(), '${graph}')]/parent::tr//td[3]/button`);
     }
 
+    private get graphMenuElements(): Locator {
+        return this.page.locator("//tbody/tr");
+    }
+
     async countGraphsInMenu(): Promise<number> {
         await waitForTimeOut(this.page, 1000);
-        await this.graphsMenu.click()
-        return await this.dropDownMenuGraphs.count() - 1;
+        await this.graphsMenu.click();
+        await this.manageGraphBtn.click();
+        const count = await this.graphMenuElements.count();
+        await this.refreshPage();
+        return count;
     }
     
     async removeGraph(): Promise<void> {
@@ -71,7 +78,7 @@ export class graphPage extends BasePage {
     async removeAllGraphs(): Promise<void> {
         await waitForTimeOut(this.page, 1000);
         const graphCount = await this.countGraphsInMenu();
-        
+        await this.graphsMenu.click();
         await this.manageGraphBtn.click()
         for(let i = graphCount; i >= 1; i--){
             await this.removeGraph();

From 81a31aea6b475db93e8b820da4a857b308e1b4ff Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 19 Dec 2024 14:16:47 +0200
Subject: [PATCH 08/45] replace cytoscape with force graph

---
 app/api/graph/model.ts             |  26 +-
 app/components/ForceGraph.tsx      | 235 ++++++++++++++----
 app/graph/GraphView.tsx            |   7 +
 app/graph/labels.tsx               |   2 +-
 app/schema/SchemaCreateElement.tsx |  21 +-
 app/schema/SchemaDataPanel.tsx     |   7 +-
 app/schema/SchemaView.tsx          | 370 +++++++++--------------------
 app/schema/page.tsx                |  14 +-
 8 files changed, 361 insertions(+), 321 deletions(-)

diff --git a/app/api/graph/model.ts b/app/api/graph/model.ts
index 0d73598a..f71b17fd 100644
--- a/app/api/graph/model.ts
+++ b/app/api/graph/model.ts
@@ -25,6 +25,7 @@ export type Link = LinkObject<Node, {
     visible: boolean,
     expand: boolean,
     collapsed: boolean,
+    curve: number,
     data: {
         [key: string]: any
     }
@@ -303,6 +304,7 @@ export class Graph {
                 expand: false,
                 collapsed,
                 visible: true,
+                curve: 0,
                 data: {}
             }
 
@@ -400,10 +402,32 @@ export class Graph {
         return l
     }
 
-    public removeLinks() {
+    public visibleLinks(visible: boolean) {
+        this.elements.links.forEach(link => {
+            if (visible && (this.elements.nodes.map(n => n.id).includes(link.source.id) && link.source.visible) && (this.elements.nodes.map(n => n.id).includes(link.target.id) && link.target.visible)) {
+                // eslint-disable-next-line no-param-reassign
+                link.visible = true
+            }
+
+            if (!visible && ((this.elements.nodes.map(n => n.id).includes(link.source.id) && !link.source.visible) || (this.elements.nodes.map(n => n.id).includes(link.target.id) && !link.target.visible))) {
+                // eslint-disable-next-line no-param-reassign
+                link.visible = false
+            }
+        })
+    }
+
+    public removeLinks(ids: number[] = []) {
+        const elements = this.elements.links.filter(link => ids.includes(link.source.id) || ids.includes(link.target.id))
+
         this.elements = {
             nodes: this.elements.nodes,
             links: this.elements.links.map(link => {
+                if (ids.length !== 0 && elements.includes(link)) {
+                    this.linksMap.delete(link.id)
+
+                    return undefined
+                }
+
                 if (this.elements.nodes.map(n => n.id).includes(link.source.id) && this.elements.nodes.map(n => n.id).includes(link.target.id)) {
                     return link
                 }
diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
index c3a046a4..1d30facd 100644
--- a/app/components/ForceGraph.tsx
+++ b/app/components/ForceGraph.tsx
@@ -1,8 +1,9 @@
+/* eslint-disable react/require-default-props */
 /* eslint-disable no-param-reassign */
 
 "use client"
 
-import { Dispatch, RefObject, SetStateAction, useRef } from "react"
+import { Dispatch, RefObject, SetStateAction, useState } from "react"
 import ForceGraph2D from "react-force-graph-2d"
 import { securedFetch } from "@/lib/utils"
 import { Graph, GraphData, Link, Node } from "../api/graph/model"
@@ -13,14 +14,19 @@ interface Props {
     chartRef: RefObject<any>
     data: GraphData
     selectedElement: Node | Link | undefined
-    setSelectedElement: Dispatch<SetStateAction<Node | Link | undefined>>
+    setSelectedElement: (element: Node | Link | undefined) => void
     selectedElements: (Node | Link)[]
     setSelectedElements: Dispatch<SetStateAction<(Node | Link)[]>>
     cooldownTime: number | undefined
     cooldownTicks: number | undefined
     setCooldownTicks: Dispatch<SetStateAction<number | undefined>>
+    type?: "schema" | "graph"
+    isAddElement?: boolean
+    setSelectedNodes?: Dispatch<SetStateAction<[Node | undefined, Node | undefined]>>
 }
 
+
+
 const NODE_SIZE = 6
 const PADDING = 2;
 
@@ -34,10 +40,15 @@ export default function ForceGraph({
     setSelectedElements,
     cooldownTime,
     cooldownTicks,
-    setCooldownTicks
+    setCooldownTicks,
+    type = "graph",
+    isAddElement = false,
+    setSelectedNodes,
 }: Props) {
 
-    const parentRef = useRef<HTMLDivElement>(null)
+    const [parentWidth, setParentWidth] = useState<number>(0)
+    const [parentHeight, setParentHeight] = useState<number>(0)
+    const [hoverElement, setHoverElement] = useState<Node | Link | undefined>()
 
     const onFetchNode = async (node: Node) => {
         const result = await securedFetch(`/api/graph/${graph.Id}/${node.id}`, {
@@ -87,7 +98,26 @@ export default function ForceGraph({
         }
     }
 
+    const handelHover = (element: Node | Link | null) => {
+        setHoverElement(element === null ? undefined : element)
+    }
+
     const handleClick = (element: Node | Link, evt: MouseEvent) => {
+        if (!("source" in element) && isAddElement) {
+            if (setSelectedNodes) {
+                setSelectedNodes(prev => {
+                    if (prev[0] === undefined) {
+                        return [element, undefined]
+                    }
+                    if (prev[1] === undefined) {
+                        return [prev[0], element]
+                    }
+                    return [element, prev[0]]
+                })
+                return
+            }
+        }
+
         setSelectedElement(element)
 
         if (evt.ctrlKey) {
@@ -102,34 +132,40 @@ export default function ForceGraph({
     }
 
     const handleUnselected = (evt?: MouseEvent) => {
-        if (evt?.ctrlKey || (selectedElement && selectedElements.length === 0)) return
+        if (evt?.ctrlKey || (!selectedElement && selectedElements.length === 0)) return
         setSelectedElement(undefined)
         setSelectedElements([])
     }
 
     return (
-        <div ref={parentRef} className="w-full h-full relative">
+        <div ref={ref => {
+            if (!ref) return
+            setParentWidth(ref.clientWidth)
+            setParentHeight(ref.clientHeight)
+        }} className="w-full h-full relative">
             <ForceGraph2D
                 ref={chartRef}
                 backgroundColor="#434366"
-                width={parentRef.current?.clientWidth || 0}
-                height={parentRef.current?.clientHeight || 0}
+                width={parentWidth}
+                height={parentHeight}
                 graphData={data}
                 nodeRelSize={NODE_SIZE}
                 nodeCanvasObjectMode={() => 'replace'}
                 linkCanvasObjectMode={() => 'replace'}
                 nodeCanvasObject={(node, ctx) => {
                     if (!node.x || !node.y) return
-                    
+
+                    ctx.lineWidth = (selectedElement && !("source" in selectedElement) && selectedElement.id === node.id
+                        || hoverElement && !("source" in hoverElement) && hoverElement.id === node.id) ? 1 : 0.5
                     ctx.fillStyle = node.color;
                     ctx.strokeStyle = 'black';
-                    
+
                     ctx.beginPath();
                     ctx.arc(node.x, node.y, NODE_SIZE, 0, 2 * Math.PI, false);
                     ctx.stroke();
                     ctx.fill();
-                    
-                    
+
+
                     ctx.fillStyle = 'black';
                     ctx.textAlign = 'center';
                     ctx.textBaseline = 'middle';
@@ -137,7 +173,9 @@ export default function ForceGraph({
                     const ellipsis = '...';
                     const ellipsisWidth = ctx.measureText(ellipsis).width;
                     const nodeSize = NODE_SIZE * 2 - PADDING;
-                    let { name } = { ...node.data }
+                    let { name } = type === "graph"
+                        ? { ...node.data }
+                        : { name: node.category[0] }
 
                     // truncate text if it's too long
                     if (ctx.measureText(name).width > nodeSize) {
@@ -150,54 +188,167 @@ export default function ForceGraph({
                     // add label
                     ctx.fillText(name, node.x, node.y);
                 }}
+                nodePointerAreaPaint={(node, paintColor, ctx) => {
+                    if (!node.x || !node.y) return;
+
+                    ctx.fillStyle = paintColor;
+                    ctx.beginPath();
+                    ctx.arc(node.x, node.y, NODE_SIZE, 0, 2 * Math.PI, false);
+                    ctx.fill();
+                }}
                 linkCanvasObject={(link, ctx) => {
-                    if (!link.source.x || !link.source.y || !link.target.x || !link.target.y) return
+                    const start = link.source;
+                    const end = link.target;
+
+                    if (!start.x || !start.y || !end.x || !end.y) return
 
                     ctx.strokeStyle = link.color;
                     ctx.globalAlpha = 0.5;
 
                     ctx.beginPath();
 
-                    ctx.lineWidth = selectedElement && ("source" in selectedElement) && selectedElement.id === link.id ? 1 : 0.5
-                    if (link.source.id === link.target.id) {
+                    ctx.lineWidth = (selectedElement && ("source" in selectedElement) && selectedElement.id === link.id
+                        || hoverElement && ("source" in hoverElement) && hoverElement.id === link.id) ? 1 : 0.5
+                    if (start.id === end.id) {
+                        const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id)
+                            || (l.target.id === start.id && l.source.id === end.id))
+                        const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
+                        const s = index * 5
                         // handel self closing link
-                        ctx.lineWidth *= 2
-                        ctx.moveTo(link.source.x, link.source.y);
-                        ctx.arcTo(link.target.x + 20, link.target.y + 35, link.target.x - 20, link.target.y + 20, 10);
-                        ctx.arcTo(link.target.x - 20, link.target.y + 20, link.target.x, link.target.y, 10);
-                        ctx.closePath();
+                        ctx.moveTo(end.x, end.y);
+                        ctx.arcTo(end.x + 10 + s * 2, end.y + 18 + s, end.x - 10 - s * 2, end.y + 18 + s, 6 + s / 1.5);
+                        ctx.arcTo(end.x - 10 - s * 2, end.y + 18 + s, end.x, end.y, 6 + s / 1.5);
+                        ctx.lineTo(end.x, end.y);
+                        ctx.stroke();
+
+                        // add label
+                        ctx.globalAlpha = 1;
+                        ctx.fillStyle = 'black';
+                        ctx.font = '4px Arial';
+                        ctx.fillText(link.label, end.x, end.y + 18 + s);
                     } else {
-                        // handel multiple links between same nodes
-                        const sameNodeLinks = data.links.filter(l =>
-                            ((l.source.id === link.source.id && l.target.id === link.target.id) ||
-                                (l.source.id === link.target.id && l.target.id === link.source.id))
-                            && l.id !== link.id
-                        );
-
-                        const linkIndex = sameNodeLinks.findIndex(l => l.id === link.id);
-                        const offset = linkIndex === -1 ? 0 : (linkIndex) * 5;
-
-                        // add link
-                        ctx.moveTo(link.source.x, link.source.y);
-                        ctx.lineTo(link.target.x + offset, link.target.y + offset);
+                        const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id) || (l.target.id === start.id && l.source.id === end.id))
+                        const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
+                        let curve
+
+                        if (index % 2 === 0) {
+                            curve = Math.floor(-(index / 2))
+                        } else {
+                            curve = Math.floor((index + 1) / 2)
+                        }
+
+                        link.curve = curve * 0.2
+
+                        ctx.moveTo(start.x, start.y);
+
+                        const midX = (start.x + end.x) / 2;
+                        const midY = (start.y + end.y) / 2;
+
+                        if (curve !== 0) {
+                            const dx = end.x - start.x;
+                            const dy = end.y - start.y;
+
+                            // Add some curvature
+                            const curvature = link.curve
+                            const cpX = midX - curvature * dy;
+                            const cpY = midY + curvature * dx;
+
+                            ctx.quadraticCurveTo(cpX, cpY, end.x, end.y);
+
+                            ctx.stroke();
+
+                            // add label
+                            ctx.globalAlpha = 1;
+                            ctx.fillStyle = 'black';
+                            ctx.textAlign = 'center';
+                            ctx.font = '4px Arial';
+                            const labelX = (start.x + end.x + 2 * cpX) / 4;
+                            const labelY = (start.y + end.y + 2 * cpY) / 4;
+                            ctx.fillText(link.label, labelX, labelY);
+                        } else {
+                            // add link
+                            ctx.lineTo(end.x, end.y);
+
+                            ctx.stroke();
+
+                            // add label
+                            ctx.globalAlpha = 1;
+                            ctx.fillStyle = 'black';
+                            ctx.textAlign = 'center';
+                            ctx.textBaseline = 'middle';
+                            ctx.font = '4px Arial';
+                            ctx.fillText(link.label, midX, midY);
+                        }
+
                     }
-                    ctx.stroke();
+                }}
+                linkPointerAreaPaint={(link, paintColor, ctx) => {
+                    const start = link.source;
+                    const end = link.target;
 
-                    // add label
-                    const midX = (link.source.x + link.target.x) / 2;
-                    const midY = (link.source.y + link.target.y) / 2;
-                    ctx.globalAlpha = 1;
-                    ctx.fillStyle = 'black';
-                    ctx.font = '4px Arial';
-                    ctx.fillText(link.label, midX, midY);
+                    if (!start.x || !start.y || !end.x || !end.y) return;
+                    ctx.strokeStyle = paintColor;
+                    ctx.beginPath();
+
+                    if (start.id === end.id) {
+                        const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id)
+                            || (l.target.id === start.id && l.source.id === end.id))
+                        const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
+                        const s = index * 5
+                        
+                        // handel self closing link
+                        ctx.moveTo(end.x, end.y);
+                        ctx.arcTo(end.x + 10 + s * 2, end.y + 18 + s, end.x - 10 - s * 2, end.y + 18 + s, 6 + s / 1.5);
+                        ctx.arcTo(end.x - 10 - s * 2, end.y + 18 + s, end.x, end.y, 6 + s / 1.5);
+                        ctx.lineTo(end.x, end.y);
+                        ctx.stroke();
+                    } else {
+                        const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id)
+                            || (l.target.id === start.id && l.source.id === end.id))
+                        const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
+                        let curve
+
+                        if (index % 2 === 0) {
+                            curve = Math.floor(-(index / 2))
+                        } else {
+                            curve = Math.floor((index + 1) / 2)
+                        }
+
+                        link.curve = curve * 0.2
+
+                        ctx.moveTo(start.x, start.y);
+
+                        if (curve !== 0) {
+                            const midX = (start.x + end.x) / 2;
+                            const midY = (start.y + end.y) / 2;
+                            const dx = end.x - start.x;
+                            const dy = end.y - start.y;
+
+                            // Add some curvature
+                            const curvature = link.curve
+                            const cpX = midX - curvature * dy;
+                            const cpY = midY + curvature * dx;
+
+                            ctx.quadraticCurveTo(cpX, cpY, end.x, end.y);
+
+                        } else {
+                            // add link
+                            ctx.lineTo(end.x, end.y);
+                        }
+                    }
+                    ctx.stroke();
                 }}
                 onNodeClick={handleClick}
                 onLinkClick={handleClick}
+                onNodeHover={handelHover}
+                onLinkHover={handelHover}
                 onNodeRightClick={handelNodeRightClick}
                 onBackgroundClick={handleUnselected}
+                onBackgroundRightClick={handleUnselected}
                 onEngineStop={() => {
                     setCooldownTicks(0)
                 }}
+                linkCurvature="curve"
                 nodeVisibility="visible"
                 linkVisibility="visible"
                 cooldownTicks={cooldownTicks}
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index c8eff6fc..d7a59203 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -105,6 +105,9 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                 node.visible = false
             }
         })
+
+        graph.visibleLinks(category.show)
+
         setData({ ...graph.Elements })
     }
 
@@ -118,6 +121,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                 link.visible = false
             }
         })
+
         setData({ ...graph.Elements })
     }
 
@@ -163,6 +167,9 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
 
         setSelectedElements([])
         setSelectedElement(undefined)
+
+        graph.removeLinks(selectedElements.map((element) => element.id))
+
         setData({ ...graph.Elements })
         handelCooldown()
     }
diff --git a/app/graph/labels.tsx b/app/graph/labels.tsx
index 3e6493a2..0da1cf19 100644
--- a/app/graph/labels.tsx
+++ b/app/graph/labels.tsx
@@ -47,7 +47,7 @@ export default function Labels({ graph, categories, onClick, label, className =
                     {
                         categories.length > 0 &&
                         categories.map((category) => (
-                            <li key={category.index}>
+                            <li key={category.name}>
                                 <Button
                                     className={cn(category.name && "w-full pointer-events-auto")}
                                     label={category.name}
diff --git a/app/schema/SchemaCreateElement.tsx b/app/schema/SchemaCreateElement.tsx
index 0befa2d2..d92c8240 100644
--- a/app/schema/SchemaCreateElement.tsx
+++ b/app/schema/SchemaCreateElement.tsx
@@ -7,16 +7,16 @@ import { Dispatch, SetStateAction, useState } from "react";
 import { Toast } from "@/lib/utils";
 import { ArrowRight, ArrowRightLeft, Check, ChevronRight, Pencil, Trash2, X } from "lucide-react";
 import { Checkbox } from "@/components/ui/checkbox";
-import { NodeDataDefinition } from "cytoscape";
 import Input from "../components/ui/Input";
 import Button from "../components/ui/Button";
 import Combobox from "../components/ui/combobox";
+import { Node } from "../api/graph/model";
 
 interface Props {
   onCreate: (element: [string, string[]][], label?: string) => Promise<boolean>
   onExpand: () => void
-  selectedNodes: NodeDataDefinition[]
-  setSelectedNodes: Dispatch<SetStateAction<NodeDataDefinition[]>>
+  selectedNodes: [Node | undefined, Node | undefined]
+  setSelectedNodes: Dispatch<SetStateAction<[Node | undefined, Node | undefined]>>
   type: boolean
 }
 
@@ -191,7 +191,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                                 e.stopPropagation()
                                 setAttributes(prev => prev.filter(([k]) => k !== key))
                               }}
-                              />
+                            />
                             <Button
                               variant="button"
                               title="Edit"
@@ -364,10 +364,17 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                 <p>{selectedNodes[1]?.category}</p>
               </div>
             </div>
-            <div className="w-full flex justify-center">
+            <div className="w-full flex justify-center gap-8">
+              <Button
+                className="flex-col-reverse"
+                icon={<Trash2 size={40} />}
+                label="Clear"
+                onClick={() => setSelectedNodes([undefined, undefined])}
+              />
               <Button
-                icon={<ArrowRightLeft size={70} />}
-                title="Swap"
+                className="flex-col-reverse"
+                icon={<ArrowRightLeft size={40} />}
+                label="Swap"
                 onClick={() => setSelectedNodes(prev => [prev[1], prev[0]])}
               />
             </div>
diff --git a/app/schema/SchemaDataPanel.tsx b/app/schema/SchemaDataPanel.tsx
index 1e913ae0..cde12ffb 100644
--- a/app/schema/SchemaDataPanel.tsx
+++ b/app/schema/SchemaDataPanel.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react/no-array-index-key */
 import { Check, ChevronRight, MinusCircle, Pencil, PlusCircle, Trash2, X } from "lucide-react";
-import { ElementDataDefinition, Toast } from "@/lib/utils";
+import { Toast } from "@/lib/utils";
 import { useEffect, useState } from "react";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -8,9 +8,10 @@ import Button from "../components/ui/Button";
 import { ATTRIBUTES, getDefaultAttribute, OPTIONS } from "./SchemaCreateElement";
 import Input from "../components/ui/Input";
 import Combobox from "../components/ui/combobox";
+import { Link, Node } from "../api/graph/model";
 
 interface Props {
-    obj: ElementDataDefinition
+    obj: Node | Link
     onExpand: () => void;
     onSetAttributes: (attribute: [string, string[]]) => Promise<boolean>;
     onRemoveAttribute: (key: string) => Promise<boolean>;
@@ -27,7 +28,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
     const [isAddValue, setIsAddValue] = useState<boolean>(false)
 
     useEffect(() => {
-        setAttributes(Object.entries(obj.data).filter(([key, val]) => !(key === "name" && val === obj.id)).map(([key, val]) => [key, Array.isArray(val) ? val : (val as string).split(',')]))
+        setAttributes(Object.entries(obj.data).filter(([key, val]) => !(key === "name" && Number(val) === obj.id)).map(([key, val]) => [key, Array.isArray(val) ? val : (val as string).split(',')]))
         setLabel("source" in obj ? obj.label : obj.category)
     }, [obj])
 
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index 4910dc1a..9a95daca 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -1,134 +1,54 @@
+/* eslint-disable no-param-reassign */
+
 'use client'
 
 import { ResizablePanel, ResizablePanelGroup, ResizableHandle } from "@/components/ui/resizable"
-import CytoscapeComponent from "react-cytoscapejs"
 import { ChevronLeft, Maximize2, Minimize2 } from "lucide-react"
-import cytoscape, { EdgeSingular, EventObject, NodeDataDefinition } from "cytoscape"
 import { ImperativePanelHandle } from "react-resizable-panels"
 import { useEffect, useRef, useState } from "react"
-import fcose from "cytoscape-fcose";
-import { ElementDataDefinition, Toast, cn, prepareArg, securedFetch } from "@/lib/utils"
+import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils"
 import { Session } from "next-auth"
+import dynamic from "next/dynamic"
 import Toolbar from "../graph/toolbar"
 import SchemaDataPanel from "./SchemaDataPanel"
 import Labels from "../graph/labels"
-import { Category, Graph } from "../api/graph/model"
+import { Category, Graph, Link, Node, GraphData } from "../api/graph/model"
 import Button from "../components/ui/Button"
 import CreateElement from "./SchemaCreateElement"
 
+const ForceGraph = dynamic(() => import("../components/ForceGraph"), { ssr: false })
+
 /* eslint-disable react/require-default-props */
 interface Props {
     schema: Graph
     fetchCount?: () => void
-    data: Session | null
+    session: Session | null
 }
 
-const LAYOUT = {
-    name: "fcose",
-    fit: true,
-    padding: 30,
-}
-
-cytoscape.use(fcose);
-
-function getStyle() {
-
-    const style: cytoscape.Stylesheet[] = [
-        {
-            selector: "core",
-            style: {
-                'active-bg-size': 0,  // hide gray circle when panning
-                // All of the following styles are meaningless and are specified
-                // to satisfy the linter...
-                'active-bg-color': 'blue',
-                'active-bg-opacity': 0.3,
-                "selection-box-border-color": 'gray',
-                "selection-box-border-width": 3,
-                "selection-box-opacity": 0.5,
-                "selection-box-color": 'gray',
-                "outside-texture-bg-color": 'blue',
-                "outside-texture-bg-opacity": 1,
-            },
-        },
-        {
-            selector: "node",
-            style: {
-                label: "data(category)",
-                "color": "white",
-                "text-valign": "center",
-                "text-wrap": "ellipsis",
-                "text-max-width": "10rem",
-                shape: "ellipse",
-                height: "15rem",
-                width: "15rem",
-                "border-width": 0.3,
-                "border-color": "white",
-                "border-opacity": 1,
-                "background-color": "data(color)",
-                "font-size": "3rem",
-                "overlay-padding": "1rem",
-            },
-        },
-        {
-            selector: "node:active",
-            style: {
-                "overlay-opacity": 0,  // hide gray box around active node
-            },
-        },
-        {
-            selector: "edge",
-            style: {
-                width: 1,
-                "line-color": "data(color)",
-                "line-opacity": 0.7,
-                "arrow-scale": 0.7,
-                "target-arrow-color": "data(color)",
-                "target-arrow-shape": "triangle",
-                'curve-style': 'bezier',
-            },
-        },
-        {
-            selector: "edge:active",
-            style: {
-                "overlay-opacity": 0,
-            },
-        }
-    ]
-    return style
-}
-
-const getElementId = (element: ElementDataDefinition) => element.source ? { id: element.id?.slice(1), query: "()-[e]-()" } : { id: element.id, query: "(e)" }
-
-const getCreateQuery = (type: boolean, selectedNodes: NodeDataDefinition[], attributes: [string, string[]][], label?: string) => {
+const getCreateQuery = (type: boolean, selectedNodes: [Node, Node], attributes: [string, string[]][], label?: string) => {
     if (type) {
         return `CREATE (n${label ? `:${label}` : ""}${attributes?.length > 0 ? ` {${attributes.map(([k, [t, d, u, r]]) => `${k}: ["${t}", "${d}", "${u}", "${r}"]`).join(",")}}` : ""}) RETURN n`
     }
     return `MATCH (a), (b) WHERE ID(a) = ${selectedNodes[0].id} AND ID(b) = ${selectedNodes[1].id} CREATE (a)-[e${label ? `:${label}` : ""}${attributes?.length > 0 ? ` {${attributes.map(([k, [t, d, u, un]]) => `${k}: ["${t}", "${d}", "${u}", "${un}"]`).join(",")}}` : ""}]->(b) RETURN e`
 }
 
-export default function SchemaView({ schema, fetchCount, data }: Props) {
-    const [selectedElement, setSelectedElement] = useState<ElementDataDefinition>();
-    const [selectedElements, setSelectedElements] = useState<ElementDataDefinition[]>([]);
-    const [selectedNodes, setSelectedNodes] = useState<NodeDataDefinition[]>([]);
+export default function SchemaView({ schema, fetchCount, session }: Props) {
+    const [selectedElement, setSelectedElement] = useState<Node | Link | undefined>();
+    const [selectedElements, setSelectedElements] = useState<(Node | Link)[]>([]);
+    const [selectedNodes, setSelectedNodes] = useState<[Node | undefined, Node | undefined]>([undefined, undefined]);
     const [isCollapsed, setIsCollapsed] = useState<boolean>(false);
     const chartRef = useRef<cytoscape.Core | null>(null);
     const dataPanel = useRef<ImperativePanelHandle>(null);
     const [isAddRelation, setIsAddRelation] = useState(false)
     const [isAddEntity, setIsAddEntity] = useState(false)
     const [maximize, setMaximize] = useState<boolean>(false)
+    const [cooldownTicks, setCooldownTicks] = useState<number | undefined>(0)
+    const [cooldownTime, setCooldownTime] = useState<number | undefined>(2000)
+    const [data, setData] = useState<GraphData>(schema.Elements)
 
     useEffect(() => {
-        const chart = chartRef.current
-        if (chart) {
-            chart.resize()
-            chart.fit()
-            chart.center()
-        }
-    }, [maximize])
-
-    useEffect(() => {
-        chartRef?.current?.layout(LAYOUT).run();
-    }, [schema.Elements.length]);
+        setData({ ...schema.Elements })
+    }, [schema.Id])
 
     useEffect(() => {
         dataPanel.current?.collapse()
@@ -140,44 +60,36 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
     }, [schema.Id])
 
     useEffect(() => {
-        setSelectedNodes([])
+        setSelectedNodes([undefined, undefined])
     }, [isAddRelation])
 
+    const handelCooldown = () => {
+        setCooldownTicks(1000)
+    }
+
     const onCategoryClick = (category: Category) => {
-        const chart = chartRef.current
-        if (chart) {
-            const nodes = chart.elements(`node[category.0 = "${category.name}"]`)
+        category.show = !category.show
+        schema.Elements.nodes.forEach((node) => {
+            if (node.category[0] !== category.name) return
+            node.visible = category.show
+        })
 
-            // eslint-disable-next-line no-param-reassign
-            category.show = !category.show
+        schema.visibleLinks(category.show)
 
-            if (category.show) {
-                nodes.style({ display: 'element' })
-            } else {
-                nodes.style({ display: 'none' })
-            }
-            chart.elements().layout(LAYOUT).run();
-        }
+        setData({ ...schema.Elements })
     }
-
+    
     const onLabelClick = (label: Category) => {
-        const chart = chartRef.current
-        if (chart) {
-            const edges = chart.elements(`edge[label = "${label.name}"]`)
-
-            // eslint-disable-next-line no-param-reassign
-            label.show = !label.show
-
-            if (label.show) {
-                edges.style({ display: 'element' })
-            } else {
-                edges.style({ display: 'none' })
-            }
-            chart.elements().layout(LAYOUT).run();
-        }
+        label.show = !label.show
+        schema.Elements.links.forEach((link) => {
+            if (link.label !== label.name) return
+            link.visible = label.show
+        })
+        
+        setData({ ...schema.Elements })
     }
 
-    const handelSetSelectedElement = (element?: ElementDataDefinition) => {
+    const handelSetSelectedElement = (element?: Node | Link | undefined) => {
         setSelectedElement(element)
         if (isAddRelation || isAddEntity) return
         if (element) {
@@ -185,88 +97,6 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
         } else dataPanel.current?.collapse()
     }
 
-    const handleSelected = (evt: EventObject) => {
-        if (isAddRelation) {
-            const { target } = evt;
-            (target as EdgeSingular).unselect()
-            const obj: ElementDataDefinition = evt.target.json().data;
-            setSelectedNodes(prev => prev.length >= 2 ? [prev[prev.length - 1], obj as NodeDataDefinition] : [...prev, obj as NodeDataDefinition])
-            return
-        }
-
-        const { target } = evt
-
-        if (target.isEdge()) {
-            target.style("line-opacity", 0.9);
-            target.style("width", 2);
-            target.style("arrow-scale", 1);
-        } else {
-            target.style("border-width", 0.7)
-        };
-
-        const obj: ElementDataDefinition = target.json().data
-
-        handelSetSelectedElement(obj);
-    }
-
-    const handleBoxSelected = (evt: EventObject) => {
-        if (isAddRelation) {
-            const { target } = evt;
-            (target as EdgeSingular).unselect()
-            const obj: ElementDataDefinition = target.json().data;
-            setSelectedNodes(prev => prev.length >= 2 ? [prev[prev.length - 1], obj as NodeDataDefinition] : [...prev, obj as NodeDataDefinition])
-            return
-        }
-
-        const { target } = evt
-        const type = target.isEdge() ? "edge" : "node"
-
-        if (type === "edge") {
-            target.style("line-opacity", 0.9);
-            target.style("width", 2);
-            target.style("arrow-scale", 1);
-        } else target.style("border-width", 0.7);
-
-        const obj: ElementDataDefinition = target.json().data;
-
-        setSelectedElements(prev => [...prev, obj])
-    }
-
-    const handleUnselected = (evt: EventObject) => {
-        const { target } = evt
-
-        if (target.isEdge()) {
-            target.style("line-opacity", 0.7);
-            target.style("width", 1);
-            target.style("arrow-scale", 0.7);
-        } else target.style("border-width", 0.3);
-
-        handelSetSelectedElement();
-        setSelectedElements([]);
-    }
-
-    const handleMouseOver = (evt: EventObject) => {
-        const { target } = evt;
-
-        if (target.selected()) return
-        if (target.isEdge()) {
-            target.style("line-opacity", 0.9);
-            target.style("width", 2);
-            target.style("arrow-scale", 1);
-        } else target.style("border-width", 0.7);
-    };
-
-    const handleMouseOut = async (evt: EventObject) => {
-        const { target } = evt;
-
-        if (target.selected()) return
-        if (target.isEdge()) {
-            target.style("line-opacity", 0.7);
-            target.style("width", 1);
-            target.style("arrow-scale", 0.7);
-        } else target.style("border-width", 0.3);
-    };
-
     const onExpand = () => {
         if (!dataPanel.current) return
 
@@ -293,7 +123,7 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
         const conditionsEdges: string[] = []
 
         stateSelectedElements.forEach((element) => {
-            const { id } = getElementId(element)
+            const { id } = element
             if (element.source) {
                 conditionsEdges.push(`id(e) = ${id}`)
             } else {
@@ -302,7 +132,6 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
         })
 
         const q = `${conditionsNodes.length > 0 ? `MATCH (n) WHERE ${conditionsNodes.join(" OR ")} DELETE n` : ""}${conditionsEdges.length > 0 && conditionsNodes.length > 0 ? " WITH * " : ""}${conditionsEdges.length > 0 ? `MATCH ()-[e]-() WHERE ${conditionsEdges.join(" OR ")} DELETE e` : ""}`
-        const type = !selectedElement?.source
         const result = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${prepareArg(q)} `, {
             method: "GET"
         })
@@ -310,25 +139,25 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
         if (!result.ok) return
 
         stateSelectedElements.forEach((element) => {
-            const { id } = getElementId(element)
-
-            schema.Elements.splice(schema.Elements.findIndex(e => e.data.id === element.id), 1)
-
+            const { id } = element
+            const type = !("source" in element)
             if (type) {
-                schema.NodesMap.delete(Number(id))
-                chartRef.current?.remove(`#${id}`)
+                schema.Elements.nodes.splice(schema.Elements.nodes.findIndex(node => node.id === element.id), 1)
+                schema.NodesMap.delete(id)
             } else {
-                schema.EdgesMap.delete(Number(id))
-                chartRef.current?.remove(`#_${id}`)
+                schema.Elements.links.splice(schema.Elements.links.findIndex(link => link.id === element.id), 1)
+                schema.EdgesMap.delete(id)
             }
-
             if (fetchCount) fetchCount()
 
             schema.updateCategories(type ? element.category : element.label, type)
         })
 
+        schema.removeLinks()
+
         setSelectedElement(undefined)
         setSelectedElements([])
+        setData({ ...schema.Elements })
 
         dataPanel.current?.collapse()
     }
@@ -337,21 +166,31 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
         const [key, value] = attribute;
         if (!selectedElement) return false
 
-        const { id, query } = getElementId(selectedElement)
-        const q = `MATCH ${query} WHERE ID(e) = ${id} SET e.${key} = "${value.join(",")}"`
+        const type = !("source" in selectedElement)
+        const { id } = selectedElement
+        const q = `MATCH ${type ? "(e)" : "()-[e]-()"} WHERE ID(e) = ${id} SET e.${key} = "${value.join(",")}"`
         const { ok } = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${prepareArg(q)}`, {
             method: "GET"
         })
 
         if (ok) {
-            schema.Elements.forEach(({ data: e }) => {
-                if (e.data.id !== selectedElement.id) return
-                e.data[key] = value;
-            })
+            if (type) {
+                schema.Elements.nodes.forEach((node) => {
+                    if (node.id !== selectedElement.id) return
+                    node.data[key] = value;
+                })
+            } else {
+                schema.Elements.links.forEach((link) => {
+                    if (link.id !== selectedElement.id) return
+                    link.data[key] = value;
+                })
+            }
         } else {
             Toast("Failed to set property")
         }
 
+        setData({ ...schema.Elements })
+
         return ok
     }
 
@@ -397,32 +236,45 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
     const handelRemoveProperty = async (key: string) => {
         if (!selectedElement) return false
 
-        const { id, query } = getElementId(selectedElement)
-        const q = `MATCH ${query} WHERE ID(e) = ${id} SET e.${key} = NULL`
+        const type = !("source" in selectedElement)
+        const { id } = selectedElement
+        const q = `MATCH ${type ? "(e)" : "()-[e]-()"} WHERE ID(e) = ${id} SET e.${key} = NULL`
         const { ok } = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${prepareArg(q)}`, {
             method: "GET"
         })
 
-        if (!ok) return ok
+        if (ok) {
+            if (type) {
+                schema.Elements.nodes.forEach((node) => {
+                    if (node.id === id) {
+                        delete node.data[key]
+                    }
+
+                    return node
+                })
+            } else {
+                schema.Elements.links.forEach((link) => {
+                    if (link.id === id) {
+                        delete link.data[key]
+                    }
 
-        schema.Elements.forEach(({ data: e }) => {
-            if (e.id === id) {
-                delete e.data[key]
+                    return link
+                })
             }
+        }
 
-            return e
-        })
+        setData({ ...schema.Elements })
 
         return ok
     }
 
     const onCreateElement = async (attributes: [string, string[]][], label?: string) => {
-        if (!isAddEntity && selectedNodes.length === 0) {
+        if (!isAddEntity && selectedNodes[0] === undefined && selectedNodes[1] === undefined) {
             Toast("Select nodes to create a relation")
             return false
         }
 
-        const result = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${getCreateQuery(isAddEntity, selectedNodes, attributes, label)}`, {
+        const result = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${getCreateQuery(isAddEntity, selectedNodes as [Node, Node], attributes, label)}`, {
             method: "GET"
         })
 
@@ -430,10 +282,10 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
             const json = await result.json()
 
             if (isAddEntity) {
-                chartRef?.current?.add({ data: schema.extendNode(json.result.data[0].n) })
+                schema.extendNode(json.result.data[0].n)
                 setIsAddEntity(false)
             } else {
-                chartRef?.current?.add({ data: schema.extendEdge(json.result.data[0].e, true) })
+                schema.extendEdge(json.result.data[0].e, true)
                 setIsAddRelation(false)
             }
 
@@ -443,6 +295,8 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
 
         }
 
+        setData({ ...schema.Elements })
+
         return result.ok
     }
 
@@ -473,7 +327,10 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
                         }}
                         onDeleteElement={handelDeleteElement}
                         chartRef={chartRef}
-                        addDisabled={data?.user.role === "Read-Only"}
+                        addDisabled={session?.user.role === "Read-Only"}
+                        setCooldownTime={setCooldownTime}
+                        cooldownTime={cooldownTime}
+                        handelCooldown={handelCooldown}
                     />
                     {
                         isCollapsed &&
@@ -501,27 +358,20 @@ export default function SchemaView({ schema, fetchCount, data }: Props) {
                                 onClick={() => setMaximize(false)}
                             />
                     }
-                    <CytoscapeComponent
-                        className="Canvas"
-                        layout={LAYOUT}
-                        stylesheet={getStyle()}
-                        elements={schema.Elements}
-                        cy={(cy) => {
-                            chartRef.current = cy
-
-                            cy.removeAllListeners()
-
-                            cy.on('mouseover', 'edge', handleMouseOver)
-                            cy.on('mouseover', 'node', handleMouseOver)
-                            cy.on('mouseout', 'edge', handleMouseOut)
-                            cy.on('mouseout', 'node', handleMouseOut)
-                            cy.on('tapunselect', 'edge', handleUnselected)
-                            cy.on('tapunselect', 'node', handleUnselected)
-                            cy.on('tapselect', 'edge', handleSelected)
-                            cy.on('tapselect', 'node', handleSelected)
-                            cy.on('boxselect', 'node', handleBoxSelected)
-                            cy.on('boxselect', 'edge', handleBoxSelected)
-                        }}
+                    <ForceGraph
+                        chartRef={chartRef}
+                        data={data}
+                        graph={schema}
+                        selectedElement={selectedElement}
+                        setSelectedElement={handelSetSelectedElement}
+                        selectedElements={selectedElements}
+                        setSelectedElements={setSelectedElements}
+                        cooldownTicks={cooldownTicks}
+                        setCooldownTicks={setCooldownTicks}
+                        cooldownTime={cooldownTime}
+                        type="schema"
+                        isAddElement={isAddEntity || isAddRelation}
+                        setSelectedNodes={setSelectedNodes}
                     />
                     {
                         (schema.Categories.length > 0 || schema.Labels.length > 0) &&
diff --git a/app/schema/page.tsx b/app/schema/page.tsx
index d52820ba..bdfad21e 100644
--- a/app/schema/page.tsx
+++ b/app/schema/page.tsx
@@ -14,18 +14,18 @@ export default function Page() {
     const [schema, setSchema] = useState<Graph>(Graph.empty())
     const [edgesCount, setEdgesCount] = useState<number>(0)
     const [nodesCount, setNodesCount] = useState<number>(0)
-    const { data } = useSession()
+    const { data: session } = useSession()
 
     const fetchCount = useCallback(async () => {
         const name = `${schemaName}_schema`
         const q1 = "MATCH (n) RETURN COUNT(n) as nodes"
         const q2 = "MATCH ()-[e]->() RETURN COUNT(e) as edges"
 
-        const nodes = await (await securedFetch(`api/graph/${prepareArg(name)}/?query=${q1}&role=${data?.user.role}`, {
+        const nodes = await (await securedFetch(`api/graph/${prepareArg(name)}/?query=${q1}&role=${session?.user.role}`, {
             method: "GET"
         })).json()
 
-        const edges = await (await securedFetch(`api/graph/${prepareArg(name)}/?query=${q2}&role=${data?.user.role}`, {
+        const edges = await (await securedFetch(`api/graph/${prepareArg(name)}/?query=${q2}&role=${session?.user.role}`, {
             method: "GET"
         })).json()
 
@@ -38,7 +38,7 @@ export default function Page() {
     useEffect(() => {
         if (!schemaName) return
         const run = async () => {
-            const result = await securedFetch(`/api/graph/${prepareArg(schemaName)}_schema/?query=${defaultQuery()}&role=${data?.user.role}`, {
+            const result = await securedFetch(`/api/graph/${prepareArg(schemaName)}_schema/?query=${defaultQuery()}&role=${session?.user.role}`, {
                 method: "GET"
             })
             if (!result.ok) {
@@ -48,7 +48,7 @@ export default function Page() {
             const json = await result.json()
             const colors = localStorage.getItem(schemaName)?.split(/[[\]",]/).filter(c => c)
             setSchema(Graph.create(schemaName, json.result, colors))
-
+            
             fetchCount()
 
         }
@@ -66,9 +66,9 @@ export default function Page() {
                     graphName={schemaName}
                     graph={schema}
                     setGraph={setSchema}
-                    data={data}
+                    data={session}
                 />
-                <SchemaView schema={schema} fetchCount={fetchCount} data={data} />
+                <SchemaView schema={schema} fetchCount={fetchCount} session={session} />
             </div>
         </div>
     )

From 6df00d681ee294aabd2fb133cd9cc26947a76c1d Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Sun, 22 Dec 2024 13:19:47 +0200
Subject: [PATCH 09/45] commit

---
 app/api/graph/model.ts        | 120 ++++++++++++++++--------
 app/components/ForceGraph.tsx | 167 +++++++++-------------------------
 app/graph/GraphView.tsx       |  18 +++-
 3 files changed, 137 insertions(+), 168 deletions(-)

diff --git a/app/api/graph/model.ts b/app/api/graph/model.ts
index f71b17fd..06ceddb8 100644
--- a/app/api/graph/model.ts
+++ b/app/api/graph/model.ts
@@ -253,59 +253,99 @@ export class Graph {
 
         if (!currentEdge) {
             let category
-            let source = this.nodesMap.get(cell.sourceId)
-            let target = this.nodesMap.get(cell.destinationId)
-
-            if (!source || !target) {
-                [category] = this.createCategory([""])
-            }
-
-            if (!source) {
-                source = {
-                    id: cell.sourceId,
-                    category: [category!.name],
-                    color: this.getCategoryColorValue(),
+            let link: Link
+            
+            if (cell.sourceId === cell.destinationId) {
+                let source = this.nodesMap.get(cell.sourceId)
+                
+                if (!source) {
+                    [category] = this.createCategory([""])
+                }
+                
+                if (!source) {
+                    source = {
+                        id: cell.sourceId,
+                        category: [category!.name],
+                        color: this.getCategoryColorValue(),
+                        expand: false,
+                        collapsed,
+                        visible: true,
+                        data: {
+                            name: cell.sourceId.toString(),
+                        },
+                    }
+                    
+                    this.nodesMap.set(cell.sourceId, source)
+                    this.elements.nodes.push(source)
+                }
+                
+                link = {
+                    id: cell.id,
+                    source,
+                    target: source,
+                    label: cell.relationshipType,
+                    color: this.getCategoryColorValue(label.index),
                     expand: false,
                     collapsed,
                     visible: true,
-                    data: {
-                        name: cell.sourceId.toString(),
-                    },
+                    curve: 0,
+                    data: {}
+                }
+            } else {
+                let source = this.nodesMap.get(cell.sourceId)
+                let target = this.nodesMap.get(cell.destinationId)
+                
+                if (!source || !target) {
+                    [category] = this.createCategory([""])
                 }
 
-                this.nodesMap.set(cell.sourceId, source)
-                this.elements.nodes.push(source)
-            }
+                if (!source) {
+                    source = {
+                        id: cell.sourceId,
+                        category: [category!.name],
+                        color: this.getCategoryColorValue(),
+                        expand: false,
+                        collapsed,
+                        visible: true,
+                        data: {
+                            name: cell.sourceId.toString(),
+                        },
+                    }
 
+                    this.nodesMap.set(cell.sourceId, source)
+                    this.elements.nodes.push(source)
+                }
 
-            if (!target) {
-                target = {
-                    id: cell.destinationId,
-                    category: [category!.name],
-                    color: this.getCategoryColorValue(),
-                    expand: false,
-                    collapsed,
-                    visible: true,
-                    data: {
-                        name: cell.destinationId.toString(),
+
+                if (!target) {
+                    target = {
+                        id: cell.destinationId,
+                        category: [category!.name],
+                        color: this.getCategoryColorValue(),
+                        expand: false,
+                        collapsed,
+                        visible: true,
+                        data: {
+                            name: cell.destinationId.toString(),
+                        }
                     }
                 }
 
                 this.nodesMap.set(cell.destinationId, target)
                 this.elements.nodes.push(target)
-            }
 
-            const link: Link = {
-                id: cell.id,
-                source,
-                target,
-                label: cell.relationshipType,
-                color: this.getCategoryColorValue(label.index),
-                expand: false,
-                collapsed,
-                visible: true,
-                curve: 0,
-                data: {}
+                link = {
+                    id: cell.id,
+                    source,
+                    target,
+                    label: cell.relationshipType,
+                    color: this.getCategoryColorValue(label.index),
+                    expand: false,
+                    collapsed,
+                    visible: true,
+                    curve: 0,
+                    data: {}
+                }
             }
 
             Object.entries(cell.properties).forEach(([key, value]) => {
diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
index 1d30facd..6dbacbb0 100644
--- a/app/components/ForceGraph.tsx
+++ b/app/components/ForceGraph.tsx
@@ -150,8 +150,10 @@ export default function ForceGraph({
                 height={parentHeight}
                 graphData={data}
                 nodeRelSize={NODE_SIZE}
-                nodeCanvasObjectMode={() => 'replace'}
-                linkCanvasObjectMode={() => 'replace'}
+                nodeCanvasObjectMode={() => 'after'}
+                linkCanvasObjectMode={() => 'after'}
+                linkWidth={(link) => (selectedElement && ("source" in selectedElement) && selectedElement.id === link.id
+                    || hoverElement && ("source" in hoverElement) && hoverElement.id === link.id) ? 2 : 1}
                 nodeCanvasObject={(node, ctx) => {
                     if (!node.x || !node.y) return
 
@@ -188,14 +190,6 @@ export default function ForceGraph({
                     // add label
                     ctx.fillText(name, node.x, node.y);
                 }}
-                nodePointerAreaPaint={(node, paintColor, ctx) => {
-                    if (!node.x || !node.y) return;
-
-                    ctx.fillStyle = paintColor;
-                    ctx.beginPath();
-                    ctx.arc(node.x, node.y, NODE_SIZE, 0, 2 * Math.PI, false);
-                    ctx.fill();
-                }}
                 linkCanvasObject={(link, ctx) => {
                     const start = link.source;
                     const end = link.target;
@@ -205,138 +199,59 @@ export default function ForceGraph({
                     ctx.strokeStyle = link.color;
                     ctx.globalAlpha = 0.5;
 
-                    ctx.beginPath();
+                    const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id) || (l.target.id === start.id && l.source.id === end.id))
+                    const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
+                    const even = index % 2 === 0
+                    let curve
 
-                    ctx.lineWidth = (selectedElement && ("source" in selectedElement) && selectedElement.id === link.id
-                        || hoverElement && ("source" in hoverElement) && hoverElement.id === link.id) ? 1 : 0.5
                     if (start.id === end.id) {
-                        const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id)
-                            || (l.target.id === start.id && l.source.id === end.id))
-                        const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
-                        const s = index * 5
-                        // handel self closing link
-                        ctx.moveTo(end.x, end.y);
-                        ctx.arcTo(end.x + 10 + s * 2, end.y + 18 + s, end.x - 10 - s * 2, end.y + 18 + s, 6 + s / 1.5);
-                        ctx.arcTo(end.x - 10 - s * 2, end.y + 18 + s, end.x, end.y, 6 + s / 1.5);
-                        ctx.lineTo(end.x, end.y);
-                        ctx.stroke();
-
-                        // add label
-                        ctx.globalAlpha = 1;
-                        ctx.fillStyle = 'black';
-                        ctx.font = '4px Arial';
-                        ctx.fillText(link.label, end.x, end.y + 18 + s);
-                    } else {
-                        const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id) || (l.target.id === start.id && l.source.id === end.id))
-                        const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
-                        let curve
-
-                        if (index % 2 === 0) {
-                            curve = Math.floor(-(index / 2))
-                        } else {
-                            curve = Math.floor((index + 1) / 2)
-                        }
-
-                        link.curve = curve * 0.2
-
-                        ctx.moveTo(start.x, start.y);
-
-                        const midX = (start.x + end.x) / 2;
-                        const midY = (start.y + end.y) / 2;
-
-                        if (curve !== 0) {
-                            const dx = end.x - start.x;
-                            const dy = end.y - start.y;
-
-                            // Add some curvature
-                            const curvature = link.curve
-                            const cpX = midX - curvature * dy;
-                            const cpY = midY + curvature * dx;
-
-                            ctx.quadraticCurveTo(cpX, cpY, end.x, end.y);
-
-                            ctx.stroke();
-
-                            // add label
-                            ctx.globalAlpha = 1;
-                            ctx.fillStyle = 'black';
-                            ctx.textAlign = 'center';
-                            ctx.font = '4px Arial';
-                            const labelX = (start.x + end.x + 2 * cpX) / 4;
-                            const labelY = (start.y + end.y + 2 * cpY) / 4;
-                            ctx.fillText(link.label, labelX, labelY);
+                        if (even) {
+                            curve = Math.floor(-(index / 2)) - 3
                         } else {
-                            // add link
-                            ctx.lineTo(end.x, end.y);
-
-                            ctx.stroke();
-
-                            // add label
-                            ctx.globalAlpha = 1;
-                            ctx.fillStyle = 'black';
-                            ctx.textAlign = 'center';
-                            ctx.textBaseline = 'middle';
-                            ctx.font = '4px Arial';
-                            ctx.fillText(link.label, midX, midY);
+                            curve = Math.floor((index + 1) / 2) + 2
                         }
 
-                    }
-                }}
-                linkPointerAreaPaint={(link, paintColor, ctx) => {
-                    const start = link.source;
-                    const end = link.target;
-
-                    if (!start.x || !start.y || !end.x || !end.y) return;
-                    ctx.strokeStyle = paintColor;
-                    ctx.beginPath();
-
-                    if (start.id === end.id) {
-                        const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id)
-                            || (l.target.id === start.id && l.source.id === end.id))
-                        const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
-                        const s = index * 5
+                        link.curve = curve * 0.1
                         
-                        // handel self closing link
-                        ctx.moveTo(end.x, end.y);
-                        ctx.arcTo(end.x + 10 + s * 2, end.y + 18 + s, end.x - 10 - s * 2, end.y + 18 + s, 6 + s / 1.5);
-                        ctx.arcTo(end.x - 10 - s * 2, end.y + 18 + s, end.x, end.y, 6 + s / 1.5);
-                        ctx.lineTo(end.x, end.y);
-                        ctx.stroke();
+                        const radius = NODE_SIZE * link.curve * 6.2;
+                        const angleOffset = -Math.PI / 4; // 45 degrees offset for text alignment
+                        const textX = start.x + radius * Math.cos(angleOffset);
+                        const textY = start.y + radius * Math.sin(angleOffset);
+
+                        ctx.save();
+                        ctx.translate(textX, textY);
+                        ctx.rotate(-angleOffset);
                     } else {
-                        const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id)
-                            || (l.target.id === start.id && l.source.id === end.id))
-                        const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
-                        let curve
-
-                        if (index % 2 === 0) {
+                        if (even) {
                             curve = Math.floor(-(index / 2))
                         } else {
                             curve = Math.floor((index + 1) / 2)
                         }
 
-                        link.curve = curve * 0.2
-
-                        ctx.moveTo(start.x, start.y);
-
-                        if (curve !== 0) {
-                            const midX = (start.x + end.x) / 2;
-                            const midY = (start.y + end.y) / 2;
-                            const dx = end.x - start.x;
-                            const dy = end.y - start.y;
+                        link.curve = curve * 0.1
+                        
+                        const midX = (start.x + end.x) / 2 + (end.y - start.y) * (link.curve / 2);
+                        const midY = (start.y + end.y) / 2 + (start.x - end.x) * (link.curve / 2);
 
-                            // Add some curvature
-                            const curvature = link.curve
-                            const cpX = midX - curvature * dy;
-                            const cpY = midY + curvature * dx;
+                        let textAngle = Math.atan2(end.y - start.y, end.x - start.x)
 
-                            ctx.quadraticCurveTo(cpX, cpY, end.x, end.y);
+                        // maintain label vertical orientation for legibility
+                        if (textAngle > Math.PI / 2) textAngle = -(Math.PI - textAngle);
+                        if (textAngle < -Math.PI / 2) textAngle = -(-Math.PI - textAngle);
 
-                        } else {
-                            // add link
-                            ctx.lineTo(end.x, end.y);
-                        }
+                        ctx.save();
+                        ctx.translate(midX, midY);
+                        ctx.rotate(textAngle);
                     }
-                    ctx.stroke();
+
+                    // add label
+                    ctx.globalAlpha = 1;
+                    ctx.fillStyle = 'black';
+                    ctx.textAlign = 'center';
+                    ctx.textBaseline = 'middle';
+                    ctx.font = '2px Arial';
+                    ctx.fillText(link.label, 0, 0);
+                    ctx.restore()
                 }}
                 onNodeClick={handleClick}
                 onLinkClick={handleClick}
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index d7a59203..ae80051c 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -47,6 +47,20 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
     const [cooldownTicks, setCooldownTicks] = useState<number | undefined>(0)
     const [cooldownTime, setCooldownTime] = useState<number | undefined>(2000)
 
+    useEffect(() => {
+        let timeout: NodeJS.Timeout
+        if (tabsValue === "Graph" && selectedElement) {
+            timeout = setTimeout(() => {
+                dataPanel.current?.expand()
+            }, 0)
+        }
+        dataPanel.current?.collapse()
+
+        return () => {
+            clearInterval(timeout)
+        }
+    }, [tabsValue])
+
     useEffect(() => {
         setData({ ...graph.Elements })
     }, [graph.getElements().length, graph.Elements])
@@ -216,7 +230,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                             <Table />
                         </TabsTrigger>
                     </TabsList>
-                    <TabsContent value="Graph" className="grow h-full mt-0">
+                    <TabsContent value="Graph" className="w-1 grow h-full mt-0">
                         <div className="h-full flex flex-col gap-4">
                             <div className="flex items-center justify-between">
                                 <Toolbar
@@ -278,7 +292,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                             </div>
                         </div>
                     </TabsContent>
-                    <TabsContent value="Table" className="mt-0 grow h-full">
+                    <TabsContent value="Table" className="mt-0 w-1 grow h-full">
                         <TableView
                             data={graph.Data}
                         />

From de04edf325c870318a91663443438adbe6876227 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Sun, 22 Dec 2024 16:55:42 +0200
Subject: [PATCH 10/45] commit

---
 app/api/graph/[graph]/[node]/route.ts |    5 +-
 app/api/graph/[graph]/export/route.ts |    8 +-
 app/api/graph/[graph]/route.ts        |   16 +-
 app/api/user/[user]/route.ts          |    6 +-
 package-lock.json                     | 2249 +++++++++++++++----------
 package.json                          |   32 +-
 6 files changed, 1397 insertions(+), 919 deletions(-)

diff --git a/app/api/graph/[graph]/[node]/route.ts b/app/api/graph/[graph]/[node]/route.ts
index 8820a3a5..9036ab37 100644
--- a/app/api/graph/[graph]/[node]/route.ts
+++ b/app/api/graph/[graph]/[node]/route.ts
@@ -2,15 +2,14 @@ import { NextRequest, NextResponse } from "next/server";
 import { getClient } from "@/app/api/auth/[...nextauth]/options";
 
 // eslint-disable-next-line import/prefer-default-export
-export async function GET(request: NextRequest, { params }: { params: { graph: string, node: string } }) {
+export async function GET(request: NextRequest, { params }: { params: Promise<{ graphId: string, nodeId: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const nodeId = parseInt(params.node, 10);
-    const graphId = params.graph;
+    const { graphId, nodeId } = await params
 
     const graph = client.selectGraph(graphId);
 
diff --git a/app/api/graph/[graph]/export/route.ts b/app/api/graph/[graph]/export/route.ts
index eda69fc5..4466480b 100644
--- a/app/api/graph/[graph]/export/route.ts
+++ b/app/api/graph/[graph]/export/route.ts
@@ -3,23 +3,23 @@ import { NextRequest, NextResponse } from "next/server";
 import { commandOptions } from "redis";
 
 // eslint-disable-next-line import/prefer-default-export
-export async function GET(request: NextRequest, { params } : { params : { graph: string } }) {
+export async function GET(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const graphId = params.graph
+    const { graphId } = await params
 
     try {
-        
+
         const result = await (await client.connection).dump(
             commandOptions({ returnBuffers: true }),
             graphId
         )
         if (!result) throw new Error(`Failed to retrieve graph data for ID: ${graphId}`)
-        
+
         return new NextResponse(result, {
             status: 200,
             headers: {
diff --git a/app/api/graph/[graph]/route.ts b/app/api/graph/[graph]/route.ts
index a8d802b5..7095ad87 100644
--- a/app/api/graph/[graph]/route.ts
+++ b/app/api/graph/[graph]/route.ts
@@ -3,14 +3,14 @@ import { getClient } from "@/app/api/auth/[...nextauth]/options";
 import { prepareArg, securedFetch } from "@/lib/utils";
 
 // eslint-disable-next-line import/prefer-default-export
-export async function DELETE(request: NextRequest, { params }: { params: { graph: string } }) {
+export async function DELETE(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const graphId = params.graph;
+    const { graphId } = await params;
 
     try {
         if (graphId) {
@@ -27,14 +27,14 @@ export async function DELETE(request: NextRequest, { params }: { params: { graph
 }
 
 // eslint-disable-next-line import/prefer-default-export
-export async function POST(request: NextRequest, { params }: { params: { graph: string } }) {
+export async function POST(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const graphId = params.graph;
+    const { graphId } = await params;
     const sourceName = request.nextUrl.searchParams.get("sourceName")
 
     try {
@@ -87,14 +87,14 @@ export async function POST(request: NextRequest, { params }: { params: { graph:
 }
 
 // eslint-disable-next-line import/prefer-default-export
-export async function PATCH(request: NextRequest, { params }: { params: { graph: string } }) {
+export async function PATCH(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const graphId = params.graph;
+    const { graphId } = await params;
     const sourceName = request.nextUrl.searchParams.get("sourceName")
 
     try {
@@ -110,14 +110,14 @@ export async function PATCH(request: NextRequest, { params }: { params: { graph:
     }
 }
 
-export async function GET(request: NextRequest, { params }: { params: { graph: string } }) {
+export async function GET(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const graphId = params.graph
+    const { graphId } = await params
     const ID = request.nextUrl.searchParams.get("ID")
 
     try {
diff --git a/app/api/user/[user]/route.ts b/app/api/user/[user]/route.ts
index 01935d4f..72e195f1 100644
--- a/app/api/user/[user]/route.ts
+++ b/app/api/user/[user]/route.ts
@@ -3,20 +3,20 @@ import { getClient } from "../../auth/[...nextauth]/options"
 import { ROLE } from "../options"
 
 // eslint-disable-next-line import/prefer-default-export
-export async function PATCH(req: NextRequest, { params }: { params: { user: string } }) {
+export async function PATCH(req: NextRequest, { params }: { params: Promise<{ username: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const username = params.user
+    const { username } = await params
     const role = ROLE.get(req.nextUrl.searchParams.get("role") || "")
     try {
         if (!role) throw new Error("Role is missing")
 
         await (await client.connection).aclSetUser(username, role)
-        return NextResponse.json({ message: "User created" },{status: 200})
+        return NextResponse.json({ message: "User created" }, { status: 200 })
     } catch (err: unknown) {
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
diff --git a/package-lock.json b/package-lock.json
index 1d0c5e4f..0980425b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,20 +10,20 @@
       "dependencies": {
         "-": "^0.0.1",
         "@monaco-editor/react": "^4.6.0",
-        "@radix-ui/react-alert-dialog": "^1.0.5",
-        "@radix-ui/react-avatar": "^1.1.0",
-        "@radix-ui/react-checkbox": "^1.0.4",
-        "@radix-ui/react-dialog": "^1.0.5",
-        "@radix-ui/react-dropdown-menu": "^2.0.6",
-        "@radix-ui/react-hover-card": "^1.1.1",
-        "@radix-ui/react-label": "^2.0.2",
-        "@radix-ui/react-popover": "^1.0.7",
-        "@radix-ui/react-progress": "^1.0.3",
-        "@radix-ui/react-separator": "^1.0.3",
-        "@radix-ui/react-slot": "^1.0.2",
-        "@radix-ui/react-switch": "^1.0.3",
-        "@radix-ui/react-tabs": "^1.0.4",
-        "@radix-ui/react-toast": "^1.1.5",
+        "@radix-ui/react-alert-dialog": "^1.1.4",
+        "@radix-ui/react-avatar": "^1.1.2",
+        "@radix-ui/react-checkbox": "^1.1.3",
+        "@radix-ui/react-dialog": "^1.1.4",
+        "@radix-ui/react-dropdown-menu": "^2.1.4",
+        "@radix-ui/react-hover-card": "^1.1.4",
+        "@radix-ui/react-label": "^2.1.1",
+        "@radix-ui/react-popover": "^1.1.4",
+        "@radix-ui/react-progress": "^1.1.1",
+        "@radix-ui/react-separator": "^1.1.1",
+        "@radix-ui/react-slot": "^1.1.1",
+        "@radix-ui/react-switch": "^1.1.2",
+        "@radix-ui/react-tabs": "^1.1.2",
+        "@radix-ui/react-toast": "^1.2.4",
         "@radix-ui/react-tooltip": "^1.0.7",
         "autoprefixer": "^10.4.20",
         "class-variance-authority": "^0.7.0",
@@ -43,7 +43,7 @@
         "lodash": "^4.17.21",
         "lucide-react": "^0.301.0",
         "monaco-editor": "^0.47.0",
-        "next": "14.1.0",
+        "next": "^15.1.2",
         "next-auth": "^4.24.5",
         "next-themes": "^0.2.1",
         "playwright": "^1.46.1",
@@ -71,7 +71,7 @@
         "@typescript-eslint/parser": "^6.19.1",
         "eslint": "^8.56.0",
         "eslint-config-airbnb-typescript": "^17.1.0",
-        "eslint-config-next": "14.0.4",
+        "eslint-config-next": "^15.1.2",
         "typescript": "^5"
       }
     },
@@ -105,6 +105,15 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
+      "integrity": "sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -202,16 +211,14 @@
       "version": "1.6.8",
       "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
       "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
-      "license": "MIT",
       "dependencies": {
         "@floating-ui/utils": "^0.2.8"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.11",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz",
-      "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==",
-      "license": "MIT",
+      "version": "1.6.12",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.12.tgz",
+      "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==",
       "dependencies": {
         "@floating-ui/core": "^1.6.0",
         "@floating-ui/utils": "^0.2.8"
@@ -221,7 +228,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
       "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
-      "license": "MIT",
       "dependencies": {
         "@floating-ui/dom": "^1.0.0"
       },
@@ -233,8 +239,7 @@
     "node_modules/@floating-ui/utils": {
       "version": "0.2.8",
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
-      "license": "MIT"
+      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
     },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.13.0",
@@ -293,6 +298,348 @@
       "deprecated": "Use @eslint/object-schema instead",
       "license": "BSD-3-Clause"
     },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
+      "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
+      "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
+      "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
+      "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
+      "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
+      "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
+      "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
+      "cpu": [
+        "s390x"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
+      "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
+      "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
+      "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
+      "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.0.5"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
+      "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
+      "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
+      "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
+      "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
+      "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
+      "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.2.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
+      "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
+      "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -458,29 +805,54 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.0.tgz",
-      "integrity": "sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw==",
-      "license": "MIT"
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.1.2.tgz",
+      "integrity": "sha512-Hm3jIGsoUl6RLB1vzY+dZeqb+/kWPZ+h34yiWxW0dV87l8Im/eMOwpOA+a0L78U0HM04syEjXuRlCozqpwuojQ=="
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
-      "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.1.2.tgz",
+      "integrity": "sha512-sgfw3+WdaYOGPKCvM1L+UucBmRfh8V2Ygefp7ELON0+0vY7uohQwXXnVWg3rY7mXDKharQR3o7uedpfvnU2hlQ==",
+      "dev": true,
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "glob": "7.1.7"
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.0.tgz",
-      "integrity": "sha512-nUDn7TOGcIeyQni6lZHfzNoo9S0euXnu0jhsbMOmMJUBfgsnESdjN97kM7cBqQxZa8L/bM9om/S5/1dzCrW6wQ==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.1.2.tgz",
+      "integrity": "sha512-b9TN7q+j5/7+rGLhFAVZiKJGIASuo8tWvInGfAd8wsULjB1uNGRCj1z1WZwwPWzVQbIKWFYqc+9L7W09qwt52w==",
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -490,13 +862,12 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.0.tgz",
-      "integrity": "sha512-1jgudN5haWxiAl3O1ljUS2GfupPmcftu2RYJqZiMJmmbBT5M1XDffjUtRUzP4W3cBHsrvkfOFdQ71hAreNQP6g==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.1.2.tgz",
+      "integrity": "sha512-caR62jNDUCU+qobStO6YJ05p9E+LR0EoXh1EEmyU69cYydsAy7drMcOlUlRtQihM6K6QfvNwJuLhsHcCzNpqtA==",
       "cpu": [
         "x64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -506,13 +877,12 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.0.tgz",
-      "integrity": "sha512-RHo7Tcj+jllXUbK7xk2NyIDod3YcCPDZxj1WLIYxd709BQ7WuRYl3OWUNG+WUfqeQBds6kvZYlc42NJJTNi4tQ==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.1.2.tgz",
+      "integrity": "sha512-fHHXBusURjBmN6VBUtu6/5s7cCeEkuGAb/ZZiGHBLVBXMBy4D5QpM8P33Or8JD1nlOjm/ZT9sEE5HouQ0F+hUA==",
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -522,13 +892,12 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.0.tgz",
-      "integrity": "sha512-v6kP8sHYxjO8RwHmWMJSq7VZP2nYCkRVQ0qolh2l6xroe9QjbgV8siTbduED4u0hlk0+tjS6/Tuy4n5XCp+l6g==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.1.2.tgz",
+      "integrity": "sha512-9CF1Pnivij7+M3G74lxr+e9h6o2YNIe7QtExWq1KUK4hsOLTBv6FJikEwCaC3NeYTflzrm69E5UfwEAbV2U9/g==",
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -538,13 +907,12 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.0.tgz",
-      "integrity": "sha512-zJ2pnoFYB1F4vmEVlb/eSe+VH679zT1VdXlZKX+pE66grOgjmKJHKacf82g/sWE4MQ4Rk2FMBCRnX+l6/TVYzQ==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.1.2.tgz",
+      "integrity": "sha512-tINV7WmcTUf4oM/eN3Yuu/f8jQ5C6AkueZPKeALs/qfdfX57eNv4Ij7rt0SA6iZ8+fMobVfcFVv664Op0caCCg==",
       "cpu": [
         "x64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -554,13 +922,12 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.0.tgz",
-      "integrity": "sha512-rbaIYFt2X9YZBSbH/CwGAjbBG2/MrACCVu2X0+kSykHzHnYH5FjHxwXLkcoJ10cX0aWCEynpu+rP76x0914atg==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.1.2.tgz",
+      "integrity": "sha512-jf2IseC4WRsGkzeUw/cK3wci9pxR53GlLAt30+y+B+2qAQxMw6WAC3QrANIKxkcoPU3JFh/10uFfmoMDF9JXKg==",
       "cpu": [
         "x64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -570,29 +937,12 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.0.tgz",
-      "integrity": "sha512-o1N5TsYc8f/HpGt39OUQpQ9AKIGApd3QLueu7hXk//2xq5Z9OxmV6sQfNp8C7qYmiOlHYODOGqNNa0e9jvchGQ==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.1.2.tgz",
+      "integrity": "sha512-wvg7MlfnaociP7k8lxLX4s2iBJm4BrNiNFhVUY+Yur5yhAJHfkS8qPPeDEUH8rQiY0PX3u/P7Q/wcg6Mv6GSAA==",
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.0.tgz",
-      "integrity": "sha512-XXIuB1DBRCFwNO6EEzCTMHT5pauwaSj4SWs7CYnME57eaReAKBXCnkUE80p/pAZcewm7hs+vGvNqDPacEXHVkw==",
-      "cpu": [
-        "ia32"
-      ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -602,13 +952,12 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.0.tgz",
-      "integrity": "sha512-9WEbVRRAqJ3YFVqEZIxUqkiO8l1nool1LmNxygr5HWF8AcSYsEpneUDhmjUVJEzO2A04+oPtZdombzzPPkTtgg==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.1.2.tgz",
+      "integrity": "sha512-D3cNA8NoT3aWISWmo7HF5Eyko/0OdOO+VagkoJuiTk7pyX3P/b+n8XA/MYvyR+xSVcbKn68B1rY9fgqjNISqzQ==",
       "cpu": [
         "x64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -685,7 +1034,7 @@
       "version": "1.47.1",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.47.1.tgz",
       "integrity": "sha512-dbWpcNQZ5nj16m+A5UNScYx7HX5trIy7g4phrcitn+Nk83S32EBX/CLU4hiF4RGKX/yRc93AAqtfaXB7JWBd4Q==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "dependencies": {
         "playwright": "1.47.1"
@@ -698,23 +1047,21 @@
       }
     },
     "node_modules/@radix-ui/primitive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
-      "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==",
-      "license": "MIT"
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
     },
     "node_modules/@radix-ui/react-alert-dialog": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.1.tgz",
-      "integrity": "sha512-wmCoJwj7byuVuiLKqDLlX7ClSUU0vd9sdCeM+2Ls+uf13+cpSJoMgwysHq1SGVVkJj5Xn0XWi1NoRCdkMpr6Mw==",
-      "license": "MIT",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.4.tgz",
+      "integrity": "sha512-A6Kh23qZDLy3PSU4bh2UJZznOrUdHImIXqF8YtUa6CN73f8EOO9XlXSCd9IHyPvIquTaa/kwaSWzZTtUvgXVGw==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dialog": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dialog": "1.1.4",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -732,12 +1079,11 @@
       }
     },
     "node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz",
-      "integrity": "sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
+      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -755,13 +1101,12 @@
       }
     },
     "node_modules/@radix-ui/react-avatar": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.0.tgz",
-      "integrity": "sha512-Q/PbuSMk/vyAd/UoIShVGZ7StHHeRFYU7wXmi5GV+8cLXflZAEpHL/F697H1klrzxKXNtZ97vWiC0q3RKUH8UA==",
-      "license": "MIT",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.2.tgz",
+      "integrity": "sha512-GaC7bXQZ5VgZvVvsJ5mu/AEbjYLnhhkoidOboC50Z6FFlLA03wG2ianUoH+zgDQ31/9gCF59bE4+2bBgTyMiig==",
       "dependencies": {
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
@@ -781,16 +1126,15 @@
       }
     },
     "node_modules/@radix-ui/react-checkbox": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.1.tgz",
-      "integrity": "sha512-0i/EKJ222Afa1FE0C6pNJxDq1itzcl3HChE9DwskA4th4KRse8ojx8a1nVcOjwJdbpDLcz7uol77yYnQNMHdKw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.3.tgz",
+      "integrity": "sha512-HD7/ocp8f1B3e6OHygH0n7ZKjONkhciy1Nh0yuBgObqThc3oyx+vuMfFHKAknXRHHWVE9XvXStxJFyjUmB8PIw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "@radix-ui/react-use-previous": "1.1.0",
         "@radix-ui/react-use-size": "1.1.0"
@@ -811,15 +1155,14 @@
       }
     },
     "node_modules/@radix-ui/react-collection": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz",
-      "integrity": "sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
+      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0"
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -837,10 +1180,9 @@
       }
     },
     "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
-      "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -852,10 +1194,9 @@
       }
     },
     "node_modules/@radix-ui/react-context": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-      "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -867,25 +1208,24 @@
       }
     },
     "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.1.tgz",
-      "integrity": "sha512-zysS+iU4YP3STKNS6USvFVqI4qqx8EpiwmT5TuCApVEBca+eRCbONi4EgzfNSuVnOXvC5UPHHMjs8RXO6DH9Bg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-focus-guards": "1.1.0",
-        "@radix-ui/react-focus-scope": "1.1.0",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.4.tgz",
+      "integrity": "sha512-Ur7EV1IwQGCyaAuyDRiOLA5JIUZxELJljF+MbM/2NC0BYwfuRrbpS30BiQBJrVruscgUkieKkqXYDOoByaxIoA==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.7"
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -906,7 +1246,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
       "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
-      "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -918,14 +1257,13 @@
       }
     },
     "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.0.tgz",
-      "integrity": "sha512-/UovfmmXGptwGcBQawLzvn2jOfM0t4z3/uKffoBlj724+n3FvBbZ7M0aaBOmkp6pqFYpO4yx8tSVJjx3Fl2jig==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-escape-keydown": "1.1.0"
       },
@@ -945,17 +1283,16 @@
       }
     },
     "node_modules/@radix-ui/react-dropdown-menu": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.1.tgz",
-      "integrity": "sha512-y8E+x9fBq9qvteD2Zwa4397pUVhYsh9iq44b5RD5qu1GMJWBCBuVg1hMyItbc6+zH00TxGRqd9Iot4wzf3OoBQ==",
-      "license": "MIT",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.4.tgz",
+      "integrity": "sha512-iXU1Ab5ecM+yEepGAWK8ZhMyKX4ubFdCNtol4sT9D0OVErG9PNElfx3TQhjw7n7BC5nFVz68/5//clWy+8TXzA==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-menu": "2.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-menu": "2.1.4",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -974,10 +1311,9 @@
       }
     },
     "node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.0.tgz",
-      "integrity": "sha512-w6XZNUPVv6xCpZUqb/yN9DL6auvpGX3C/ee6Hdi16v2UUy25HV2Q5bcflsiDyT/g5RwbPQ/GIT1vLkeRb+ITBw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -989,13 +1325,12 @@
       }
     },
     "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.0.tgz",
-      "integrity": "sha512-200UD8zylvEyL8Bx+z76RJnASR2gRMuxlgFCPAe/Q/679a/r0eK3MBVYMb7vZODZcffZBdob1EGnky78xmVvcA==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.1.tgz",
+      "integrity": "sha512-01omzJAYRxXdG2/he/+xy+c8a8gCydoQ1yOxnWNcRhrrBW5W+RQJ22EK1SaO8tb3WoUsuEw7mJjBozPzihDFjA==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0"
       },
       "peerDependencies": {
@@ -1014,19 +1349,18 @@
       }
     },
     "node_modules/@radix-ui/react-hover-card": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.1.tgz",
-      "integrity": "sha512-IwzAOP97hQpDADYVKrEEHUH/b2LA+9MgB0LgdmnbFO2u/3M5hmEofjjr2M6CyzUblaAqJdFm6B7oFtU72DPXrA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.4.tgz",
+      "integrity": "sha512-QSUUnRA3PQ2UhvoCv3eYvMnCAgGQW+sTu86QPuNb+ZMi+ZENd6UWpiXbcWDQ4AEaKF9KKpCHBeaJz9Rw6lRlaQ==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -1063,12 +1397,11 @@
       }
     },
     "node_modules/@radix-ui/react-label": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.0.tgz",
-      "integrity": "sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==",
-      "license": "MIT",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.1.tgz",
+      "integrity": "sha512-UUw5E4e/2+4kFMH7+YxORXGWggtY6sM8WIwh5RZchhLuUg2H1hc98Py+pr8HMz6rdaYrK2t296ZEjYLOCO5uUw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1086,29 +1419,28 @@
       }
     },
     "node_modules/@radix-ui/react-menu": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.1.tgz",
-      "integrity": "sha512-oa3mXRRVjHi6DZu/ghuzdylyjaMXLymx83irM7hTxutQbD+7IhPKdMdRHD26Rm+kHRrWcrUkkRPv5pd47a2xFQ==",
-      "license": "MIT",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.4.tgz",
+      "integrity": "sha512-BnOgVoL6YYdHAG6DtXONaR29Eq4nvbi8rutrV/xlr3RQCMMb3yqP85Qiw/3NReozrSW+4dfLkK+rc1hb4wPU/A==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-focus-guards": "1.1.0",
-        "@radix-ui/react-focus-scope": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-roving-focus": "1.1.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-roving-focus": "1.1.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.7"
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1126,26 +1458,25 @@
       }
     },
     "node_modules/@radix-ui/react-popover": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.1.tgz",
-      "integrity": "sha512-3y1A3isulwnWhvTTwmIreiB8CF4L+qRjZnK1wYLO7pplddzXKby/GnZ2M7OZY3qgnl6p9AodUIHRYGXNah8Y7g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-focus-guards": "1.1.0",
-        "@radix-ui/react-focus-scope": "1.1.0",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.4.tgz",
+      "integrity": "sha512-aUACAkXx8LaFymDma+HQVji7WhvEhpFJ7+qPz17Nf4lLZqtreGOFRiNQWQmhzp7kEWg9cOyyQJpdIMUMPc/CPw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.7"
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1163,16 +1494,15 @@
       }
     },
     "node_modules/@radix-ui/react-popper": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
-      "integrity": "sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
+      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
       "dependencies": {
         "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-arrow": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-layout-effect": "1.1.0",
         "@radix-ui/react-use-rect": "1.1.0",
@@ -1195,12 +1525,11 @@
       }
     },
     "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.1.tgz",
-      "integrity": "sha512-A3UtLk85UtqhzFqtoC8Q0KvR2GbXF3mtPgACSazajqq6A41mEQgo53iPzY4i6BwDxlIFqWIhiQ2G729n+2aw/g==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
@@ -1219,12 +1548,11 @@
       }
     },
     "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.0.tgz",
-      "integrity": "sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==",
-      "license": "MIT",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
@@ -1243,12 +1571,11 @@
       }
     },
     "node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
-      "license": "MIT",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1266,13 +1593,12 @@
       }
     },
     "node_modules/@radix-ui/react-progress": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.0.tgz",
-      "integrity": "sha512-aSzvnYpP725CROcxAOEBVZZSIQVQdHgBr2QQFKySsaD14u8dNT0batuXI+AAGDdAHfXH8rbnHmjYFqVJ21KkRg==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.1.tgz",
+      "integrity": "sha512-6diOawA84f/eMxFHcWut0aE1C2kyE9dOyCTQOMRR2C/qPiXz/X0SaiA/RLbapQaXUCmy0/hLMf9meSccD1N0pA==",
       "dependencies": {
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1290,18 +1616,17 @@
       }
     },
     "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz",
-      "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz",
+      "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-direction": "1.1.0",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
@@ -1321,12 +1646,11 @@
       }
     },
     "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz",
-      "integrity": "sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz",
+      "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1344,12 +1668,11 @@
       }
     },
     "node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
+        "@radix-ui/react-compose-refs": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1362,15 +1685,14 @@
       }
     },
     "node_modules/@radix-ui/react-switch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.0.tgz",
-      "integrity": "sha512-OBzy5WAj641k0AOSpKQtreDMe+isX0MQJ1IVyF03ucdF3DunOnROVrjWs8zsXUxC3zfZ6JL9HFVCUlMghz9dJw==",
-      "license": "MIT",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.2.tgz",
+      "integrity": "sha512-zGukiWHjEdBCRyXvKR6iXAQG6qXm2esuAD6kDOi9Cn+1X6ev3ASo4+CsYaD6Fov9r/AQFekqnD/7+V0Cs6/98g==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "@radix-ui/react-use-previous": "1.1.0",
         "@radix-ui/react-use-size": "1.1.0"
@@ -1391,18 +1713,17 @@
       }
     },
     "node_modules/@radix-ui/react-tabs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.0.tgz",
-      "integrity": "sha512-bZgOKB/LtZIij75FSuPzyEti/XBhJH52ExgtdVqjCIh+Nx/FW+LhnbXtbCzIi34ccyMsyOja8T0thCzoHFXNKA==",
-      "license": "MIT",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.2.tgz",
+      "integrity": "sha512-9u/tQJMcC2aGq7KXpGivMm1mgq7oRJKXphDwdypPd/j21j/2znamPU8WkXgnhUaTrSFNIt8XhOyCAupg8/GbwQ==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-direction": "1.1.0",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-roving-focus": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-roving-focus": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -1421,23 +1742,22 @@
       }
     },
     "node_modules/@radix-ui/react-toast": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.1.tgz",
-      "integrity": "sha512-5trl7piMXcZiCq7MW6r8YYmu0bK5qDpTWz+FdEPdKyft2UixkspheYbjbrLXVN5NGKHFbOP7lm8eD0biiSqZqg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.4.tgz",
+      "integrity": "sha512-Sch9idFJHJTMH9YNpxxESqABcAFweJG4tKv+0zo0m5XBvUSL8FM5xKcJLFLXononpePs8IclyX1KieL5SDUNgA==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.0"
+        "@radix-ui/react-visually-hidden": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1455,23 +1775,22 @@
       }
     },
     "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.2.tgz",
-      "integrity": "sha512-9XRsLwe6Yb9B/tlnYCPVUd/TFS4J7HuOZW345DCeC6vKIxQGMZdx21RK4VoZauPD5frgkXTYVS5y90L+3YBn4w==",
-      "license": "MIT",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.6.tgz",
+      "integrity": "sha512-TLB5D8QLExS1uDn7+wH/bjEmRurNMTzNrtq7IjaS4kjion9NtzsTGkvR5+i7yc9q01Pi2KMM2cN3f8UG4IvvXA==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.0"
+        "@radix-ui/react-visually-hidden": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1525,7 +1844,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
       "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/react-use-callback-ref": "1.1.0"
       },
@@ -1573,7 +1891,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz",
       "integrity": "sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/rect": "1.1.0"
       },
@@ -1606,12 +1923,11 @@
       }
     },
     "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz",
-      "integrity": "sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
+      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1631,8 +1947,7 @@
     "node_modules/@radix-ui/rect": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
-      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==",
-      "license": "MIT"
+      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
     },
     "node_modules/@redis/bloom": {
       "version": "1.2.0",
@@ -1706,13 +2021,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
+    },
     "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-      "license": "Apache-2.0",
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
       "dependencies": {
-        "tslib": "^2.4.0"
+        "tslib": "^2.8.0"
       }
     },
     "node_modules/@types/cytoscape": {
@@ -2147,13 +2466,12 @@
       }
     },
     "node_modules/array-buffer-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
-      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "is-array-buffer": "^3.0.4"
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2285,19 +2603,17 @@
       }
     },
     "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
-      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
-      "license": "MIT",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
-        "es-errors": "^1.2.1",
-        "get-intrinsic": "^1.2.3",
-        "is-array-buffer": "^3.0.4",
-        "is-shared-array-buffer": "^1.0.2"
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2472,16 +2788,41 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-      "license": "MIT",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
         "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
         "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2609,56 +2950,30 @@
       }
     },
     "node_modules/cmdk": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/cmdk/-/cmdk-0.2.1.tgz",
-      "integrity": "sha512-U6//9lQ6JvT47+6OF6Gi8BvkxYQ8SCRRSKIJkthIMsFsLZRG0cKvTtuTaefyIKMQb8rvvXy0wGdpTNq/jPtm+g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-dialog": "1.0.0"
-      },
-      "peerDependencies": {
-        "react": "^18.0.0",
-        "react-dom": "^18.0.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/primitive": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
-      "integrity": "sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz",
-      "integrity": "sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==",
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/cmdk/-/cmdk-0.2.1.tgz",
+      "integrity": "sha512-U6//9lQ6JvT47+6OF6Gi8BvkxYQ8SCRRSKIJkthIMsFsLZRG0cKvTtuTaefyIKMQb8rvvXy0wGdpTNq/jPtm+g==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.13.10"
+        "@radix-ui/react-dialog": "1.0.0"
       },
       "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-context": {
+    "node_modules/cmdk/node_modules/@radix-ui/primitive": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.0.tgz",
-      "integrity": "sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
+      "integrity": "sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
     "node_modules/cmdk/node_modules/@radix-ui/react-dialog": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.0.tgz",
       "integrity": "sha512-Yn9YU+QlHYLWwV1XfKiqnGVpWYWk6MeBVM6x/bcoyPvxgjQGoeT35482viLPctTMWoMw0PoHgqfSox7Ig+957Q==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/primitive": "1.0.0",
@@ -2681,11 +2996,32 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dismissable-layer": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz",
+      "integrity": "sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-context": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.0.tgz",
+      "integrity": "sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.0.tgz",
       "integrity": "sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/primitive": "1.0.0",
@@ -2699,11 +3035,33 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-focus-guards": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
+      "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.0.tgz",
+      "integrity": "sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-guards": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.0.tgz",
       "integrity": "sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -2711,11 +3069,10 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-focus-scope": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-scope": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.0.tgz",
       "integrity": "sha512-C4SWtsULLGf/2L4oGeIHlvWQx7Rf+7cX/vKOAD2dXW0A1b5QXwi3wWeaEgW+wn+SEVrraMUk05vLU9fZZz5HbQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0",
@@ -2727,11 +3084,21 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-id": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
+      "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-id": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.0.tgz",
       "integrity": "sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-use-layout-effect": "1.0.0"
@@ -2740,11 +3107,21 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-portal": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-id/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
+      "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.0.tgz",
       "integrity": "sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-primitive": "1.0.0"
@@ -2754,11 +3131,10 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-presence": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.0.tgz",
       "integrity": "sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0",
@@ -2769,11 +3145,21 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-primitive": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
+      "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.0.tgz",
       "integrity": "sha512-EyXe6mnRlHZ8b6f4ilTDrXmkLShICIuOTTj0GX4w1rp+wSxf3+TD05u1UOITC8VsJ2a9nwHvdXtOXEOl0Cw/zQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-slot": "1.0.0"
@@ -2783,11 +3169,10 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-slot": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.0.tgz",
       "integrity": "sha512-3mrKauI/tWXo1Ll+gN5dHcxDPdm/Df1ufcDLCecn+pnCIVcdWE7CujXo8QaXOWRJyZyQWWbpB8eFwHzWXlv5mQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0"
@@ -2796,36 +3181,10 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
-      "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-use-controllable-state": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-controllable-state": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz",
       "integrity": "sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-use-callback-ref": "1.0.0"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.0.tgz",
-      "integrity": "sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-use-callback-ref": "1.0.0"
@@ -2834,11 +3193,10 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-use-layout-effect": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-controllable-state/node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
-      "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
+      "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -2846,11 +3204,10 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/react-remove-scroll": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll": {
       "version": "2.5.4",
       "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.4.tgz",
       "integrity": "sha512-xGVKJJr0SJGQVirVFAUZ2k1QLyO6m+2fy0l8Qawbp5Jgrv3DeLalrfMNBFSlmz5kriGGzsVBtGVnf4pTKIhhWA==",
-      "license": "MIT",
       "dependencies": {
         "react-remove-scroll-bar": "^2.3.3",
         "react-style-singleton": "^2.2.1",
@@ -2998,14 +3355,13 @@
       "license": "BSD-2-Clause"
     },
     "node_modules/data-view-buffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
-      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3015,29 +3371,27 @@
       }
     },
     "node_modules/data-view-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
-      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/inspect-js"
       }
     },
     "node_modules/data-view-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
-      "license": "MIT",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
         "is-data-view": "^1.0.1"
       },
@@ -3137,11 +3491,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
-      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
-      "license": "MIT"
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
     },
     "node_modules/didyoumean": {
       "version": "1.2.2",
@@ -3180,6 +3542,19 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -3242,57 +3617,57 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.23.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
-      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
-      "license": "MIT",
+      "version": "1.23.7",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.7.tgz",
+      "integrity": "sha512-OygGC8kIcDhXX+6yAZRGLqwi2CmEXCbLQixeGUgYeR+Qwlppqmo7DIDr8XibtEBZp+fJcoYpoatp5qwLMEdcqQ==",
       "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "arraybuffer.prototype.slice": "^1.0.3",
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
-        "data-view-buffer": "^1.0.1",
-        "data-view-byte-length": "^1.0.1",
-        "data-view-byte-offset": "^1.0.0",
-        "es-define-property": "^1.0.0",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
         "es-object-atoms": "^1.0.0",
         "es-set-tostringtag": "^2.0.3",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.4",
-        "get-symbol-description": "^1.0.2",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.2.6",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
         "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
         "hasown": "^2.0.2",
-        "internal-slot": "^1.0.7",
-        "is-array-buffer": "^3.0.4",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
         "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.1",
-        "is-negative-zero": "^2.0.3",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.3",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.13",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
+        "is-data-view": "^1.0.2",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.3",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.5",
-        "regexp.prototype.flags": "^1.5.2",
-        "safe-array-concat": "^1.1.2",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.trim": "^1.2.9",
-        "string.prototype.trimend": "^1.0.8",
+        "object.assign": "^4.1.7",
+        "regexp.prototype.flags": "^1.5.3",
+        "safe-array-concat": "^1.1.3",
+        "safe-regex-test": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
         "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.2",
-        "typed-array-byte-length": "^1.0.1",
-        "typed-array-byte-offset": "^1.0.2",
-        "typed-array-length": "^1.0.6",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.15"
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.18"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3302,13 +3677,9 @@
       }
     },
     "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "license": "MIT",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
       "engines": {
         "node": ">= 0.4"
       }
@@ -3343,25 +3714,26 @@
       }
     },
     "node_modules/es-iterator-helpers": {
-      "version": "1.0.19",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz",
-      "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3",
+        "es-abstract": "^1.23.6",
         "es-errors": "^1.3.0",
         "es-set-tostringtag": "^2.0.3",
         "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "globalthis": "^1.0.3",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
         "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.7",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.1.2"
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3403,14 +3775,13 @@
       }
     },
     "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "license": "MIT",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
       "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3539,24 +3910,24 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
-      "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.1.2.tgz",
+      "integrity": "sha512-PrMm1/4zWSJ689wd/ypWIR5ZF1uvmp3EkgpgBV1Yu6PhEobBjXMGgT8bVNelwl17LXojO8D5ePFRiI4qXjsPRA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@next/eslint-plugin-next": "14.0.4",
-        "@rushstack/eslint-patch": "^1.3.3",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "@next/eslint-plugin-next": "15.1.2",
+        "@rushstack/eslint-patch": "^1.10.3",
+        "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
         "eslint-import-resolver-node": "^0.3.6",
         "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.28.1",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^5.0.0"
       },
       "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0",
+        "eslint": "^7.23.0 || ^8.0.0 || ^9.0.0",
         "typescript": ">=3.3.1"
       },
       "peerDependenciesMeta": {
@@ -3565,6 +3936,18 @@
         }
       }
     },
+    "node_modules/eslint-config-next/node_modules/eslint-plugin-react-hooks": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz",
+      "integrity": "sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
     "node_modules/eslint-config-prettier": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
@@ -3634,10 +4017,9 @@
       }
     },
     "node_modules/eslint-module-utils": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.11.0.tgz",
-      "integrity": "sha512-gbBE5Hitek/oG6MUVj6sFuzEjA/ClzNflVrLovHi/JgLdC7fiN5gLAY1WIPW1a0V5I999MnsrvVrCOGmmVqDBQ==",
-      "license": "MIT",
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
+      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
       "dependencies": {
         "debug": "^3.2.7"
       },
@@ -3660,10 +4042,9 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.30.0.tgz",
-      "integrity": "sha512-/mHNE9jINJfiD2EKkg1BKyPyUk4zdnT54YgbOgfjSakWT5oyX/qQLVNTkehyfpcMxZXMy1zyonZ2v7hZTX43Yw==",
-      "license": "MIT",
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.8",
@@ -3673,7 +4054,7 @@
         "debug": "^3.2.7",
         "doctrine": "^2.1.0",
         "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.9.0",
+        "eslint-module-utils": "^2.12.0",
         "hasown": "^2.0.2",
         "is-core-module": "^2.15.1",
         "is-glob": "^4.0.3",
@@ -3682,13 +4063,14 @@
         "object.groupby": "^1.0.3",
         "object.values": "^1.2.0",
         "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.8",
         "tsconfig-paths": "^3.15.0"
       },
       "engines": {
         "node": ">=4"
       },
       "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
       }
     },
     "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
@@ -3787,17 +4169,16 @@
       }
     },
     "node_modules/eslint-plugin-react": {
-      "version": "7.36.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.36.1.tgz",
-      "integrity": "sha512-/qwbqNXZoq+VP30s1d4Nc1C5GTxjJQjk4Jzs4Wq2qzxFM7dSmuG2UkIjg2USMLh3A/aVcUNrK7v0J5U1XEGGwA==",
-      "license": "MIT",
+      "version": "7.37.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.2.tgz",
+      "integrity": "sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==",
       "dependencies": {
         "array-includes": "^3.1.8",
         "array.prototype.findlast": "^1.2.5",
         "array.prototype.flatmap": "^1.3.2",
         "array.prototype.tosorted": "^1.1.4",
         "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.19",
+        "es-iterator-helpers": "^1.1.0",
         "estraverse": "^5.3.0",
         "hasown": "^2.0.2",
         "jsx-ast-utils": "^2.4.1 || ^3.0.0",
@@ -4275,15 +4656,16 @@
       }
     },
     "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "license": "MIT",
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4311,16 +4693,20 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "license": "MIT",
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.6.tgz",
+      "integrity": "sha512-qxsEs+9A+u85HhllWJJFicJfPDhRmjzoYdl64aMWW9yRIJmSyxdn8IEkuIM530/7T+lv0TIHd8L6Q/ra0tEoeA==",
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "dunder-proto": "^1.0.0",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
         "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4339,14 +4725,13 @@
       }
     },
     "node_modules/get-symbol-description": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
-      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4"
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4461,12 +4846,11 @@
       }
     },
     "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "license": "MIT",
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -4476,6 +4860,7 @@
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/graphemer": {
@@ -4506,10 +4891,12 @@
       }
     },
     "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
-      "license": "MIT",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -4518,10 +4905,9 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -4608,28 +4994,18 @@
       "license": "ISC"
     },
     "node_modules/internal-slot": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
-      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
       "dependencies": {
         "es-errors": "^1.3.0",
-        "hasown": "^2.0.0",
-        "side-channel": "^1.0.4"
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/invariant": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "node_modules/is-arguments": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
@@ -4647,13 +5023,13 @@
       }
     },
     "node_modules/is-array-buffer": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
-      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
-      "license": "MIT",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4671,7 +5047,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
       "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "license": "MIT",
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -4683,12 +5058,14 @@
       }
     },
     "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
       "dependencies": {
-        "has-bigints": "^1.0.1"
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -4707,13 +5084,12 @@
       }
     },
     "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
+      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4773,11 +5149,12 @@
       }
     },
     "node_modules/is-data-view": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
-      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
       "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
         "is-typed-array": "^1.1.13"
       },
       "engines": {
@@ -4788,12 +5165,12 @@
       }
     },
     "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4812,12 +5189,14 @@
       }
     },
     "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -4836,7 +5215,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
       "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "license": "MIT",
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -4871,18 +5249,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -4893,12 +5259,12 @@
       }
     },
     "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4917,13 +5283,14 @@
       }
     },
     "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4945,12 +5312,11 @@
       }
     },
     "node_modules/is-shared-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
-      "license": "MIT",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
       "dependencies": {
-        "call-bind": "^1.0.7"
+        "call-bound": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4960,12 +5326,12 @@
       }
     },
     "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4975,12 +5341,13 @@
       }
     },
     "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
       "dependencies": {
-        "has-symbols": "^1.0.2"
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4990,12 +5357,11 @@
       }
     },
     "node_modules/is-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
-      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
-      "license": "MIT",
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
       "dependencies": {
-        "which-typed-array": "^1.1.14"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5017,12 +5383,14 @@
       }
     },
     "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
+      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bound": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -5057,16 +5425,19 @@
       "license": "ISC"
     },
     "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "license": "MIT",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.4.tgz",
+      "integrity": "sha512-x4WH0BWmrMmg4oHHl+duwubhrvczGlyuGAZu3nvrf0UXOfPu8IhZObFEr7DE/iv01YgVZrsOiRcqw2srkKEDIA==",
       "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "reflect.getprototypeof": "^1.0.8",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/jackspeak": {
@@ -5267,6 +5638,14 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -5371,46 +5750,53 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.1.0.tgz",
-      "integrity": "sha512-wlzrsbfeSU48YQBjZhDzOwhWhGsy+uQycR8bHAOt1LY1bn3zZEcDyHQOEoN3aWzQ8LHCAJ1nqrWCc9XF2+O45Q==",
-      "license": "MIT",
+      "version": "15.1.2",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.1.2.tgz",
+      "integrity": "sha512-nLJDV7peNy+0oHlmY2JZjzMfJ8Aj0/dd3jCwSZS8ZiO5nkQfcZRqDrRN3U5rJtqVTQneIOGZzb6LCNrk7trMCQ==",
       "dependencies": {
-        "@next/env": "14.1.0",
-        "@swc/helpers": "0.5.2",
+        "@next/env": "15.1.2",
+        "@swc/counter": "0.1.3",
+        "@swc/helpers": "0.5.15",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
-        "graceful-fs": "^4.2.11",
         "postcss": "8.4.31",
-        "styled-jsx": "5.1.1"
+        "styled-jsx": "5.1.6"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=18.17.0"
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.1.0",
-        "@next/swc-darwin-x64": "14.1.0",
-        "@next/swc-linux-arm64-gnu": "14.1.0",
-        "@next/swc-linux-arm64-musl": "14.1.0",
-        "@next/swc-linux-x64-gnu": "14.1.0",
-        "@next/swc-linux-x64-musl": "14.1.0",
-        "@next/swc-win32-arm64-msvc": "14.1.0",
-        "@next/swc-win32-ia32-msvc": "14.1.0",
-        "@next/swc-win32-x64-msvc": "14.1.0"
+        "@next/swc-darwin-arm64": "15.1.2",
+        "@next/swc-darwin-x64": "15.1.2",
+        "@next/swc-linux-arm64-gnu": "15.1.2",
+        "@next/swc-linux-arm64-musl": "15.1.2",
+        "@next/swc-linux-x64-gnu": "15.1.2",
+        "@next/swc-linux-x64-musl": "15.1.2",
+        "@next/swc-win32-arm64-msvc": "15.1.2",
+        "@next/swc-win32-x64-msvc": "15.1.2",
+        "sharp": "^0.33.5"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
+        "@playwright/test": "^1.41.2",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
         "sass": "^1.3.0"
       },
       "peerDependenciesMeta": {
         "@opentelemetry/api": {
           "optional": true
         },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         }
@@ -5534,10 +5920,9 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
-      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
-      "license": "MIT",
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -5571,14 +5956,15 @@
       }
     },
     "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
-      "license": "MIT",
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
         "object-keys": "^1.1.1"
       },
       "engines": {
@@ -6137,7 +6523,6 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
-      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -6173,7 +6558,6 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
-      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -6235,23 +6619,22 @@
       }
     },
     "node_modules/react-remove-scroll": {
-      "version": "2.5.7",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz",
-      "integrity": "sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==",
-      "license": "MIT",
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.2.tgz",
+      "integrity": "sha512-KmONPx5fnlXYJQqC62Q+lwIeAk64ws/cUw6omIumRzMRPqgnYqhSSti99nbj0Ry13bv7dF+BKn7NB+OqkdZGTw==",
       "dependencies": {
-        "react-remove-scroll-bar": "^2.3.4",
+        "react-remove-scroll-bar": "^2.3.7",
         "react-style-singleton": "^2.2.1",
         "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.0",
+        "use-callback-ref": "^1.3.3",
         "use-sidecar": "^1.1.2"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -6260,20 +6643,19 @@
       }
     },
     "node_modules/react-remove-scroll-bar": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz",
-      "integrity": "sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==",
-      "license": "MIT",
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
       "dependencies": {
-        "react-style-singleton": "^2.2.1",
+        "react-style-singleton": "^2.2.2",
         "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -6292,21 +6674,19 @@
       }
     },
     "node_modules/react-style-singleton": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
-      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
-      "license": "MIT",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
       "dependencies": {
         "get-nonce": "^1.0.0",
-        "invariant": "^2.2.4",
         "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -6353,18 +6733,18 @@
       }
     },
     "node_modules/reflect.getprototypeof": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
-      "integrity": "sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==",
-      "license": "MIT",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.9.tgz",
+      "integrity": "sha512-r0Ay04Snci87djAsI4U+WNRcSw5S4pOH7qFjd/veA5gC7TbqESR3tcj28ia95L/fYUDw11JKP7uqUKUAfVvV5Q==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.1",
+        "dunder-proto": "^1.0.1",
+        "es-abstract": "^1.23.6",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "which-builtin-type": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6380,15 +6760,14 @@
       "license": "MIT"
     },
     "node_modules/regexp.prototype.flags": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
-      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
-      "license": "MIT",
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz",
+      "integrity": "sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
         "es-errors": "^1.3.0",
-        "set-function-name": "^2.0.1"
+        "set-function-name": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6483,14 +6862,14 @@
       }
     },
     "node_modules/safe-array-concat": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
-      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4",
-        "has-symbols": "^1.0.3",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
         "isarray": "^2.0.5"
       },
       "engines": {
@@ -6501,14 +6880,13 @@
       }
     },
     "node_modules/safe-regex-test": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
-      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
-        "is-regex": "^1.1.4"
+        "is-regex": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6521,7 +6899,6 @@
       "version": "0.23.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
       "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
-      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
       }
@@ -6567,6 +6944,57 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/sharp": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
+      "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.3",
+        "semver": "^7.6.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.33.5",
+        "@img/sharp-darwin-x64": "0.33.5",
+        "@img/sharp-libvips-darwin-arm64": "1.0.4",
+        "@img/sharp-libvips-darwin-x64": "1.0.4",
+        "@img/sharp-libvips-linux-arm": "1.0.5",
+        "@img/sharp-libvips-linux-arm64": "1.0.4",
+        "@img/sharp-libvips-linux-s390x": "1.0.4",
+        "@img/sharp-libvips-linux-x64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4",
+        "@img/sharp-linux-arm": "0.33.5",
+        "@img/sharp-linux-arm64": "0.33.5",
+        "@img/sharp-linux-s390x": "0.33.5",
+        "@img/sharp-linux-x64": "0.33.5",
+        "@img/sharp-linuxmusl-arm64": "0.33.5",
+        "@img/sharp-linuxmusl-x64": "0.33.5",
+        "@img/sharp-wasm32": "0.33.5",
+        "@img/sharp-win32-ia32": "0.33.5",
+        "@img/sharp-win32-x64": "0.33.5"
+      }
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -6589,15 +7017,65 @@
       }
     },
     "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
       "dependencies": {
-        "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6765,15 +7243,17 @@
       }
     },
     "node_modules/string.prototype.trim": {
-      "version": "1.2.9",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
-      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
-      "license": "MIT",
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.0",
-        "es-object-atoms": "^1.0.0"
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6783,15 +7263,18 @@
       }
     },
     "node_modules/string.prototype.trimend": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
-      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
-      "license": "MIT",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
         "define-properties": "^1.2.1",
         "es-object-atoms": "^1.0.0"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -6860,10 +7343,9 @@
       }
     },
     "node_modules/styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "license": "MIT",
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
       "dependencies": {
         "client-only": "0.0.1"
       },
@@ -6871,7 +7353,7 @@
         "node": ">= 12.0.0"
       },
       "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
       },
       "peerDependenciesMeta": {
         "@babel/core": {
@@ -7122,10 +7604,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
-      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
-      "license": "0BSD"
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
     },
     "node_modules/type-check": {
       "version": "0.4.0",
@@ -7152,30 +7633,28 @@
       }
     },
     "node_modules/typed-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
-      "license": "MIT",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.13"
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/typed-array-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
-      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
-      "license": "MIT",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7185,17 +7664,17 @@
       }
     },
     "node_modules/typed-array-byte-offset": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
-      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
-      "license": "MIT",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7205,17 +7684,16 @@
       }
     },
     "node_modules/typed-array-length": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
-      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
-      "license": "MIT",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
       "dependencies": {
         "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
         "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
         "is-typed-array": "^1.1.13",
-        "possible-typed-array-names": "^1.0.0"
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7239,15 +7717,17 @@
       }
     },
     "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
       "dependencies": {
-        "call-bind": "^1.0.2",
+        "call-bound": "^1.0.3",
         "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -7299,10 +7779,9 @@
       }
     },
     "node_modules/use-callback-ref": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz",
-      "integrity": "sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==",
-      "license": "MIT",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
       "dependencies": {
         "tslib": "^2.0.0"
       },
@@ -7310,8 +7789,8 @@
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -7320,10 +7799,9 @@
       }
     },
     "node_modules/use-sidecar": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
-      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
       "dependencies": {
         "detect-node-es": "^1.1.0",
         "tslib": "^2.0.0"
@@ -7332,8 +7810,8 @@
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -7342,12 +7820,11 @@
       }
     },
     "node_modules/use-sync-external-store": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
-      "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
-      "license": "MIT",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
+      "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/util-deprecate": {
@@ -7381,39 +7858,41 @@
       }
     },
     "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
       "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/which-builtin-type": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.4.tgz",
-      "integrity": "sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
       "dependencies": {
+        "call-bound": "^1.0.2",
         "function.prototype.name": "^1.1.6",
         "has-tostringtag": "^1.0.2",
         "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
         "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
+        "is-regex": "^1.2.1",
         "is-weakref": "^1.0.2",
         "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
+        "which-boxed-primitive": "^1.1.0",
         "which-collection": "^1.0.2",
-        "which-typed-array": "^1.1.15"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7441,15 +7920,15 @@
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
-      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
-      "license": "MIT",
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+      "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
+        "gopd": "^1.2.0",
         "has-tostringtag": "^1.0.2"
       },
       "engines": {
diff --git a/package.json b/package.json
index bd23bbea..ade3df26 100644
--- a/package.json
+++ b/package.json
@@ -14,20 +14,20 @@
   "dependencies": {
     "-": "^0.0.1",
     "@monaco-editor/react": "^4.6.0",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-avatar": "^1.1.0",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.1.1",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-hover-card": "^1.1.4",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-separator": "^1.1.1",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.4",
     "@radix-ui/react-tooltip": "^1.0.7",
     "autoprefixer": "^10.4.20",
     "class-variance-authority": "^0.7.0",
@@ -47,7 +47,7 @@
     "lodash": "^4.17.21",
     "lucide-react": "^0.301.0",
     "monaco-editor": "^0.47.0",
-    "next": "14.1.0",
+    "next": "^15.1.2",
     "next-auth": "^4.24.5",
     "next-themes": "^0.2.1",
     "playwright": "^1.46.1",
@@ -75,7 +75,7 @@
     "@typescript-eslint/parser": "^6.19.1",
     "eslint": "^8.56.0",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-next": "14.0.4",
+    "eslint-config-next": "^15.1.2",
     "typescript": "^5"
   },
   "overrides": {

From ea01944b650d932a685c2daf89b50dd02be8646b Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Sun, 22 Dec 2024 16:59:13 +0200
Subject: [PATCH 11/45] fix build

---
 app/graph/Selector.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/graph/Selector.tsx b/app/graph/Selector.tsx
index 2c429dae..557aed7f 100644
--- a/app/graph/Selector.tsx
+++ b/app/graph/Selector.tsx
@@ -16,7 +16,7 @@ import Duplicate from "./Duplicate";
 import SchemaView from "../schema/SchemaView";
 import View from "./View";
 
-export default function Selector({ onChange, graphName, queries, runQuery, edgesCount, nodesCount, setGraph, graph, data }: {
+export default function Selector({ onChange, graphName, queries, runQuery, edgesCount, nodesCount, setGraph, graph, data: session }: {
     /* eslint-disable react/require-default-props */
     onChange: (selectedGraphName: string) => void
     graphName: string
@@ -67,7 +67,7 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
     const handleOnChange = async (name: string) => {
         if (runQuery) {
             const q = 'MATCH (n)-[e]-(m) return n,e,m'
-            const result = await securedFetch(`api/graph/${prepareArg(name)}_schema/?query=${prepareArg(q)}&create=false&role=${data?.user.role}`, {
+            const result = await securedFetch(`api/graph/${prepareArg(name)}_schema/?query=${prepareArg(q)}&create=false&role=${session?.user.role}`, {
                 method: "GET"
             })
 
@@ -259,7 +259,7 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
                                 />
                             </DialogTrigger>
                             <DialogComponent className="h-[90%] w-[90%]" title={`${selectedValue} Schema`}>
-                                <SchemaView schema={schema} data={data}/>
+                                <SchemaView schema={schema} session={session}/>
                             </DialogComponent>
                         </Dialog>
                     </div>

From e82deac8838ff6d1733c58b2c4ed71955fe74381 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 23 Dec 2024 12:33:35 +0200
Subject: [PATCH 12/45] commit

---
 app/graph/GraphView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index 43a2bcdb..12c5d29e 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -405,7 +405,7 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
                             <Table />
                         </TabsTrigger>
                     </TabsList>
-                    <TabsContent value="Graph" className="grow h-full mt-0">
+                    <TabsContent value="Graph" className="w-1 grow h-full mt-0">
                         <div className="h-full flex flex-col gap-4">
                             <div className="flex items-center justify-between">
                                 <Toolbar
@@ -476,7 +476,7 @@ const GraphView = forwardRef(({ graph, selectedElement, setSelectedElement, runQ
                             </div>
                         </div>
                     </TabsContent>
-                    <TabsContent value="Table" className="mt-0 grow h-full">
+                    <TabsContent value="Table" className="mt-0 w-1 grow h-full">
                         <TableView
                             data={graph.Data}
                         />

From c0e8b11f0a3cdae2f3d02b0e42d868145f813c0e Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 23 Dec 2024 13:03:32 +0200
Subject: [PATCH 13/45] commit

---
 app/components/ui/Avatar.tsx | 5 ++++-
 app/graph/page.tsx           | 8 +++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/components/ui/Avatar.tsx b/app/components/ui/Avatar.tsx
index ee3e5325..86893f69 100644
--- a/app/components/ui/Avatar.tsx
+++ b/app/components/ui/Avatar.tsx
@@ -43,7 +43,10 @@ export default function AvatarButton({ setUserStatus }: { setUserStatus: (status
             <DropdownMenuContent>
                 <DropdownMenuLabel className="text-center">My Account</DropdownMenuLabel>
                 <DropdownMenuSeparator/>
-                <DropdownMenuItem className="p-2" onClick={() => signOut({ callbackUrl: '/' })}>Logout</DropdownMenuItem>
+                <DropdownMenuItem className="p-2" onClick={() => {
+                    localStorage.removeItem("query history")
+                    signOut({ redirect: true, callbackUrl: '/' })
+                    }}>Logout</DropdownMenuItem>
             </DropdownMenuContent>
         </DropdownMenu>
     )
diff --git a/app/graph/page.tsx b/app/graph/page.tsx
index 7d400bde..75709bec 100644
--- a/app/graph/page.tsx
+++ b/app/graph/page.tsx
@@ -20,6 +20,9 @@ export default function Page() {
     const [selectedElement, setSelectedElement] = useState<ElementDataDefinition>();
     const { data } = useSession()
 
+    useEffect(() => {
+        setQueries(JSON.parse(localStorage.getItem("query history") || "[]"))
+    }, [])
 
     const fetchCount = useCallback(async () => {
         if (!graphName) return
@@ -76,13 +79,16 @@ export default function Page() {
         const result = await run(query)
         if (!result) return
         setQueries(prev => [...prev, { text: query, metadata: result.metadata }])
+        localStorage.setItem("query history", JSON.stringify(queries))
         setGraph(Graph.create(graphName, result, graph.Colors))
     }
 
     const runHistoryQuery = async (query: string, setQueriesOpen: (open: boolean) => void) => {
         const result = await run(query)
         if (!result) return
-        setQueries(prev => prev.some(q => q.text === query) ? prev : [...prev, { text: query, metadata: result.metadata }])
+        const queryArr = queries.some(q => q.text === query) ? queries : [...queries, { text: query, metadata: result.metadata }]
+        setQueries(queryArr)
+        localStorage.setItem("query history", JSON.stringify(queryArr))
         setGraph(Graph.create(graphName, result))
         setHistoryQuery(query)
         setQueriesOpen(false)

From dd913451a23ba2af67f7fd7ce27b4d0bc17ce002 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 23 Dec 2024 16:47:44 +0200
Subject: [PATCH 14/45] Refactor login verification and session handling

- Updated `LoginVerification` component to clear local storage on unauthenticated status and redirect authenticated users to the graph page.
- Removed session handling logic from the `Home` component, simplifying the routing based on authentication status.
- Added a sign-out event handler in NextAuth options for server-side cleanup.
- Simplified logout functionality in the `Avatar` component.
- Improved local storage query history management in the `Graph` page component.
---
 app/api/auth/[...nextauth]/options.ts |  6 ++++++
 app/components/ui/Avatar.tsx          |  7 ++-----
 app/graph/page.tsx                    |  7 ++++---
 app/loginVerification.tsx             | 18 +++++++++++++-----
 app/page.tsx                          | 13 -------------
 5 files changed, 25 insertions(+), 26 deletions(-)

diff --git a/app/api/auth/[...nextauth]/options.ts b/app/api/auth/[...nextauth]/options.ts
index 7def85a0..9f79e9be 100644
--- a/app/api/auth/[...nextauth]/options.ts
+++ b/app/api/auth/[...nextauth]/options.ts
@@ -154,6 +154,12 @@ const authOptions: AuthOptions = {
             }
             return session;
         }
+    },
+    events: {
+        signOut: async ({ session, token }) => {
+            // Only do server-side cleanup here if needed
+            console.log('User signed out', session, token);
+        },
     }
 }
 
diff --git a/app/components/ui/Avatar.tsx b/app/components/ui/Avatar.tsx
index 86893f69..09fa6eab 100644
--- a/app/components/ui/Avatar.tsx
+++ b/app/components/ui/Avatar.tsx
@@ -42,11 +42,8 @@ export default function AvatarButton({ setUserStatus }: { setUserStatus: (status
             </DropdownMenuTrigger>
             <DropdownMenuContent>
                 <DropdownMenuLabel className="text-center">My Account</DropdownMenuLabel>
-                <DropdownMenuSeparator/>
-                <DropdownMenuItem className="p-2" onClick={() => {
-                    localStorage.removeItem("query history")
-                    signOut({ redirect: true, callbackUrl: '/' })
-                    }}>Logout</DropdownMenuItem>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem className="p-2" onClick={() => signOut({ callbackUrl: "/login" })}>Logout</DropdownMenuItem>
             </DropdownMenuContent>
         </DropdownMenu>
     )
diff --git a/app/graph/page.tsx b/app/graph/page.tsx
index 75709bec..3433a2eb 100644
--- a/app/graph/page.tsx
+++ b/app/graph/page.tsx
@@ -21,7 +21,7 @@ export default function Page() {
     const { data } = useSession()
 
     useEffect(() => {
-        setQueries(JSON.parse(localStorage.getItem("query history") || "[]"))
+        setQueries(JSON.parse(localStorage.getItem(`query history`) || "[]"))
     }, [])
 
     const fetchCount = useCallback(async () => {
@@ -78,8 +78,9 @@ export default function Page() {
         if (!query) return
         const result = await run(query)
         if (!result) return
-        setQueries(prev => [...prev, { text: query, metadata: result.metadata }])
-        localStorage.setItem("query history", JSON.stringify(queries))
+        const queryArr = [...queries, { text: query, metadata: result.metadata }]
+        setQueries(queryArr)
+        localStorage.setItem("query history", JSON.stringify(queryArr))
         setGraph(Graph.create(graphName, result, graph.Colors))
     }
 
diff --git a/app/loginVerification.tsx b/app/loginVerification.tsx
index 23eb6a2a..0a477a08 100644
--- a/app/loginVerification.tsx
+++ b/app/loginVerification.tsx
@@ -1,20 +1,28 @@
 "use client"
 
 import { signOut, useSession } from "next-auth/react"
-import { usePathname } from "next/navigation"
+import { usePathname, useRouter } from "next/navigation"
 import { useEffect } from "react"
 
 export default function LoginVerification({ children }: { children: React.ReactNode }) {
 
+    const router = useRouter()
     const { status } = useSession()
     const url = usePathname()
-    
+    const { data } = useSession()
+
+    useEffect(() => {
+        if (data) return
+        localStorage.clear()
+    }, [data])
+
     useEffect(() => {
-        if (url === "/login") return
-        if (status === "unauthenticated") {
+        if ((url === "/login" || url === "/") && status === "authenticated") {
+            router.push("/graph")
+        } else if (status === "unauthenticated" && url !== "/login") {
             signOut({ callbackUrl: "/login" })
         }
-    }, [status, url])
+    }, [status, url, router])
 
     return children
 } 
\ No newline at end of file
diff --git a/app/page.tsx b/app/page.tsx
index 5698698b..7a813014 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,21 +1,8 @@
 "use client";
 
 import Spinning from "@/app/components/ui/spinning";
-import { useSession } from "next-auth/react";
-import { useRouter } from "next/navigation";
-import { useEffect } from "react";
 
 export default function Home() {
-  const { status } = useSession()
-  const router = useRouter()
-
-  useEffect(() => {
-    if (status === "authenticated") {
-      router.push("/graph")
-    } else {
-      router.push("/login")
-    }
-  }, [router, status]);
 
   return (
     <div className="h-full LandingPage">

From 73b3253eb3b639528d19fb8d7de495ef062b5c13 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 23 Dec 2024 16:49:48 +0200
Subject: [PATCH 15/45] Remove sign-out event handler from NextAuth options

---
 app/api/auth/[...nextauth]/options.ts | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/app/api/auth/[...nextauth]/options.ts b/app/api/auth/[...nextauth]/options.ts
index 9f79e9be..7def85a0 100644
--- a/app/api/auth/[...nextauth]/options.ts
+++ b/app/api/auth/[...nextauth]/options.ts
@@ -154,12 +154,6 @@ const authOptions: AuthOptions = {
             }
             return session;
         }
-    },
-    events: {
-        signOut: async ({ session, token }) => {
-            // Only do server-side cleanup here if needed
-            console.log('User signed out', session, token);
-        },
     }
 }
 

From 11bd5aa42f653f174d8defe669b45b46adb09ffc Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 24 Dec 2024 10:55:52 +0200
Subject: [PATCH 16/45] commit

---
 app/api/graph/[graph]/[node]/route.ts |    4 +-
 app/api/graph/[graph]/export/route.ts |    4 +-
 app/api/graph/[graph]/route.ts        |   17 +-
 app/api/graph/model.ts                |    2 +-
 app/api/user/[user]/route.ts          |    4 +-
 package-lock.json                     | 2344 +++++++++++++++++++++----
 6 files changed, 1997 insertions(+), 378 deletions(-)

diff --git a/app/api/graph/[graph]/[node]/route.ts b/app/api/graph/[graph]/[node]/route.ts
index 9036ab37..80f4cf81 100644
--- a/app/api/graph/[graph]/[node]/route.ts
+++ b/app/api/graph/[graph]/[node]/route.ts
@@ -2,14 +2,14 @@ import { NextRequest, NextResponse } from "next/server";
 import { getClient } from "@/app/api/auth/[...nextauth]/options";
 
 // eslint-disable-next-line import/prefer-default-export
-export async function GET(request: NextRequest, { params }: { params: Promise<{ graphId: string, nodeId: string }> }) {
+export async function GET(request: NextRequest, { params }: { params: Promise<{ graph: string, node: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const { graphId, nodeId } = await params
+    const { graph: graphId, node: nodeId } = await params
 
     const graph = client.selectGraph(graphId);
 
diff --git a/app/api/graph/[graph]/export/route.ts b/app/api/graph/[graph]/export/route.ts
index 4466480b..59c3c050 100644
--- a/app/api/graph/[graph]/export/route.ts
+++ b/app/api/graph/[graph]/export/route.ts
@@ -3,14 +3,14 @@ import { NextRequest, NextResponse } from "next/server";
 import { commandOptions } from "redis";
 
 // eslint-disable-next-line import/prefer-default-export
-export async function GET(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
+export async function GET(request: NextRequest, { params }: { params: Promise<{ graph: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const { graphId } = await params
+    const { graph: graphId } = await params
 
     try {
 
diff --git a/app/api/graph/[graph]/route.ts b/app/api/graph/[graph]/route.ts
index 7095ad87..82ab66ec 100644
--- a/app/api/graph/[graph]/route.ts
+++ b/app/api/graph/[graph]/route.ts
@@ -3,14 +3,14 @@ import { getClient } from "@/app/api/auth/[...nextauth]/options";
 import { prepareArg, securedFetch } from "@/lib/utils";
 
 // eslint-disable-next-line import/prefer-default-export
-export async function DELETE(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
+export async function DELETE(request: NextRequest, { params }: { params: Promise<{ graph: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const { graphId } = await params;
+    const { graph: graphId } = await params;
 
     try {
         if (graphId) {
@@ -27,14 +27,14 @@ export async function DELETE(request: NextRequest, { params }: { params: Promise
 }
 
 // eslint-disable-next-line import/prefer-default-export
-export async function POST(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
+export async function POST(request: NextRequest, { params }: { params: Promise<{ graph: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const { graphId } = await params;
+    const { graph: graphId } = await params;
     const sourceName = request.nextUrl.searchParams.get("sourceName")
 
     try {
@@ -87,14 +87,14 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
 }
 
 // eslint-disable-next-line import/prefer-default-export
-export async function PATCH(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
+export async function PATCH(request: NextRequest, { params }: { params: Promise<{ graph: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const { graphId } = await params;
+    const { graph: graphId } = await params;
     const sourceName = request.nextUrl.searchParams.get("sourceName")
 
     try {
@@ -110,14 +110,15 @@ export async function PATCH(request: NextRequest, { params }: { params: Promise<
     }
 }
 
-export async function GET(request: NextRequest, { params }: { params: Promise<{ graphId: string }> }) {
+export async function GET(request: NextRequest, { params }: { params: Promise<{ graph: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const { graphId } = await params
+    const { graph: graphId } = await params
+
     const ID = request.nextUrl.searchParams.get("ID")
 
     try {
diff --git a/app/api/graph/model.ts b/app/api/graph/model.ts
index 06ceddb8..a1e79574 100644
--- a/app/api/graph/model.ts
+++ b/app/api/graph/model.ts
@@ -236,7 +236,7 @@ export class Graph {
             });
 
             // remove empty category if there are no more empty nodes category
-            if (this.nodesMap.values().every(n => n.category.some(c => c !== ""))) {
+            if (Array.from(this.nodesMap.values()).every(n => n.category.some(c => c !== ""))) {
                 this.categories = this.categories.filter(l => l.name !== "")
                 this.categoriesMap.delete("")
                 this.categoriesColorIndex -= 1
diff --git a/app/api/user/[user]/route.ts b/app/api/user/[user]/route.ts
index 72e195f1..8b0564de 100644
--- a/app/api/user/[user]/route.ts
+++ b/app/api/user/[user]/route.ts
@@ -3,14 +3,14 @@ import { getClient } from "../../auth/[...nextauth]/options"
 import { ROLE } from "../options"
 
 // eslint-disable-next-line import/prefer-default-export
-export async function PATCH(req: NextRequest, { params }: { params: Promise<{ username: string }> }) {
+export async function PATCH(req: NextRequest, { params }: { params: Promise<{ user: string }> }) {
 
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
-    const { username } = await params
+    const { user: username } = await params
     const role = ROLE.get(req.nextUrl.searchParams.get("role") || "")
     try {
         if (!role) throw new Error("Role is missing")
diff --git a/package-lock.json b/package-lock.json
index 853e6629..6c7b3c0f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -165,6 +165,55 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/template": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
+      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
+      "dependencies": {
+        "@babel/code-frame": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.26.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
+      "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
+      "dependencies": {
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.3",
+        "@babel/parser": "^7.26.3",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.26.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
+      "integrity": "sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
@@ -264,14 +313,16 @@
       "version": "1.6.8",
       "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
       "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
+      "license": "MIT",
       "dependencies": {
         "@floating-ui/utils": "^0.2.8"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.12",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.12.tgz",
-      "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==",
+      "version": "1.6.11",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz",
+      "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==",
+      "license": "MIT",
       "dependencies": {
         "@floating-ui/core": "^1.6.0",
         "@floating-ui/utils": "^0.2.8"
@@ -281,6 +332,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
       "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
+      "license": "MIT",
       "dependencies": {
         "@floating-ui/dom": "^1.0.0"
       },
@@ -292,7 +344,8 @@
     "node_modules/@floating-ui/utils": {
       "version": "0.2.8",
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
+      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
+      "license": "MIT"
     },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.13.0",
@@ -1100,9 +1153,10 @@
       }
     },
     "node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
+      "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==",
+      "license": "MIT"
     },
     "node_modules/@radix-ui/react-alert-dialog": {
       "version": "1.1.4",
@@ -1131,12 +1185,68 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-arrow": {
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/primitive": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
-      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz",
+      "integrity": "sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1178,19 +1288,26 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-checkbox": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.3.tgz",
-      "integrity": "sha512-HD7/ocp8f1B3e6OHygH0n7ZKjONkhciy1Nh0yuBgObqThc3oyx+vuMfFHKAknXRHHWVE9XvXStxJFyjUmB8PIw==",
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-use-previous": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1207,15 +1324,19 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-collection": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
-      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.3.tgz",
+      "integrity": "sha512-HD7/ocp8f1B3e6OHygH0n7ZKjONkhciy1Nh0yuBgObqThc3oyx+vuMfFHKAknXRHHWVE9XvXStxJFyjUmB8PIw==",
       "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-presence": "1.1.2",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-slot": "1.1.1"
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1232,7 +1353,12 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-compose-refs": {
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
       "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
@@ -1246,7 +1372,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-context": {
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-context": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
       "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
@@ -1260,25 +1386,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.4.tgz",
-      "integrity": "sha512-Ur7EV1IwQGCyaAuyDRiOLA5JIUZxELJljF+MbM/2NC0BYwfuRrbpS30BiQBJrVruscgUkieKkqXYDOoByaxIoA==",
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.3",
-        "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.1",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-portal": "1.1.3",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-slot": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "^2.6.1"
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1295,30 +1409,12 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-direction": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
-      "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
-      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1335,18 +1431,15 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dropdown-menu": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.4.tgz",
-      "integrity": "sha512-iXU1Ab5ecM+yEepGAWK8ZhMyKX4ubFdCNtol4sT9D0OVErG9PNElfx3TQhjw7n7BC5nFVz68/5//clWy+8TXzA==",
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
+      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-menu": "2.1.4",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1363,10 +1456,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-focus-guards": {
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
-      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1377,44 +1470,26 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-focus-scope": {
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.1.tgz",
-      "integrity": "sha512-01omzJAYRxXdG2/he/+xy+c8a8gCydoQ1yOxnWNcRhrrBW5W+RQJ22EK1SaO8tb3WoUsuEw7mJjBozPzihDFjA==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0"
-      },
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-hover-card": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.4.tgz",
-      "integrity": "sha512-QSUUnRA3PQ2UhvoCv3eYvMnCAgGQW+sTu86QPuNb+ZMi+ZENd6UWpiXbcWDQ4AEaKF9KKpCHBeaJz9Rw6lRlaQ==",
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.3",
-        "@radix-ui/react-popper": "1.2.1",
-        "@radix-ui/react-portal": "1.1.3",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1431,14 +1506,11 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-id": {
+    "node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
-      "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
+      "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1449,49 +1521,38 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-label": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.1.tgz",
-      "integrity": "sha512-UUw5E4e/2+4kFMH7+YxORXGWggtY6sM8WIwh5RZchhLuUg2H1hc98Py+pr8HMz6rdaYrK2t296ZEjYLOCO5uUw==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
-      },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
+      "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
+      "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-menu": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.4.tgz",
-      "integrity": "sha512-BnOgVoL6YYdHAG6DtXONaR29Eq4nvbi8rutrV/xlr3RQCMMb3yqP85Qiw/3NReozrSW+4dfLkK+rc1hb4wPU/A==",
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.4.tgz",
+      "integrity": "sha512-Ur7EV1IwQGCyaAuyDRiOLA5JIUZxELJljF+MbM/2NC0BYwfuRrbpS30BiQBJrVruscgUkieKkqXYDOoByaxIoA==",
       "dependencies": {
         "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-collection": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
         "@radix-ui/react-dismissable-layer": "1.1.3",
         "@radix-ui/react-focus-guards": "1.1.1",
         "@radix-ui/react-focus-scope": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.1",
         "@radix-ui/react-portal": "1.1.3",
         "@radix-ui/react-presence": "1.1.2",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-roving-focus": "1.1.1",
         "@radix-ui/react-slot": "1.1.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
         "aria-hidden": "^1.1.1",
         "react-remove-scroll": "^2.6.1"
       },
@@ -1510,57 +1571,49 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-popover": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.4.tgz",
-      "integrity": "sha512-aUACAkXx8LaFymDma+HQVji7WhvEhpFJ7+qPz17Nf4lLZqtreGOFRiNQWQmhzp7kEWg9cOyyQJpdIMUMPc/CPw==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.3",
-        "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.1",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.1",
-        "@radix-ui/react-portal": "1.1.3",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-slot": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "^2.6.1"
-      },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
           "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-popper": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
-      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
       "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.1",
+        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-rect": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0",
-        "@radix-ui/rect": "1.1.0"
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1577,7 +1630,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-portal": {
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
       "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
@@ -1600,7 +1653,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-presence": {
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
       "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
@@ -1623,7 +1676,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-primitive": {
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
       "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
@@ -1645,13 +1698,31 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-progress": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.1.tgz",
-      "integrity": "sha512-6diOawA84f/eMxFHcWut0aE1C2kyE9dOyCTQOMRR2C/qPiXz/X0SaiA/RLbapQaXUCmy0/hLMf9meSccD1N0pA==",
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
+      "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.0.tgz",
+      "integrity": "sha512-/UovfmmXGptwGcBQawLzvn2jOfM0t4z3/uKffoBlj724+n3FvBbZ7M0aaBOmkp6pqFYpO4yx8tSVJjx3Fl2jig==",
+      "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1"
+        "@radix-ui/primitive": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1668,19 +1739,17 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz",
-      "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==",
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.4.tgz",
+      "integrity": "sha512-iXU1Ab5ecM+yEepGAWK8ZhMyKX4ubFdCNtol4sT9D0OVErG9PNElfx3TQhjw7n7BC5nFVz68/5//clWy+8TXzA==",
       "dependencies": {
         "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-collection": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
         "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-menu": "2.1.4",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -1698,12 +1767,45 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-separator": {
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/primitive": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz",
-      "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1720,13 +1822,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-slot": {
+    "node_modules/@radix-ui/react-focus-guards": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
-      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1"
-      },
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1737,18 +1836,14 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-switch": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.2.tgz",
-      "integrity": "sha512-zGukiWHjEdBCRyXvKR6iXAQG6qXm2esuAD6kDOi9Cn+1X6ev3ASo4+CsYaD6Fov9r/AQFekqnD/7+V0Cs6/98g==",
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.1.tgz",
+      "integrity": "sha512-01omzJAYRxXdG2/he/+xy+c8a8gCydoQ1yOxnWNcRhrrBW5W+RQJ22EK1SaO8tb3WoUsuEw7mJjBozPzihDFjA==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-use-previous": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0"
+        "@radix-ui/react-use-callback-ref": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1765,19 +1860,26 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tabs": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.2.tgz",
-      "integrity": "sha512-9u/tQJMcC2aGq7KXpGivMm1mgq7oRJKXphDwdypPd/j21j/2znamPU8WkXgnhUaTrSFNIt8XhOyCAupg8/GbwQ==",
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-roving-focus": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1794,23 +1896,20 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-toast": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.4.tgz",
-      "integrity": "sha512-Sch9idFJHJTMH9YNpxxESqABcAFweJG4tKv+0zo0m5XBvUSL8FM5xKcJLFLXononpePs8IclyX1KieL5SDUNgA==",
+    "node_modules/@radix-ui/react-hover-card": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.4.tgz",
+      "integrity": "sha512-QSUUnRA3PQ2UhvoCv3eYvMnCAgGQW+sTu86QPuNb+ZMi+ZENd6UWpiXbcWDQ4AEaKF9KKpCHBeaJz9Rw6lRlaQ==",
       "dependencies": {
         "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-collection": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-popper": "1.2.1",
         "@radix-ui/react-portal": "1.1.3",
         "@radix-ui/react-presence": "1.1.2",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.1"
+        "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1827,23 +1926,1412 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.6.tgz",
-      "integrity": "sha512-TLB5D8QLExS1uDn7+wH/bjEmRurNMTzNrtq7IjaS4kjion9NtzsTGkvR5+i7yc9q01Pi2KMM2cN3f8UG4IvvXA==",
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
+      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-popper": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
+      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-rect": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0",
+        "@radix-ui/rect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
+      "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.1.tgz",
+      "integrity": "sha512-UUw5E4e/2+4kFMH7+YxORXGWggtY6sM8WIwh5RZchhLuUg2H1hc98Py+pr8HMz6rdaYrK2t296ZEjYLOCO5uUw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.4.tgz",
+      "integrity": "sha512-BnOgVoL6YYdHAG6DtXONaR29Eq4nvbi8rutrV/xlr3RQCMMb3yqP85Qiw/3NReozrSW+4dfLkK+rc1hb4wPU/A==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-roving-focus": "1.1.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
+      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-popper": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
+      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-rect": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0",
+        "@radix-ui/rect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.4.tgz",
+      "integrity": "sha512-aUACAkXx8LaFymDma+HQVji7WhvEhpFJ7+qPz17Nf4lLZqtreGOFRiNQWQmhzp7kEWg9cOyyQJpdIMUMPc/CPw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
+      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
+      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-rect": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0",
+        "@radix-ui/rect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
+      "integrity": "sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-rect": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0",
+        "@radix-ui/rect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.1.tgz",
+      "integrity": "sha512-A3UtLk85UtqhzFqtoC8Q0KvR2GbXF3mtPgACSazajqq6A41mEQgo53iPzY4i6BwDxlIFqWIhiQ2G729n+2aw/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.0.tgz",
+      "integrity": "sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
+      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-progress": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.1.tgz",
+      "integrity": "sha512-6diOawA84f/eMxFHcWut0aE1C2kyE9dOyCTQOMRR2C/qPiXz/X0SaiA/RLbapQaXUCmy0/hLMf9meSccD1N0pA==",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz",
+      "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz",
+      "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.2.tgz",
+      "integrity": "sha512-zGukiWHjEdBCRyXvKR6iXAQG6qXm2esuAD6kDOi9Cn+1X6ev3ASo4+CsYaD6Fov9r/AQFekqnD/7+V0Cs6/98g==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.2.tgz",
+      "integrity": "sha512-9u/tQJMcC2aGq7KXpGivMm1mgq7oRJKXphDwdypPd/j21j/2znamPU8WkXgnhUaTrSFNIt8XhOyCAupg8/GbwQ==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-roving-focus": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.4.tgz",
+      "integrity": "sha512-Sch9idFJHJTMH9YNpxxESqABcAFweJG4tKv+0zo0m5XBvUSL8FM5xKcJLFLXononpePs8IclyX1KieL5SDUNgA==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
+      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.2.tgz",
+      "integrity": "sha512-9XRsLwe6Yb9B/tlnYCPVUd/TFS4J7HuOZW345DCeC6vKIxQGMZdx21RK4VoZauPD5frgkXTYVS5y90L+3YBn4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.0",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.1",
-        "@radix-ui/react-portal": "1.1.3",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-popper": "1.2.0",
+        "@radix-ui/react-portal": "1.1.1",
+        "@radix-ui/react-presence": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-slot": "1.1.0",
         "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.1"
+        "@radix-ui/react-visually-hidden": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1860,6 +3348,23 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
@@ -1897,6 +3402,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
       "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
+      "license": "MIT",
       "dependencies": {
         "@radix-ui/react-use-callback-ref": "1.1.0"
       },
@@ -1944,6 +3450,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz",
       "integrity": "sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==",
+      "license": "MIT",
       "dependencies": {
         "@radix-ui/rect": "1.1.0"
       },
@@ -1976,11 +3483,12 @@
       }
     },
     "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
-      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz",
+      "integrity": "sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==",
+      "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
+        "@radix-ui/react-primitive": "2.0.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2000,7 +3508,8 @@
     "node_modules/@radix-ui/rect": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
-      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
+      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==",
+      "license": "MIT"
     },
     "node_modules/@redis/bloom": {
       "version": "1.2.0",
@@ -3171,14 +4680,40 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
       "integrity": "sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz",
+      "integrity": "sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-context": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.0.tgz",
+      "integrity": "sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
     "node_modules/cmdk/node_modules/@radix-ui/react-dialog": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.0.tgz",
       "integrity": "sha512-Yn9YU+QlHYLWwV1XfKiqnGVpWYWk6MeBVM6x/bcoyPvxgjQGoeT35482viLPctTMWoMw0PoHgqfSox7Ig+957Q==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/primitive": "1.0.0",
@@ -3201,32 +4736,11 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz",
-      "integrity": "sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-context": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.0.tgz",
-      "integrity": "sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-dismissable-layer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.0.tgz",
       "integrity": "sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/primitive": "1.0.0",
@@ -3240,33 +4754,11 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
-      "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.0.tgz",
-      "integrity": "sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-use-callback-ref": "1.0.0"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-guards": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-focus-guards": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.0.tgz",
       "integrity": "sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -3274,10 +4766,11 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-scope": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-focus-scope": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.0.tgz",
       "integrity": "sha512-C4SWtsULLGf/2L4oGeIHlvWQx7Rf+7cX/vKOAD2dXW0A1b5QXwi3wWeaEgW+wn+SEVrraMUk05vLU9fZZz5HbQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0",
@@ -3289,21 +4782,11 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
-      "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-id": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-id": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.0.tgz",
       "integrity": "sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-use-layout-effect": "1.0.0"
@@ -3312,21 +4795,11 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-id/node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
-      "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-portal": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.0.tgz",
       "integrity": "sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-primitive": "1.0.0"
@@ -3336,10 +4809,11 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-presence": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.0.tgz",
       "integrity": "sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0",
@@ -3350,21 +4824,11 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence/node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
-      "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0"
-      }
-    },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-primitive": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.0.tgz",
       "integrity": "sha512-EyXe6mnRlHZ8b6f4ilTDrXmkLShICIuOTTj0GX4w1rp+wSxf3+TD05u1UOITC8VsJ2a9nwHvdXtOXEOl0Cw/zQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-slot": "1.0.0"
@@ -3374,10 +4838,11 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-slot": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.0.tgz",
       "integrity": "sha512-3mrKauI/tWXo1Ll+gN5dHcxDPdm/Df1ufcDLCecn+pnCIVcdWE7CujXo8QaXOWRJyZyQWWbpB8eFwHzWXlv5mQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0"
@@ -3386,10 +4851,23 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-controllable-state": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
+      "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-use-controllable-state": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz",
       "integrity": "sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-use-callback-ref": "1.0.0"
@@ -3398,10 +4876,24 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-controllable-state/node_modules/@radix-ui/react-use-callback-ref": {
+    "node_modules/cmdk/node_modules/@radix-ui/react-use-escape-keydown": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
-      "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.0.tgz",
+      "integrity": "sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/cmdk/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
+      "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -3409,10 +4901,11 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
-    "node_modules/cmdk/node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll": {
+    "node_modules/cmdk/node_modules/react-remove-scroll": {
       "version": "2.5.4",
       "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.4.tgz",
       "integrity": "sha512-xGVKJJr0SJGQVirVFAUZ2k1QLyO6m+2fy0l8Qawbp5Jgrv3DeLalrfMNBFSlmz5kriGGzsVBtGVnf4pTKIhhWA==",
+      "license": "MIT",
       "dependencies": {
         "react-remove-scroll-bar": "^2.3.3",
         "react-style-singleton": "^2.2.1",
@@ -3916,10 +5409,122 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/depcheck": {
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/depcheck/-/depcheck-1.4.7.tgz",
+      "integrity": "sha512-1lklS/bV5chOxwNKA/2XUUk/hPORp8zihZsXflr8x0kLwmcZ9Y9BsS6Hs3ssvA+2wUVbG0U2Ciqvm1SokNjPkA==",
+      "dependencies": {
+        "@babel/parser": "^7.23.0",
+        "@babel/traverse": "^7.23.2",
+        "@vue/compiler-sfc": "^3.3.4",
+        "callsite": "^1.0.0",
+        "camelcase": "^6.3.0",
+        "cosmiconfig": "^7.1.0",
+        "debug": "^4.3.4",
+        "deps-regex": "^0.2.0",
+        "findup-sync": "^5.0.0",
+        "ignore": "^5.2.4",
+        "is-core-module": "^2.12.0",
+        "js-yaml": "^3.14.1",
+        "json5": "^2.2.3",
+        "lodash": "^4.17.21",
+        "minimatch": "^7.4.6",
+        "multimatch": "^5.0.0",
+        "please-upgrade-node": "^3.2.0",
+        "readdirp": "^3.6.0",
+        "require-package-name": "^2.0.1",
+        "resolve": "^1.22.3",
+        "resolve-from": "^5.0.0",
+        "semver": "^7.5.4",
+        "yargs": "^16.2.0"
+      },
+      "bin": {
+        "depcheck": "bin/depcheck.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/depcheck/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/depcheck/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/depcheck/node_modules/minimatch": {
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-7.4.6.tgz",
+      "integrity": "sha512-sBz8G/YjVniEz6lKPNpKxXwazJe4c19fEfV2GDMX6AjFz+MX9uDWIZW8XreVhkFW3fkIdTv/gxWr/Kks5FFAVw==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/depcheck/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/depcheck/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/deps-regex": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/deps-regex/-/deps-regex-0.2.0.tgz",
+      "integrity": "sha512-PwuBojGMQAYbWkMXOY9Pd/NWCDNHVH12pnS7WHqZkTSeMESe4hwnKKRp0yR87g37113x4JPbo/oIvXY+s/f56Q=="
+    },
+    "node_modules/detect-file": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
+      "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
-      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "license": "MIT"
     },
     "node_modules/didyoumean": {
       "version": "1.2.2",
@@ -5123,20 +6728,6 @@
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
       "license": "ISC"
     },
-    "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -5576,6 +7167,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/is-arguments": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
@@ -6262,6 +7861,20 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/merge2": {
@@ -7209,6 +8822,7 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -7244,6 +8858,7 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -7640,6 +9255,7 @@
       "version": "0.23.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
       "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
       }
@@ -8555,9 +10171,10 @@
       }
     },
     "node_modules/use-sidecar": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
-      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+      "license": "MIT",
       "dependencies": {
         "detect-node-es": "^1.1.0",
         "tslib": "^2.0.0"
@@ -8566,8 +10183,8 @@
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -8576,11 +10193,12 @@
       }
     },
     "node_modules/use-sync-external-store": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
-      "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
+      "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
+      "license": "MIT",
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
     "node_modules/util-deprecate": {

From 6f40004cdcc6c5ab4c195dff06c32e4a7aaa4267 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 24 Dec 2024 12:09:48 +0200
Subject: [PATCH 17/45] Integrate Google Tag Manager (GTM) into the application

- Added `react-gtm-module` and its type definitions to `package.json` and `package-lock.json`.
- Replaced the `GoogleAnalytics` component with a new `GTMProvider` in the `RootLayout` component to manage GTM integration.
- Removed the `GoogleAnalytics` component as it is no longer needed.
- Minor formatting adjustments in `page.tsx` and `providers.tsx` for consistency.
---
 app/GTM.tsx                        | 15 +++++++++++++++
 app/components/GoogleAnalytics.tsx | 24 ------------------------
 app/layout.tsx                     | 14 +++++---------
 app/page.tsx                       |  4 ++--
 app/providers.tsx                  |  3 ++-
 package-lock.json                  | 13 +++++++++++++
 package.json                       |  2 ++
 7 files changed, 39 insertions(+), 36 deletions(-)
 create mode 100644 app/GTM.tsx
 delete mode 100644 app/components/GoogleAnalytics.tsx

diff --git a/app/GTM.tsx b/app/GTM.tsx
new file mode 100644
index 00000000..4e2f2b20
--- /dev/null
+++ b/app/GTM.tsx
@@ -0,0 +1,15 @@
+"use client"
+
+import { useEffect } from "react";
+import TagManager from "react-gtm-module";
+
+export default function GTM({ children }: { children: React.ReactNode}) {
+    useEffect(() => {
+        const gtmId = process.env.NEXT_PUBLIC_GTM_ID
+        if (gtmId) {
+            TagManager.initialize({ gtmId });
+        }
+    }, []);
+
+    return children;
+}
\ No newline at end of file
diff --git a/app/components/GoogleAnalytics.tsx b/app/components/GoogleAnalytics.tsx
deleted file mode 100644
index 955ac32c..00000000
--- a/app/components/GoogleAnalytics.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import Script from "next/script";
-
-function GoogleAnalytics({ ga_id }: { ga_id: string }) {
-  return <>
-    <Script
-      async
-      src={`https://www.googletagmanager.com/gtag/js? 
-      id=${ga_id}`}
-     />
-    <Script
-      id="google-analytics"
-      dangerouslySetInnerHTML={{
-        __html: `
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){dataLayer.push(arguments);}
-          gtag('js', new Date());
-
-          gtag('config', '${ga_id}');
-        `,
-      }}
-     />
-  </>
-}
-export default GoogleAnalytics;
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 4de4885d..b0eb1190 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -6,7 +6,7 @@ import { Toaster } from "@/components/ui/toaster";
 import { cn } from "@/lib/utils";
 import { Metadata } from "next";
 import NextAuthProvider from "./providers";
-import GoogleAnalytics from "./components/GoogleAnalytics";
+import GTMProvider from "./GTM";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -20,19 +20,15 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-
+  
   // Setting suppressHydrationWarning on html tag to prevent warning
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
       <body className={cn("h-full LandingPage", inter.className)}>
-        {
-          process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
-            <GoogleAnalytics ga_id=
-              {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
-          ) : null
-        }
-        <NextAuthProvider>{children}</NextAuthProvider>
+        <GTMProvider>
+          <NextAuthProvider>{children}</NextAuthProvider>
+        </GTMProvider>
         <Toaster />
       </body>
     </html>
diff --git a/app/page.tsx b/app/page.tsx
index 7a813014..339a2990 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,11 +3,11 @@
 import Spinning from "@/app/components/ui/spinning";
 
 export default function Home() {
-
+  
   return (
     <div className="h-full LandingPage">
       <main className="h-full flex items-center justify-center">
-        <Spinning/>
+        <Spinning />
       </main>
     </div>
   )
diff --git a/app/providers.tsx b/app/providers.tsx
index 60afc4f6..73e8d144 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -6,9 +6,10 @@ import LoginVerification from "./loginVerification";
 
 export default function NextAuthProvider({ children }: { children: React.ReactNode }) {
 
+
   return (
     <SessionProvider>
-      <ThemeProvider attribute="class" enableSystem>
+      <ThemeProvider>
         <LoginVerification>{children}</LoginVerification>
       </ThemeProvider>
     </SessionProvider>
diff --git a/package-lock.json b/package-lock.json
index 9866eb25..35c55dbb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,6 +53,7 @@
         "react-dom": "^18",
         "react-dropzone": "^14.2.3",
         "react-force-graph-2d": "^1.26.1",
+        "react-gtm-module": "^2.0.11",
         "react-hook-form": "^7.49.3",
         "react-json-tree": "^0.19.0",
         "react-resizable-panels": "^1.0.9",
@@ -69,6 +70,7 @@
         "@types/react": "^18",
         "@types/react-cytoscapejs": "^1.2.5",
         "@types/react-dom": "^18",
+        "@types/react-gtm-module": "^2.0.4",
         "@typescript-eslint/eslint-plugin": "^6.19.1",
         "@typescript-eslint/parser": "^6.19.1",
         "eslint": "^8.56.0",
@@ -1915,6 +1917,12 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-gtm-module": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/react-gtm-module/-/react-gtm-module-2.0.4.tgz",
+      "integrity": "sha512-5wPMWsUE5AI6O0B0K1/zbs0rFHBKu+7NWXQwDXhqvA12ooLD6W1AYiWZqR4UiOd7ixZDV1H5Ys301zEsqyIfNg==",
+      "dev": true
+    },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
@@ -7083,6 +7091,11 @@
         "react": "*"
       }
     },
+    "node_modules/react-gtm-module": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/react-gtm-module/-/react-gtm-module-2.0.11.tgz",
+      "integrity": "sha512-8gyj4TTxeP7eEyc2QKawEuQoAZdjKvMY4pgWfycGmqGByhs17fR+zEBs0JUDq4US/l+vbTl+6zvUIx27iDo/Vw=="
+    },
     "node_modules/react-hook-form": {
       "version": "7.53.0",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.0.tgz",
diff --git a/package.json b/package.json
index 6b61f7b1..4ec9c766 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
     "react-force-graph-2d": "^1.26.1",
+    "react-gtm-module": "^2.0.11",
     "react-hook-form": "^7.49.3",
     "react-json-tree": "^0.19.0",
     "react-resizable-panels": "^1.0.9",
@@ -73,6 +74,7 @@
     "@types/react": "^18",
     "@types/react-cytoscapejs": "^1.2.5",
     "@types/react-dom": "^18",
+    "@types/react-gtm-module": "^2.0.4",
     "@typescript-eslint/eslint-plugin": "^6.19.1",
     "@typescript-eslint/parser": "^6.19.1",
     "eslint": "^8.56.0",

From 2894aae138e18683a62342d00945c47cb686eb0f Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 24 Dec 2024 12:10:36 +0200
Subject: [PATCH 18/45] Revert "Integrate Google Tag Manager (GTM) into the
 application"

This reverts commit 6f40004cdcc6c5ab4c195dff06c32e4a7aaa4267.
---
 app/GTM.tsx                        | 15 ---------------
 app/components/GoogleAnalytics.tsx | 24 ++++++++++++++++++++++++
 app/layout.tsx                     | 14 +++++++++-----
 app/page.tsx                       |  4 ++--
 app/providers.tsx                  |  3 +--
 package-lock.json                  | 13 -------------
 package.json                       |  2 --
 7 files changed, 36 insertions(+), 39 deletions(-)
 delete mode 100644 app/GTM.tsx
 create mode 100644 app/components/GoogleAnalytics.tsx

diff --git a/app/GTM.tsx b/app/GTM.tsx
deleted file mode 100644
index 4e2f2b20..00000000
--- a/app/GTM.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client"
-
-import { useEffect } from "react";
-import TagManager from "react-gtm-module";
-
-export default function GTM({ children }: { children: React.ReactNode}) {
-    useEffect(() => {
-        const gtmId = process.env.NEXT_PUBLIC_GTM_ID
-        if (gtmId) {
-            TagManager.initialize({ gtmId });
-        }
-    }, []);
-
-    return children;
-}
\ No newline at end of file
diff --git a/app/components/GoogleAnalytics.tsx b/app/components/GoogleAnalytics.tsx
new file mode 100644
index 00000000..955ac32c
--- /dev/null
+++ b/app/components/GoogleAnalytics.tsx
@@ -0,0 +1,24 @@
+import Script from "next/script";
+
+function GoogleAnalytics({ ga_id }: { ga_id: string }) {
+  return <>
+    <Script
+      async
+      src={`https://www.googletagmanager.com/gtag/js? 
+      id=${ga_id}`}
+     />
+    <Script
+      id="google-analytics"
+      dangerouslySetInnerHTML={{
+        __html: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${ga_id}');
+        `,
+      }}
+     />
+  </>
+}
+export default GoogleAnalytics;
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index b0eb1190..4de4885d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -6,7 +6,7 @@ import { Toaster } from "@/components/ui/toaster";
 import { cn } from "@/lib/utils";
 import { Metadata } from "next";
 import NextAuthProvider from "./providers";
-import GTMProvider from "./GTM";
+import GoogleAnalytics from "./components/GoogleAnalytics";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -20,15 +20,19 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-  
+
   // Setting suppressHydrationWarning on html tag to prevent warning
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
       <body className={cn("h-full LandingPage", inter.className)}>
-        <GTMProvider>
-          <NextAuthProvider>{children}</NextAuthProvider>
-        </GTMProvider>
+        {
+          process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
+            <GoogleAnalytics ga_id=
+              {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
+          ) : null
+        }
+        <NextAuthProvider>{children}</NextAuthProvider>
         <Toaster />
       </body>
     </html>
diff --git a/app/page.tsx b/app/page.tsx
index 339a2990..7a813014 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,11 +3,11 @@
 import Spinning from "@/app/components/ui/spinning";
 
 export default function Home() {
-  
+
   return (
     <div className="h-full LandingPage">
       <main className="h-full flex items-center justify-center">
-        <Spinning />
+        <Spinning/>
       </main>
     </div>
   )
diff --git a/app/providers.tsx b/app/providers.tsx
index 73e8d144..60afc4f6 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -6,10 +6,9 @@ import LoginVerification from "./loginVerification";
 
 export default function NextAuthProvider({ children }: { children: React.ReactNode }) {
 
-
   return (
     <SessionProvider>
-      <ThemeProvider>
+      <ThemeProvider attribute="class" enableSystem>
         <LoginVerification>{children}</LoginVerification>
       </ThemeProvider>
     </SessionProvider>
diff --git a/package-lock.json b/package-lock.json
index 35c55dbb..9866eb25 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,7 +53,6 @@
         "react-dom": "^18",
         "react-dropzone": "^14.2.3",
         "react-force-graph-2d": "^1.26.1",
-        "react-gtm-module": "^2.0.11",
         "react-hook-form": "^7.49.3",
         "react-json-tree": "^0.19.0",
         "react-resizable-panels": "^1.0.9",
@@ -70,7 +69,6 @@
         "@types/react": "^18",
         "@types/react-cytoscapejs": "^1.2.5",
         "@types/react-dom": "^18",
-        "@types/react-gtm-module": "^2.0.4",
         "@typescript-eslint/eslint-plugin": "^6.19.1",
         "@typescript-eslint/parser": "^6.19.1",
         "eslint": "^8.56.0",
@@ -1917,12 +1915,6 @@
         "@types/react": "*"
       }
     },
-    "node_modules/@types/react-gtm-module": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@types/react-gtm-module/-/react-gtm-module-2.0.4.tgz",
-      "integrity": "sha512-5wPMWsUE5AI6O0B0K1/zbs0rFHBKu+7NWXQwDXhqvA12ooLD6W1AYiWZqR4UiOd7ixZDV1H5Ys301zEsqyIfNg==",
-      "dev": true
-    },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
@@ -7091,11 +7083,6 @@
         "react": "*"
       }
     },
-    "node_modules/react-gtm-module": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/react-gtm-module/-/react-gtm-module-2.0.11.tgz",
-      "integrity": "sha512-8gyj4TTxeP7eEyc2QKawEuQoAZdjKvMY4pgWfycGmqGByhs17fR+zEBs0JUDq4US/l+vbTl+6zvUIx27iDo/Vw=="
-    },
     "node_modules/react-hook-form": {
       "version": "7.53.0",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.0.tgz",
diff --git a/package.json b/package.json
index 4ec9c766..6b61f7b1 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,6 @@
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
     "react-force-graph-2d": "^1.26.1",
-    "react-gtm-module": "^2.0.11",
     "react-hook-form": "^7.49.3",
     "react-json-tree": "^0.19.0",
     "react-resizable-panels": "^1.0.9",
@@ -74,7 +73,6 @@
     "@types/react": "^18",
     "@types/react-cytoscapejs": "^1.2.5",
     "@types/react-dom": "^18",
-    "@types/react-gtm-module": "^2.0.4",
     "@typescript-eslint/eslint-plugin": "^6.19.1",
     "@typescript-eslint/parser": "^6.19.1",
     "eslint": "^8.56.0",

From d0a1205b8baf1b55a2071eda1ebc0acbd7e5d400 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 24 Dec 2024 12:09:48 +0200
Subject: [PATCH 19/45] Integrate Google Tag Manager (GTM) into the application

- Added `react-gtm-module` and its type definitions to `package.json` and `package-lock.json`.
- Replaced the `GoogleAnalytics` component with a new `GTMProvider` in the `RootLayout` component to manage GTM integration.
- Removed the `GoogleAnalytics` component as it is no longer needed.
- Minor formatting adjustments in `page.tsx` and `providers.tsx` for consistency.
---
 app/GTM.tsx                        | 15 +++++++++++++++
 app/components/GoogleAnalytics.tsx | 24 ------------------------
 app/layout.tsx                     | 14 +++++---------
 app/page.tsx                       |  4 ++--
 app/providers.tsx                  |  3 ++-
 package-lock.json                  | 13 +++++++++++++
 package.json                       |  2 ++
 7 files changed, 39 insertions(+), 36 deletions(-)
 create mode 100644 app/GTM.tsx
 delete mode 100644 app/components/GoogleAnalytics.tsx

diff --git a/app/GTM.tsx b/app/GTM.tsx
new file mode 100644
index 00000000..4e2f2b20
--- /dev/null
+++ b/app/GTM.tsx
@@ -0,0 +1,15 @@
+"use client"
+
+import { useEffect } from "react";
+import TagManager from "react-gtm-module";
+
+export default function GTM({ children }: { children: React.ReactNode}) {
+    useEffect(() => {
+        const gtmId = process.env.NEXT_PUBLIC_GTM_ID
+        if (gtmId) {
+            TagManager.initialize({ gtmId });
+        }
+    }, []);
+
+    return children;
+}
\ No newline at end of file
diff --git a/app/components/GoogleAnalytics.tsx b/app/components/GoogleAnalytics.tsx
deleted file mode 100644
index 955ac32c..00000000
--- a/app/components/GoogleAnalytics.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import Script from "next/script";
-
-function GoogleAnalytics({ ga_id }: { ga_id: string }) {
-  return <>
-    <Script
-      async
-      src={`https://www.googletagmanager.com/gtag/js? 
-      id=${ga_id}`}
-     />
-    <Script
-      id="google-analytics"
-      dangerouslySetInnerHTML={{
-        __html: `
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){dataLayer.push(arguments);}
-          gtag('js', new Date());
-
-          gtag('config', '${ga_id}');
-        `,
-      }}
-     />
-  </>
-}
-export default GoogleAnalytics;
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 4de4885d..b0eb1190 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -6,7 +6,7 @@ import { Toaster } from "@/components/ui/toaster";
 import { cn } from "@/lib/utils";
 import { Metadata } from "next";
 import NextAuthProvider from "./providers";
-import GoogleAnalytics from "./components/GoogleAnalytics";
+import GTMProvider from "./GTM";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -20,19 +20,15 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-
+  
   // Setting suppressHydrationWarning on html tag to prevent warning
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
       <body className={cn("h-full LandingPage", inter.className)}>
-        {
-          process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
-            <GoogleAnalytics ga_id=
-              {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
-          ) : null
-        }
-        <NextAuthProvider>{children}</NextAuthProvider>
+        <GTMProvider>
+          <NextAuthProvider>{children}</NextAuthProvider>
+        </GTMProvider>
         <Toaster />
       </body>
     </html>
diff --git a/app/page.tsx b/app/page.tsx
index 7a813014..339a2990 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,11 +3,11 @@
 import Spinning from "@/app/components/ui/spinning";
 
 export default function Home() {
-
+  
   return (
     <div className="h-full LandingPage">
       <main className="h-full flex items-center justify-center">
-        <Spinning/>
+        <Spinning />
       </main>
     </div>
   )
diff --git a/app/providers.tsx b/app/providers.tsx
index 60afc4f6..73e8d144 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -6,9 +6,10 @@ import LoginVerification from "./loginVerification";
 
 export default function NextAuthProvider({ children }: { children: React.ReactNode }) {
 
+
   return (
     <SessionProvider>
-      <ThemeProvider attribute="class" enableSystem>
+      <ThemeProvider>
         <LoginVerification>{children}</LoginVerification>
       </ThemeProvider>
     </SessionProvider>
diff --git a/package-lock.json b/package-lock.json
index 9866eb25..35c55dbb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,6 +53,7 @@
         "react-dom": "^18",
         "react-dropzone": "^14.2.3",
         "react-force-graph-2d": "^1.26.1",
+        "react-gtm-module": "^2.0.11",
         "react-hook-form": "^7.49.3",
         "react-json-tree": "^0.19.0",
         "react-resizable-panels": "^1.0.9",
@@ -69,6 +70,7 @@
         "@types/react": "^18",
         "@types/react-cytoscapejs": "^1.2.5",
         "@types/react-dom": "^18",
+        "@types/react-gtm-module": "^2.0.4",
         "@typescript-eslint/eslint-plugin": "^6.19.1",
         "@typescript-eslint/parser": "^6.19.1",
         "eslint": "^8.56.0",
@@ -1915,6 +1917,12 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-gtm-module": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/react-gtm-module/-/react-gtm-module-2.0.4.tgz",
+      "integrity": "sha512-5wPMWsUE5AI6O0B0K1/zbs0rFHBKu+7NWXQwDXhqvA12ooLD6W1AYiWZqR4UiOd7ixZDV1H5Ys301zEsqyIfNg==",
+      "dev": true
+    },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
@@ -7083,6 +7091,11 @@
         "react": "*"
       }
     },
+    "node_modules/react-gtm-module": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/react-gtm-module/-/react-gtm-module-2.0.11.tgz",
+      "integrity": "sha512-8gyj4TTxeP7eEyc2QKawEuQoAZdjKvMY4pgWfycGmqGByhs17fR+zEBs0JUDq4US/l+vbTl+6zvUIx27iDo/Vw=="
+    },
     "node_modules/react-hook-form": {
       "version": "7.53.0",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.0.tgz",
diff --git a/package.json b/package.json
index 6b61f7b1..4ec9c766 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
     "react-force-graph-2d": "^1.26.1",
+    "react-gtm-module": "^2.0.11",
     "react-hook-form": "^7.49.3",
     "react-json-tree": "^0.19.0",
     "react-resizable-panels": "^1.0.9",
@@ -73,6 +74,7 @@
     "@types/react": "^18",
     "@types/react-cytoscapejs": "^1.2.5",
     "@types/react-dom": "^18",
+    "@types/react-gtm-module": "^2.0.4",
     "@typescript-eslint/eslint-plugin": "^6.19.1",
     "@typescript-eslint/parser": "^6.19.1",
     "eslint": "^8.56.0",

From 462988e56d93ca85682f6d1cf8650ed8f9fc7d1a Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 24 Dec 2024 12:12:05 +0200
Subject: [PATCH 20/45] Revert "Integrate Google Tag Manager (GTM) into the
 application"

This reverts commit d0a1205b8baf1b55a2071eda1ebc0acbd7e5d400.
---
 app/GTM.tsx                        | 15 ---------------
 app/components/GoogleAnalytics.tsx | 24 ++++++++++++++++++++++++
 app/layout.tsx                     | 14 +++++++++-----
 app/page.tsx                       |  4 ++--
 app/providers.tsx                  |  3 +--
 package-lock.json                  | 13 -------------
 package.json                       |  2 --
 7 files changed, 36 insertions(+), 39 deletions(-)
 delete mode 100644 app/GTM.tsx
 create mode 100644 app/components/GoogleAnalytics.tsx

diff --git a/app/GTM.tsx b/app/GTM.tsx
deleted file mode 100644
index 4e2f2b20..00000000
--- a/app/GTM.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client"
-
-import { useEffect } from "react";
-import TagManager from "react-gtm-module";
-
-export default function GTM({ children }: { children: React.ReactNode}) {
-    useEffect(() => {
-        const gtmId = process.env.NEXT_PUBLIC_GTM_ID
-        if (gtmId) {
-            TagManager.initialize({ gtmId });
-        }
-    }, []);
-
-    return children;
-}
\ No newline at end of file
diff --git a/app/components/GoogleAnalytics.tsx b/app/components/GoogleAnalytics.tsx
new file mode 100644
index 00000000..955ac32c
--- /dev/null
+++ b/app/components/GoogleAnalytics.tsx
@@ -0,0 +1,24 @@
+import Script from "next/script";
+
+function GoogleAnalytics({ ga_id }: { ga_id: string }) {
+  return <>
+    <Script
+      async
+      src={`https://www.googletagmanager.com/gtag/js? 
+      id=${ga_id}`}
+     />
+    <Script
+      id="google-analytics"
+      dangerouslySetInnerHTML={{
+        __html: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${ga_id}');
+        `,
+      }}
+     />
+  </>
+}
+export default GoogleAnalytics;
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index b0eb1190..4de4885d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -6,7 +6,7 @@ import { Toaster } from "@/components/ui/toaster";
 import { cn } from "@/lib/utils";
 import { Metadata } from "next";
 import NextAuthProvider from "./providers";
-import GTMProvider from "./GTM";
+import GoogleAnalytics from "./components/GoogleAnalytics";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -20,15 +20,19 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-  
+
   // Setting suppressHydrationWarning on html tag to prevent warning
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
       <body className={cn("h-full LandingPage", inter.className)}>
-        <GTMProvider>
-          <NextAuthProvider>{children}</NextAuthProvider>
-        </GTMProvider>
+        {
+          process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
+            <GoogleAnalytics ga_id=
+              {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
+          ) : null
+        }
+        <NextAuthProvider>{children}</NextAuthProvider>
         <Toaster />
       </body>
     </html>
diff --git a/app/page.tsx b/app/page.tsx
index 339a2990..7a813014 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,11 +3,11 @@
 import Spinning from "@/app/components/ui/spinning";
 
 export default function Home() {
-  
+
   return (
     <div className="h-full LandingPage">
       <main className="h-full flex items-center justify-center">
-        <Spinning />
+        <Spinning/>
       </main>
     </div>
   )
diff --git a/app/providers.tsx b/app/providers.tsx
index 73e8d144..60afc4f6 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -6,10 +6,9 @@ import LoginVerification from "./loginVerification";
 
 export default function NextAuthProvider({ children }: { children: React.ReactNode }) {
 
-
   return (
     <SessionProvider>
-      <ThemeProvider>
+      <ThemeProvider attribute="class" enableSystem>
         <LoginVerification>{children}</LoginVerification>
       </ThemeProvider>
     </SessionProvider>
diff --git a/package-lock.json b/package-lock.json
index 35c55dbb..9866eb25 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,7 +53,6 @@
         "react-dom": "^18",
         "react-dropzone": "^14.2.3",
         "react-force-graph-2d": "^1.26.1",
-        "react-gtm-module": "^2.0.11",
         "react-hook-form": "^7.49.3",
         "react-json-tree": "^0.19.0",
         "react-resizable-panels": "^1.0.9",
@@ -70,7 +69,6 @@
         "@types/react": "^18",
         "@types/react-cytoscapejs": "^1.2.5",
         "@types/react-dom": "^18",
-        "@types/react-gtm-module": "^2.0.4",
         "@typescript-eslint/eslint-plugin": "^6.19.1",
         "@typescript-eslint/parser": "^6.19.1",
         "eslint": "^8.56.0",
@@ -1917,12 +1915,6 @@
         "@types/react": "*"
       }
     },
-    "node_modules/@types/react-gtm-module": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@types/react-gtm-module/-/react-gtm-module-2.0.4.tgz",
-      "integrity": "sha512-5wPMWsUE5AI6O0B0K1/zbs0rFHBKu+7NWXQwDXhqvA12ooLD6W1AYiWZqR4UiOd7ixZDV1H5Ys301zEsqyIfNg==",
-      "dev": true
-    },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
@@ -7091,11 +7083,6 @@
         "react": "*"
       }
     },
-    "node_modules/react-gtm-module": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/react-gtm-module/-/react-gtm-module-2.0.11.tgz",
-      "integrity": "sha512-8gyj4TTxeP7eEyc2QKawEuQoAZdjKvMY4pgWfycGmqGByhs17fR+zEBs0JUDq4US/l+vbTl+6zvUIx27iDo/Vw=="
-    },
     "node_modules/react-hook-form": {
       "version": "7.53.0",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.0.tgz",
diff --git a/package.json b/package.json
index 4ec9c766..6b61f7b1 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,6 @@
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
     "react-force-graph-2d": "^1.26.1",
-    "react-gtm-module": "^2.0.11",
     "react-hook-form": "^7.49.3",
     "react-json-tree": "^0.19.0",
     "react-resizable-panels": "^1.0.9",
@@ -74,7 +73,6 @@
     "@types/react": "^18",
     "@types/react-cytoscapejs": "^1.2.5",
     "@types/react-dom": "^18",
-    "@types/react-gtm-module": "^2.0.4",
     "@typescript-eslint/eslint-plugin": "^6.19.1",
     "@typescript-eslint/parser": "^6.19.1",
     "eslint": "^8.56.0",

From 4fde88d718acfddb31193401e41621614c74c77d Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 24 Dec 2024 12:15:19 +0200
Subject: [PATCH 21/45] Replace Google Analytics with Google Tag Manager (GTM)
 in RootLayout component

- Removed the GoogleAnalytics component and integrated GTM for tracking.
- Updated layout to include GTM for improved analytics management.
---
 app/GTM.tsx    | 15 +++++++++++++++
 app/layout.tsx |  9 ++-------
 2 files changed, 17 insertions(+), 7 deletions(-)
 create mode 100644 app/GTM.tsx

diff --git a/app/GTM.tsx b/app/GTM.tsx
new file mode 100644
index 00000000..889963ea
--- /dev/null
+++ b/app/GTM.tsx
@@ -0,0 +1,15 @@
+"use client"
+
+import { useEffect } from "react";
+import TagManager from "react-gtm-module";
+
+export default function GTM() {
+    useEffect(() => {
+        const gtmId = process.env.NEXT_PUBLIC_GTM_ID
+        if (gtmId) {
+            TagManager.initialize({ gtmId });
+        }
+    }, []);
+
+    return null;
+}
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 4de4885d..30489ae0 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -6,7 +6,7 @@ import { Toaster } from "@/components/ui/toaster";
 import { cn } from "@/lib/utils";
 import { Metadata } from "next";
 import NextAuthProvider from "./providers";
-import GoogleAnalytics from "./components/GoogleAnalytics";
+import GTM from "./GTM";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -26,12 +26,7 @@ export default function RootLayout({
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
       <body className={cn("h-full LandingPage", inter.className)}>
-        {
-          process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
-            <GoogleAnalytics ga_id=
-              {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
-          ) : null
-        }
+        <GTM />
         <NextAuthProvider>{children}</NextAuthProvider>
         <Toaster />
       </body>

From 5eb13115866e813a5f1ea85db66176d556cbaa1b Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 24 Dec 2024 13:08:44 +0200
Subject: [PATCH 22/45] commit

---
 package-lock.json | 6 ++++++
 package.json      | 1 +
 2 files changed, 7 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 9866eb25..57a9541f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,6 +53,7 @@
         "react-dom": "^18",
         "react-dropzone": "^14.2.3",
         "react-force-graph-2d": "^1.26.1",
+        "react-gtm-module": "^2.0.11",
         "react-hook-form": "^7.49.3",
         "react-json-tree": "^0.19.0",
         "react-resizable-panels": "^1.0.9",
@@ -7083,6 +7084,11 @@
         "react": "*"
       }
     },
+    "node_modules/react-gtm-module": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/react-gtm-module/-/react-gtm-module-2.0.11.tgz",
+      "integrity": "sha512-8gyj4TTxeP7eEyc2QKawEuQoAZdjKvMY4pgWfycGmqGByhs17fR+zEBs0JUDq4US/l+vbTl+6zvUIx27iDo/Vw=="
+    },
     "node_modules/react-hook-form": {
       "version": "7.53.0",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.0.tgz",
diff --git a/package.json b/package.json
index 6b61f7b1..9d18e085 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
     "react-force-graph-2d": "^1.26.1",
+    "react-gtm-module": "^2.0.11",
     "react-hook-form": "^7.49.3",
     "react-json-tree": "^0.19.0",
     "react-resizable-panels": "^1.0.9",

From 713c24131aaea1137fa24a6cfcd00b327b43d1d6 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 26 Dec 2024 13:39:17 +0200
Subject: [PATCH 23/45] commit

---
 app/api/graph/model.ts             |  46 ++--
 app/components/CreateGraph.tsx     |  58 +++++
 app/components/DialogComponent.tsx |  30 ++-
 app/components/EditorComponent.tsx |  61 +++--
 app/components/ForceGraph.tsx      |  22 +-
 app/components/Header.tsx          |  66 ++---
 app/components/ui/Button.tsx       |  47 ++--
 app/components/ui/Input.tsx        |   4 +-
 app/components/ui/combobox.tsx     | 119 +++++----
 app/globals.css                    |  72 ++++--
 app/graph/GraphView.tsx            |   6 +-
 app/graph/Selector.tsx             | 294 ++++++++++++++--------
 app/graph/View.tsx                 |   8 +-
 app/graph/page.tsx                 |   3 +-
 app/graph/toolbar.tsx              |  16 +-
 app/login/LoginForm.tsx            |   2 +-
 app/schema/SchemaCreateElement.tsx | 290 ++++++++++++++--------
 app/schema/SchemaView.tsx          |  11 +-
 app/schema/page.tsx                |   5 +-
 app/settings/Configurations.tsx    |   2 +-
 components/ui/select.tsx           | 160 ++++++++++++
 package-lock.json                  | 376 ++++++++++++++++++++++++++---
 package.json                       |   1 +
 public/fonts/oswald.ttf            | Bin 0 -> 169108 bytes
 24 files changed, 1217 insertions(+), 482 deletions(-)
 create mode 100644 app/components/CreateGraph.tsx
 create mode 100644 components/ui/select.tsx
 create mode 100644 public/fonts/oswald.ttf

diff --git a/app/api/graph/model.ts b/app/api/graph/model.ts
index 06ceddb8..30193053 100644
--- a/app/api/graph/model.ts
+++ b/app/api/graph/model.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-param-reassign */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import { EdgeDataDefinition, NodeDataDefinition } from 'cytoscape';
@@ -37,12 +38,10 @@ export type GraphData = {
 }
 
 export const DEFAULT_COLORS = [
-    "#7167F6",
-    "#ED70B1",
-    "#EF8759",
-    "#99E4E5",
-    "#F2EB47",
-    "#89D86D"
+    "#7466FF",
+    "#FF66B3",
+    "#FF804D",
+    "#80E6E6"
 ]
 
 export interface Query {
@@ -106,14 +105,7 @@ export class Graph {
         this.labelsMap = labelsMap;
         this.nodesMap = nodesMap;
         this.linksMap = edgesMap;
-        this.COLORS_ORDER_VALUE = colors || [
-            "#7167F6",
-            "#ED70B1",
-            "#EF8759",
-            "#99E4E5",
-            "#F2EB47",
-            "#89D86D"
-        ]
+        this.COLORS_ORDER_VALUE = colors || DEFAULT_COLORS
     }
 
     get Id(): string {
@@ -236,10 +228,20 @@ export class Graph {
             });
 
             // remove empty category if there are no more empty nodes category
-            if (this.nodesMap.values().every(n => n.category.some(c => c !== ""))) {
-                this.categories = this.categories.filter(l => l.name !== "")
+            if (Array.from(this.nodesMap.values()).every(n => n.category.some(c => c !== ""))) {
+                this.categories = this.categories.filter(l => l.name !== "").map(c => {
+                    // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
+                    if (this.categoriesMap.get("")?.index! < c.index) {
+                        c.index -= 1
+                        this.categoriesMap.get(c.name)!.index = c.index
+                    }
+                    return c
+                })
                 this.categoriesMap.delete("")
                 this.categoriesColorIndex -= 1
+                this.elements.nodes.forEach(n => {
+                    n.color = this.getCategoryColorValue(this.categoriesMap.get(n.category[0])?.index)
+                })
             }
         }
 
@@ -254,14 +256,14 @@ export class Graph {
         if (!currentEdge) {
             let category
             let link: Link
-            
+
             if (cell.sourceId === cell.destinationId) {
                 let source = this.nodesMap.get(cell.sourceId)
-                
+
                 if (!source) {
                     [category] = this.createCategory([""])
                 }
-                
+
                 if (!source) {
                     source = {
                         id: cell.sourceId,
@@ -274,11 +276,11 @@ export class Graph {
                             name: cell.sourceId.toString(),
                         },
                     }
-                    
+
                     this.nodesMap.set(cell.sourceId, source)
                     this.elements.nodes.push(source)
                 }
-                
+
                 link = {
                     id: cell.id,
                     source,
@@ -294,7 +296,7 @@ export class Graph {
             } else {
                 let source = this.nodesMap.get(cell.sourceId)
                 let target = this.nodesMap.get(cell.destinationId)
-                
+
                 if (!source || !target) {
                     [category] = this.createCategory([""])
                 }
diff --git a/app/components/CreateGraph.tsx b/app/components/CreateGraph.tsx
new file mode 100644
index 00000000..d9534e65
--- /dev/null
+++ b/app/components/CreateGraph.tsx
@@ -0,0 +1,58 @@
+import { Dispatch, SetStateAction } from "react"
+import { AlertCircle } from "lucide-react"
+import DialogComponent from "./DialogComponent"
+import Button from "./ui/Button"
+
+interface Props {
+    open: boolean
+    setOpen: Dispatch<SetStateAction<boolean>>
+    graphName: string
+    setGraphName: Dispatch<SetStateAction<string>>
+    handleCreateGraph: (e: React.FormEvent<HTMLFormElement>) => void
+    trigger: React.ReactNode
+}
+
+export default function CreateGraph({ open, setOpen, graphName, setGraphName, handleCreateGraph, trigger }: Props) {
+    return (
+        <DialogComponent
+            open={open}
+            onOpenChange={setOpen}
+            trigger={trigger}
+            title="Create New Graph"
+        >
+            <form className="flex flex-col gap-4" onSubmit={(e) => {
+                e.preventDefault()
+                handleCreateGraph(e)
+            }}>
+                <div className="flex gap-2 items-center">
+                    <Button
+                        type="button"
+                        title="Graph names can be edited later"
+                        icon={<AlertCircle size={20} />}
+                    />
+                    <p className="font-normal text-2xl">Name your graph:</p>
+                    <input
+                        className="bg-background border text-white rounded-lg p-2"
+                        value={graphName}
+                        onChange={(e) => setGraphName(e.target.value)}
+                    />
+                </div>
+                <div className="flex gap-4">
+                    <Button
+                        variant="Primary"
+                        label="Create your graph"
+                        type="submit"
+                    />
+                    <Button
+                        variant="Cancel"
+                        label="Cancel"
+                        type="button"
+                        onClick={() => {
+                            setOpen(false)
+                        }}
+                    />
+                </div>
+            </form>
+        </DialogComponent>
+    )
+}
\ No newline at end of file
diff --git a/app/components/DialogComponent.tsx b/app/components/DialogComponent.tsx
index ca6749aa..48fa62e1 100644
--- a/app/components/DialogComponent.tsx
+++ b/app/components/DialogComponent.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
 import { cn } from "@/lib/utils";
 import { ReactNode } from "react";
 import CloseDialog from "./CloseDialog";
@@ -9,26 +9,32 @@ import CloseDialog from "./CloseDialog";
 interface Props {
     children: React.ReactNode
     title: string
+    open?: boolean
+    onOpenChange?: (open: boolean) => void
+    trigger: React.ReactNode
     description?: ReactNode
     className?: string
 }
 
-export default function DialogComponent({ children, title, description, className }: Props) {
+export default function DialogComponent({ children, open, onOpenChange, trigger, title, description, className }: Props) {
     return (
-        <DialogContent className={cn("max-h-[90%] p-0 flex flex-col gap-0 rounded-lg border-2 overflow-hidden", className)} disableClose>
-            <DialogHeader className="flex-row justify-between items-center p-8 bg-[#7167F6]">
-                <DialogTitle>{title}</DialogTitle>
-                <CloseDialog />               
-            </DialogHeader>
-            <div className="h-[90%] p-8 flex flex-col gap-10 overflow-auto">
+        <Dialog open={open} onOpenChange={onOpenChange}>
+            <DialogTrigger asChild>
+                {trigger}
+            </DialogTrigger>
+            <DialogContent className={cn("bg-foreground p-8 flex flex-col gap-8 rounded-lg border-none", className)} disableClose>
+                <DialogHeader className="flex-row justify-between items-center border-b border-secondary pb-4">
+                    <DialogTitle className="text-2xl font-medium">{title}</DialogTitle>
+                    <CloseDialog />
+                </DialogHeader>
                 {
                     description &&
-                    <DialogDescription className="text-xl">
+                    <DialogDescription className="p-4">
                         {description}
                     </DialogDescription>
                 }
                 {children}
-            </div>
-        </DialogContent>
+            </DialogContent>
+        </Dialog>
     )
-}
\ No newline at end of file
+}
diff --git a/app/components/EditorComponent.tsx b/app/components/EditorComponent.tsx
index fc2c6990..f52342ba 100644
--- a/app/components/EditorComponent.tsx
+++ b/app/components/EditorComponent.tsx
@@ -52,10 +52,10 @@ const monacoOptions: monaco.editor.IStandaloneEditorConstructionOptions = {
         loop: false,
     },
     automaticLayout: true,
-    fontSize: 30,
+    fontSize: 26,
     fontWeight: "200",
     wordWrap: "off",
-    lineHeight: 38,
+    lineHeight: 37,
     lineNumbersMinChars: 2,
     overviewRulerLanes: 0,
     overviewRulerBorder: false,
@@ -197,9 +197,12 @@ const getEmptySuggestions = (): Suggestions => ({
     functions: []
 })
 
+const PLACEHOLDER = "Type your query here to start"
+
 export default function EditorComponent({ currentQuery, historyQueries, setCurrentQuery, maximize, runQuery, graph, isCollapsed, data }: Props) {
 
     const [query, setQuery] = useState(currentQuery)
+    const placeholderRef = useRef<HTMLDivElement>(null)
     const [monacoInstance, setMonacoInstance] = useState<Monaco>()
     const [prevGraphName, setPrevGraphName] = useState<string>("")
     const [sugProvider, setSugProvider] = useState<monaco.IDisposable>()
@@ -240,8 +243,8 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
                 { token: 'number', foreground: '#b5cea8' },
             ],
             colors: {
-                'editor.background': '#1F1F3D',
-                'editor.foreground': 'ffffff',
+                'editor.background': '#191919',
+                'editor.foreground': '#ffffff',
                 'editorSuggestWidget.background': '#272745',
                 'editorSuggestWidget.foreground': '#FFFFFF',
                 'editorSuggestWidget.selectedBackground': '#57577B',
@@ -434,15 +437,16 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
 
         const run = async () => {
             const sug: Suggestions = getEmptySuggestions()
-
-            await Promise.all(graph.Metadata.map(async (meta: string) => {
-                if (meta.includes("Labels")) await addLabelsSuggestions(sug.labels)
-                if (meta.includes("RelationshipTypes")) await addRelationshipTypesSuggestions(sug.relationshipTypes)
-                if (meta.includes("PropertyKeys")) await addPropertyKeysSuggestions(sug.propertyKeys)
-            }))
+            if (graph.Metadata.length > 0) {
+                await Promise.all(graph.Metadata.map(async (meta: string) => {
+                    if (meta.includes("Labels")) await addLabelsSuggestions(sug.labels)
+                    if (meta.includes("RelationshipTypes")) await addRelationshipTypesSuggestions(sug.relationshipTypes)
+                    if (meta.includes("PropertyKeys")) await addPropertyKeysSuggestions(sug.propertyKeys)
+                }))
+            }
             Object.entries(sug).forEach(([key, value]) => {
                 if (value.length === 0) {
-                    sug[key as "labels" || "propertyKeys" || "relationshipTypes"] = suggestions[key as "labels" || "propertyKeys" || "relationshipTypes"]
+                    sug[key as keyof Suggestions] = suggestions[key as keyof Suggestions]
                 }
             })
 
@@ -531,6 +535,29 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
     };
 
     const handleEditorDidMount = (e: monaco.editor.IStandaloneCodeEditor, monacoI: Monaco) => {
+        const updatePlaceholderVisibility = () => {
+            const hasContent = e.getValue();
+            if (placeholderRef.current) {
+                placeholderRef.current.style.display = hasContent ? 'none' : 'block';
+            }
+        };
+
+        e.onDidChangeModelContent(() => {
+            updatePlaceholderVisibility();
+        });
+
+        e.onDidFocusEditorText(() => {
+            if (!e.getValue() && placeholderRef.current) {
+                placeholderRef.current.style.display = 'none';
+            }
+        });
+
+        e.onDidBlurEditorText(() => {
+            updatePlaceholderVisibility();
+        });
+
+        // Initial check
+        updatePlaceholderVisibility();
 
         setMonacoInstance(monacoI)
 
@@ -612,17 +639,16 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
                                 runQuery(query)
                             }}
                         >
-                            <div className="relative border border-[#343459] flex grow w-1">
+                            <div className="relative grow w-1">
                                 <Editor
                                     // eslint-disable-next-line no-nested-ternary
                                     height={blur ? LINE_HEIGHT : lineNumber * LINE_HEIGHT > document.body.clientHeight / 100 * MAX_HEIGHT ? document.body.clientHeight / 100 * MAX_HEIGHT : lineNumber * LINE_HEIGHT}
-                                    className="Editor"
                                     language="custom-language"
                                     options={{
                                         ...monacoOptions,
                                         lineNumbers: lineNumber > 1 ? "on" : "off",
                                     }}
-                                    value={blur ? query.replace(/\s+/g, ' ').trim() : query}
+                                    value={(blur ? query.replace(/\s+/g, ' ').trim() : query)}
                                     onChange={(val) => historyRef.current.historyCounter ? setQuery(val || "") : setCurrentQuery(val || "")}
                                     theme="custom-theme"
                                     beforeMount={handleEditorWillMount}
@@ -635,11 +661,14 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
                                         icon={<Maximize2 size={20} />}
                                     />
                                 </DialogTrigger>
+                                <div ref={placeholderRef} className="absolute top-2 left-2 pointer-events-none">
+                                    {PLACEHOLDER}
+                                </div>
                             </div>
                             <Button
                                 ref={submitQuery}
-                                className="rounded-none px-8"
-                                variant="Secondary"
+                                className="rounded-none py-2 px-8"
+                                variant="Primary"
                                 label="Run"
                                 type="submit"
                             />
diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
index 6dbacbb0..f0b97aac 100644
--- a/app/components/ForceGraph.tsx
+++ b/app/components/ForceGraph.tsx
@@ -3,7 +3,7 @@
 
 "use client"
 
-import { Dispatch, RefObject, SetStateAction, useState } from "react"
+import { Dispatch, RefObject, SetStateAction, useEffect, useRef, useState } from "react"
 import ForceGraph2D from "react-force-graph-2d"
 import { securedFetch } from "@/lib/utils"
 import { Graph, GraphData, Link, Node } from "../api/graph/model"
@@ -49,6 +49,14 @@ export default function ForceGraph({
     const [parentWidth, setParentWidth] = useState<number>(0)
     const [parentHeight, setParentHeight] = useState<number>(0)
     const [hoverElement, setHoverElement] = useState<Node | Link | undefined>()
+    const parentRef = useRef<HTMLDivElement>(null)
+
+
+    useEffect(() => {
+        if (!parentRef.current) return
+        setParentWidth(parentRef.current.clientWidth)
+        setParentHeight(parentRef.current.clientHeight)
+    }, [parentRef.current?.clientWidth, parentRef.current?.clientHeight])
 
     const onFetchNode = async (node: Node) => {
         const result = await securedFetch(`/api/graph/${graph.Id}/${node.id}`, {
@@ -138,14 +146,10 @@ export default function ForceGraph({
     }
 
     return (
-        <div ref={ref => {
-            if (!ref) return
-            setParentWidth(ref.clientWidth)
-            setParentHeight(ref.clientHeight)
-        }} className="w-full h-full relative">
+        <div ref={parentRef} className="w-full h-full relative">
             <ForceGraph2D
                 ref={chartRef}
-                backgroundColor="#434366"
+                backgroundColor="#191919"
                 width={parentWidth}
                 height={parentHeight}
                 graphData={data}
@@ -212,7 +216,7 @@ export default function ForceGraph({
                         }
 
                         link.curve = curve * 0.1
-                        
+
                         const radius = NODE_SIZE * link.curve * 6.2;
                         const angleOffset = -Math.PI / 4; // 45 degrees offset for text alignment
                         const textX = start.x + radius * Math.cos(angleOffset);
@@ -229,7 +233,7 @@ export default function ForceGraph({
                         }
 
                         link.curve = curve * 0.1
-                        
+
                         const midX = (start.x + end.x) / 2 + (end.y - start.y) * (link.curve / 2);
                         const midY = (start.y + end.y) / 2 + (start.x - end.x) * (link.curve / 2);
 
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index 69c22976..f1ca06a9 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -5,22 +5,17 @@ import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuIte
 import { LifeBuoy, PlusCircle, Settings } from "lucide-react";
 import { FormEvent, useState } from "react";
 import Image from "next/image";
-import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils";
+import { cn, prepareArg, securedFetch, Toast } from "@/lib/utils";
 import { useRouter, usePathname } from "next/navigation";
 import { Role } from "next-auth";
-import { Dialog, DialogTrigger } from "@/components/ui/dialog";
 import Button from "./ui/Button";
 import Avatar from "./ui/Avatar";
-import DialogComponent from "./DialogComponent";
-import Input from "./ui/Input";
+import CreateGraph from "./CreateGraph";
 
-/* eslint-disable react/require-default-props */
-interface Props {
-    inCreate?: boolean
+/* eslint-disable react/require-default-props */interface Props {
     onSetGraphName?: (graphName: string) => void
 }
-
-export default function Header({ inCreate = false, onSetGraphName }: Props) {
+export default function Header({ onSetGraphName }: Props) {
     const [helpOpen, setHelpOpen] = useState<boolean>(false)
     const [createOpen, setCreateOpen] = useState<boolean>(false)
     const router = useRouter()
@@ -28,15 +23,16 @@ export default function Header({ inCreate = false, onSetGraphName }: Props) {
     const [userStatus, setUserStatus] = useState<Role>()
     const [graphName, setGraphName] = useState<string>("")
     const type = pathname.includes("/schema") ? "Schema" : "Graph"
+    const inCreate = pathname.includes("/create")
 
-    const handelCreateGraph = async (e: FormEvent) => {
+    const handelCreateGraph = async (e: FormEvent<HTMLFormElement>) => {
 
         if (!onSetGraphName) return
 
         e.preventDefault()
 
         const name = `${graphName}${type === "Schema" ? "_schema" : ""}`
-        
+
         const q = `RETURN 1`
         const result = await securedFetch(`api/graph/${prepareArg(name)}/?query=${prepareArg(q)}`, {
             method: "GET"
@@ -52,26 +48,25 @@ export default function Header({ inCreate = false, onSetGraphName }: Props) {
 
     return (
         <div className="flex flex-col">
-            <div className="h-2 rounded-t-lg Top" />
-            <div className="py-4 px-11 flex justify-between items-center Header">
+            <div className="py-5 px-10 flex justify-between items-center Header">
                 <div className="flex gap-4 items-center">
                     <a
                         aria-label="FalkorDB"
                         href="https://www.falkordb.com"
                         target="_blank" rel="noreferrer"
                     >
-                        <Image width={103} height={29} src="/ColorLogo.svg" alt="" />
+                        <Image priority width={103} height={29} src="/ColorLogo.svg" alt="" />
                     </a>
                     <p className="text-neutral-200" >|</p>
-                    <div className="flex gap-6">
+                    <div className="flex gap-2 bg-foreground rounded-lg p-2">
                         <Button
                             label="Graphs"
-                            className={cn(pathname.includes("/graph") && "text-[#7167F6]")}
+                            className={cn("px-4 py-1 rounded-lg", pathname.includes("/graph") && "bg-background")}
                             onClick={() => router.push("/graph")}
                         />
                         <Button
                             label="Schemas"
-                            className={cn(pathname.includes("/schema") && "text-[#7167F6]")}
+                            className={cn("px-4 py-1 rounded-lg", pathname.includes("/schema") && "bg-background")}
                             onClick={() => router.push("/schema")}
                         />
                     </div>
@@ -79,34 +74,20 @@ export default function Header({ inCreate = false, onSetGraphName }: Props) {
                 <div className="flex items-center gap-12">
                     {
                         !inCreate &&
-                        <Dialog open={createOpen} onOpenChange={setCreateOpen}>
-                            <DialogTrigger asChild>
+                        <CreateGraph
+                            open={createOpen}
+                            setOpen={setCreateOpen}
+                            trigger={
                                 <Button
-                                    className="text-white"
                                     variant="Primary"
-                                    label={`New ${type}`}
+                                    label={`Create New ${type}`}
                                     icon={<PlusCircle />}
                                 />
-                            </DialogTrigger>
-                            <DialogComponent className="w-[40%]" title={`Add ${type}`} description={`Enter new ${type} name`}>
-                                <form className="flex flex-col gap-12" onSubmit={handelCreateGraph}>
-                                    <div className="flex flex-col gap-2">
-                                        <p>Name:</p>
-                                        <Input
-                                            ref={ref => ref?.focus()}
-                                            variant="Default"
-                                            value={graphName}
-                                            onChange={(e) => setGraphName(e.target.value)}
-                                        />
-                                    </div>
-                                    <Button
-                                        variant="Large"
-                                        label="Create"
-                                        type="submit"
-                                    />
-                                </form>
-                            </DialogComponent>
-                        </Dialog>
+                            }
+                            graphName={graphName}
+                            setGraphName={setGraphName}
+                            handleCreateGraph={handelCreateGraph}
+                        />
                     }
                     {/* <Dialog>
                             <DialogTrigger asChild>
@@ -154,7 +135,7 @@ export default function Header({ inCreate = false, onSetGraphName }: Props) {
                         <DropdownMenuTrigger asChild>
                             <Button
                                 className="flex gap-1 items-center focus-visible:outline-none"
-                                label="help"
+                                label="Help"
                                 icon={<LifeBuoy size={20} />}
                                 open={helpOpen}
                             />
@@ -193,6 +174,7 @@ export default function Header({ inCreate = false, onSetGraphName }: Props) {
                     <Avatar setUserStatus={setUserStatus} />
                 </div>
             </div>
+            <div className="h-2 Top" />
         </div>
     )
 }
diff --git a/app/components/ui/Button.tsx b/app/components/ui/Button.tsx
index e0aeba97..90f29906 100644
--- a/app/components/ui/Button.tsx
+++ b/app/components/ui/Button.tsx
@@ -2,7 +2,7 @@ import { cn } from "@/lib/utils"
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "lucide-react"
 import { forwardRef } from "react"
 
-type Variant = "Large" | "Primary" | "Secondary" | "button"
+type Variant = "Large" | "Primary" | "Secondary" | "Cancel" | "button"
 
 /* eslint-disable react/require-default-props */
 interface Props extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
@@ -23,42 +23,41 @@ const getChevron = (open: boolean | undefined, side: string) => {
     }
 }
 
-const getClassName = (variant: Variant, disable: boolean | undefined, open: boolean | undefined, icon: boolean) => {
-    
-    let className = "disabled:opacity-50 disabled:cursor-not-allowed"
-    className += variant !== "button" ? " rounded-lg" : ""
-    className += icon ? " gap-2" : ""
-    className += (open !== undefined || icon) ? " flex items-center" : ""
-    className += open !== undefined ? " gap-4" : ""
-    
+const getClassName = (variant: Variant, disable: boolean | undefined, open: boolean | undefined, icon: boolean, classN: string | undefined) => {
+
+    let className = cn(
+        "disabled:opacity-50 disabled:cursor-not-allowed",
+        variant !== "button" && "rounded-lg",
+        icon && "gap-2",
+        (open !== undefined || icon) && "flex items-center",
+        open !== undefined && "gap-4",
+        classN,
+    )
+
     switch (variant) {
-        case "Large":
-            className += " p-4 bg-[#7167F6]"
-            className += !disable ? " hover:bg-[#6157E9]" : ""
-            className += icon ? " gap-5" : ""
-            break
         case "Primary":
-            className += " px-4 py-2 bg-[#7167F6]"
-            className += !disable ? " hover:bg-[#6157E9]" : ""
-            className += icon ? " gap-3.5" : ""
+            className = cn(
+                "px-4 py-2 bg-primary",
+                !disable && "hover:bg-primary hover:opacity-90",
+                icon && "gap-3.5",
+                className
+            )
             break
         case "Secondary":
-            className += " px-3 py-2 bg-[#57577B]"
-            className += !disable ? " hover:bg-[#444466]" : ""
+            className = cn("px-12 py-1 bg-transparent border-[3px] border-primary hover:opacity-90", className)
+            break
+        case "Cancel":
+            className = cn("px-12 py-1 bg-transparent border-2 border-secondary hover:opacity-90", className)
             break
         default:
     }
-
     return className
 }
 
 const Button = forwardRef<HTMLButtonElement, Props>(({ label, variant = "button", icon, iconSide = "left", open, side = "down", className, type = "button", disabled, ...props }, ref) => (
     <button
         ref={ref}
-        className={cn(
-            getClassName(variant, disabled, open, !!icon),
-            className
-        )}
+        className={getClassName(variant, disabled, open, !!icon, className)}
         disabled={disabled}
         title={label}
         // eslint-disable-next-line react/button-has-type
diff --git a/app/components/ui/Input.tsx b/app/components/ui/Input.tsx
index 8de68d18..a2c5a9e8 100644
--- a/app/components/ui/Input.tsx
+++ b/app/components/ui/Input.tsx
@@ -10,8 +10,10 @@ const Input = forwardRef<HTMLInputElement, Props>(({ variant, className, ...prop
         ref={ref}
         className={cn(
             "text-white p-2",
+            props.disabled && "cursor-not-allowed",
             variant === "Default" && "bg-white text-black focus:border focus:border-[#5D5FEF] rounded-lg",
-            variant === "Small" && "bg-[#1F1F3D] hover:bg-[#2E2E51] focus:border focus:border-[#5D5FEF] rounded-lg",
+            variant === "Small" && "bg-[#1F1F3D] focus:border focus:border-[#5D5FEF] rounded-lg",
+            variant === "Small" && !props.disabled && "hover:bg-[#2E2E51]",
             className
         )}
         type="text"
diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index 030dcae7..c5790876 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -1,11 +1,12 @@
 "use client"
 
-import { Dialog, DialogTrigger } from "@/components/ui/dialog"
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog"
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
 import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils"
 import { Trash2, UploadIcon } from "lucide-react"
 import { Dispatch, SetStateAction, useEffect, useState } from "react"
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+import { Select, SelectContent, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from "@/components/ui/select"
 import UploadGraph from "../graph/UploadGraph"
 import DeleteGraph from "../graph/DeleteGraph"
 import Button from "./Button"
@@ -21,7 +22,7 @@ interface ComboboxProps {
   options: string[],
   setOptions?: Dispatch<SetStateAction<string[]>>,
   selectedValue?: string,
-  setSelectedValue: (value: string) => void,
+  setSelectedValue?: (value: string) => void,
   isSchema?: boolean
   defaultOpen?: boolean
   onOpenChange?: (open: boolean) => void
@@ -30,7 +31,7 @@ interface ComboboxProps {
 
 export default function Combobox({ isSelectGraph, disabled = false, inTable, type, options, setOptions, selectedValue = "", setSelectedValue, isSchema = false, defaultOpen = false, onOpenChange, setReload }: ComboboxProps) {
 
-  const [openDialog, setOpenDialog] = useState<boolean>(false)
+  const [openMenage, setOpenMenage] = useState<boolean>(false)
   const [open, setOpen] = useState<boolean>(defaultOpen)
   const [optionName, setOptionName] = useState<string>("")
   const [editable, setEditable] = useState<string>("")
@@ -38,7 +39,7 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
   const [isDeleteOpen, setIsDeleteOpen] = useState<string>()
 
   useEffect(() => {
-    if (options.length !== 1) return
+    if (options.length !== 1 || !setSelectedValue) return
     setSelectedValue(options[0])
   }, [options])
 
@@ -67,9 +68,9 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
   const handelDelete = (option: string) => {
     if (!setOptions) return
     setOptions(prev => prev.filter(name => name !== option))
-    if (selectedValue !== option) return
+    if (selectedValue !== option || !setSelectedValue) return
     setSelectedValue("")
-    setOpenDialog(false)
+    setOpenMenage(false)
   }
 
   const handelSetOption = async (e: React.KeyboardEvent<HTMLInputElement>, option: string) => {
@@ -92,80 +93,68 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
 
     const newOptions = options.map((opt) => opt === option ? optionName : opt)
     setOptions(newOptions)
-    setSelectedValue(optionName)
+    if (setSelectedValue) setSelectedValue(optionName)
     setEditable("")
   }
 
   return (
-    <Dialog open={openDialog} onOpenChange={setOpenDialog}>
-      <DropdownMenu open={open} onOpenChange={(o) => {
+    <Dialog open={openMenage} onOpenChange={setOpenMenage}>
+      <Select open={open} onOpenChange={(o) => {
         setOpen(o)
         if (onOpenChange) onOpenChange(o)
       }}>
-        <DropdownMenuTrigger disabled={disabled} asChild>
-          <Button
-            data-type="selectGraph"
-            className={cn(inTable ? "text-sm font-light" : "text-2xl")}
-            label={selectedValue || `Select ${type || "Graph"}`}
-            open={open}
-          />
-        </DropdownMenuTrigger>
-        <DropdownMenuContent side="bottom" className="min-w-52 max-h-[30lvh] flex flex-col">
+        <SelectTrigger disabled={disabled} className={cn("gap-2 border-none", inTable ? "text-sm font-light" : "text-xl font-medium")}>
+          <SelectValue placeholder={`Select ${type || "Graph"}`} />
+        </SelectTrigger>
+        <SelectContent className="min-w-52 max-h-[30lvh] bg-foreground">
           {
             options.length > 0 &&
-            <ul className="shrink grow overflow-auto">
-              {
-                options.map((option) => (
-                  <DropdownMenuItem key={option}>
-                    <Button
-                      className="w-full p-2"
-                      label={option}
-                      onClick={() => {
-                        setSelectedValue(option)
-                        setOpen(false)
-                      }}
-                    />
-                  </DropdownMenuItem>
-                ))
-              }
-            </ul>
-          }
-          {
-            isSelectGraph &&
             <>
-              <DropdownMenuSeparator className="bg-gray-300" />
-              <DropdownMenuItem>
-                <DialogTrigger asChild>
-                  <Button
-                    className="w-full p-2"
-                    label="Manage Graphs"
-                  />
-                </DialogTrigger>
-              </DropdownMenuItem>
+              <SelectGroup>
+                <ul className="shrink grow overflow-auto">
+                  {
+                    options.map((option) => (
+                      <SelectItem
+                        onClick={() => {
+                          if (setSelectedValue) setSelectedValue(option)
+                          setOpen(false)
+                        }}
+                        value={option}
+                        key={option}
+                      >
+                        {option}
+                      </SelectItem>
+                    ))
+                  }
+                </ul>
+              </SelectGroup>
+              <SelectSeparator className="bg-secondary" />
+              <DialogTrigger asChild>
+                <Button
+                  className="w-full p-2"
+                  label="Manage Graphs"
+                />
+              </DialogTrigger>
               {
                 setReload &&
                 <>
-                  <DropdownMenuSeparator className="bg-gray-300" />
-                  <DropdownMenuItem>
-                    <Button
-                      className="w-full p-2"
-                      label="Refresh List"
-                      onClick={(e) => {
-                        e.preventDefault()
-                        e.stopPropagation()
-                        setReload(prev => !prev)
-                      }}
-                    />
-                  </DropdownMenuItem>
+                  <SelectSeparator className="bg-secondary" />
+                  <Button
+                    className="w-full p-2"
+                    label="Refresh List"
+                    onClick={(e) => {
+                      e.preventDefault()
+                      e.stopPropagation()
+                      setReload(prev => !prev)
+                    }}
+                  />
                 </>
               }
             </>
           }
-        </DropdownMenuContent>
-      </DropdownMenu>
-      <DialogComponent
-        title="Manage Graphs"
-      >
+        </SelectContent>
+      </Select>
+      <DialogContent>
         <div className="h-full w-full border border-[#57577B] rounded-lg overflow-auto">
           <Table>
             <TableHeader>
@@ -248,7 +237,7 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
             </TableBody>
           </Table>
         </div>
-      </DialogComponent>
+      </DialogContent>
     </Dialog >
   )
 }
\ No newline at end of file
diff --git a/app/globals.css b/app/globals.css
index ac686b04..a809ed2d 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -4,12 +4,12 @@
 
 @layer base {
     :root {
-        --background: 240 28% 21%;
-        --foreground: 0 0% 100%;
-        --popover: 240 28% 21%;
+        --background: 0 0% 14%;
+        --foreground: 0 0% 10%;
+        --primary: 243 91% 68%;
+        --secondary: 39 33% 96%;
+        --popover: var(--primary);
         --popover-foreground: 0 0% 100%;
-        --secondary: 240 17% 41%;
-        --primary: 244 89% 68%;
         --radius: 0.5rem;
         --muted: 0 0% 100%;
     }
@@ -27,8 +27,20 @@
 
 @layer components {
 
+    @font-face {
+        font-family: 'Fira Code';
+        src: url('/fonts/fira_code.ttf') format('truetype');
+        font-display: swap;
+    }
+    
+    @font-face {
+        font-family: 'Oswald';
+        src: url('/fonts/oswald.ttf') format('truetype');
+        font-display: swap;
+    }
+
     .tabs-trigger {
-        @apply !p-3 rounded-lg hover:bg-[#444466] bg-[#57577B] data-[state=active]:!bg-[#444466] data-[state=active]:font-bold;
+        @apply !p-2 rounded-lg data-[state=active]:bg-foreground data-[state=active]:!text-white !text-white;
     }
 
     .hide-scrollbar {
@@ -68,22 +80,22 @@
         background: linear-gradient(90deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
     }
 
-    .Header {
-        @apply bg-white text-black
-    }
-
     .DataPanel {
         @apply h-full w-full flex flex-col shadow-lg;
-        background-color: #434366;
+        background-color: #232323;
     }
-    
+
     .Dropzone {
         display: flex;
         flex: 1 1 0%;
-        background-color: #434366;
+        background-color: #232323;
         align-items: center;
         justify-content: center;
     }
+
+    .monaco-placeholder {
+        @apply text-[#666] absolute select-none top-2 left-2;
+    }
 }
 
 input[type="number"]::-webkit-outer-spin-button,
@@ -101,17 +113,31 @@ input[type="number"] {
     margin-top: 0.5rem;
 }
 
-@font-face {
-    font-family: 'Obviously Narrow';
-    src: url('/fonts/obviously_narrow.woff2') format('woff2'),
-        url('/fonts/obviously_narrow.woff') format('woff');
+* {
+    font-family: font-FiraCode, 'monospace';
 }
 
-@font-face {
-    font-family: 'Fira Code';
-    src: url('/fonts/fira_code.ttf') format('truetype'),
+.Title {
+    font-family: font-Oswald, 'monospace';
 }
 
-* {
-    font-family: 'Fira Code';
-}
\ No newline at end of file
+
+::-webkit-scrollbar {
+    width: 20px;
+    height: 20px;
+  }
+  
+  ::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+  
+  ::-webkit-scrollbar-thumb {
+    background-color: #d6dee1;
+    border-radius: 20px;
+    border: 6px solid transparent;
+    background-clip: content-box;
+  }
+  
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: #a8bbbf;
+  }
\ No newline at end of file
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index ae80051c..8dba99f0 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -210,8 +210,8 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                     setCurrentQuery={setQuery}
                     data={session}
                 />
-                <Tabs value={tabsValue} className="h-1 grow flex gap-2">
-                    <TabsList className="h-full bg-background flex flex-col justify-center gap-2">
+                <Tabs value={tabsValue} className="h-1 grow flex gap-2 items-center">
+                    <TabsList className="h-fit bg-foreground p-1 flex flex-col gap-2">
                         <TabsTrigger
                             disabled={graph.getElements().length === 0}
                             className="tabs-trigger"
@@ -299,7 +299,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                     </TabsContent>
                 </Tabs>
             </ResizablePanel>
-            <ResizableHandle className={!isCollapsed ? "w-3" : "w-0"} />
+            <ResizableHandle disabled={isCollapsed} className={cn(isCollapsed ? "w-0 !cursor-default" : "w-3")} />
             <ResizablePanel
                 className="rounded-lg"
                 collapsible
diff --git a/app/graph/Selector.tsx b/app/graph/Selector.tsx
index 557aed7f..f86ced0d 100644
--- a/app/graph/Selector.tsx
+++ b/app/graph/Selector.tsx
@@ -1,12 +1,14 @@
 'use client'
 
-import { useEffect, useRef, useState } from "react";
-import { Dialog, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import { SetStateAction, Dispatch, useEffect, useRef, useState } from "react";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
 import { Editor } from "@monaco-editor/react";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
 import { editor } from "monaco-editor";
 import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils";
 import { Session } from "next-auth";
+import { PlusCircle } from "lucide-react";
+import { usePathname } from "next/navigation";
 import Combobox from "../components/ui/combobox";
 import { Graph, Query } from "../api/graph/model";
 import UploadGraph from "../components/graph/UploadGraph";
@@ -15,11 +17,13 @@ import Button from "../components/ui/Button";
 import Duplicate from "./Duplicate";
 import SchemaView from "../schema/SchemaView";
 import View from "./View";
+import CreateGraph from "../components/CreateGraph";
 
-export default function Selector({ onChange, graphName, queries, runQuery, edgesCount, nodesCount, setGraph, graph, data: session }: {
+interface Props {
     /* eslint-disable react/require-default-props */
     onChange: (selectedGraphName: string) => void
     graphName: string
+    setGraphName: Dispatch<SetStateAction<string>>
     runQuery?: (query: string, setQueriesOpen: (open: boolean) => void) => Promise<void>
     queries?: Query[]
     edgesCount: number
@@ -27,9 +31,14 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
     setGraph: (graph: Graph) => void
     graph: Graph
     data: Session | null
-}) {
+}
 
+export default function Selector({ onChange, graphName, setGraphName, queries, runQuery, edgesCount, nodesCount, setGraph, graph, data: session }: Props) {
+
+    const [createOpen, setCreateOpen] = useState<boolean>(false);
+    const [exportOpen, setExportOpen] = useState<boolean>(false);
     const [options, setOptions] = useState<string[]>([]);
+    const [newGraphName, setNewGraphName] = useState<string>("");
     const [schema, setSchema] = useState<Graph>(Graph.empty());
     const [selectedValue, setSelectedValue] = useState<string>("");
     const [duplicateOpen, setDuplicateOpen] = useState<boolean>(false);
@@ -38,6 +47,13 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
     const [query, setQuery] = useState<Query>();
     const [reload, setReload] = useState<boolean>(false);
     const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null)
+    const pathname = usePathname()
+    const type = pathname.includes("/schema") ? "Schema" : "Graph"
+
+    useEffect(() => {
+        if (createOpen) return
+        setNewGraphName("")
+    }, [createOpen])
 
     useEffect(() => {
         const run = async () => {
@@ -49,7 +65,7 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
             setOptions(!runQuery ? res.filter(name => name.includes("_schema")).map(name => name.split("_")[0]) : res.filter(name => !name.includes("_schema")))
         }
         run()
-    }, [runQuery ,reload])
+    }, [runQuery, reload])
 
     useEffect(() => {
         if (!graphName) return
@@ -82,7 +98,7 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
         setSelectedValue(name)
     }
 
-    const onExport = async () => {
+    const handleExport = async () => {
         const name = `${selectedValue}${!runQuery ? "_schema" : ""}`
         const result = await securedFetch(`api/graph/${prepareArg(name)}/export`, {
             method: "GET"
@@ -105,18 +121,87 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
         }
     }
 
+    const handleCreateGraph = async (e: React.FormEvent<HTMLFormElement>) => {
+        e.preventDefault()
+        if (!newGraphName) {
+            Toast("Graph name cannot be empty")
+            return
+        }
+        const q = 'RETURN 1'
+        const result = await securedFetch(`api/graph/${prepareArg(newGraphName)}/?query=${prepareArg(q)}`, {
+            method: "GET",
+        })
+        if (!result.ok) {
+            Toast("Error while creating graph")
+            return
+        }
+
+        setOptions(prev => [...prev, newGraphName])
+        setGraphName(newGraphName)
+        setCreateOpen(false)
+    }
 
     return (
         <div className="flex flex-col gap-4">
             <div className="flex justify-between items-center">
-                <Combobox isSelectGraph options={options} setOptions={setOptions} selectedValue={selectedValue} setSelectedValue={handleOnChange} isSchema={!runQuery} setReload={setReload}/>
-                <div className="flex gap-16 text-[#7167F6]">
-                    <UploadGraph disabled />
-                    <Button
-                        label="Export Data"
-                        onClick={onExport}
-                        disabled={!selectedValue}
+                <div className="flex items-center gap-4">
+                    <CreateGraph
+                        open={createOpen}
+                        setOpen={setCreateOpen}
+                        graphName={graphName}
+                        setGraphName={setGraphName}
+                        handleCreateGraph={handleCreateGraph}
+                        trigger={
+                            <Button
+                                variant="Primary"
+                                title={`Create New ${type}`}
+                                icon={<PlusCircle />}
+                            />
+                        }
+                    />
+                    <p className="text-[#57577B]">|</p>
+                    <Combobox
+                        isSelectGraph
+                        options={options}
+                        setOptions={setOptions}
+                        selectedValue={selectedValue}
+                        setSelectedValue={handleOnChange}
+                        isSchema={!runQuery}
+                        setReload={setReload}
                     />
+                </div>
+                <div className="flex gap-16 text-[#e5e7eb]">
+                    <UploadGraph disabled />
+                    <Dialog open={exportOpen} onOpenChange={setExportOpen}>
+                        <DialogTrigger disabled={!selectedValue} asChild>
+                            <Button
+                                label="Export Data"
+                                disabled={!selectedValue}
+                            />
+                        </DialogTrigger>
+                        <DialogContent className="gap-8 border-none rounded-lg">
+                            <DialogHeader className="border-b p-4">
+                                <DialogTitle className="font-Oswald font-normal text-4xl tracking-normal">Export your graph</DialogTitle>
+                            </DialogHeader>
+                            <DialogDescription className="text-xl">Export a .dump file of your data</DialogDescription>
+                            <div className="flex gap-4">
+                                <Button
+                                    className="flex-1"
+                                    variant="Large"
+                                    label="Download"
+                                    onClick={handleExport}
+                                />
+                                <Button
+                                    className="flex-1"
+                                    variant="Secondary"
+                                    label="Cancel"
+                                    onClick={() => {
+                                        setExportOpen(false)
+                                    }}
+                                />
+                            </div>
+                        </DialogContent>
+                    </Dialog>
                     <DropdownMenu onOpenChange={setDropOpen}>
                         <DropdownMenuTrigger disabled={!selectedValue} asChild>
                             <Button
@@ -152,7 +237,7 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
                     <View setGraph={setGraph} graph={graph} selectedValue={selectedValue} />
                 </div >
             </div >
-            <div className={cn("bg-[#2C2C4C] flex gap-4 justify-between items-center p-4 rounded-xl min-h-14", !selectedValue && "justify-end")}>
+            <div className={cn("bg-foreground flex gap-4 justify-between items-center p-4 rounded-xl min-h-14", !selectedValue && "justify-end")}>
                 {
                     selectedValue &&
                     <div className="flex gap-6">
@@ -165,103 +250,102 @@ export default function Selector({ onChange, graphName, queries, runQuery, edges
                 {
                     runQuery &&
                     <div className="flex gap-4 items-center">
-                        <Dialog open={queriesOpen} onOpenChange={setQueriesOpen}>
-                            <DialogTrigger disabled={!selectedValue || !queries || queries.length === 0} asChild>
+                        <DialogComponent
+                            open={queriesOpen}
+                            onOpenChange={setQueriesOpen}
+                            trigger={
                                 <Button
                                     label="Query History"
                                 />
-                            </DialogTrigger>
-                            <DialogComponent className="h-[80%] w-[80%]" title="Query History">
-                                <div className="grow flex flex-col p-8 gap-8">
-                                    <DialogTitle>Queries</DialogTitle>
-                                    <div className="h-1 grow flex">
-                                        {
-                                            queries && queries.length > 0 &&
-                                            <ul className="h-full flex-col border overflow-auto">
-                                                {
-                                                    queries.map((q, index) => (
-                                                        // eslint-disable-next-line react/no-array-index-key
-                                                        <li key={index} className="w-full text-sm border-b py-3 px-12">
-                                                            <Button
-                                                                className="w-full truncate"
-                                                                label={q.text}
-                                                                onClick={() => setQuery(q)}
-                                                            />
-                                                        </li>
-                                                    ))
-                                                }
-                                            </ul>
-                                        }
-                                        <div className="w-1 grow flex flex-col gap-2 p-4 border">
-                                            <div className="h-1 grow flex">
-                                                <Editor
-                                                    width="100%"
-                                                    height="100%"
-                                                    language="cypher"
-                                                    theme="custom-theme"
-                                                    options={{
-                                                        lineHeight: 30,
-                                                        fontSize: 25,
-                                                        lineNumbersMinChars: 3,
-                                                        scrollbar: {
-                                                            horizontal: "hidden"
-                                                        },
-                                                        wordWrap: "on",
-                                                        scrollBeyondLastLine: false,
-                                                        renderWhitespace: "none"
-                                                    }}
-                                                    value={query?.text}
-                                                    onChange={(q) => setQuery(({ text: q || "", metadata: query?.metadata || [] }))}
-                                                    onMount={handleEditorDidMount}
-                                                />
-                                            </div>
-                                            <ul className="flex flex-col gap-2">
-                                                {
-                                                    query?.metadata &&
-                                                    query.metadata.map((line, index) => (
-                                                        // eslint-disable-next-line react/no-array-index-key
-                                                        <li key={index}>
-                                                            <p>{line}</p>
-                                                        </li>
-                                                    ))
-                                                }
-                                            </ul>
+                            }
+                            title="Query History"
+                        >
+                            <div className="grow flex flex-col p-8 gap-8">
+                                <DialogTitle>Queries</DialogTitle>
+                                <div className="h-1 grow flex">
+                                    {
+                                        queries && queries.length > 0 &&
+                                        <ul className="h-full flex-col border overflow-auto">
+                                            {
+                                                queries.map((q, index) => (
+                                                    // eslint-disable-next-line react/no-array-index-key
+                                                    <li key={index} className="w-full text-sm border-b py-3 px-12">
+                                                        <Button
+                                                            className="w-full truncate"
+                                                            label={q.text}
+                                                            onClick={() => setQuery(q)}
+                                                        />
+                                                    </li>
+                                                ))
+                                            }
+                                        </ul>
+                                    }
+                                    <div className="w-1 grow flex flex-col gap-2 p-4 border">
+                                        <div className="h-1 grow flex">
+                                            <Editor
+                                                width="100%"
+                                                height="100%"
+                                                language="cypher"
+                                                theme="custom-theme"
+                                                options={{
+                                                    lineHeight: 30,
+                                                    fontSize: 25,
+                                                    lineNumbersMinChars: 3,
+                                                    scrollbar: {
+                                                        horizontal: "hidden"
+                                                    },
+                                                    wordWrap: "on",
+                                                    scrollBeyondLastLine: false,
+                                                    renderWhitespace: "none"
+                                                }}
+                                                value={query?.text}
+                                                onChange={(q) => setQuery(({ text: q || "", metadata: query?.metadata || [] }))}
+                                                onMount={handleEditorDidMount}
+                                            />
                                         </div>
-                                    </div>
-                                    <div className="flex justify-end items-center gap-12 text-[#7167F6]">
-                                        <Button
-                                            label="Profile"
-                                            disabled
-                                        />
-                                        <Button
-                                            label="Explain"
-                                            disabled
-                                        />
-                                        <Button
-                                            label="Translate to cypher"
-                                            disabled
-                                        />
-                                        <Button
-                                            className="text-white w-1/3"
-                                            onClick={() => runQuery(query?.text || "", setQueriesOpen)}
-                                            variant="Large"
-                                            label="Run"
-                                        />
+                                        <ul className="flex flex-col gap-2">
+                                            {
+                                                query?.metadata &&
+                                                query.metadata.map((line, index) => (
+                                                    // eslint-disable-next-line react/no-array-index-key
+                                                    <li key={index}>
+                                                        <p>{line}</p>
+                                                    </li>
+                                                ))
+                                            }
+                                        </ul>
                                     </div>
                                 </div>
-                            </DialogComponent>
-                        </Dialog>
-                        <Dialog>
-                            <DialogTrigger asChild>
-                                <Button
-                                    disabled={!schema.Id}
-                                    label="View Schema"
-                                />
-                            </DialogTrigger>
-                            <DialogComponent className="h-[90%] w-[90%]" title={`${selectedValue} Schema`}>
-                                <SchemaView schema={schema} session={session}/>
-                            </DialogComponent>
-                        </Dialog>
+                                <div className="flex justify-end items-center gap-12 text-[#7167F6]">
+                                    <Button
+                                        label="Profile"
+                                        disabled
+                                    />
+                                    <Button
+                                        label="Explain"
+                                        disabled
+                                    />
+                                    <Button
+                                        label="Translate to cypher"
+                                        disabled
+                                    />
+                                    <Button
+                                        className="text-white w-1/3"
+                                        onClick={() => runQuery(query?.text || "", setQueriesOpen)}
+                                        variant="Large"
+                                        label="Run"
+                                    />
+                                </div>
+                            </div>
+                        </DialogComponent>
+                        <DialogComponent className="h-[90%] w-[90%]" title={`${selectedValue} Schema`} trigger={
+                            <Button
+                                disabled={!schema.Id}
+                                label="View Schema"
+                            />
+                        }>
+                            <SchemaView schema={schema} session={session} />
+                        </DialogComponent>
                     </div>
                 }
             </div>
diff --git a/app/graph/View.tsx b/app/graph/View.tsx
index 87eda1e2..dd075aa3 100644
--- a/app/graph/View.tsx
+++ b/app/graph/View.tsx
@@ -21,7 +21,7 @@ export default function View({ graph, setGraph, selectedValue }: {
     const [editable, setEditable] = useState<string>("")
 
     const handelPreferencesChange = (colors?: string[]) => {
-        setGraph(Graph.create(graph.Id, { data: graph.Data }, colors || colorsArr))
+        setGraph(Graph.create(graph.Id, { data: graph.Data, metadata: graph.Metadata }, colors || colorsArr))
         if (colors) return
         localStorage.setItem(graph.Id, JSON.stringify(colorsArr));
     }
@@ -38,7 +38,7 @@ export default function View({ graph, setGraph, selectedValue }: {
                     disabled={!selectedValue}
                 />
             </DialogTrigger>
-            <DialogComponent className="w-[25%] h-[50%]" title="Preferences">
+            <DialogComponent className="w-[30%] h-[50%]" title="Preferences">
                 <div className="h-full flex flex-col gap-8">
                     <p className="text-xl">Legends</p>
                     <ul className="flex flex-col gap-4 overflow-auto">
@@ -140,7 +140,7 @@ export default function View({ graph, setGraph, selectedValue }: {
                             }}
                         />
                         <Button
-                            disabled={DEFAULT_COLORS.filter((c, i) => c === graph.Colors[i]).length === graph.Colors.length && DEFAULT_COLORS.length === graph.Colors.length}
+                            disabled={DEFAULT_COLORS.every((c, i) => c === graph.Colors[i]) && DEFAULT_COLORS.length === graph.Colors.length}
                             variant="Secondary"
                             label="Reset"
                             icon={<RotateCcw />}
@@ -150,7 +150,7 @@ export default function View({ graph, setGraph, selectedValue }: {
                             }}
                         />
                         <CloseDialog
-                            disabled={DEFAULT_COLORS.filter((c, i) => c === colorsArr[i]).length === colorsArr.length && DEFAULT_COLORS.length === colorsArr.length}
+                            disabled={graph.Colors.filter((c, i) => c === colorsArr[i]).length === colorsArr.length && DEFAULT_COLORS.length === colorsArr.length}
                             variant="Primary"
                             label="Apply"
                             icon={<FileCheck2 />}
diff --git a/app/graph/page.tsx b/app/graph/page.tsx
index cd52c0f5..b6d8574c 100644
--- a/app/graph/page.tsx
+++ b/app/graph/page.tsx
@@ -100,9 +100,10 @@ export default function Page() {
 
     return (
         <div className="Page">
-            <Header onSetGraphName={setGraphName} />
+            <Header />
             <div className="h-1 grow p-8 px-10 flex flex-col gap-4">
                 <Selector
+                    setGraphName={setGraphName}
                     queries={queries}
                     onChange={setGraphName}
                     graphName={graphName}
diff --git a/app/graph/toolbar.tsx b/app/graph/toolbar.tsx
index 1ebd7c58..2d84d335 100644
--- a/app/graph/toolbar.tsx
+++ b/app/graph/toolbar.tsx
@@ -62,15 +62,15 @@ export default function Toolbar({
             <div className="flex gap-4">
                 <Button
                     disabled={addDisabled}
-                    variant="Secondary"
-                    label="Add Entity"
+                    variant="Primary"
+                    label="Add Node"
                     className="flex items-center gap-2"
                     onClick={onAddEntity}
                     icon={<PlusCircle />}
                 />
                 <Button
                     disabled={addDisabled}
-                    variant="Secondary"
+                    variant="Primary"
                     className="flex items-center gap-2"
                     label="Add Relation"
                     onClick={onAddRelation}
@@ -78,16 +78,14 @@ export default function Toolbar({
                     // eslint-disable-next-line jsx-a11y/anchor-is-valid
                     icon={<Link />}
                 />
-                <Dialog open={deleteOpen} onOpenChange={setDeleteOpen}>
-                    <DialogTrigger asChild>
+                    <DialogComponent onOpenChange={setDeleteOpen} open={deleteOpen} title="Delete Elements" description={`Are you sure ???\nThis action will delete all selected elements`} trigger={
                         <Button
-                            variant="Secondary"
+                            variant="Primary"
                             label="Delete"
                             icon={<Trash2 />}
                             disabled={deleteDisabled}
                         />
-                    </DialogTrigger>
-                    <DialogComponent title="Delete Elements" description={`Are you sure ???\nThis action will delete all selected elements`}>
+                    }>
                         <div className="flex justify-end gap-4">
                             <Button
                                 variant="Primary"
@@ -103,8 +101,6 @@ export default function Toolbar({
                             />
                         </div>
                     </DialogComponent>
-                </Dialog>
-
             </div>
             {
                 (onAddEntity || onAddRelation || onDeleteElement) &&
diff --git a/app/login/LoginForm.tsx b/app/login/LoginForm.tsx
index a54ebfe2..9f0c733c 100644
--- a/app/login/LoginForm.tsx
+++ b/app/login/LoginForm.tsx
@@ -81,7 +81,7 @@ export default function LoginForm() {
   }
   return (
     <div className="w-full h-full flex items-center justify-center gap-80 LoginForm">
-      <Image src="/Logo.svg" alt="" width={451} height={126} />
+      <Image priority src="/Logo.svg" alt="" width={451} height={126} />
       <form
         className="flex flex-col gap-4 p-2"
         onSubmit={onSubmit}
diff --git a/app/schema/SchemaCreateElement.tsx b/app/schema/SchemaCreateElement.tsx
index d92c8240..855d9953 100644
--- a/app/schema/SchemaCreateElement.tsx
+++ b/app/schema/SchemaCreateElement.tsx
@@ -5,8 +5,8 @@
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Dispatch, SetStateAction, useState } from "react";
 import { Toast } from "@/lib/utils";
-import { ArrowRight, ArrowRightLeft, Check, ChevronRight, Pencil, Trash2, X } from "lucide-react";
-import { Checkbox } from "@/components/ui/checkbox";
+import { ArrowRight, ArrowRightLeft, Check, ChevronRight, Pencil, Plus, Trash2, X } from "lucide-react";
+import { Switch } from "@/components/ui/switch";
 import Input from "../components/ui/Input";
 import Button from "../components/ui/Button";
 import Combobox from "../components/ui/combobox";
@@ -43,13 +43,17 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
   }
 
   const handelAddAttribute = () => {
+    if (!newAttribute[0] || !newAttribute[1].some((v) => v !== "")) {
+      Toast("You must type a key, type and a description in order to add a new property")
+      return
+    }
     setAttributes(prev => [...prev, newAttribute])
     setNewAttribute(getDefaultAttribute())
   }
 
   const handelSetAttributes = () => {
-    if (!attribute[0] || !attribute[1].some((v) => v === "")) {
-      Toast("Please fill the field")
+    if (!attribute[0] || !attribute[1].some((v) => v !== "")) {
+      Toast("You must type a key, type and a description in order to edit a property")
       return
     }
 
@@ -73,7 +77,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
 
   const handelOnCreate = async () => {
     if (!label && !type) {
-      Toast("Please fill the label")
+      Toast("You must type a label")
       return
     }
     const ok = await onCreate(attributes, label)
@@ -96,13 +100,18 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
 
     if (e.key !== "Enter") return
 
+    if (!newLabel) {
+      Toast("You must type a label")
+      return
+    }
+
     setLabel(newLabel)
     setLabelEditable(false)
   }
 
   return (
     <div className="DataPanel">
-      <div className="w-full flex justify-between items-center bg-[#7167F6] p-4">
+      <div className="w-full flex justify-between items-center p-4">
         <div className="flex gap-4 items-center">
           <Button
             variant="button"
@@ -131,22 +140,22 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
       <div className="w-full h-1 grow flex flex-col justify-between items-start font-medium">
         <Table>
           <TableHeader>
-            <TableRow className="border-none">
-              <TableHead key="buttons" />
+            <TableRow>
               <TableHead key="Key">Key</TableHead>
               {
                 ATTRIBUTES.map((att) => (
                   <TableHead key={att}>{att}</TableHead>
                 ))
               }
+              <TableHead key="buttons" />
             </TableRow>
           </TableHeader>
-          <TableBody className="px-2">
+          <TableBody>
             {
               attributes.length > 0 &&
               attributes.map(([key, val]) => (
                 <TableRow
-                  className="cursor-pointer border-none"
+                  className="cursor-pointer p-2"
                   onClick={() => {
                     if (editable === key) return
                     handelSetEditable([key, [...val]])
@@ -157,61 +166,13 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   key={key}
                   tabIndex={0} // Added to make the row focusable
                 >
-                  <TableCell className="px-1 py-0">
-                    <div className="w-5 h-12 flex flex-col gap-2">
-                      {
-                        editable === key ?
-                          <>
-                            <Button
-                              variant="button"
-                              title="Save"
-                              icon={<Check size={20} />}
-                              onClick={(e) => {
-                                e.stopPropagation()
-                                handelSetAttributes()
-                              }}
-                            />
-                            <Button
-                              variant="button"
-                              title="Cancel"
-                              icon={<X size={20} />}
-                              onClick={(e) => {
-                                e.stopPropagation()
-                                handelSetEditable()
-                              }}
-                            />
-                          </>
-                          : hover === key &&
-                          <>
-                            <Button
-                              icon={<Trash2 size={20} />}
-                              title="Remove"
-                              variant="button"
-                              onClick={(e) => {
-                                e.stopPropagation()
-                                setAttributes(prev => prev.filter(([k]) => k !== key))
-                              }}
-                            />
-                            <Button
-                              variant="button"
-                              title="Edit"
-                              icon={<Pencil size={20} />}
-                              onClick={(e) => {
-                                e.stopPropagation()
-                                handelSetEditable([key, [...val]])
-                              }}
-                            />
-                          </>
-                      }
-                    </div>
-                  </TableCell>
-                  <TableCell className="px-1 py-0">
+                  <TableCell>
                     {key}:
                   </TableCell>
                   {
                     editable === key ?
                       <>
-                        <TableCell className="px-1 py-0">
+                        <TableCell>
                           <Combobox
                             options={OPTIONS}
                             setSelectedValue={(v) => setAttribute(prev => {
@@ -224,7 +185,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                             selectedValue={attribute[1][0]}
                           />
                         </TableCell>
-                        <TableCell className="px-1 py-0">
+                        <TableCell>
                           <Input
                             className="w-28"
                             onKeyDown={(e) => handelKeyDown(e, handelSetAttributes, handelSetEditable)}
@@ -237,9 +198,9 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                             value={attribute[1][1]}
                           />
                         </TableCell>
-                        <TableCell className="px-1 py-0">
-                          <Checkbox
-                            className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
+                        <TableCell>
+                          <Switch
+                            className="border-[#57577B]"
                             onCheckedChange={(checked) => setAttribute(prev => {
                               const p: [string, string[]] = [...prev]
                               p[1][2] = checked ? "true" : "false"
@@ -248,9 +209,9 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                             checked={attribute[1][2] === "true"}
                           />
                         </TableCell>
-                        <TableCell className="px-1 py-0">
-                          <Checkbox
-                            className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
+                        <TableCell>
+                          <Switch
+                            className="border-[#57577B]"
                             onCheckedChange={(checked) => setAttribute(prev => {
                               const p: [string, string[]] = [...prev]
                               p[1][3] = checked ? "true" : "false"
@@ -261,34 +222,66 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                         </TableCell>
                       </>
                       : val.map((v, i) => (
-                        <TableCell className="px-1 py-0" key={i}>{v}</TableCell>
+                        <TableCell key={i}>{v}</TableCell>
                       ))
                   }
+                  <TableCell>
+                    <div className="flex gap-2">
+                      {
+                        editable === key ?
+                          <>
+                            <Button
+                              className="p-2 justify-center border border-[#232341]"
+                              variant="Secondary"
+                              label="Save"
+                              icon={<Check size={20} />}
+                              onClick={(e) => {
+                                e.stopPropagation()
+                                handelSetAttributes()
+                              }}
+                            />
+                            <Button
+                              className="p-2 justify-center border border-[#232341]"
+                              variant="Secondary"
+                              label="Cancel"
+                              icon={<X size={20} />}
+                              onClick={(e) => {
+                                e.stopPropagation()
+                                handelSetEditable()
+                              }}
+                            />
+                          </>
+                          : hover === key &&
+                          <>
+                            <Button
+                              className="p-2 justify-center border border-[#232341]"
+                              icon={<Trash2 size={20} />}
+                              label="Remove"
+                              variant="Secondary"
+                              onClick={(e) => {
+                                e.stopPropagation()
+                                setAttributes(prev => prev.filter(([k]) => k !== key))
+                              }}
+                            />
+                            <Button
+                              className="p-2 justify-center border border-[#232341]"
+                              variant="Secondary"
+                              label="Edit"
+                              icon={<Pencil size={20} />}
+                              onClick={(e) => {
+                                e.stopPropagation()
+                                handelSetEditable([key, [...val]])
+                              }}
+                            />
+                          </>
+                      }
+                    </div>
+                  </TableCell>
                 </TableRow>
               ))
             }
-            <TableRow className="border-none">
-              <TableCell className="flex flex-col gap-1 px-1 py-0">
-                <Button
-                  variant="button"
-                  title="Add"
-                  icon={<Check size={20} />}
-                  onClick={(e) => {
-                    e.stopPropagation()
-                    handelAddAttribute()
-                  }}
-                />
-                <Button
-                  variant="button"
-                  title="Cancel"
-                  icon={<X size={20} />}
-                  onClick={(e) => {
-                    e.stopPropagation()
-                    setNewAttribute(getDefaultAttribute())
-                  }}
-                />
-              </TableCell>
-              <TableCell className="px-1 py-0">
+            <TableRow>
+              <TableCell>
                 <Input
                   className="w-28"
                   onKeyDown={(e) => handelKeyDown(e, handelAddAttribute, () => setNewAttribute(getDefaultAttribute()))}
@@ -301,7 +294,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   value={newAttribute[0]}
                 />
               </TableCell>
-              <TableCell className="px-1 py-0">
+              <TableCell>
                 <Combobox
                   options={OPTIONS}
                   setSelectedValue={(v) => setNewAttribute(prev => {
@@ -314,7 +307,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   selectedValue={newAttribute[1][0]}
                 />
               </TableCell>
-              <TableCell className="px-1 py-0">
+              <TableCell>
                 <Input
                   className="w-28"
                   onKeyDown={(e) => handelKeyDown(e, handelAddAttribute, () => setNewAttribute(getDefaultAttribute()))}
@@ -327,9 +320,9 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   value={newAttribute[1][1]}
                 />
               </TableCell>
-              <TableCell className="px-1 py-0">
-                <Checkbox
-                  className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
+              <TableCell>
+                <Switch
+                  className="border-[#57577B]"
                   onCheckedChange={(checked) => setNewAttribute(prev => {
                     const p: [string, string[]] = [...prev]
                     p[1][2] = checked ? "true" : "false"
@@ -338,9 +331,9 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   checked={newAttribute[1][2] === "true"}
                 />
               </TableCell>
-              <TableCell className="px-1 py-0">
-                <Checkbox
-                  className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
+              <TableCell>
+                <Switch
+                  className="border-[#57577B]"
                   onCheckedChange={(checked) => setNewAttribute(prev => {
                     const p: [string, string[]] = [...prev]
                     p[1][3] = checked ? "true" : "false"
@@ -349,6 +342,84 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                   checked={newAttribute[1][3] === "true"}
                 />
               </TableCell>
+              <TableCell>
+                <div className="flex gap-2">
+                  <Button
+                    className="p-2 justify-center border border-[#232341]"
+                    variant="Secondary"
+                    label="Add"
+                    icon={<Plus size={20} />}
+                    onClick={(e) => {
+                      e.stopPropagation()
+                      handelAddAttribute()
+                    }}
+                  />
+                  <Button
+                    className="p-2 justify-center border border-[#232341]"
+                    variant="Secondary"
+                    label="Cancel"
+                    icon={<X size={20} />}
+                    onClick={(e) => {
+                      e.stopPropagation()
+                      setNewAttribute(getDefaultAttribute())
+                    }}
+                  />
+                </div>
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Input
+                  disabled
+                  className="w-28"
+                  variant="Small"
+                />
+              </TableCell>
+              <TableCell>
+                <Combobox
+                  disabled
+                  options={OPTIONS}
+                  inTable
+                  type="Type"
+                />
+              </TableCell>
+              <TableCell>
+                <Input
+                  disabled
+                  className="w-28"
+                  variant="Small"
+                />
+              </TableCell>
+              <TableCell>
+                <Switch
+                  disabled
+                  className="border-[#57577B]"
+                />
+              </TableCell>
+              <TableCell>
+                <Switch
+                  disabled
+                  className="border-[#57577B]"
+                />
+              </TableCell>
+              <TableCell>
+                <div className="flex gap-2">
+                  <Button
+                    className="p-2 justify-center border border-[#232341]"
+                    disabled
+                    variant="Secondary"
+                    label="Add"
+                    icon={<Plus size={20} />}
+                  />
+                  <Button
+                    className="p-2 justify-center border border-[#232341]"
+                    disabled
+                    variant="Secondary"
+                    label="Cancel"
+                    icon={<X size={20} />}
+                  />
+                </div>
+              </TableCell>
             </TableRow>
           </TableBody>
         </Table>
@@ -366,13 +437,13 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
             </div>
             <div className="w-full flex justify-center gap-8">
               <Button
-                className="flex-col-reverse"
+                className="flex-col-reverse border border-[#232341]"
                 icon={<Trash2 size={40} />}
                 label="Clear"
                 onClick={() => setSelectedNodes([undefined, undefined])}
               />
               <Button
-                className="flex-col-reverse"
+                className="flex-col-reverse border border-[#232341]"
                 icon={<ArrowRightLeft size={40} />}
                 label="Swap"
                 onClick={() => setSelectedNodes(prev => [prev[1], prev[0]])}
@@ -381,12 +452,19 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
           </div>
         }
         <div className="p-8">
-          <Button
-            className="border border-[#232341]"
-            label="Create"
-            variant="Secondary"
-            onClick={handelOnCreate}
-          />
+          <form onSubmit={(e) => {
+            e.preventDefault();
+            handelOnCreate();
+          }}>
+            <Button
+              label={`Create new ${type ? "node" : "edge"}`}
+              variant="Primary"
+              onClick={(e) => {
+                e.preventDefault();
+                handelOnCreate();
+              }}
+            />
+          </form>
         </div>
       </div>
     </div>
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index 9a95daca..c7128489 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -78,14 +78,14 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
 
         setData({ ...schema.Elements })
     }
-    
+
     const onLabelClick = (label: Category) => {
         label.show = !label.show
         schema.Elements.links.forEach((link) => {
             if (link.label !== label.name) return
             link.visible = label.show
         })
-        
+
         setData({ ...schema.Elements })
     }
 
@@ -300,11 +300,10 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         return result.ok
     }
 
-
     return (
         <ResizablePanelGroup direction="horizontal" className={cn(maximize && "h-full p-10 bg-background fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]")}>
             <ResizablePanel
-                defaultSize={selectedElement ? 75 : 100}
+                defaultSize={50}
                 className={cn("flex flex-col gap-10", !isCollapsed && "mr-8")}
             >
                 <div className="flex items-center justify-between">
@@ -382,12 +381,12 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                     }
                 </div>
             </ResizablePanel>
-            <ResizableHandle className={!isCollapsed ? "w-3" : "w-0"} />
+            <ResizableHandle disabled={isCollapsed} className={cn(isCollapsed ? "w-0 !cursor-default" : "w-3")} />
             <ResizablePanel
                 className="rounded-lg"
                 collapsible
                 ref={dataPanel}
-                defaultSize={selectedElement ? 25 : 0}
+                defaultSize={50}
                 minSize={25}
                 maxSize={50}
                 onCollapse={() => setIsCollapsed(true)}
diff --git a/app/schema/page.tsx b/app/schema/page.tsx
index bdfad21e..2e7b8192 100644
--- a/app/schema/page.tsx
+++ b/app/schema/page.tsx
@@ -48,7 +48,7 @@ export default function Page() {
             const json = await result.json()
             const colors = localStorage.getItem(schemaName)?.split(/[[\]",]/).filter(c => c)
             setSchema(Graph.create(schemaName, json.result, colors))
-            
+
             fetchCount()
 
         }
@@ -57,9 +57,10 @@ export default function Page() {
 
     return (
         <div className="Page">
-            <Header onSetGraphName={setSchemaName} />
+            <Header />
             <div className="h-1 grow p-8 px-10 flex flex-col gap-8">
                 <Selector
+                    setGraphName={setSchemaName}
                     edgesCount={edgesCount}
                     nodesCount={nodesCount}
                     onChange={setSchemaName}
diff --git a/app/settings/Configurations.tsx b/app/settings/Configurations.tsx
index dbfe024e..96d5a55e 100644
--- a/app/settings/Configurations.tsx
+++ b/app/settings/Configurations.tsx
@@ -203,7 +203,7 @@ export default function Configurations() {
                 <TableHeader>
                     <TableRow className="border-none p-4">
                         {
-                            ["Name", "Description", "Value"].map((header) => (
+                            ["Name", "Description", `Value \n (Click to edit)`].map((header) => (
                                 <TableHead key={header}>{header}</TableHead>
                             ))
                         }
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
new file mode 100644
index 00000000..cbe5a36b
--- /dev/null
+++ b/components/ui/select.tsx
@@ -0,0 +1,160 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { Check, ChevronDown, ChevronUp } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+    {...props}
+  />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}
diff --git a/package-lock.json b/package-lock.json
index 9866eb25..d3dbe634 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "@radix-ui/react-label": "^2.0.2",
         "@radix-ui/react-popover": "^1.0.7",
         "@radix-ui/react-progress": "^1.0.3",
+        "@radix-ui/react-select": "^2.1.4",
         "@radix-ui/react-separator": "^1.0.3",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
@@ -799,6 +800,11 @@
         "node": ">=18"
       }
     },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.0.tgz",
+      "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ=="
+    },
     "node_modules/@radix-ui/primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
@@ -1422,6 +1428,331 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.4.tgz",
+      "integrity": "sha512-pOkb2u8KgO47j/h7AylCj7dJsm69BXcjkrvTqMptFqsE2i0p8lHkfgneXKjAgPzBMivnoMyt8o4KiV4wYzDdyQ==",
+      "dependencies": {
+        "@radix-ui/number": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.1",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
+      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-collection": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
+      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.1.tgz",
+      "integrity": "sha512-01omzJAYRxXdG2/he/+xy+c8a8gCydoQ1yOxnWNcRhrrBW5W+RQJ22EK1SaO8tb3WoUsuEw7mJjBozPzihDFjA==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-popper": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
+      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-rect": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0",
+        "@radix-ui/rect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
+      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/react-remove-scroll": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.2.tgz",
+      "integrity": "sha512-KmONPx5fnlXYJQqC62Q+lwIeAk64ws/cUw6omIumRzMRPqgnYqhSSti99nbj0Ry13bv7dF+BKn7NB+OqkdZGTw==",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz",
@@ -5359,15 +5690,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/invariant": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "node_modules/is-arguments": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
@@ -7158,20 +7480,19 @@
       }
     },
     "node_modules/react-remove-scroll-bar": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz",
-      "integrity": "sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==",
-      "license": "MIT",
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
       "dependencies": {
-        "react-style-singleton": "^2.2.1",
+        "react-style-singleton": "^2.2.2",
         "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -7190,21 +7511,19 @@
       }
     },
     "node_modules/react-style-singleton": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
-      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
-      "license": "MIT",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
       "dependencies": {
         "get-nonce": "^1.0.0",
-        "invariant": "^2.2.4",
         "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -8237,10 +8556,9 @@
       }
     },
     "node_modules/use-callback-ref": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz",
-      "integrity": "sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==",
-      "license": "MIT",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
       "dependencies": {
         "tslib": "^2.0.0"
       },
@@ -8248,8 +8566,8 @@
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
diff --git a/package.json b/package.json
index 6b61f7b1..457d1f5c 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
diff --git a/public/fonts/oswald.ttf b/public/fonts/oswald.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..938e912a94e4b319f76c7fa42e288b9ce20c51d9
GIT binary patch
literal 169108
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

literal 0
HcmV?d00001


From 0e9f7b70512e7cc0019821713ccd4f3be93a1859 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 26 Dec 2024 13:44:06 +0200
Subject: [PATCH 24/45] commit

---
 package-lock.json | 7 +++++++
 package.json      | 1 +
 2 files changed, 8 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 57a9541f..35c55dbb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -70,6 +70,7 @@
         "@types/react": "^18",
         "@types/react-cytoscapejs": "^1.2.5",
         "@types/react-dom": "^18",
+        "@types/react-gtm-module": "^2.0.4",
         "@typescript-eslint/eslint-plugin": "^6.19.1",
         "@typescript-eslint/parser": "^6.19.1",
         "eslint": "^8.56.0",
@@ -1916,6 +1917,12 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-gtm-module": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/react-gtm-module/-/react-gtm-module-2.0.4.tgz",
+      "integrity": "sha512-5wPMWsUE5AI6O0B0K1/zbs0rFHBKu+7NWXQwDXhqvA12ooLD6W1AYiWZqR4UiOd7ixZDV1H5Ys301zEsqyIfNg==",
+      "dev": true
+    },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
diff --git a/package.json b/package.json
index 9d18e085..4ec9c766 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "@types/react": "^18",
     "@types/react-cytoscapejs": "^1.2.5",
     "@types/react-dom": "^18",
+    "@types/react-gtm-module": "^2.0.4",
     "@typescript-eslint/eslint-plugin": "^6.19.1",
     "@typescript-eslint/parser": "^6.19.1",
     "eslint": "^8.56.0",

From bbd8c524b79839deb3b3c3709a07e5c746073a26 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 30 Dec 2024 10:57:19 +0200
Subject: [PATCH 25/45] commit

---
 app/components/CloseDialog.tsx       |   4 +-
 app/components/CreateGraph.tsx       |  12 +-
 app/components/ForceGraph.tsx        |   4 +-
 app/components/Header.tsx            | 165 ++++-------
 app/components/graph/UploadGraph.tsx |  16 +-
 app/components/node/DeleteNode.tsx   |  45 +--
 app/components/ui/Avatar.tsx         |  50 ----
 app/components/ui/Button.tsx         |  44 +--
 app/components/ui/Dropzone.tsx       |   2 +-
 app/components/ui/combobox.tsx       |  32 +--
 app/create/page.tsx                  |   6 +-
 app/globals.css                      |   5 +
 app/graph/Duplicate.tsx              |   2 +-
 app/graph/GraphView.tsx              |  20 +-
 app/graph/Selector.tsx               |  68 +++--
 app/graph/View.tsx                   | 235 +++++++--------
 app/graph/toolbar.tsx                |  82 +++---
 app/login/LoginForm.tsx              |   8 +-
 app/schema/SchemaCreateElement.tsx   |  60 ++--
 app/schema/SchemaDataPanel.tsx       |  44 +--
 app/schema/SchemaView.tsx            |  34 ++-
 app/settings/Configurations.tsx      |  18 +-
 app/settings/page.tsx                |  10 +-
 app/settings/users/AddUser.tsx       | 194 ++++++-------
 components/ui/navigation-menu.tsx    | 128 +++++++++
 package-lock.json                    | 410 ++++++++++++++++++++++++---
 package.json                         |  11 +-
 27 files changed, 1058 insertions(+), 651 deletions(-)
 delete mode 100644 app/components/ui/Avatar.tsx
 create mode 100644 components/ui/navigation-menu.tsx

diff --git a/app/components/CloseDialog.tsx b/app/components/CloseDialog.tsx
index 75fb2cb4..0c99153a 100644
--- a/app/components/CloseDialog.tsx
+++ b/app/components/CloseDialog.tsx
@@ -3,13 +3,13 @@
 import { DialogClose } from "@/components/ui/dialog";
 import { cn } from "@/lib/utils";
 import { X } from "lucide-react";
-import Button from "./ui/Button";
+import Button, { Variant } from "./ui/Button";
 
 /* eslint-disable react/require-default-props */
 interface Props extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     icon?: JSX.Element
     label?: string
-    variant?: "Large" | "Primary" | "Secondary" | "button"
+    variant?: Variant
 }
 
 export default function CloseDialog({ className, label, variant, icon, ...props }: Props) {
diff --git a/app/components/CreateGraph.tsx b/app/components/CreateGraph.tsx
index d9534e65..afb3fbfe 100644
--- a/app/components/CreateGraph.tsx
+++ b/app/components/CreateGraph.tsx
@@ -2,6 +2,7 @@ import { Dispatch, SetStateAction } from "react"
 import { AlertCircle } from "lucide-react"
 import DialogComponent from "./DialogComponent"
 import Button from "./ui/Button"
+import CloseDialog from "./CloseDialog"
 
 interface Props {
     open: boolean
@@ -26,10 +27,12 @@ export default function CreateGraph({ open, setOpen, graphName, setGraphName, ha
             }}>
                 <div className="flex gap-2 items-center">
                     <Button
+                        className="text-nowrap"
                         type="button"
                         title="Graph names can be edited later"
-                        icon={<AlertCircle size={20} />}
-                    />
+                    >
+                        <AlertCircle size={20} />
+                    </Button>
                     <p className="font-normal text-2xl">Name your graph:</p>
                     <input
                         className="bg-background border text-white rounded-lg p-2"
@@ -43,13 +46,10 @@ export default function CreateGraph({ open, setOpen, graphName, setGraphName, ha
                         label="Create your graph"
                         type="submit"
                     />
-                    <Button
+                    <CloseDialog
                         variant="Cancel"
                         label="Cancel"
                         type="button"
-                        onClick={() => {
-                            setOpen(false)
-                        }}
                     />
                 </div>
             </form>
diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
index f0b97aac..5bc6a0ad 100644
--- a/app/components/ForceGraph.tsx
+++ b/app/components/ForceGraph.tsx
@@ -23,6 +23,7 @@ interface Props {
     type?: "schema" | "graph"
     isAddElement?: boolean
     setSelectedNodes?: Dispatch<SetStateAction<[Node | undefined, Node | undefined]>>
+    isCollapsed: boolean
 }
 
 
@@ -44,6 +45,7 @@ export default function ForceGraph({
     type = "graph",
     isAddElement = false,
     setSelectedNodes,
+    isCollapsed
 }: Props) {
 
     const [parentWidth, setParentWidth] = useState<number>(0)
@@ -56,7 +58,7 @@ export default function ForceGraph({
         if (!parentRef.current) return
         setParentWidth(parentRef.current.clientWidth)
         setParentHeight(parentRef.current.clientHeight)
-    }, [parentRef.current?.clientWidth, parentRef.current?.clientHeight])
+    }, [parentRef.current?.clientWidth, parentRef.current?.clientHeight, isCollapsed])
 
     const onFetchNode = async (node: Node) => {
         const result = await securedFetch(`/api/graph/${graph.Id}/${node.id}`, {
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index f1ca06a9..9adce41b 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -1,29 +1,27 @@
 'use client'
 
-// import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@/components/ui/dropdown-menu";
-import { LifeBuoy, PlusCircle, Settings } from "lucide-react";
+import { LifeBuoy, LogOut, PlusCircle, Settings } from "lucide-react";
 import { FormEvent, useState } from "react";
 import Image from "next/image";
 import { cn, prepareArg, securedFetch, Toast } from "@/lib/utils";
 import { useRouter, usePathname } from "next/navigation";
-import { Role } from "next-auth";
+import { signOut, useSession } from "next-auth/react";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@/components/ui/navigation-menu";
 import Button from "./ui/Button";
-import Avatar from "./ui/Avatar";
 import CreateGraph from "./CreateGraph";
 
 /* eslint-disable react/require-default-props */interface Props {
     onSetGraphName?: (graphName: string) => void
 }
+
 export default function Header({ onSetGraphName }: Props) {
-    const [helpOpen, setHelpOpen] = useState<boolean>(false)
     const [createOpen, setCreateOpen] = useState<boolean>(false)
     const router = useRouter()
     const pathname = usePathname()
-    const [userStatus, setUserStatus] = useState<Role>()
     const [graphName, setGraphName] = useState<string>("")
     const type = pathname.includes("/schema") ? "Schema" : "Graph"
     const inCreate = pathname.includes("/create")
+    const { data: session } = useSession()
 
     const handelCreateGraph = async (e: FormEvent<HTMLFormElement>) => {
 
@@ -55,7 +53,7 @@ export default function Header({ onSetGraphName }: Props) {
                         href="https://www.falkordb.com"
                         target="_blank" rel="noreferrer"
                     >
-                        <Image priority width={103} height={29} src="/ColorLogo.svg" alt="" />
+                        <Image priority width={103} height={29} src="/Logo.svg" alt="" />
                     </a>
                     <p className="text-neutral-200" >|</p>
                     <div className="flex gap-2 bg-foreground rounded-lg p-2">
@@ -71,107 +69,64 @@ export default function Header({ onSetGraphName }: Props) {
                         />
                     </div>
                 </div>
-                <div className="flex items-center gap-12">
-                    {
-                        !inCreate &&
-                        <CreateGraph
-                            open={createOpen}
-                            setOpen={setCreateOpen}
-                            trigger={
+                <div className="flex gap-6 items-center">
+                    <NavigationMenu>
+                        <NavigationMenuList className="gap-6 bg-foreground rounded-lg px-4 py-2">
+                            <NavigationMenuLink className="bg-foreground" asChild>
                                 <Button
-                                    variant="Primary"
-                                    label={`Create New ${type}`}
-                                    icon={<PlusCircle />}
+                                    label="Settings"
+                                    onClick={() => router.push("/settings")}
+                                    disabled={session?.user?.role !== "Admin"}
+                                >
+                                    <Settings size={25} />
+                                </Button>
+                            </NavigationMenuLink>
+                            <NavigationMenuItem>
+                                <NavigationMenuTrigger className="gap-2 bg-foreground">
+                                    <LifeBuoy size={25} />
+                                    <p>Help</p>
+                                </NavigationMenuTrigger>
+                                <NavigationMenuContent className="bg-background w-full p-6">
+                                    <ul className="h-full w-full flex flex-col gap-2 p-2">
+                                        <li>
+                                            <a href="https://docs.falkordb.com/" target="_blank" rel="noreferrer">
+                                                Documentation
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="https://www.falkordb.com/contact-us/" target="_blank" rel="noreferrer">
+                                                Support
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </NavigationMenuContent>
+                            </NavigationMenuItem>
+                            {
+                                !inCreate &&
+                                <CreateGraph
+                                    open={createOpen}
+                                    setOpen={setCreateOpen}
+                                    trigger={
+                                        <Button
+                                            variant="Primary"
+                                            label={`Create New ${type}`}
+                                        >
+                                            <PlusCircle />
+                                        </Button>
+                                    }
+                                    graphName={graphName}
+                                    setGraphName={setGraphName}
+                                    handleCreateGraph={handelCreateGraph}
                                 />
                             }
-                            graphName={graphName}
-                            setGraphName={setGraphName}
-                            handleCreateGraph={handelCreateGraph}
-                        />
-                    }
-                    {/* <Dialog>
-                            <DialogTrigger asChild>
-                            </DialogTrigger>
-                            <DialogContent displayClose className="flex flex-col gap-6">
-                                <DialogHeader className="flex justify-between items-center">
-                                <DialogTitle>Create New Graph</DialogTitle>
-                                <DialogClose asChild>
-                                        <button
-                                        title="Close"
-                                        type="button"
-                                        aria-label="close"
-                                        >
-                                        <X />
-                                        </button>
-                                        </DialogClose>
-                                        </DialogHeader>
-                                        <DialogDescription>
-                                        do you want to upload data or empty graph ?
-                                        </DialogDescription>
-                                        <div className="flex justify-center gap-4">
-                                        <DialogClose asChild>
-                                        <a
-                                        className="bg-indigo-600 text-white p-4"
-                                        href="/create"
-                                        title="Upload Data"
-                                        >
-                                            <p>Upload Data</p>
-                                        </a>
-                                        </DialogClose>
-                                        <DialogClose asChild>
-                                        <button
-                                            className="bg-indigo-600 text-white p-4"
-                                            title="Empty Graph"
-                                            type="button"
-                                            // onClick={() => createGraph()}
-                                        >
-                                        <p>Empty Graph</p>
-                                        </button>
-                                        </DialogClose>
-                                        </div>
-                                        </DialogContent>
-                                    </Dialog> */}
-                    <DropdownMenu onOpenChange={setHelpOpen}>
-                        <DropdownMenuTrigger asChild>
                             <Button
-                                className="flex gap-1 items-center focus-visible:outline-none"
-                                label="Help"
-                                icon={<LifeBuoy size={20} />}
-                                open={helpOpen}
-                            />
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent>
-                            <DropdownMenuItem>
-                                <a
-                                    className="w-full p-2 text-start"
-                                    title="Documentation"
-                                    href="https://docs.falkordb.com/"
-                                    target="_blank"
-                                    rel="noreferrer"
-                                >
-                                    <p>Documentation</p>
-                                </a>
-                            </DropdownMenuItem>
-                            <DropdownMenuItem>
-                                <a
-                                    className="w-full p-2 text-start"
-                                    title="Support"
-                                    href="https://www.falkordb.com/contact-us/"
-                                    target="_blank"
-                                    rel="noreferrer"
-                                >
-                                    <p>Support</p>
-                                </a>
-                            </DropdownMenuItem>
-                        </DropdownMenuContent>
-                    </DropdownMenu>
-                    <Button
-                        label="Settings"
-                        icon={<Settings size={25} />}
-                        onClick={() => router.push("/settings")}
-                        disabled={userStatus !== "Admin"}
-                    />
-                    <Avatar setUserStatus={setUserStatus} />
+                                title="Log Out"
+                                onClick={() => signOut({ callbackUrl: "/login" })}
+                            >
+                                <LogOut size={25} />
+                            </Button>
+                        </NavigationMenuList>
+                    </NavigationMenu>
                 </div>
             </div>
             <div className="h-2 Top" />
diff --git a/app/components/graph/UploadGraph.tsx b/app/components/graph/UploadGraph.tsx
index ad83acab..090fd07f 100644
--- a/app/components/graph/UploadGraph.tsx
+++ b/app/components/graph/UploadGraph.tsx
@@ -1,7 +1,6 @@
-import { Dialog, DialogTrigger } from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
 import { useState } from "react";
 import Dropzone from "../ui/Dropzone";
-import DialogComponent from "../DialogComponent";
 import Button from "../ui/Button";
 import CloseDialog from "../CloseDialog";
 
@@ -29,15 +28,20 @@ export default function UploadGraph({ disabled, open, onOpenChange }: {
                     />
                 </DialogTrigger>
             }
-            <DialogComponent className="h-[90%]" title="Upload Data">
+            <DialogContent disableClose className="bg-foreground max-h-[90dvh] max-w-[60dvw]">
+                <DialogHeader className="flex-row justify-between items-center border-b border-secondary pb-4">
+                    <DialogTitle className="text-2xl font-medium">Upload Data</DialogTitle>
+                    <CloseDialog />
+                </DialogHeader>
                 <form onSubmit={onUploadData} className="grow p-4 flex flex-col gap-6">
                     <Dropzone filesCount className="flex-col" withTable onFileDrop={setFiles} />
-                    <CloseDialog
+                    <Button
+                        type="submit"
                         label="Upload"
-                        variant="Large"
+                        variant="Primary"
                     />
                 </form>
-            </DialogComponent>
+            </DialogContent>
         </Dialog>
     )
 }
\ No newline at end of file
diff --git a/app/components/node/DeleteNode.tsx b/app/components/node/DeleteNode.tsx
index 4d670f73..7ed2f2a9 100644
--- a/app/components/node/DeleteNode.tsx
+++ b/app/components/node/DeleteNode.tsx
@@ -2,7 +2,7 @@
 
 import { Toast } from "@/lib/utils";
 import { Trash2 } from "lucide-react";
-import { Dialog, DialogClose, DialogTrigger } from "@/components/ui/dialog";
+import { DialogClose } from "@/components/ui/dialog";
 import Button from "../ui/Button";
 import DialogComponent from "../DialogComponent";
 
@@ -20,8 +20,8 @@ export default function DeleteNode({ disabled, onDelete }: Props) {
     }
 
     return (
-        <Dialog>
-            <DialogTrigger asChild>
+        <DialogComponent
+            trigger={
                 <Button
                     variant="Secondary"
                     label="Delete"
@@ -30,24 +30,25 @@ export default function DeleteNode({ disabled, onDelete }: Props) {
                 >
                     <Trash2 />
                 </Button>
-            </DialogTrigger>
-            <DialogComponent title="Delete Node" description="Are you sure you want to delete nodes?">
-                <div className="flex flex-row-reverse gap-4">
-                    <DialogClose asChild>
-                        <Button
-                            variant="Primary"
-                            label="Delete"
-                            onClick={onDeleteNode}
-                        />
-                    </DialogClose>
-                    <DialogClose asChild>
-                        <Button
-                            variant="Secondary"
-                            label="Cancel"
-                        />
-                    </DialogClose>
-                </div>
-            </DialogComponent>
-        </Dialog>
+            }
+            title="Delete Node"
+            description="Are you sure you want to delete nodes?"
+        >
+            <div className="flex flex-row-reverse gap-4">
+                <DialogClose asChild>
+                    <Button
+                        variant="Primary"
+                        label="Delete"
+                        onClick={onDeleteNode}
+                    />
+                </DialogClose>
+                <DialogClose asChild>
+                    <Button
+                        variant="Secondary"
+                        label="Cancel"
+                    />
+                </DialogClose>
+            </div>
+        </DialogComponent>
     )
 }
\ No newline at end of file
diff --git a/app/components/ui/Avatar.tsx b/app/components/ui/Avatar.tsx
deleted file mode 100644
index 09fa6eab..00000000
--- a/app/components/ui/Avatar.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-'use client';
-
-import { useSession, signIn, signOut } from "next-auth/react"
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuLabel,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
-import { Role } from "next-auth";
-import { useEffect } from "react";
-import Button from "./Button";
-
-export default function AvatarButton({ setUserStatus }: { setUserStatus: (status: Role) => void }) {
-    const { data: session, status } = useSession()
-    useEffect(() => {
-        setUserStatus(session?.user.role || "Read-Only")
-    }, [session, setUserStatus])
-    
-    if (status === "unauthenticated" || !session) {
-        return (
-            <Button
-                label="Sign in"
-                className="h-12 rounded-lg font-bold px-5 text-slate-50"
-                onClick={() => signIn(undefined, { callbackUrl: '/sandbox' })
-                }
-            />
-        )
-    }
-    
-
-    const { username } = session.user;
-
-    return (
-        <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-                <Button
-                    label={username || "Default"}
-                />
-            </DropdownMenuTrigger>
-            <DropdownMenuContent>
-                <DropdownMenuLabel className="text-center">My Account</DropdownMenuLabel>
-                <DropdownMenuSeparator />
-                <DropdownMenuItem className="p-2" onClick={() => signOut({ callbackUrl: "/login" })}>Logout</DropdownMenuItem>
-            </DropdownMenuContent>
-        </DropdownMenu>
-    )
-}
\ No newline at end of file
diff --git a/app/components/ui/Button.tsx b/app/components/ui/Button.tsx
index 90f29906..63bc7719 100644
--- a/app/components/ui/Button.tsx
+++ b/app/components/ui/Button.tsx
@@ -1,35 +1,23 @@
+/* eslint-disable react/button-has-type */
+/* eslint-disable react/jsx-props-no-spreading */
 import { cn } from "@/lib/utils"
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "lucide-react"
 import { forwardRef } from "react"
 
-type Variant = "Large" | "Primary" | "Secondary" | "Cancel" | "button"
+export type Variant = "Large" | "Primary" | "Secondary" | "Cancel" | "button"
 
 /* eslint-disable react/require-default-props */
 interface Props extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     label?: string
     variant?: Variant
-    icon?: JSX.Element
-    iconSide?: "left" | "right"
     open?: boolean
     side?: "down" | "left" | "right"
 }
 
-const getChevron = (open: boolean | undefined, side: string) => {
-    if (open === undefined) return null
-    switch (side) {
-        case "left": return open ? <ChevronRight /> : <ChevronLeft />
-        case "right": return open ? <ChevronLeft /> : <ChevronRight />
-        default: return open ? <ChevronUp /> : <ChevronDown />
-    }
-}
-
-const getClassName = (variant: Variant, disable: boolean | undefined, open: boolean | undefined, icon: boolean, classN: string | undefined) => {
+const getClassName = (variant: Variant, disable: boolean | undefined, open: boolean | undefined, classN: string | undefined) => {
 
     let className = cn(
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        variant !== "button" && "rounded-lg",
-        icon && "gap-2",
-        (open !== undefined || icon) && "flex items-center",
+        "disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
+        variant !== "button" && "rounded-lg hover:opacity-90",
         open !== undefined && "gap-4",
         classN,
     )
@@ -38,38 +26,32 @@ const getClassName = (variant: Variant, disable: boolean | undefined, open: bool
         case "Primary":
             className = cn(
                 "px-4 py-2 bg-primary",
-                !disable && "hover:bg-primary hover:opacity-90",
-                icon && "gap-3.5",
+                !disable && "hover:bg-primary",
                 className
             )
             break
         case "Secondary":
-            className = cn("px-12 py-1 bg-transparent border-[3px] border-primary hover:opacity-90", className)
+            className = cn("px-12 py-1 bg-transparent border-[3px] border-primary", className)
             break
         case "Cancel":
-            className = cn("px-12 py-1 bg-transparent border-2 border-secondary hover:opacity-90", className)
+            className = cn("px-12 py-1 bg-transparent border-2 border-secondary", className)
             break
         default:
     }
     return className
 }
 
-const Button = forwardRef<HTMLButtonElement, Props>(({ label, variant = "button", icon, iconSide = "left", open, side = "down", className, type = "button", disabled, ...props }, ref) => (
+const Button = forwardRef<HTMLButtonElement, Props>(({ label, variant = "button", open, className, type = "button", disabled, ...props }, ref) => (
     <button
         ref={ref}
-        className={getClassName(variant, disabled, open, !!icon, className)}
+        className={getClassName(variant, disabled, open, className)}
         disabled={disabled}
         title={label}
-        // eslint-disable-next-line react/button-has-type
         type={type}
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...props}
     >
-        {iconSide === "left" && icon}
-        {side === "left" && getChevron(open, side)}
-        {label && <p className="truncate">{label}</p>}
-        {side !== "left" && getChevron(open, side)}
-        {iconSide === "right" && icon}
+        {props.children}
+        {label}
     </button>
 ))
 
diff --git a/app/components/ui/Dropzone.tsx b/app/components/ui/Dropzone.tsx
index 86e8bd9c..93426311 100644
--- a/app/components/ui/Dropzone.tsx
+++ b/app/components/ui/Dropzone.tsx
@@ -61,7 +61,7 @@ function Dropzone({ filesCount = false, className = "", withTable = false, disab
             </div>
             {
                 withTable &&
-                <div className='grow bg-[#272746] flex flex-col gap-4 justify-center'>
+                <div className='grow bg-foreground flex flex-col gap-4 justify-center'>
                     <div className='text-lg'>
                         {`Uploaded Files ${filesCount ? `(${files.length})`: ''}`}
                     </div>
diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index c5790876..9cbf4c18 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -10,7 +10,6 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectSeparator, Select
 import UploadGraph from "../graph/UploadGraph"
 import DeleteGraph from "../graph/DeleteGraph"
 import Button from "./Button"
-import DialogComponent from "../DialogComponent"
 import Input from "./Input"
 
 /* eslint-disable react/require-default-props */
@@ -26,10 +25,9 @@ interface ComboboxProps {
   isSchema?: boolean
   defaultOpen?: boolean
   onOpenChange?: (open: boolean) => void
-  setReload?: Dispatch<SetStateAction<boolean>>
 }
 
-export default function Combobox({ isSelectGraph, disabled = false, inTable, type, options, setOptions, selectedValue = "", setSelectedValue, isSchema = false, defaultOpen = false, onOpenChange, setReload }: ComboboxProps) {
+export default function Combobox({ isSelectGraph, disabled = false, inTable, type, options, setOptions, selectedValue = "", setSelectedValue, isSchema = false, defaultOpen = false, onOpenChange }: ComboboxProps) {
 
   const [openMenage, setOpenMenage] = useState<boolean>(false)
   const [open, setOpen] = useState<boolean>(defaultOpen)
@@ -99,11 +97,11 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
 
   return (
     <Dialog open={openMenage} onOpenChange={setOpenMenage}>
-      <Select open={open} onOpenChange={(o) => {
+      <Select value={selectedValue} onValueChange={setSelectedValue} open={open} onOpenChange={(o) => {
         setOpen(o)
         if (onOpenChange) onOpenChange(o)
       }}>
-        <SelectTrigger disabled={disabled} className={cn("gap-2 border-none", inTable ? "text-sm font-light" : "text-xl font-medium")}>
+        <SelectTrigger disabled={disabled} className={cn("w-fit gap-2 border-none p-0", inTable ? "text-sm font-light" : "text-xl font-medium")}>
           <SelectValue placeholder={`Select ${type || "Graph"}`} />
         </SelectTrigger>
         <SelectContent className="min-w-52 max-h-[30lvh] bg-foreground">
@@ -128,26 +126,16 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
                   }
                 </ul>
               </SelectGroup>
-              <SelectSeparator className="bg-secondary" />
-              <DialogTrigger asChild>
-                <Button
-                  className="w-full p-2"
-                  label="Manage Graphs"
-                />
-              </DialogTrigger>
               {
-                setReload &&
+                isSelectGraph &&
                 <>
                   <SelectSeparator className="bg-secondary" />
-                  <Button
-                    className="w-full p-2"
-                    label="Refresh List"
-                    onClick={(e) => {
-                      e.preventDefault()
-                      e.stopPropagation()
-                      setReload(prev => !prev)
-                    }}
-                  />
+                  <DialogTrigger asChild>
+                    <Button
+                      className="w-full p-2"
+                      label="Manage Graphs"
+                    />
+                  </DialogTrigger>
                 </>
               }
             </>
diff --git a/app/create/page.tsx b/app/create/page.tsx
index 62376379..5d6eb811 100644
--- a/app/create/page.tsx
+++ b/app/create/page.tsx
@@ -199,7 +199,7 @@ export default function Create() {
                                 onClick={() => setCurrentTab(null)}
                             />
                             <Button
-                                variant="Large"
+                                variant="Primary"
                                 label="Create Graph"
                                 type="button"
                                 onClick={() => handleCreateGraph()}
@@ -240,7 +240,7 @@ export default function Create() {
                             />
                             <Button
                                 className="w-1/4"
-                                variant="Large"
+                                variant="Primary"
                                 label="Go To Main Screen"
                                 onClick={handleGoToMain}
                             />
@@ -285,7 +285,7 @@ export default function Create() {
                         </div>
                         <div className="flex justify-end">
                             <Button
-                                variant="Large"
+                                variant="Primary"
                                 icon={<PlusCircle />}
                                 label="Create Schema"
                                 type="submit"
diff --git a/app/globals.css b/app/globals.css
index a809ed2d..278fb9ad 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -8,6 +8,7 @@
         --foreground: 0 0% 10%;
         --primary: 243 91% 68%;
         --secondary: 39 33% 96%;
+        --accent: var(--background);
         --popover: var(--primary);
         --popover-foreground: 0 0% 100%;
         --radius: 0.5rem;
@@ -93,6 +94,10 @@
         justify-content: center;
     }
 
+    .Secondary {
+        border-image: linear-gradient(90deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%) 1;
+    }
+            
     .monaco-placeholder {
         @apply text-[#666] absolute select-none top-2 left-2;
     }
diff --git a/app/graph/Duplicate.tsx b/app/graph/Duplicate.tsx
index 92f83f10..9cb9c3c6 100644
--- a/app/graph/Duplicate.tsx
+++ b/app/graph/Duplicate.tsx
@@ -40,7 +40,7 @@ export default function Duplicate({ open, onOpenChange, selectedValue, onDuplica
                         <Input variant="Small" onChange={(e) => setDuplicateName(e.target.value)} required />
                     </div>
                     <Button
-                        variant="Large"
+                        variant="Primary"
                         label="Duplicate"
                         type="submit"
                     />
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index 8dba99f0..619f8830 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -211,7 +211,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                     data={session}
                 />
                 <Tabs value={tabsValue} className="h-1 grow flex gap-2 items-center">
-                    <TabsList className="h-fit bg-foreground p-1 flex flex-col gap-2">
+                    <TabsList className="h-fit bg-foreground p-2 flex flex-col gap-2">
                         <TabsTrigger
                             disabled={graph.getElements().length === 0}
                             className="tabs-trigger"
@@ -247,10 +247,11 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                                     isCollapsed && graph.Id &&
                                     <Button
                                         className="p-3 bg-[#7167F6] rounded-lg"
-                                        icon={<ChevronLeft />}
                                         onClick={() => onExpand()}
                                         disabled={!selectedElement}
-                                    />
+                                    >
+                                        <ChevronLeft />
+                                    </Button>
                                 }
                             </div>
                             <div className="relative h-1 grow rounded-lg overflow-hidden">
@@ -258,19 +259,22 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                                     !maximize ?
                                         <Button
                                             className="z-10 absolute top-4 right-4"
-                                            icon={<Maximize2 />}
                                             title="Maximize"
                                             onClick={() => setMaximize(true)}
-
-                                        /> : <Button
+                                        >
+                                            <Maximize2 />
+                                        </Button> 
+                                        : <Button
                                             className="z-10 absolute top-4 right-4"
-                                            icon={<Minimize2 />}
                                             title="Minimize"
                                             onClick={() => setMaximize(false)}
                                             onKeyDown={(e) => e.code === "Escape" && setMaximize(false)}
-                                        />
+                                        >
+                                            <Minimize2 />
+                                        </Button>
                                 }
                                 <ForceGraph
+                                    isCollapsed={isCollapsed}
                                     graph={graph}
                                     chartRef={chartRef}
                                     data={data}
diff --git a/app/graph/Selector.tsx b/app/graph/Selector.tsx
index f86ced0d..d8984768 100644
--- a/app/graph/Selector.tsx
+++ b/app/graph/Selector.tsx
@@ -7,7 +7,7 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigge
 import { editor } from "monaco-editor";
 import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils";
 import { Session } from "next-auth";
-import { PlusCircle } from "lucide-react";
+import { PlusCircle, RefreshCcw } from "lucide-react";
 import { usePathname } from "next/navigation";
 import Combobox from "../components/ui/combobox";
 import { Graph, Query } from "../api/graph/model";
@@ -18,6 +18,7 @@ import Duplicate from "./Duplicate";
 import SchemaView from "../schema/SchemaView";
 import View from "./View";
 import CreateGraph from "../components/CreateGraph";
+import CloseDialog from "../components/CloseDialog";
 
 interface Props {
     /* eslint-disable react/require-default-props */
@@ -45,7 +46,6 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
     const [dropOpen, setDropOpen] = useState<boolean>(false);
     const [queriesOpen, setQueriesOpen] = useState<boolean>(false);
     const [query, setQuery] = useState<Query>();
-    const [reload, setReload] = useState<boolean>(false);
     const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null)
     const pathname = usePathname()
     const type = pathname.includes("/schema") ? "Schema" : "Graph"
@@ -55,18 +55,6 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
         setNewGraphName("")
     }, [createOpen])
 
-    useEffect(() => {
-        const run = async () => {
-            const result = await securedFetch("api/graph", {
-                method: "GET"
-            })
-            if (!result.ok) return
-            const res = (await result.json()).result as string[]
-            setOptions(!runQuery ? res.filter(name => name.includes("_schema")).map(name => name.split("_")[0]) : res.filter(name => !name.includes("_schema")))
-        }
-        run()
-    }, [runQuery, reload])
-
     useEffect(() => {
         if (!graphName) return
         setOptions(prev => {
@@ -76,6 +64,19 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
         })
     }, [graphName])
 
+    const getOptions = async () => {
+        const result = await securedFetch("api/graph", {
+            method: "GET"
+        })
+        if (!result.ok) return
+        const res = (await result.json()).result as string[]
+        setOptions(!runQuery ? res.filter(name => name.includes("_schema")).map(name => name.split("_")[0]) : res.filter(name => !name.includes("_schema")))
+    }
+
+    useEffect(() => {
+        getOptions()
+    }, [])
+
     const handleEditorDidMount = (e: editor.IStandaloneCodeEditor) => {
         editorRef.current = e
     }
@@ -148,18 +149,19 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                     <CreateGraph
                         open={createOpen}
                         setOpen={setCreateOpen}
-                        graphName={graphName}
-                        setGraphName={setGraphName}
+                        graphName={newGraphName}
+                        setGraphName={setNewGraphName}
                         handleCreateGraph={handleCreateGraph}
                         trigger={
                             <Button
                                 variant="Primary"
                                 title={`Create New ${type}`}
-                                icon={<PlusCircle />}
-                            />
+                            >
+                                <PlusCircle size={20} />
+                            </Button>
                         }
                     />
-                    <p className="text-[#57577B]">|</p>
+                    <p className="text-secondary">|</p>
                     <Combobox
                         isSelectGraph
                         options={options}
@@ -167,8 +169,16 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                         selectedValue={selectedValue}
                         setSelectedValue={handleOnChange}
                         isSchema={!runQuery}
-                        setReload={setReload}
                     />
+                    <p className="text-secondary">|</p>
+                    <Button
+                        variant="Secondary"
+                        label="Refresh"
+                        title="Refresh List"
+                        onClick={getOptions}
+                    >
+                        <RefreshCcw size={20} />
+                    </Button>
                 </div>
                 <div className="flex gap-16 text-[#e5e7eb]">
                     <UploadGraph disabled />
@@ -187,17 +197,14 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                             <div className="flex gap-4">
                                 <Button
                                     className="flex-1"
-                                    variant="Large"
+                                    variant="Primary"
                                     label="Download"
                                     onClick={handleExport}
                                 />
-                                <Button
+                                <CloseDialog
                                     className="flex-1"
                                     variant="Secondary"
                                     label="Cancel"
-                                    onClick={() => {
-                                        setExportOpen(false)
-                                    }}
                                 />
                             </div>
                         </DialogContent>
@@ -242,15 +249,16 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                     selectedValue &&
                     <div className="flex gap-6">
                         <p>Created on 2/2 24</p>
-                        <span><span className="text-[#7167F6]">{nodesCount}</span>&ensp;Nodes</span>
-                        <p className="text-[#57577B]">|</p>
-                        <span><span className="text-[#7167F6]">{edgesCount}</span>&ensp;Edges</span>
+                        <span><span className="text-primary">{nodesCount}</span>&ensp;Nodes</span>
+                        <p className="text-secondary">|</p>
+                        <span><span className="text-primary">{edgesCount}</span>&ensp;Edges</span>
                     </div>
                 }
                 {
                     runQuery &&
                     <div className="flex gap-4 items-center">
                         <DialogComponent
+                            className="h-[80dvh] w-[90dvw]"
                             open={queriesOpen}
                             onOpenChange={setQueriesOpen}
                             trigger={
@@ -265,7 +273,7 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                                 <div className="h-1 grow flex">
                                     {
                                         queries && queries.length > 0 &&
-                                        <ul className="h-full flex-col border overflow-auto">
+                                        <ul className="min-w-[50%] flex-col border overflow-auto">
                                             {
                                                 queries.map((q, index) => (
                                                     // eslint-disable-next-line react/no-array-index-key
@@ -332,7 +340,7 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                                     <Button
                                         className="text-white w-1/3"
                                         onClick={() => runQuery(query?.text || "", setQueriesOpen)}
-                                        variant="Large"
+                                        variant="Primary"
                                         label="Run"
                                     />
                                 </div>
diff --git a/app/graph/View.tsx b/app/graph/View.tsx
index dd075aa3..af286744 100644
--- a/app/graph/View.tsx
+++ b/app/graph/View.tsx
@@ -3,7 +3,6 @@
 import { ChevronDown, ChevronUp, FileCheck2, PlusCircle, RotateCcw, Trash2 } from "lucide-react"
 import { useEffect, useState } from "react"
 import { cn } from "@/lib/utils"
-import { Dialog, DialogTrigger } from "@/components/ui/dialog"
 import { DEFAULT_COLORS, Graph } from "../api/graph/model"
 import Button from "../components/ui/Button"
 import Input from "../components/ui/Input"
@@ -31,134 +30,136 @@ export default function View({ graph, setGraph, selectedValue }: {
     }, [graph.Colors])
 
     return (
-        <Dialog onOpenChange={(o) => !o && setColorsArr(graph.Colors)}>
-            <DialogTrigger asChild>
+        <DialogComponent
+            onOpenChange={(o) => !o && setColorsArr(graph.Colors)}
+            trigger={
                 <Button
                     label="Preferences"
                     disabled={!selectedValue}
                 />
-            </DialogTrigger>
-            <DialogComponent className="w-[30%] h-[50%]" title="Preferences">
-                <div className="h-full flex flex-col gap-8">
-                    <p className="text-xl">Legends</p>
-                    <ul className="flex flex-col gap-4 overflow-auto">
-                        {
-                            colorsArr.map((c, i) => (
-                                <li onMouseEnter={() => setHover(c)} onMouseLeave={(() => setHover(""))} key={c} className={cn(`flex gap-8 items-center`)}>
-                                    <div className="flex flex-col">
-                                        {
-                                            i !== 0 &&
-                                            <Button
-                                                onClick={() => {
-                                                    if (i === 0) return
-                                                    setColorsArr(prev => {
-                                                        const newArr = [...prev];
-                                                        [newArr[i], newArr[i - 1]] = [newArr[i - 1], newArr[i]];
-                                                        return newArr;
-                                                    });
-                                                }}
-                                                icon={<ChevronUp />}
-                                                title="Up"
-                                            />
-                                        }
-                                        {
-                                            i !== colorsArr.length - 1 &&
-                                            <Button
-                                                onClick={() => {
-                                                    if (i === colorsArr.length - 1) return
-                                                    setColorsArr(prev => {
-                                                        const newArr = [...prev];
-                                                        [newArr[i], newArr[i + 1]] = [newArr[i + 1], newArr[i]];
-                                                        return newArr;
-                                                    });
-                                                }}
-                                                icon={<ChevronDown />}
-                                                title="Down"
-                                            />
-                                        }
-                                    </div>
+            }
+            className="w-[30%] h-[50%]"
+            title="Preferences"
+        >
+            <div className="h-full flex flex-col gap-8">
+                <p className="text-xl">Legends</p>
+                <ul className="flex flex-col gap-4 overflow-auto">
+                    {
+                        colorsArr.map((c, i) => (
+                            <li onMouseEnter={() => setHover(c)} onMouseLeave={(() => setHover(""))} key={c} className={cn(`flex gap-8 items-center`)}>
+                                <div className="flex flex-col">
                                     {
-                                        c === newColor || c === editable ?
-                                            <>
-                                                <div style={{ backgroundColor: c }} className="h-6 w-6 rounded-full" />
-                                                <Input
-                                                    ref={ref => ref?.focus()}
-                                                    className="w-24"
-                                                    variant="Small"
-                                                    value={editable === c ? editable : newColor}
-                                                    onChange={(e) => {
-                                                        setColorsArr(prev => {
-                                                            const newArr = [...prev];
-                                                            newArr[i] = e.target.value;
-                                                            return newArr;
-                                                        });
-                                                        if (editable === c) {
-                                                            setEditable(e.target.value)
-                                                        } else setNewColor(e.target.value);
-                                                    }}
-                                                    onBlur={() => {
-                                                        setNewColor("");
-                                                        colorsArr.splice(i, 1);
-                                                    }}
-                                                    onKeyDown={(e) => {
-                                                        if (e.key !== "Enter") return
-                                                        setNewColor("");
-                                                        setEditable("");
-                                                    }}
-                                                />
-                                            </>
-                                            : <>
-                                                <div style={{ backgroundColor: c }} className="h-6 w-6 rounded-full" />
-                                                <Button
-                                                    label={c}
-                                                    onClick={() => setEditable(c)}
-                                                />
-                                            </>
+                                        i !== 0 &&
+                                        <Button
+                                            onClick={() => {
+                                                if (i === 0) return
+                                                setColorsArr(prev => {
+                                                    const newArr = [...prev];
+                                                    [newArr[i], newArr[i - 1]] = [newArr[i - 1], newArr[i]];
+                                                    return newArr;
+                                                });
+                                            }}
+                                            icon={<ChevronUp />}
+                                            title="Up"
+                                        />
                                     }
                                     {
-                                        hover === c && !(c === newColor || c === editable) &&
+                                        i !== colorsArr.length - 1 &&
                                         <Button
                                             onClick={() => {
-                                                setColorsArr(prev => [...prev.filter(color => color !== c)]);
+                                                if (i === colorsArr.length - 1) return
+                                                setColorsArr(prev => {
+                                                    const newArr = [...prev];
+                                                    [newArr[i], newArr[i + 1]] = [newArr[i + 1], newArr[i]];
+                                                    return newArr;
+                                                });
                                             }}
-                                            icon={<Trash2 />}
-                                            title="Delete"
+                                            icon={<ChevronDown />}
+                                            title="Down"
                                         />
                                     }
-                                </li>
-                            ))
-                        }
-                    </ul>
-                    <div className="flex justify-around">
-                        <Button
-                            variant="Primary"
-                            disabled={colorsArr.length > graph.Colors.length}
-                            label="Add Color"
-                            icon={<PlusCircle />}
-                            onClick={() => {
-                                setColorsArr(prev => [...prev, ""])
-                            }}
-                        />
-                        <Button
-                            disabled={DEFAULT_COLORS.every((c, i) => c === graph.Colors[i]) && DEFAULT_COLORS.length === graph.Colors.length}
-                            variant="Secondary"
-                            label="Reset"
-                            icon={<RotateCcw />}
-                            onClick={() => {
-                                localStorage.removeItem(graph.Id)
-                                handelPreferencesChange(DEFAULT_COLORS)
-                            }}
-                        />
-                        <CloseDialog
-                            disabled={graph.Colors.filter((c, i) => c === colorsArr[i]).length === colorsArr.length && DEFAULT_COLORS.length === colorsArr.length}
-                            variant="Primary"
-                            label="Apply"
-                            icon={<FileCheck2 />}
-                            onClick={() => handelPreferencesChange()}
-                        />
-                    </div>
+                                </div>
+                                {
+                                    c === newColor || c === editable ?
+                                        <>
+                                            <div style={{ backgroundColor: c }} className="h-6 w-6 rounded-full" />
+                                            <Input
+                                                ref={ref => ref?.focus()}
+                                                className="w-24"
+                                                variant="Small"
+                                                value={editable === c ? editable : newColor}
+                                                onChange={(e) => {
+                                                    setColorsArr(prev => {
+                                                        const newArr = [...prev];
+                                                        newArr[i] = e.target.value;
+                                                        return newArr;
+                                                    });
+                                                    if (editable === c) {
+                                                        setEditable(e.target.value)
+                                                    } else setNewColor(e.target.value);
+                                                }}
+                                                onBlur={() => {
+                                                    setNewColor("");
+                                                    colorsArr.splice(i, 1);
+                                                }}
+                                                onKeyDown={(e) => {
+                                                    if (e.key !== "Enter") return
+                                                    setNewColor("");
+                                                    setEditable("");
+                                                }}
+                                            />
+                                        </>
+                                        : <>
+                                            <div style={{ backgroundColor: c }} className="h-6 w-6 rounded-full" />
+                                            <Button
+                                                label={c}
+                                                onClick={() => setEditable(c)}
+                                            />
+                                        </>
+                                }
+                                {
+                                    hover === c && !(c === newColor || c === editable) &&
+                                    <Button
+                                        onClick={() => {
+                                            setColorsArr(prev => [...prev.filter(color => color !== c)]);
+                                        }}
+                                        icon={<Trash2 />}
+                                        title="Delete"
+                                    />
+                                }
+                            </li>
+                        ))
+                    }
+                </ul>
+                <div className="flex justify-around">
+                    <Button
+                        variant="Primary"
+                        disabled={colorsArr.length > graph.Colors.length}
+                        label="Add Color"
+                        icon={<PlusCircle />}
+                        onClick={() => {
+                            setColorsArr(prev => [...prev, ""])
+                        }}
+                    />
+                    <Button
+                        disabled={DEFAULT_COLORS.every((c, i) => c === graph.Colors[i]) && DEFAULT_COLORS.length === graph.Colors.length}
+                        variant="Secondary"
+                        label="Reset"
+                        icon={<RotateCcw />}
+                        onClick={() => {
+                            localStorage.removeItem(graph.Id)
+                            handelPreferencesChange(DEFAULT_COLORS)
+                        }}
+                    />
+                    <CloseDialog
+                        disabled={graph.Colors.filter((c, i) => c === colorsArr[i]).length === colorsArr.length && DEFAULT_COLORS.length === colorsArr.length}
+                        variant="Primary"
+                        label="Apply"
+                        icon={<FileCheck2 />}
+                        onClick={() => handelPreferencesChange()}
+                    />
                 </div>
-            </DialogComponent>
-        </Dialog>
+            </div>
+        </DialogComponent>
     )
 }
\ No newline at end of file
diff --git a/app/graph/toolbar.tsx b/app/graph/toolbar.tsx
index 2d84d335..0e973540 100644
--- a/app/graph/toolbar.tsx
+++ b/app/graph/toolbar.tsx
@@ -2,8 +2,7 @@
 
 /* eslint-disable react/require-default-props */
 
-import { Link, PlusCircle, Shrink, Trash2, ZoomIn, ZoomOut } from "lucide-react";
-import { Dialog, DialogTrigger } from "@/components/ui/dialog";
+import { Link, Move, Pause, PlusCircle, Shrink, Trash2, ZoomIn, ZoomOut } from "lucide-react";
 import { Dispatch, SetStateAction, useState } from "react";
 import Button from "../components/ui/Button";
 import DialogComponent from "../components/DialogComponent";
@@ -61,46 +60,52 @@ export default function Toolbar({
         <div className="flex items-center gap-6 p-1">
             <div className="flex gap-4">
                 <Button
+                    className="text-nowrap"
                     disabled={addDisabled}
                     variant="Primary"
                     label="Add Node"
-                    className="flex items-center gap-2"
                     onClick={onAddEntity}
-                    icon={<PlusCircle />}
-                />
+                >
+                    <PlusCircle size={20} />
+                </Button>
                 <Button
+                    className="text-nowrap"
                     disabled={addDisabled}
                     variant="Primary"
-                    className="flex items-center gap-2"
                     label="Add Relation"
                     onClick={onAddRelation}
                     type="button"
-                    // eslint-disable-next-line jsx-a11y/anchor-is-valid
-                    icon={<Link />}
-                />
-                    <DialogComponent onOpenChange={setDeleteOpen} open={deleteOpen} title="Delete Elements" description={`Are you sure ???\nThis action will delete all selected elements`} trigger={
+                >
+                    {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
+                    <Link size={20} />
+                </Button>
+                <DialogComponent onOpenChange={setDeleteOpen} open={deleteOpen} title="Delete Elements" description={`Are you sure ???\nThis action will delete all selected elements`} trigger={
+                    <Button
+                    className="text-nowrap"
+                        variant="Primary"
+                        label="Delete"
+                        disabled={deleteDisabled}
+                    >
+                        <Trash2 size={20} />
+                    </Button>
+                }>
+                    <div className="flex justify-end gap-4">
                         <Button
+                            className="text-nowrap"
                             variant="Primary"
                             label="Delete"
-                            icon={<Trash2 />}
+                            onClick={handelDeleteElement}
                             disabled={deleteDisabled}
                         />
-                    }>
-                        <div className="flex justify-end gap-4">
-                            <Button
-                                variant="Primary"
-                                label="Delete"
-                                onClick={handelDeleteElement}
-                                disabled={deleteDisabled}
-                            />
-                            <Button
-                                variant="Primary"
-                                label="Cancel"
-                                onClick={() => setDeleteOpen(false)}
-                                disabled={deleteDisabled}
-                            />
-                        </div>
-                    </DialogComponent>
+                        <Button
+                            className="text-nowrap"
+                            variant="Primary"
+                            label="Cancel"
+                            onClick={() => setDeleteOpen(false)}
+                            disabled={deleteDisabled}
+                        />
+                    </div>
+                </DialogComponent>
             </div>
             {
                 (onAddEntity || onAddRelation || onDeleteElement) &&
@@ -108,27 +113,34 @@ export default function Toolbar({
             }
             <div className="flex items-center gap-4">
                 <Button
+                    className="text-nowrap"
                     disabled={disabled}
                     variant="Secondary"
                     label="Zoom In"
-                    icon={<ZoomIn />}
                     onClick={() => handleZoomClick(1.1)}
-                />
+                >
+                    <ZoomIn size={20} />
+                </Button>
                 <Button
+                    className="text-nowrap"
                     disabled={disabled}
                     variant="Secondary"
                     label="Zoom Out"
-                    icon={<ZoomOut />}
                     onClick={() => handleZoomClick(0.9)}
-                />
+                >
+                    <ZoomOut size={20} />
+                </Button>
                 <Button
+                    className="text-nowrap"
                     disabled={disabled}
                     variant="Secondary"
                     label="Fit To Size"
-                    icon={<Shrink />}
                     onClick={() => handleCenterClick()}
-                />
+                >
+                    <Shrink size={20} />
+                </Button>
                 <Button
+                    className="text-nowrap"
                     disabled={disabled}
                     variant="Secondary"
                     label={cooldownTime !== undefined ? "Move" : "Stay"}
@@ -138,7 +150,9 @@ export default function Toolbar({
                             handelCooldown()
                         }
                     }}
-                />
+                >
+                    {cooldownTime !== undefined ? <Move size={20} /> : <Pause size={20} />}
+                </Button>
             </div>
         </div>
     )
diff --git a/app/login/LoginForm.tsx b/app/login/LoginForm.tsx
index 9f0c733c..5fbf8491 100644
--- a/app/login/LoginForm.tsx
+++ b/app/login/LoginForm.tsx
@@ -127,9 +127,10 @@ export default function LoginForm() {
             <p title="Password">{host !== DEFAULT_HOST && "* "}Password</p>
             <Button
               className="absolute top-10 right-2 p-0"
-              icon={<Eye strokeWidth={0.5} color="black" />}
               onClick={() => setShowPassword(prev => !prev)}
-            />
+            >
+              <Eye strokeWidth={0.5} color="black" />
+            </Button>
             <Input
               id="password"
               variant="Default"
@@ -151,8 +152,9 @@ export default function LoginForm() {
             <Dropzone onFileDrop={onFileDrop} disabled={!TLS} />
           </div>
           <Button
+            className="p-4 text-center"
             label="Connect"
-            variant="Large"
+            variant="Primary"
             type="submit"
           />
           {error && (
diff --git a/app/schema/SchemaCreateElement.tsx b/app/schema/SchemaCreateElement.tsx
index 855d9953..08fb5920 100644
--- a/app/schema/SchemaCreateElement.tsx
+++ b/app/schema/SchemaCreateElement.tsx
@@ -114,10 +114,10 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
       <div className="w-full flex justify-between items-center p-4">
         <div className="flex gap-4 items-center">
           <Button
-            variant="button"
-            icon={<ChevronRight />}
             onClick={() => onExpand()}
-          />
+          >
+            <ChevronRight size={20} />
+          </Button>
           {
             labelEditable ?
               <Input
@@ -234,45 +234,49 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                               className="p-2 justify-center border border-[#232341]"
                               variant="Secondary"
                               label="Save"
-                              icon={<Check size={20} />}
                               onClick={(e) => {
                                 e.stopPropagation()
                                 handelSetAttributes()
-                              }}
-                            />
+                              }}  
+                            >
+                              <Check size={20} />
+                            </Button>
                             <Button
                               className="p-2 justify-center border border-[#232341]"
                               variant="Secondary"
                               label="Cancel"
-                              icon={<X size={20} />}
                               onClick={(e) => {
                                 e.stopPropagation()
                                 handelSetEditable()
                               }}
-                            />
+                            >
+                              <X size={20} />
+                            </Button>
                           </>
                           : hover === key &&
                           <>
                             <Button
                               className="p-2 justify-center border border-[#232341]"
-                              icon={<Trash2 size={20} />}
-                              label="Remove"
                               variant="Secondary"
+                              label="Remove"
                               onClick={(e) => {
                                 e.stopPropagation()
                                 setAttributes(prev => prev.filter(([k]) => k !== key))
                               }}
-                            />
+                            >
+                              <Trash2 size={20} />
+                            </Button>
                             <Button
                               className="p-2 justify-center border border-[#232341]"
                               variant="Secondary"
                               label="Edit"
-                              icon={<Pencil size={20} />}
                               onClick={(e) => {
                                 e.stopPropagation()
                                 handelSetEditable([key, [...val]])
                               }}
-                            />
+                            >
+                              <Pencil size={20} />
+                            </Button>
                           </>
                       }
                     </div>
@@ -348,22 +352,24 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                     className="p-2 justify-center border border-[#232341]"
                     variant="Secondary"
                     label="Add"
-                    icon={<Plus size={20} />}
                     onClick={(e) => {
                       e.stopPropagation()
                       handelAddAttribute()
                     }}
-                  />
+                  >
+                    <Plus size={20} />
+                  </Button>
                   <Button
                     className="p-2 justify-center border border-[#232341]"
                     variant="Secondary"
                     label="Cancel"
-                    icon={<X size={20} />}
                     onClick={(e) => {
                       e.stopPropagation()
                       setNewAttribute(getDefaultAttribute())
                     }}
-                  />
+                  >
+                    <X size={20} />
+                  </Button>
                 </div>
               </TableCell>
             </TableRow>
@@ -409,15 +415,17 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                     disabled
                     variant="Secondary"
                     label="Add"
-                    icon={<Plus size={20} />}
-                  />
+                  >
+                    <Plus size={20} />
+                  </Button>
                   <Button
                     className="p-2 justify-center border border-[#232341]"
                     disabled
                     variant="Secondary"
                     label="Cancel"
-                    icon={<X size={20} />}
-                  />
+                  >
+                    <X size={20} />
+                  </Button>
                 </div>
               </TableCell>
             </TableRow>
@@ -438,16 +446,18 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
             <div className="w-full flex justify-center gap-8">
               <Button
                 className="flex-col-reverse border border-[#232341]"
-                icon={<Trash2 size={40} />}
                 label="Clear"
                 onClick={() => setSelectedNodes([undefined, undefined])}
-              />
+              >
+                <Trash2 size={40} />
+              </Button>
               <Button
                 className="flex-col-reverse border border-[#232341]"
-                icon={<ArrowRightLeft size={40} />}
                 label="Swap"
                 onClick={() => setSelectedNodes(prev => [prev[1], prev[0]])}
-              />
+              >
+                <ArrowRightLeft size={40} />
+              </Button>
             </div>
           </div>
         }
diff --git a/app/schema/SchemaDataPanel.tsx b/app/schema/SchemaDataPanel.tsx
index cde12ffb..8b336b96 100644
--- a/app/schema/SchemaDataPanel.tsx
+++ b/app/schema/SchemaDataPanel.tsx
@@ -97,9 +97,10 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                 <div className="flex gap-2">
                     <Button
                         variant="button"
-                        icon={<ChevronRight />}
                         onClick={() => onExpand()}
-                    />
+                    >
+                        <ChevronRight size={20} />
+                    </Button>
                     <p>{label}</p>
                 </div>
                 <div>
@@ -144,39 +145,43 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                                 <>
                                                     <Button
                                                         title="Save"
-                                                        icon={<Check size={20} />}
                                                         onClick={(e) => {
                                                             e.stopPropagation()
                                                             handelSetAttributes()
                                                         }}
-                                                    />
+                                                    >
+                                                        <Check size={20} />
+                                                    </Button>
                                                     <Button
                                                         title="Cancel"
-                                                        icon={<X size={20} />}
                                                         onClick={(e) => {
                                                             e.stopPropagation()
                                                             handelSetEditable()
                                                         }}
-                                                    />
+                                                    >
+                                                        <X size={20} />
+                                                    </Button>
                                                 </>
                                                 : hover === key &&
                                                 <>
                                                     <Button
-                                                        icon={<Trash2 size={20} />}
                                                         title="Remove"
                                                         onClick={(e) => {
                                                             e.stopPropagation()
                                                             handelRemoveAttribute(key)
                                                         }}
-                                                    />
+                                                    >
+                                                        <Trash2 size={20} />
+                                                    </Button>
                                                     <Button
                                                         title="Edit"
-                                                        icon={<Pencil size={20} />}
                                                         onClick={(e) => {
                                                             e.stopPropagation()
                                                             handelSetEditable([key, [...val]])
                                                         }}
-                                                    />
+                                                    >
+                                                        <Pencil size={20} />
+                                                    </Button>
                                                 </>
                                         }
                                     </div>
@@ -249,20 +254,22 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                             <TableCell className="flex flex-col gap-1 px-1 py-0">
                                 <Button
                                     title="Save"
-                                    icon={<Check size={20} />}
                                     onClick={(e) => {
                                         e.stopPropagation()
                                         handelAddAttribute()
                                     }}
-                                />
+                                >
+                                    <Check size={20} />
+                                </Button>
                                 <Button
                                     title="Cancel"
-                                    icon={<X size={20} />}
                                     onClick={(e) => {
                                         e.stopPropagation()
                                         handelSetEditable()
                                     }}
-                                />
+                                >
+                                    <X size={20} />
+                                </Button>
                             </TableCell>
                             <TableCell className="px-1 py-0">
                                 <Input
@@ -334,7 +341,6 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                     className="border border-[#232341]"
                     variant="Secondary"
                     label="Add Value"
-                    icon={isAddValue ? <MinusCircle /> : <PlusCircle />}
                     onClick={() => setIsAddValue(prev => {
                         if (!prev) {
                             setAttribute(getDefaultAttribute())
@@ -342,7 +348,9 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                         }
                         return !prev
                     })}
-                />
+                >
+                    {isAddValue ? <MinusCircle size={20} /> : <PlusCircle size={20} />}
+                </Button>
             </div>
             <div className="p-4">
                 <Button
@@ -350,7 +358,9 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                     label="Delete"
                     variant="Secondary"
                     onClick={() => onDeleteElement()}
-                />
+                >
+                    <Trash2 size={20} />
+                </Button>
             </div>
         </div>
     )
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index c7128489..46cac298 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -335,29 +335,27 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                         isCollapsed &&
                         <Button
                             className="p-3 bg-[#7167F6] rounded-lg"
-                            icon={<ChevronLeft />}
                             onClick={() => onExpand()}
                             disabled={!selectedElement}
-                        />
+                        >
+                            <ChevronLeft size={20} />
+                        </Button>
                     }
                 </div>
                 <div className="relative h-1 grow rounded-lg overflow-hidden">
-                    {
-                        !maximize ?
-                            <Button
-                                className="z-10 absolute top-4 right-4"
-                                icon={<Maximize2 />}
-                                title="Maximize"
-                                onClick={() => setMaximize(true)}
-
-                            /> : <Button
-                                className="z-10 absolute top-4 right-4"
-                                icon={<Minimize2 />}
-                                title="Minimize"
-                                onClick={() => setMaximize(false)}
-                            />
-                    }
+                    <Button
+                        className="z-10 absolute top-4 right-4"
+                        title={maximize ? "Minimize" : "Maximize"}
+                        onClick={() => setMaximize(prev => !prev)}
+                    >
+                        {
+                            maximize ?
+                                <Minimize2 size={20} />
+                                : <Maximize2 size={20} />
+                        }
+                    </Button>
                     <ForceGraph
+                        isCollapsed={isCollapsed}
                         chartRef={chartRef}
                         data={data}
                         graph={schema}
@@ -383,7 +381,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
             </ResizablePanel>
             <ResizableHandle disabled={isCollapsed} className={cn(isCollapsed ? "w-0 !cursor-default" : "w-3")} />
             <ResizablePanel
-                className="rounded-lg"
+                className={cn("rounded-lg", !isCollapsed && "border-[3px] border-foreground")}
                 collapsible
                 ref={dataPanel}
                 defaultSize={50}
diff --git a/app/settings/Configurations.tsx b/app/settings/Configurations.tsx
index 96d5a55e..45c647fe 100644
--- a/app/settings/Configurations.tsx
+++ b/app/settings/Configurations.tsx
@@ -204,7 +204,7 @@ export default function Configurations() {
                     <TableRow className="border-none p-4">
                         {
                             ["Name", "Description", `Value \n (Click to edit)`].map((header) => (
-                                <TableHead key={header}>{header}</TableHead>
+                                <TableHead className="text-center" key={header}><pre>{header}</pre></TableHead>
                             ))
                         }
                     </TableRow>
@@ -213,9 +213,9 @@ export default function Configurations() {
                     {
                         configs.map(({ name, description, value }, index) => (
                             <TableRow key={name} data-id={name} className={cn("border-none", !(index % 2) && "bg-[#57577B] hover:bg-[#57577B]")}>
-                                <TableCell className="w-[20%] py-8">{name}</TableCell>
-                                <TableCell className="w-[70%]">{description}</TableCell>
-                                <TableCell className="w-[15%]">
+                                <TableCell>{name}</TableCell>
+                                <TableCell>{description}</TableCell>
+                                <TableCell>
                                     {
                                         editable === name && !disableRunTimeConfigs.has(name) ?
                                             <div className="flex gap-2">
@@ -235,15 +235,17 @@ export default function Configurations() {
                                                             }}
                                                         />
                                                 <Button
-                                                    icon={<XCircle color={!(index % 2) ? "#272746" : "#57577B"} />}
                                                     onClick={() => setEditable("")}
                                                     onMouseDown={(e) => e.preventDefault()}
-                                                />
+                                                >
+                                                    <XCircle />
+                                                </Button>
                                                 <Button
-                                                    icon={<CheckCircle2 color={!(index % 2) ? "#272746" : "#57577B"} />}
                                                     onClick={() => handelSetConfig(name)}
                                                     onMouseDown={(e) => e.preventDefault()}
-                                                />
+                                                >
+                                                    <CheckCircle2 />
+                                                </Button>
                                             </div>
                                             : <Button
                                                 label={typeof value === "number" ? value.toString() : value}
diff --git a/app/settings/page.tsx b/app/settings/page.tsx
index 4a72ab93..7cd2c7f9 100644
--- a/app/settings/page.tsx
+++ b/app/settings/page.tsx
@@ -1,9 +1,9 @@
 'use client'
 
 import { useEffect, useState } from "react"
-import { cn } from "@/lib/utils"
 import { useSession } from "next-auth/react"
 import { useRouter } from "next/navigation"
+import { cn } from "@/lib/utils"
 import Header from "../components/Header"
 import Users from "./users/Users"
 import Configurations from "./Configurations"
@@ -33,15 +33,15 @@ export default function Settings() {
             <Header />
             <div className="grow flex flex-col gap-8 p-16">
                 <h1 className="text-2xl font-medium px-6">Settings</h1>
-                <div className="flex gap-16">
+                <div className="w-fit bg-foreground flex gap-2 p-2 rounded-lg">
                     <Button
+                        className={cn("p-2 rounded-lg", current === "DB" && "bg-background")}
                         label="DB Configuration"
-                        className={cn("py-2 px-6", current === "DB" && "border-b-2 border-[#7167F6] text-[#7167F6] text-sm font-normal")}
                         onClick={() => setCurrent("DB")}
-                    />
+                        />
                     <Button
+                        className={cn("p-2 rounded-lg", current === "Users" && "bg-background")}
                         label="Users"
-                        className={cn("py-2 px-6", current === "Users" && "border-b-2 border-[#7167F6] text-[#7167F6] text-sm font-normal")}
                         onClick={() => setCurrent("Users")}
                     />
                 </div>
diff --git a/app/settings/users/AddUser.tsx b/app/settings/users/AddUser.tsx
index 5a0d1d31..39b3403d 100644
--- a/app/settings/users/AddUser.tsx
+++ b/app/settings/users/AddUser.tsx
@@ -5,7 +5,6 @@ import { User } from "@/app/api/user/model";
 import Button from "@/app/components/ui/Button";
 import Input from "@/app/components/ui/Input";
 import DialogComponent from "@/app/components/DialogComponent";
-import { Dialog, DialogTrigger } from "@/components/ui/dialog";
 import Combobox from "../../components/ui/combobox";
 
 // eslint-disable-next-line no-useless-escape
@@ -57,62 +56,62 @@ export default function AddUser({ setUsers }: {
     };
 
     return (
-        <Dialog
+        <DialogComponent
             open={open}
             onOpenChange={(o) => {
                 setOpen(o)
                 handelClose()
             }}
-        >
-            <DialogTrigger asChild>
+            trigger={
                 <Button
                     variant="Primary"
-                    icon={<PlusCircle />}
                     label="Add User"
-                />
-            </DialogTrigger>
-            <DialogComponent
-                title="Add User"
-                description="Select a roll for the user and Enter username and password"
-            >
-                <form className="flex flex-col gap-16" onSubmit={addUser} >
-                    <Combobox type="Role" options={["Admin", "Read-Write", "Read-Only"]} selectedValue={role} setSelectedValue={setRole} />
-                    <div className="flex flex-col gap-2">
-                        <p>Username</p>
-                        <Input
-                            type="text"
-                            variant="Small"
-                            onChange={(e) => {
-                                setUsername(e.target.value)
-                                e.currentTarget.setCustomValidity("")
-                                e.currentTarget.reportValidity()
-                            }}
-                            onInvalid={(e) => e.currentTarget.setCustomValidity("Username is required")}
-                            required
-                        />
-                    </div>
-                    <div className="relative flex flex-col gap-2">
-                        <p title="Password">Password</p>
-                        <Button
-                            className="absolute top-10 right-2 p-0"
-                            icon={<Eye strokeWidth={0.5} />}
-                            onClick={() => setShowPassword(prev => !prev)}
-                        />
-                        <Input
-                            pattern={PATTERN}
-                            variant="Small"
-                            type={showPassword ? "text" : "password"}
-                            onChange={(e) => {
-                                setPassword(e.target.value)
-                                e.currentTarget.setCustomValidity("")
-                                e.currentTarget.reportValidity()
-                            }}
-                            value={password}
-                            onInvalid={(e) => {
-                                if (!e.currentTarget.value) {
-                                    e.currentTarget.setCustomValidity("Password is required");
-                                } else if (e.currentTarget.validity.patternMismatch) {
-                                    e.currentTarget.setCustomValidity(`
+                >
+                    <PlusCircle size={20} />
+                </Button>
+            }
+            title="Add User"
+            description="Select a roll for the user and Enter username and password"
+        >
+            <form className="flex flex-col gap-16" onSubmit={addUser} >
+                <Combobox type="Role" options={["Admin", "Read-Write", "Read-Only"]} selectedValue={role} setSelectedValue={setRole} />
+                <div className="flex flex-col gap-2">
+                    <p>Username</p>
+                    <Input
+                        type="text"
+                        variant="Small"
+                        onChange={(e) => {
+                            setUsername(e.target.value)
+                            e.currentTarget.setCustomValidity("")
+                            e.currentTarget.reportValidity()
+                        }}
+                        onInvalid={(e) => e.currentTarget.setCustomValidity("Username is required")}
+                        required
+                    />
+                </div>
+                <div className="relative flex flex-col gap-2">
+                    <p title="Password">Password</p>
+                    <Button
+                        className="absolute top-10 right-2 p-0"
+                        onClick={() => setShowPassword(prev => !prev)}
+                    >
+                        <Eye strokeWidth={0.5} />
+                    </Button>
+                    <Input
+                        pattern={PATTERN}
+                        variant="Small"
+                        type={showPassword ? "text" : "password"}
+                        onChange={(e) => {
+                            setPassword(e.target.value)
+                            e.currentTarget.setCustomValidity("")
+                            e.currentTarget.reportValidity()
+                        }}
+                        value={password}
+                        onInvalid={(e) => {
+                            if (!e.currentTarget.value) {
+                                e.currentTarget.setCustomValidity("Password is required");
+                            } else if (e.currentTarget.validity.patternMismatch) {
+                                e.currentTarget.setCustomValidity(`
                                             password must contain:
                                             - At least one lowercase letter
                                             - At least one uppercase letter
@@ -120,38 +119,39 @@ export default function AddUser({ setUsers }: {
                                             - At least one special (@$!%*?&)
                                             - At least 8 characters
                                             `);
-                                }
-                            }}
-                            required
-                        />
-                    </div>
-                    <div className="relative flex flex-col gap-2">
-                        <p title="Confirm Password">Confirm Password</p>
-                        <Button
-                            className="absolute top-10 right-2 p-0"
-                            icon={<Eye strokeWidth={0.5} />}
-                            onClick={() => setConfirmShowPassword(prev => !prev)}
-                        />
-                        <Input
-                            pattern={PATTERN}
-                            variant="Small"
-                            type={showConfirmPassword ? "text" : "password"}
-                            onChange={(e) => {
-                                const val = e.target.value
-                                setConfirmPassword(val)
-                                e.currentTarget.setCustomValidity("")
-                                const valid = e.target.reportValidity()
-                                if (valid && password !== val) {
-                                    e.currentTarget.setCustomValidity("password do not match")
-                                }
-                            }}
-                            value={confirmPassword}
-                            onInvalid={(e) => {
-                                const val = e.currentTarget.value
-                                if (!val) {
-                                    e.currentTarget.setCustomValidity("Confirm Password is required");
-                                } else if (e.currentTarget.validity.patternMismatch) {
-                                    e.currentTarget.setCustomValidity(`
+                            }
+                        }}
+                        required
+                    />
+                </div>
+                <div className="relative flex flex-col gap-2">
+                    <p title="Confirm Password">Confirm Password</p>
+                    <Button
+                        className="absolute top-10 right-2 p-0"
+                        onClick={() => setConfirmShowPassword(prev => !prev)}
+                    >
+                        <Eye strokeWidth={0.5} />
+                    </Button>
+                    <Input
+                        pattern={PATTERN}
+                        variant="Small"
+                        type={showConfirmPassword ? "text" : "password"}
+                        onChange={(e) => {
+                            const val = e.target.value
+                            setConfirmPassword(val)
+                            e.currentTarget.setCustomValidity("")
+                            const valid = e.target.reportValidity()
+                            if (valid && password !== val) {
+                                e.currentTarget.setCustomValidity("password do not match")
+                            }
+                        }}
+                        value={confirmPassword}
+                        onInvalid={(e) => {
+                            const val = e.currentTarget.value
+                            if (!val) {
+                                e.currentTarget.setCustomValidity("Confirm Password is required");
+                            } else if (e.currentTarget.validity.patternMismatch) {
+                                e.currentTarget.setCustomValidity(`
                                             password must contain:
                                             - At least one lowercase letter
                                             - At least one uppercase letter
@@ -159,21 +159,21 @@ export default function AddUser({ setUsers }: {
                                             - At least one special (@$!%*?&)
                                             - At least 8 characters
                                             `);
-                                }
-                            }}
-                            required
-                        />
-                    </div>
-                    <div className="flex justify-end">
-                        <Button
-                            variant="Primary"
-                            label="Add User"
-                            icon={<PlusCircle />}
-                            type="submit"
-                        />
-                    </div>
-                </form>
-            </DialogComponent>
-        </Dialog >
+                            }
+                        }}
+                        required
+                    />
+                </div>
+                <div className="flex justify-end">
+                    <Button
+                        variant="Primary"
+                        label="Add User"
+                        type="submit"
+                    >
+                        <PlusCircle size={20} />
+                    </Button>
+                </div>
+            </form>
+        </DialogComponent>
     )
 }
\ No newline at end of file
diff --git a/components/ui/navigation-menu.tsx b/components/ui/navigation-menu.tsx
new file mode 100644
index 00000000..1d2f888b
--- /dev/null
+++ b/components/ui/navigation-menu.tsx
@@ -0,0 +1,128 @@
+import * as React from "react"
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
+import { cva } from "class-variance-authority"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const NavigationMenu = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <NavigationMenuViewport />
+  </NavigationMenuPrimitive.Root>
+))
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
+
+const NavigationMenuList = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.List
+    ref={ref}
+    className={cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
+
+const NavigationMenuItem = NavigationMenuPrimitive.Item
+
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
+)
+
+const NavigationMenuTrigger = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Trigger
+    ref={ref}
+    className={cn(navigationMenuTriggerStyle(), "group", className)}
+    {...props}
+  >
+    {children}{" "}
+    <ChevronDown
+      className="relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
+      aria-hidden="true"
+    />
+  </NavigationMenuPrimitive.Trigger>
+))
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName
+
+const NavigationMenuContent = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Content
+    ref={ref}
+    className={cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName
+
+const NavigationMenuLink = NavigationMenuPrimitive.Link
+
+const NavigationMenuViewport = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
+>(({ className, ...props }, ref) => (
+  <div className={cn("absolute left-0 top-full flex justify-center w-full")}>
+    <NavigationMenuPrimitive.Viewport
+      className={cn(
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-background text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  </div>
+))
+NavigationMenuViewport.displayName =
+  NavigationMenuPrimitive.Viewport.displayName
+
+const NavigationMenuIndicator = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Indicator
+    ref={ref}
+    className={cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    )}
+    {...props}
+  >
+    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
+  </NavigationMenuPrimitive.Indicator>
+))
+NavigationMenuIndicator.displayName =
+  NavigationMenuPrimitive.Indicator.displayName
+
+export {
+  navigationMenuTriggerStyle,
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuContent,
+  NavigationMenuTrigger,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+}
diff --git a/package-lock.json b/package-lock.json
index d3dbe634..24a6ebd6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.9.1",
       "dependencies": {
         "-": "^0.0.1",
+        "@hookform/resolvers": "^3.9.1",
         "@monaco-editor/react": "^4.6.0",
         "@radix-ui/react-alert-dialog": "^1.0.5",
         "@radix-ui/react-avatar": "^1.1.0",
@@ -16,12 +17,13 @@
         "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-dropdown-menu": "^2.0.6",
         "@radix-ui/react-hover-card": "^1.1.1",
-        "@radix-ui/react-label": "^2.0.2",
+        "@radix-ui/react-label": "^2.1.1",
+        "@radix-ui/react-navigation-menu": "^1.2.3",
         "@radix-ui/react-popover": "^1.0.7",
         "@radix-ui/react-progress": "^1.0.3",
         "@radix-ui/react-select": "^2.1.4",
         "@radix-ui/react-separator": "^1.0.3",
-        "@radix-ui/react-slot": "^1.0.2",
+        "@radix-ui/react-slot": "^1.1.1",
         "@radix-ui/react-switch": "^1.0.3",
         "@radix-ui/react-tabs": "^1.0.4",
         "@radix-ui/react-toast": "^1.1.5",
@@ -54,13 +56,14 @@
         "react-dom": "^18",
         "react-dropzone": "^14.2.3",
         "react-force-graph-2d": "^1.26.1",
-        "react-hook-form": "^7.49.3",
+        "react-hook-form": "^7.54.2",
         "react-json-tree": "^0.19.0",
         "react-resizable-panels": "^1.0.9",
         "redis": "^4.6.14",
         "swr": "^2.2.5",
         "tailwind-merge": "^2.2.0",
-        "tailwindcss": "^3.4.1"
+        "tailwindcss": "^3.4.1",
+        "zod": "^3.24.1"
       },
       "devDependencies": {
         "@playwright/test": "^1.46.1",
@@ -339,6 +342,14 @@
       "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
       "license": "MIT"
     },
+    "node_modules/@hookform/resolvers": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.9.1.tgz",
+      "integrity": "sha512-ud2HqmGBM0P0IABqoskKWI6PEf6ZDDBZkFqe2Vnl+mTHCEHzr3ISjjZyCwTjC/qpL25JC9aIDkloQejvMeq0ug==",
+      "peerDependencies": {
+        "react-hook-form": "^7.0.0"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.13.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
@@ -839,6 +850,23 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-arrow": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz",
@@ -944,6 +972,23 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
@@ -1010,6 +1055,23 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-direction": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
@@ -1171,12 +1233,33 @@
       }
     },
     "node_modules/@radix-ui/react-label": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.0.tgz",
-      "integrity": "sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==",
-      "license": "MIT",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.1.tgz",
+      "integrity": "sha512-UUw5E4e/2+4kFMH7+YxORXGWggtY6sM8WIwh5RZchhLuUg2H1hc98Py+pr8HMz6rdaYrK2t296ZEjYLOCO5uUw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1233,6 +1316,209 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.3.tgz",
+      "integrity": "sha512-IQWAsQ7dsLIYDrn0WqPU+cdM7MONTv9nqrLVYoie3BPiabSfUVDe6Fr+oEt0Cofsr9ONDcDe9xhmJbL1Uq1yKg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-collection": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
+      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
+      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-popover": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.1.tgz",
@@ -1270,6 +1556,23 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-popper": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
@@ -1373,6 +1676,23 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-progress": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.0.tgz",
@@ -1690,23 +2010,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
-      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-visually-hidden": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
@@ -1777,12 +2080,11 @@
       }
     },
     "node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
+        "@radix-ui/react-compose-refs": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1794,6 +2096,20 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-switch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.0.tgz",
@@ -1921,6 +2237,23 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
@@ -7406,10 +7739,9 @@
       }
     },
     "node_modules/react-hook-form": {
-      "version": "7.53.0",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.0.tgz",
-      "integrity": "sha512-M1n3HhqCww6S2hxLxciEXy2oISPnAzxY7gvwVPrtlczTM/1dDadXgUxDpHMrMTblDOcm/AXtXxHwZ3jpg1mqKQ==",
-      "license": "MIT",
+      "version": "7.54.2",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.54.2.tgz",
+      "integrity": "sha512-eHpAUgUjWbZocoQYUHposymRb4ZP6d0uwUnooL2uOybA9/3tPUvoAKqEWK1WaSiTxxOfTpffNZP7QwlnM3/gEg==",
       "engines": {
         "node": ">=18.0.0"
       },
@@ -8827,6 +9159,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zod": {
+      "version": "3.24.1",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.1.tgz",
+      "integrity": "sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/zrender": {
       "version": "5.6.0",
       "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.0.tgz",
diff --git a/package.json b/package.json
index 457d1f5c..00e900e1 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "-": "^0.0.1",
+    "@hookform/resolvers": "^3.9.1",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-avatar": "^1.1.0",
@@ -20,12 +21,13 @@
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-hover-card": "^1.1.1",
-    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.3",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
@@ -58,13 +60,14 @@
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
     "react-force-graph-2d": "^1.26.1",
-    "react-hook-form": "^7.49.3",
+    "react-hook-form": "^7.54.2",
     "react-json-tree": "^0.19.0",
     "react-resizable-panels": "^1.0.9",
     "redis": "^4.6.14",
     "swr": "^2.2.5",
     "tailwind-merge": "^2.2.0",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.1",
+    "zod": "^3.24.1"
   },
   "devDependencies": {
     "@playwright/test": "^1.46.1",

From 23408a6c94592c047296a70e73d5726629adeda7 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 30 Dec 2024 13:17:54 +0200
Subject: [PATCH 26/45] commit

---
 app/components/EditorComponent.tsx |  6 ++++--
 app/components/FormComponent.tsx   | 25 +++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 app/components/FormComponent.tsx

diff --git a/app/components/EditorComponent.tsx b/app/components/EditorComponent.tsx
index f52342ba..9f9ace4c 100644
--- a/app/components/EditorComponent.tsx
+++ b/app/components/EditorComponent.tsx
@@ -658,8 +658,9 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
                                     <Button
                                         className="absolute top-0 right-3 p-2.5"
                                         title="Maximize"
-                                        icon={<Maximize2 size={20} />}
-                                    />
+                                    >
+                                        <Maximize2 size={20} />
+                                    </Button>
                                 </DialogTrigger>
                                 <div ref={placeholderRef} className="absolute top-2 left-2 pointer-events-none">
                                     {PLACEHOLDER}
@@ -669,6 +670,7 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
                                 ref={submitQuery}
                                 className="rounded-none py-2 px-8"
                                 variant="Primary"
+                                title="Run (Ctrl + Enter)"
                                 label="Run"
                                 type="submit"
                             />
diff --git a/app/components/FormComponent.tsx b/app/components/FormComponent.tsx
new file mode 100644
index 00000000..ec5daf86
--- /dev/null
+++ b/app/components/FormComponent.tsx
@@ -0,0 +1,25 @@
+interface Props {
+    handleSubmit: (e: React.FormEvent<HTMLFormElement>) => void
+    fields: {
+        label: string
+        type: string
+        placeholder: string
+        value: string
+        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
+    }[]
+}
+
+export default function FormComponent({ handleSubmit, fields }: Props) {
+    return (
+        <form onSubmit={handleSubmit}>
+            {
+                fields.map((field) => (
+                    <div key={field.label}>
+                        <label htmlFor={field.label}>{field.label}</label>
+                        <input type={field.type} placeholder={field.placeholder} value={field.value} onChange={field.onChange} />
+                    </div>
+                ))
+            }
+        </form>
+    )
+}
\ No newline at end of file

From cc8b80070f376c2711866f656ae45480dad010ce Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 6 Jan 2025 14:43:48 +0200
Subject: [PATCH 27/45] commit

---
 app/api/graph/model.ts               |   20 +-
 app/api/user/[user]/route.ts         |    2 +-
 app/api/user/model.ts                |   17 +-
 app/api/user/options.ts              |   13 -
 app/api/user/route.ts                |   46 +-
 app/components/CloseDialog.tsx       |   11 +-
 app/components/CreateGraph.tsx       |   79 +-
 app/components/DialogComponent.tsx   |   10 +-
 app/components/EditorComponent.tsx   |    8 +-
 app/components/ExportGraph.tsx       |   74 +
 app/components/ForceGraph.tsx        |   30 +-
 app/components/FormComponent.tsx     |  159 +-
 app/components/Header.tsx            |   54 +-
 app/components/TableComponent.tsx    |  212 ++
 app/components/ToastButton.tsx       |   17 +
 app/components/graph/DeleteGraph.tsx |   11 +-
 app/components/node/DeleteNode.tsx   |   13 +-
 app/components/ui/Button.tsx         |    7 +-
 app/components/ui/Input.tsx          |   45 +-
 app/components/ui/combobox.tsx       |  274 +-
 app/create/page.tsx                  |   62 +-
 app/globals.css                      |   19 +-
 app/graph/DeleteElement.tsx          |   48 +
 app/graph/Duplicate.tsx              |   48 +-
 app/graph/GraphDataPanel.tsx         |  350 ++-
 app/graph/GraphView.tsx              |   11 +-
 app/graph/Selector.tsx               |  190 +-
 app/graph/TableView.tsx              |   66 +-
 app/graph/Tutorial.tsx               |   72 +
 app/graph/View.tsx                   |   37 +-
 app/graph/labels.tsx                 |   17 +-
 app/graph/page.tsx                   |   36 +-
 app/graph/toolbar.tsx                |   37 +-
 app/layout.tsx                       |    3 +-
 app/login/LoginForm.tsx              |  147 +-
 app/loginVerification.tsx            |    4 +-
 app/page.tsx                         |    1 -
 app/schema/SchemaCreateElement.tsx   |   55 +-
 app/schema/SchemaDataPanel.tsx       |   24 +-
 app/schema/SchemaView.tsx            |   16 +-
 app/schema/page.tsx                  |   10 +-
 app/settings/Configurations.tsx      |  185 +-
 app/settings/users/AddUser.tsx       |  217 +-
 app/settings/users/DeleteUser.tsx    |   23 +-
 app/settings/users/Users.tsx         |  192 +-
 components/ui/carousel.tsx           |  262 ++
 components/ui/drawer.tsx             |  118 +
 components/ui/navigation-menu.tsx    |    2 +-
 components/ui/sheet.tsx              |  140 +
 components/ui/toast.tsx              |    4 +-
 lib/utils.ts                         |   30 +-
 package-lock.json                    | 3681 ++++++++++----------------
 package.json                         |    2 +
 tailwind.config.js                   |  144 +-
 54 files changed, 3699 insertions(+), 3656 deletions(-)
 delete mode 100644 app/api/user/options.ts
 create mode 100644 app/components/ExportGraph.tsx
 create mode 100644 app/components/TableComponent.tsx
 create mode 100644 app/components/ToastButton.tsx
 create mode 100644 app/graph/DeleteElement.tsx
 create mode 100644 app/graph/Tutorial.tsx
 create mode 100644 components/ui/carousel.tsx
 create mode 100644 components/ui/drawer.tsx
 create mode 100644 components/ui/sheet.tsx

diff --git a/app/api/graph/model.ts b/app/api/graph/model.ts
index 30193053..4745971d 100644
--- a/app/api/graph/model.ts
+++ b/app/api/graph/model.ts
@@ -12,7 +12,6 @@ export type Node = NodeObject<{
     expand: boolean,
     collapsed: boolean,
     data: {
-        name: string,
         [key: string]: any
     }
 }>
@@ -201,9 +200,7 @@ export class Graph {
                 visible: true,
                 expand: false,
                 collapsed,
-                data: {
-                    name: cell.id.toString(),
-                }
+                data: {}
             }
             Object.entries(cell.properties).forEach(([key, value]) => {
                 node.data[key] = value as string;
@@ -220,9 +217,6 @@ export class Graph {
             currentNode.color = this.getCategoryColorValue(categories[0].index)
             currentNode.expand = false
             currentNode.collapsed = collapsed
-            currentNode.data = {
-                name: cell.id.toString()
-            }
             Object.entries(cell.properties).forEach(([key, value]) => {
                 currentNode.data[key] = value as string;
             });
@@ -272,9 +266,7 @@ export class Graph {
                         expand: false,
                         collapsed,
                         visible: true,
-                        data: {
-                            name: cell.sourceId.toString(),
-                        },
+                        data: {},
                     }
 
                     this.nodesMap.set(cell.sourceId, source)
@@ -309,9 +301,7 @@ export class Graph {
                         expand: false,
                         collapsed,
                         visible: true,
-                        data: {
-                            name: cell.sourceId.toString(),
-                        },
+                        data: {},
                     }
 
                     this.nodesMap.set(cell.sourceId, source)
@@ -327,9 +317,7 @@ export class Graph {
                         expand: false,
                         collapsed,
                         visible: true,
-                        data: {
-                            name: cell.destinationId.toString(),
-                        }
+                        data: {},
                     }
                 }
 
diff --git a/app/api/user/[user]/route.ts b/app/api/user/[user]/route.ts
index 01935d4f..95eb9f1d 100644
--- a/app/api/user/[user]/route.ts
+++ b/app/api/user/[user]/route.ts
@@ -1,6 +1,6 @@
 import { NextRequest, NextResponse } from "next/server"
 import { getClient } from "../../auth/[...nextauth]/options"
-import { ROLE } from "../options"
+import { ROLE } from "../model"
 
 // eslint-disable-next-line import/prefer-default-export
 export async function PATCH(req: NextRequest, { params }: { params: { user: string } }) {
diff --git a/app/api/user/model.ts b/app/api/user/model.ts
index 429c15b0..43e5b280 100644
--- a/app/api/user/model.ts
+++ b/app/api/user/model.ts
@@ -1,5 +1,18 @@
 export interface User{
     username: string
     role: string
-    selected?: boolean
-}
\ No newline at end of file
+}
+
+export interface CreateUser {
+    username: string
+    password: string
+    role: string
+}
+
+export const ROLE = new Map<string, string[]>(
+    [
+        ["Admin", ["on", "~*", "&*", "+@all"]],
+        ["Read-Write", ["on", "~*", "resetchannels", "-@all", "+graph.explain", "+graph.list", "+ping", "+graph.ro_query", "+info", "+dump", "+graph.delete", "+graph.query", "+graph.profile"]],
+        ["Read-Only", ["on", "~*", "resetchannels", "-@all", "+graph.explain", "+graph.list", "+ping", "+graph.ro_query", "+info", "+dump"]]
+    ]
+)
\ No newline at end of file
diff --git a/app/api/user/options.ts b/app/api/user/options.ts
deleted file mode 100644
index 146d2f59..00000000
--- a/app/api/user/options.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export interface CreateUser {
-    username: string
-    password: string
-    role: string
-}
-
-export const ROLE = new Map<string, string[]>(
-    [
-        ["Admin", ["on", "~*", "&*", "+@all"]],
-        ["Read-Write", ["on", "~*", "resetchannels", "-@all", "+graph.explain", "+graph.list", "+ping", "+graph.ro_query", "+info", "+dump", "+graph.delete", "+graph.query", "+graph.profile"]],
-        ["Read-Only", ["on", "~*", "resetchannels", "-@all", "+graph.explain", "+graph.list", "+ping", "+graph.ro_query", "+info", "+dump"]]
-    ]
-)
\ No newline at end of file
diff --git a/app/api/user/route.ts b/app/api/user/route.ts
index aa68835c..84b7438b 100644
--- a/app/api/user/route.ts
+++ b/app/api/user/route.ts
@@ -1,7 +1,6 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getClient } from "@/app/api/auth/[...nextauth]/options";
-import { User } from "./model"
-import { CreateUser, ROLE } from "./options";
+import { User, CreateUser, ROLE } from "./model";
 
 export async function GET() {
 
@@ -26,12 +25,13 @@ export async function GET() {
                 return {
                     username: userDetails[1],
                     role: role ? role[0] : "Unknown",
-                    checked: false
+                    selected: false,
                 }
             })
 
         return NextResponse.json({ result }, { status: 200 })
     } catch (err: unknown) {
+        console.log(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
@@ -44,20 +44,10 @@ export async function POST(req: NextRequest) {
     }
 
     const connection = await client.connection
-    const isDelete = req.nextUrl.searchParams.get("isDelete")
-    
-    if (isDelete === "true") {
-        const { users } = await req.json()
-        
-        await Promise.all(users.map(async (user: CreateUser) => {
-            await connection.aclDelUser(user.username)
-        }))
-
-        return NextResponse.json({ message: "Users deleted" }, { status: 200 })
-    }
-
     const { username, password, role } = await req.json() as CreateUser
+    
     const roleValue = ROLE.get(role)
+
     try {
         if (!username || !password || !roleValue) throw (new Error("Missing parameters"))
 
@@ -73,7 +63,7 @@ export async function POST(req: NextRequest) {
 
         await connection.aclSetUser(username, roleValue.concat(`>${password}`))
         return NextResponse.json(
-            { message: "User created" },
+            { message: "Success" },
             {
                 status: 201,
                 headers: {
@@ -82,6 +72,30 @@ export async function POST(req: NextRequest) {
             }
         )
     } catch (err: unknown) {
+        console.log(err)
+        return NextResponse.json({ message: (err as Error).message }, { status: 400 })
+    }
+}
+
+export async function DELETE(req: NextRequest) {
+
+    const client = await getClient()
+
+    if (client instanceof NextResponse) {
+        return client
+    }
+
+    const connection = await client.connection
+    const { users } = await req.json()
+
+    try {
+        await Promise.all(users.map(async (user: User) => {
+            await connection.aclDelUser(user.username)
+        }))
+
+        return NextResponse.json({ message: "Users deleted" }, { status: 200 })
+    } catch (err: unknown) {
+        console.log(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
\ No newline at end of file
diff --git a/app/components/CloseDialog.tsx b/app/components/CloseDialog.tsx
index 0c99153a..83224cdf 100644
--- a/app/components/CloseDialog.tsx
+++ b/app/components/CloseDialog.tsx
@@ -1,7 +1,6 @@
 'use client';
 
 import { DialogClose } from "@/components/ui/dialog";
-import { cn } from "@/lib/utils";
 import { X } from "lucide-react";
 import Button, { Variant } from "./ui/Button";
 
@@ -12,17 +11,17 @@ interface Props extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLB
     variant?: Variant
 }
 
-export default function CloseDialog({ className, label, variant, icon, ...props }: Props) {
+export default function CloseDialog({ className, label, icon, ...props }: Props) {
     return (
         <DialogClose asChild >
             <Button
-                icon={icon || (!label ? <X /> : undefined)}
-                className={cn("", className)}
-                variant={variant}
+                className={className}
                 label={label}
                 // eslint-disable-next-line react/jsx-props-no-spreading
                 {...props}
-            />
+            >
+                {!label && <X />}
+            </Button>
         </DialogClose>
     )
 }
\ No newline at end of file
diff --git a/app/components/CreateGraph.tsx b/app/components/CreateGraph.tsx
index afb3fbfe..1426927a 100644
--- a/app/components/CreateGraph.tsx
+++ b/app/components/CreateGraph.tsx
@@ -1,25 +1,73 @@
-import { Dispatch, SetStateAction } from "react"
-import { AlertCircle } from "lucide-react"
+/* eslint-disable react/require-default-props */
+
+"use client"
+
+import { Dispatch, SetStateAction, useState } from "react"
+import { AlertCircle, PlusCircle } from "lucide-react"
+import { prepareArg, securedFetch } from "@/lib/utils"
+import { useToast } from "@/components/ui/use-toast"
 import DialogComponent from "./DialogComponent"
 import Button from "./ui/Button"
 import CloseDialog from "./CloseDialog"
+import Input from "./ui/Input"
 
 interface Props {
-    open: boolean
-    setOpen: Dispatch<SetStateAction<boolean>>
-    graphName: string
-    setGraphName: Dispatch<SetStateAction<string>>
-    handleCreateGraph: (e: React.FormEvent<HTMLFormElement>) => void
-    trigger: React.ReactNode
+    onSetGraphName: Dispatch<SetStateAction<string>>
+    type: string
+    trigger?: React.ReactNode
 }
 
-export default function CreateGraph({ open, setOpen, graphName, setGraphName, handleCreateGraph, trigger }: Props) {
+export default function CreateGraph({
+    onSetGraphName,
+    type,
+    trigger = (
+        <Button
+            variant="Primary"
+            label="Create New Graph"
+        >
+            <PlusCircle />
+        </Button>
+    ),
+}: Props) {
+
+    const [graphName, setGraphName] = useState("")
+    const [open, setOpen] = useState(false)
+    const { toast } = useToast()
+
+    const handleCreateGraph = async (e: React.FormEvent<HTMLFormElement>) => {
+        e.preventDefault()
+        if (!graphName) {
+            toast({
+                title: "Error",
+                description: "Graph name cannot be empty",
+                variant: "destructive"
+            })
+            return
+        }
+        const q = 'RETURN 1'
+        const result = await securedFetch(`api/graph/${prepareArg(graphName)}/?query=${prepareArg(q)}`, {
+            method: "GET",
+        }, toast)
+        if (!result.ok) {
+            toast({
+                title: "Error",
+                description: "Error while creating graph",
+                variant: "destructive"
+            })
+            return
+        }
+
+        onSetGraphName(graphName)
+        setGraphName("")
+        setOpen(false)
+    }
+
     return (
         <DialogComponent
             open={open}
             onOpenChange={setOpen}
             trigger={trigger}
-            title="Create New Graph"
+            title={`Create New ${type}`}
         >
             <form className="flex flex-col gap-4" onSubmit={(e) => {
                 e.preventDefault()
@@ -29,21 +77,22 @@ export default function CreateGraph({ open, setOpen, graphName, setGraphName, ha
                     <Button
                         className="text-nowrap"
                         type="button"
-                        title="Graph names can be edited later"
+                        title={`${type} names can be edited later`}
                     >
                         <AlertCircle size={20} />
                     </Button>
                     <p className="font-normal text-2xl">Name your graph:</p>
-                    <input
-                        className="bg-background border text-white rounded-lg p-2"
+                    <Input
+                        variant="primary"
+                        ref={ref => ref?.focus()}
                         value={graphName}
                         onChange={(e) => setGraphName(e.target.value)}
                     />
                 </div>
-                <div className="flex gap-4">
+                <div className="flex gap-4 justify-end">
                     <Button
                         variant="Primary"
-                        label="Create your graph"
+                        label={`Create your ${type}`}
                         type="submit"
                     />
                     <CloseDialog
diff --git a/app/components/DialogComponent.tsx b/app/components/DialogComponent.tsx
index 48fa62e1..f6ae932f 100644
--- a/app/components/DialogComponent.tsx
+++ b/app/components/DialogComponent.tsx
@@ -16,7 +16,15 @@ interface Props {
     className?: string
 }
 
-export default function DialogComponent({ children, open, onOpenChange, trigger, title, description, className }: Props) {
+export default function DialogComponent({
+    children,
+    open,
+    onOpenChange,
+    trigger,
+    title,
+    description,
+    className,
+}: Props) {
     return (
         <Dialog open={open} onOpenChange={onOpenChange}>
             <DialogTrigger asChild>
diff --git a/app/components/EditorComponent.tsx b/app/components/EditorComponent.tsx
index 9f9ace4c..b26a8df1 100644
--- a/app/components/EditorComponent.tsx
+++ b/app/components/EditorComponent.tsx
@@ -536,18 +536,14 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
 
     const handleEditorDidMount = (e: monaco.editor.IStandaloneCodeEditor, monacoI: Monaco) => {
         const updatePlaceholderVisibility = () => {
-            const hasContent = e.getValue();
+            const hasContent = !!e.getValue();
             if (placeholderRef.current) {
                 placeholderRef.current.style.display = hasContent ? 'none' : 'block';
             }
         };
 
-        e.onDidChangeModelContent(() => {
-            updatePlaceholderVisibility();
-        });
-
         e.onDidFocusEditorText(() => {
-            if (!e.getValue() && placeholderRef.current) {
+            if (placeholderRef.current) {
                 placeholderRef.current.style.display = 'none';
             }
         });
diff --git a/app/components/ExportGraph.tsx b/app/components/ExportGraph.tsx
new file mode 100644
index 00000000..1c7733ff
--- /dev/null
+++ b/app/components/ExportGraph.tsx
@@ -0,0 +1,74 @@
+import { useState } from "react"
+import { prepareArg, securedFetch } from "@/lib/utils"
+import { useToast } from "@/components/ui/use-toast"
+import DialogComponent from "./DialogComponent"
+import Button from "./ui/Button"
+import CloseDialog from "./CloseDialog"
+
+interface Props {
+    selectedValue: string
+    type: string
+}
+
+export default function ExportGraph({ selectedValue, type }: Props) {
+
+    const [open, setOpen] = useState(false)
+    const { toast } = useToast()
+
+    const handleExport = async () => {
+        const name = `${selectedValue}${!type ? "_schema" : ""}`
+        const result = await securedFetch(`api/graph/${prepareArg(name)}/export`, {
+            method: "GET"
+        })
+
+        if (!result.ok) return
+
+        const blob = await result.blob()
+        const url = window.URL.createObjectURL(blob)
+        try {
+            const link = document.createElement('a')
+            link.href = url
+            link.setAttribute('download', `${name}.dump`)
+            document.body.appendChild(link)
+            link.click()
+            link.parentNode?.removeChild(link)
+            window.URL.revokeObjectURL(url)
+        } catch (e) {
+            toast({
+                title: "Error",
+                description: "Error while exporting data",
+                variant: "destructive"
+            })
+        }
+    }
+
+
+    return (
+        <DialogComponent
+            open={open}
+            onOpenChange={setOpen}
+            trigger={
+                <Button
+                    label="Export Data"
+                    disabled={!selectedValue}
+                />
+            }
+            title="Export your graph"
+            description="Export a .dump file of your data"
+        >
+            <div className="flex gap-4 justify-end">
+                <Button
+                    className="flex-1"
+                    variant="Primary"
+                    label="Download"
+                    onClick={handleExport}
+                />
+                <CloseDialog
+                    className="flex-1"
+                    variant="Cancel"
+                    label="Cancel"
+                />
+            </div>
+        </DialogComponent>
+    )
+}
\ No newline at end of file
diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
index 5bc6a0ad..ba833edb 100644
--- a/app/components/ForceGraph.tsx
+++ b/app/components/ForceGraph.tsx
@@ -6,6 +6,7 @@
 import { Dispatch, RefObject, SetStateAction, useEffect, useRef, useState } from "react"
 import ForceGraph2D from "react-force-graph-2d"
 import { securedFetch } from "@/lib/utils"
+import { useToast } from "@/components/ui/use-toast"
 import { Graph, GraphData, Link, Node } from "../api/graph/model"
 
 interface Props {
@@ -26,8 +27,6 @@ interface Props {
     isCollapsed: boolean
 }
 
-
-
 const NODE_SIZE = 6
 const PADDING = 2;
 
@@ -52,7 +51,7 @@ export default function ForceGraph({
     const [parentHeight, setParentHeight] = useState<number>(0)
     const [hoverElement, setHoverElement] = useState<Node | Link | undefined>()
     const parentRef = useRef<HTMLDivElement>(null)
-
+    const toast = useToast()
 
     useEffect(() => {
         if (!parentRef.current) return
@@ -66,7 +65,7 @@ export default function ForceGraph({
             headers: {
                 'Content-Type': 'application/json'
             }
-        });
+        }, toast);
 
         if (result.ok) {
             const json = await result.json()
@@ -163,10 +162,10 @@ export default function ForceGraph({
                 nodeCanvasObject={(node, ctx) => {
                     if (!node.x || !node.y) return
 
-                    ctx.lineWidth = (selectedElement && !("source" in selectedElement) && selectedElement.id === node.id
-                        || hoverElement && !("source" in hoverElement) && hoverElement.id === node.id) ? 1 : 0.5
-                    ctx.fillStyle = node.color;
-                    ctx.strokeStyle = 'black';
+                    ctx.lineWidth = ((selectedElement && !("source" in selectedElement) && selectedElement.id === node.id)
+                        || (hoverElement && !("source" in hoverElement) && hoverElement.id === node.id)
+                        || (selectedElements.length > 0 && selectedElements.some(el => el.id === node.id && !("source" in el)))) ? 1 : 0.5
+                    ctx.strokeStyle = 'white';
 
                     ctx.beginPath();
                     ctx.arc(node.x, node.y, NODE_SIZE, 0, 2 * Math.PI, false);
@@ -177,13 +176,18 @@ export default function ForceGraph({
                     ctx.fillStyle = 'black';
                     ctx.textAlign = 'center';
                     ctx.textBaseline = 'middle';
-                    ctx.font = '4px Arial';
+                    ctx.font = '3px Arial';
                     const ellipsis = '...';
                     const ellipsisWidth = ctx.measureText(ellipsis).width;
                     const nodeSize = NODE_SIZE * 2 - PADDING;
-                    let { name } = type === "graph"
-                        ? { ...node.data }
-                        : { name: node.category[0] }
+
+                    let name
+
+                    if (type === "graph") {
+                        name = node.data.name || node.id.toString()
+                    } else {
+                        [name] = node.category
+                    }
 
                     // truncate text if it's too long
                     if (ctx.measureText(name).width > nodeSize) {
@@ -255,7 +259,7 @@ export default function ForceGraph({
                     ctx.fillStyle = 'black';
                     ctx.textAlign = 'center';
                     ctx.textBaseline = 'middle';
-                    ctx.font = '2px Arial';
+                    ctx.font = "2px Arial"
                     ctx.fillText(link.label, 0, 0);
                     ctx.restore()
                 }}
diff --git a/app/components/FormComponent.tsx b/app/components/FormComponent.tsx
index ec5daf86..a1625d9b 100644
--- a/app/components/FormComponent.tsx
+++ b/app/components/FormComponent.tsx
@@ -1,25 +1,154 @@
+/* eslint-disable no-param-reassign */
+
+"use client"
+
+import { useState } from "react"
+import { EyeIcon, EyeOffIcon } from "lucide-react"
+import { cn } from "@/lib/utils"
+import Button from "./ui/Button"
+import Combobox from "./ui/combobox"
+import Input from "./ui/Input"
+
+export type Error = {
+    message: string
+    condition: (value: string, error: Error) => boolean
+}
+
+export type Field = {
+    label: string
+    value: string
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void
+    type: string
+    options?: string[]
+    onSelectedValue?: (value: string) => void
+    placeholder?: string
+    required: boolean
+    show?: boolean
+    description?: string
+    error?: Error
+}
+
 interface Props {
     handleSubmit: (e: React.FormEvent<HTMLFormElement>) => void
-    fields: {
-        label: string
-        type: string
-        placeholder: string
-        value: string
-        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
-    }[]
+    fields: Field[]
+    error?: {
+        message: string
+        show: boolean
+    }
+    children?: React.ReactNode
+    isFieldsRequired?: boolean
 }
 
-export default function FormComponent({ handleSubmit, fields }: Props) {
+export default function FormComponent({ handleSubmit, fields, error = undefined, children = undefined, isFieldsRequired = true }: Props) {
+    const [fieldErrors, setFieldErrors] = useState<{ [key: string]: boolean }>({});
+    const [show, setShow] = useState<{ [key: string]: boolean }>({});
+
+    const onHandleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+        e.preventDefault()
+        const currentFieldErrors: { [key: string]: boolean } = {}
+
+        if (fields.some(field => {
+            if (field.error) {
+                const s = field.error!.condition(field.value, field.error!)
+                currentFieldErrors[field.label] = s
+                return s
+            }
+            return false
+        }) || (fields.some(f => {
+            if (f.required && !f.value) {
+                currentFieldErrors[f.label] = true
+                f.error = {
+                    message: `${f.label} is required`,
+                    condition: (value: string, err: Error) => {
+                        err.message = `${f.label} is required`
+                        return !value
+                    }
+                }
+                return true
+            }
+            return false
+        }) && isFieldsRequired)) {
+            setFieldErrors(currentFieldErrors)
+            return
+        }
+
+        handleSubmit(e)
+    }
+
     return (
-        <form onSubmit={handleSubmit}>
+        <form className="flex flex-col gap-4" onSubmit={onHandleSubmit}>
             {
-                fields.map((field) => (
-                    <div key={field.label}>
-                        <label htmlFor={field.label}>{field.label}</label>
-                        <input type={field.type} placeholder={field.placeholder} value={field.value} onChange={field.onChange} />
-                    </div>
-                ))
+                fields.map((field) => {
+                    const passwordType = show[field.label] ? "text" : "password"
+                    return (
+                        <div className="relative flex flex-col gap-2" key={field.label}>
+                            <label className={cn(fieldErrors[field.label] && field.error && "text-red-500")} htmlFor={field.label}>{field.required && <span>*</span>} {field.label}</label>
+                            {
+                                field.type === "select" ?
+                                    <Combobox
+                                        inTable
+                                        options={field.options!}
+                                        type={field.label}
+                                        selectedValue={field.value}
+                                        setSelectedValue={field.onSelectedValue}
+                                    />
+                                    : <Input
+                                        type={field.type === "password" ? passwordType : field.type}
+                                        placeholder={field.placeholder}
+                                        value={field.value}
+                                        onChange={(e) => {
+                                            if (field.error?.condition) {
+                                                setFieldErrors(prev => ({
+                                                    ...prev,
+                                                    [field.label]: field.error!.condition(e.target.value, field.error!)
+                                                }));
+                                            }
+                                            field.onChange!(e)
+                                        }} />
+                            }
+                            {
+                                field.type === "password" &&
+                                <Button
+                                    className="absolute right-2 top-10 z-10"
+                                    onClick={() => {
+                                        setShow(prev => ({
+                                            ...prev,
+                                            [field.label]: !prev[field.label]
+                                        }))
+                                    }}
+                                >
+                                    {
+                                        show[field.label] ?
+                                            <EyeIcon color="black" />
+                                            : <EyeOffIcon color="black" />
+                                    }
+                                </Button>
+                            }
+                            <p className="text-sm text-gray-500">{field.description}</p>
+                            {
+                                fieldErrors[field.label] && field.error &&
+                                <p className="text-sm text-red-500">{field.error.message}</p>
+                            }
+                        </div>
+                    )
+                })
             }
+            {children}
+            {error?.show && <p className="text-sm text-red-500">{error.message}</p>}
+            <div className="flex justify-end">
+                <Button
+                    className="w-fit"
+                    label="Submit"
+                    variant="Primary"
+                    type="submit"
+                />
+            </div>
         </form>
     )
+}
+
+FormComponent.defaultProps = {
+    children: undefined,
+    error: undefined,
+    isFieldsRequired: true
 }
\ No newline at end of file
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index 9adce41b..66c05915 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -1,49 +1,28 @@
+/* eslint-disable react/require-default-props */
+
 'use client'
 
-import { LifeBuoy, LogOut, PlusCircle, Settings } from "lucide-react";
-import { FormEvent, useState } from "react";
+import { LifeBuoy, LogOut, Settings } from "lucide-react";
+import { Dispatch, SetStateAction } from "react";
 import Image from "next/image";
-import { cn, prepareArg, securedFetch, Toast } from "@/lib/utils";
+import { cn } from "@/lib/utils";
 import { useRouter, usePathname } from "next/navigation";
 import { signOut, useSession } from "next-auth/react";
 import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@/components/ui/navigation-menu";
 import Button from "./ui/Button";
 import CreateGraph from "./CreateGraph";
 
-/* eslint-disable react/require-default-props */interface Props {
-    onSetGraphName?: (graphName: string) => void
+interface Props {
+    onSetGraphName?: Dispatch<SetStateAction<string>>
 }
 
 export default function Header({ onSetGraphName }: Props) {
-    const [createOpen, setCreateOpen] = useState<boolean>(false)
     const router = useRouter()
     const pathname = usePathname()
-    const [graphName, setGraphName] = useState<string>("")
     const type = pathname.includes("/schema") ? "Schema" : "Graph"
     const inCreate = pathname.includes("/create")
     const { data: session } = useSession()
-
-    const handelCreateGraph = async (e: FormEvent<HTMLFormElement>) => {
-
-        if (!onSetGraphName) return
-
-        e.preventDefault()
-
-        const name = `${graphName}${type === "Schema" ? "_schema" : ""}`
-
-        const q = `RETURN 1`
-        const result = await securedFetch(`api/graph/${prepareArg(name)}/?query=${prepareArg(q)}`, {
-            method: "GET"
-        })
-
-        if (result.ok) {
-            Toast(`${type} ${graphName} created successfully!`, "Success")
-            onSetGraphName(graphName)
-            setCreateOpen(false)
-            setGraphName("")
-        }
-    }
-
+    
     return (
         <div className="flex flex-col">
             <div className="py-5 px-10 flex justify-between items-center Header">
@@ -86,7 +65,7 @@ export default function Header({ onSetGraphName }: Props) {
                                     <LifeBuoy size={25} />
                                     <p>Help</p>
                                 </NavigationMenuTrigger>
-                                <NavigationMenuContent className="bg-background w-full p-6">
+                                <NavigationMenuContent className="w-full p-6">
                                     <ul className="h-full w-full flex flex-col gap-2 p-2">
                                         <li>
                                             <a href="https://docs.falkordb.com/" target="_blank" rel="noreferrer">
@@ -104,19 +83,8 @@ export default function Header({ onSetGraphName }: Props) {
                             {
                                 !inCreate &&
                                 <CreateGraph
-                                    open={createOpen}
-                                    setOpen={setCreateOpen}
-                                    trigger={
-                                        <Button
-                                            variant="Primary"
-                                            label={`Create New ${type}`}
-                                        >
-                                            <PlusCircle />
-                                        </Button>
-                                    }
-                                    graphName={graphName}
-                                    setGraphName={setGraphName}
-                                    handleCreateGraph={handelCreateGraph}
+                                    onSetGraphName={onSetGraphName!}
+                                    type={type}
                                 />
                             }
                             <Button
diff --git a/app/components/TableComponent.tsx b/app/components/TableComponent.tsx
new file mode 100644
index 00000000..48bb72d3
--- /dev/null
+++ b/app/components/TableComponent.tsx
@@ -0,0 +1,212 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable no-nested-ternary */
+/* eslint-disable react/require-default-props */
+
+"use client"
+
+import { Checkbox } from "@/components/ui/checkbox";
+import { JSONTree } from "react-json-tree"
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { cn } from "@/lib/utils";
+import { useState } from "react";
+import { CheckCircle, XCircle } from "lucide-react";
+import Button from "./ui/Button";
+import Input from "./ui/Input";
+
+type Cell = {
+    value: any,
+    onChange?: (value: string) => Promise<boolean>
+}
+
+export interface Row {
+    cells: Cell[]
+    checked?: boolean
+}
+
+interface Props {
+    headers: string[],
+    rows: Row[],
+    children?: React.ReactNode,
+    setRows?: (rows: Row[]) => void
+}
+
+export default function TableComponent({ headers, rows, children, setRows }: Props) {
+
+    const [search, setSearch] = useState<string>("")
+    const [isSearchable, setIsSearchable] = useState<boolean>(false)
+    const [editable, setEditable] = useState<string>("")
+    const [newValue, setNewValue] = useState<string>("")
+
+    const handelSetEditable = (editValue: string, value: string) => {
+        setEditable(editValue)
+        setNewValue(value)
+    }
+
+    return (
+        <div className="h-full w-full flex flex-col gap-4">
+            <div className="flex gap-4">
+                {children}
+                {
+                    isSearchable ?
+                        <Input
+                            ref={ref => ref?.focus()}
+                            variant="primary"
+                            className="grow"
+                            value={search}
+                            type="text"
+                            placeholder="Search for"
+                            onBlur={() => setIsSearchable(false)}
+                            onKeyDown={(e) => {
+                                if (e.key === "Escape") {
+                                    e.preventDefault()
+                                    setIsSearchable(false)
+                                    setSearch("")
+                                }
+
+                                if (e.key !== "Enter") return
+                                e.preventDefault()
+                                setIsSearchable(false)
+                            }}
+                            onChange={(e) => setSearch(e.target.value)}
+                        />
+                        : <Button
+                            variant="Secondary"
+                            label="Search"
+                            onClick={() => setIsSearchable(true)}
+                        />
+                }
+            </div>
+            <Table className="h-full overflow-hidden">
+                <TableHeader>
+                    <TableRow className="text-nowrap">
+                        {
+                            setRows ?
+                                <TableHead className="w-5 !pr-2" key={headers[0]}>
+                                    <Checkbox
+                                        checked={rows.length > 0 && rows.every(row => row.checked)}
+                                        onCheckedChange={() => {
+                                            const checked = !rows.every(row => row.checked)
+                                            setRows(rows.map(row => ({ ...row, checked })))
+                                        }}
+                                    />
+                                </TableHead>
+                                : null
+                        }
+                        {
+                            headers.map((header, i) => (
+                                <TableHead className={cn(i === 0 ? setRows && "border-l" : "border-l", "font-bold text-lg")} key={header}>
+                                    {header}
+                                </TableHead>
+                            ))
+                        }
+                    </TableRow>
+                </TableHeader>
+                <TableBody className="overflow-auto">
+                    {
+                        rows
+                            .filter((row) => typeof row.cells[0].value === "string" ? row.cells[0].value.toLowerCase().includes(search.toLowerCase()) : !search)
+                            .map((row, i) => (
+                                <TableRow key={row.cells[0].value}>
+                                    {
+                                        setRows ?
+                                            <TableCell className="w-5 !pr-2">
+                                                <Checkbox
+                                                    checked={row.checked}
+                                                    onCheckedChange={() => {
+                                                        setRows(rows.map((r, k) => k === i ? ({ ...r, checked: !r.checked }) : r))
+                                                    }}
+                                                />
+                                            </TableCell>
+                                            : null
+                                    }
+                                    {
+                                        row.cells.map((cell, j) => (
+                                            <TableCell className={cn(j === 0 ? setRows && "border-l" : "border-l", row.cells[0]?.value === editable && cell.onChange && "p-2")} key={cell.value}>
+                                                {
+                                                    typeof cell.value === "object" ?
+                                                        <JSONTree
+                                                            shouldExpandNodeInitially={() => false}
+                                                            keyPath={[headers[i]]}
+                                                            theme={{
+                                                                base00: "var(--background)", // background
+                                                                base01: '#000000',
+                                                                base02: '#CE9178',
+                                                                base03: '#CE9178', // open values
+                                                                base04: '#CE9178',
+                                                                base05: '#CE9178',
+                                                                base06: '#CE9178',
+                                                                base07: '#CE9178',
+                                                                base08: '#CE9178',
+                                                                base09: '#b5cea8', // numbers
+                                                                base0A: '#CE9178',
+                                                                base0B: '#CE9178', // close values
+                                                                base0C: '#CE9178',
+                                                                base0D: '#99E4E5', // * keys
+                                                                base0E: '#ae81ff',
+                                                                base0F: '#cc6633'
+                                                            }}
+                                                            data={cell.value}
+                                                        />
+                                                        : typeof cell.value === "string" &&
+                                                            row.cells.some(c => c.onChange) ?
+                                                            editable === `${i}-${j}` ?
+                                                                <div className="flex gap-2 items-center">
+                                                                    <Input
+                                                                        ref={ref => ref?.focus()}
+                                                                        variant="primary"
+                                                                        className="grow"
+                                                                        onBlur={() => handelSetEditable("", cell.value)}
+                                                                        value={newValue}
+                                                                        onChange={(e) => setNewValue(e.target.value)}
+                                                                        onKeyDown={async (e) => {
+                                                                            if (e.key === "Escape") {
+                                                                                e.preventDefault()
+                                                                                handelSetEditable("", cell.value)
+                                                                            }
+
+                                                                            if (e.key !== "Enter") return
+
+                                                                            e.preventDefault()
+                                                                            const result = await cell.onChange!(newValue)
+                                                                            if (result) {
+                                                                                handelSetEditable("", cell.value)
+                                                                            }
+                                                                        }}
+                                                                    />
+                                                                    <div className="flex flex-col gap-1">
+                                                                        <Button
+                                                                            title="Save"
+                                                                            onClick={() => cell.onChange!(newValue)}
+                                                                        >
+                                                                            <CheckCircle className="w-4 h-4" />
+                                                                        </Button>
+                                                                        <Button
+                                                                            title="Cancel"
+                                                                            onClick={() => {
+                                                                                handelSetEditable("", cell.value)
+                                                                            }}
+                                                                        >
+                                                                            <XCircle className="w-4 h-4" />
+                                                                        </Button>
+                                                                    </div>
+                                                                </div>
+                                                                : <button
+                                                                    disabled={!cell.onChange}
+                                                                    type="button"
+                                                                    onClick={() => handelSetEditable(`${i}-${j}`, cell.value)}
+                                                                >
+                                                                    {cell.value}
+                                                                </button>
+                                                            : cell.value
+                                                }
+                                            </TableCell>
+                                        ))
+                                    }
+                                </TableRow>
+                            ))
+                    }
+                </TableBody>
+            </Table>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/app/components/ToastButton.tsx b/app/components/ToastButton.tsx
new file mode 100644
index 00000000..fe1f5b96
--- /dev/null
+++ b/app/components/ToastButton.tsx
@@ -0,0 +1,17 @@
+import { ToastAction } from "@/components/ui/toast";
+import { Undo } from "lucide-react";
+import Button from "./ui/Button";
+
+interface Props extends React.HTMLAttributes<HTMLButtonElement> {
+    onClick: () => void
+}
+
+export default function ToastButton({ onClick }: Props) {
+    return (
+        <ToastAction altText="Undo" asChild>
+            <Button variant="button" label="Undo" onClick={onClick}>
+                <Undo size={20} />
+            </Button>
+        </ToastAction>
+    )
+}
\ No newline at end of file
diff --git a/app/components/graph/DeleteGraph.tsx b/app/components/graph/DeleteGraph.tsx
index 406b2372..c3e80044 100644
--- a/app/components/graph/DeleteGraph.tsx
+++ b/app/components/graph/DeleteGraph.tsx
@@ -1,5 +1,6 @@
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
-import { Toast, prepareArg, securedFetch } from "@/lib/utils";
+import { useToast } from "@/components/ui/use-toast";
+import { prepareArg, securedFetch } from "@/lib/utils";
 
 export default function DeleteGraph({ graphName, isOpen, onOpen, onDeleteGraph, isSchema }: {
     graphName: string
@@ -10,7 +11,8 @@ export default function DeleteGraph({ graphName, isOpen, onOpen, onDeleteGraph,
 }) {
 
     const type = isSchema ? "Schema" : "Graph"
-
+    const { toast } = useToast()
+    
     const deleteGraph = async () => {
         const name = `${graphName}${isSchema ? "_schema" : ""}`
         const result = await securedFetch(`/api/graph/${prepareArg(name)}`, {
@@ -18,7 +20,10 @@ export default function DeleteGraph({ graphName, isOpen, onOpen, onDeleteGraph,
         });
 
         if (result.ok) {
-            Toast(`${type} ${graphName} deleted`, "Success")
+            toast({
+                title: "Success",
+                description: `${type} ${graphName} deleted`,
+            })
             onDeleteGraph(graphName)
         }
     }
diff --git a/app/components/node/DeleteNode.tsx b/app/components/node/DeleteNode.tsx
index 7ed2f2a9..ade165d9 100644
--- a/app/components/node/DeleteNode.tsx
+++ b/app/components/node/DeleteNode.tsx
@@ -1,12 +1,13 @@
+/* eslint-disable react/require-default-props */
+
 'use client';
 
-import { Toast } from "@/lib/utils";
 import { Trash2 } from "lucide-react";
 import { DialogClose } from "@/components/ui/dialog";
+import { useToast } from "@/components/ui/use-toast";
 import Button from "../ui/Button";
 import DialogComponent from "../DialogComponent";
 
-/* eslint-disable react/require-default-props */
 interface Props {
     disabled?: boolean
     onDelete: () => void
@@ -14,9 +15,14 @@ interface Props {
 
 export default function DeleteNode({ disabled, onDelete }: Props) {
 
+    const { toast } = useToast()
+
     const onDeleteNode = async () => {
         onDelete()
-        Toast("Success", "Node deleted")
+        toast({
+            title: "Success",
+            description: "Node deleted",
+        })
     }
 
     return (
@@ -25,7 +31,6 @@ export default function DeleteNode({ disabled, onDelete }: Props) {
                 <Button
                     variant="Secondary"
                     label="Delete"
-                    icon={<Trash2 />}
                     disabled={disabled}
                 >
                     <Trash2 />
diff --git a/app/components/ui/Button.tsx b/app/components/ui/Button.tsx
index 63bc7719..e5e8ff90 100644
--- a/app/components/ui/Button.tsx
+++ b/app/components/ui/Button.tsx
@@ -11,6 +11,7 @@ interface Props extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLB
     variant?: Variant
     open?: boolean
     side?: "down" | "left" | "right"
+    children?: React.ReactNode
 }
 
 const getClassName = (variant: Variant, disable: boolean | undefined, open: boolean | undefined, classN: string | undefined) => {
@@ -41,16 +42,16 @@ const getClassName = (variant: Variant, disable: boolean | undefined, open: bool
     return className
 }
 
-const Button = forwardRef<HTMLButtonElement, Props>(({ label, variant = "button", open, className, type = "button", disabled, ...props }, ref) => (
+const Button = forwardRef<HTMLButtonElement, Props>(({ label, variant = "button", open, className, title, type = "button", disabled, children, ...props }, ref) => (
     <button
         ref={ref}
         className={getClassName(variant, disabled, open, className)}
         disabled={disabled}
-        title={label}
+        title={title || label}
         type={type}
         {...props}
     >
-        {props.children}
+        {children}
         {label}
     </button>
 ))
diff --git a/app/components/ui/Input.tsx b/app/components/ui/Input.tsx
index a2c5a9e8..03df10f7 100644
--- a/app/components/ui/Input.tsx
+++ b/app/components/ui/Input.tsx
@@ -1,26 +1,33 @@
-import { cn } from "@/lib/utils"
-import { forwardRef } from "react"
+/* eslint-disable react/require-default-props */
+/* eslint-disable react/jsx-props-no-spreading */
+
+"use client"
+
+import { cn } from "@/lib/utils";
+import { forwardRef } from "react";
 
 interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
-    variant: "Default" | "Small"
+    variant?: "primary" | "secondary" | "default";
+    className?: string;
 }
 
-const Input = forwardRef<HTMLInputElement, Props>(({ variant, className, ...props }: Props, ref) => (
-    <input
-        ref={ref}
-        className={cn(
-            "text-white p-2",
-            props.disabled && "cursor-not-allowed",
-            variant === "Default" && "bg-white text-black focus:border focus:border-[#5D5FEF] rounded-lg",
-            variant === "Small" && "bg-[#1F1F3D] focus:border focus:border-[#5D5FEF] rounded-lg",
-            variant === "Small" && !props.disabled && "hover:bg-[#2E2E51]",
-            className
-        )}
-        type="text"
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...props}
-    />
-))
+const Input = forwardRef<HTMLInputElement, Props>(({ 
+    variant = "default", 
+    className, 
+    ...props 
+}, ref) => (
+        <input
+            ref={ref}
+            className={cn(
+                "border p-2 rounded-lg disabled:cursor-not-allowed disabled:opacity-50",
+                variant === "default" && "bg-input text-black",
+                variant === "primary" && "bg-background text-white",
+                variant === "secondary" && "bg-secondary",
+                className
+            )}
+            {...props}
+        />
+    ))
 
 Input.displayName = "Input"
 
diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index 9cbf4c18..5d5d01f8 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -1,25 +1,24 @@
+/* eslint-disable @typescript-eslint/no-use-before-define */
+/* eslint-disable react/require-default-props */
+
 "use client"
 
-import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog"
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
-import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils"
-import { Trash2, UploadIcon } from "lucide-react"
-import { Dispatch, SetStateAction, useEffect, useState } from "react"
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
+import { cn, prepareArg, securedFetch } from "@/lib/utils"
+import { useEffect, useState } from "react"
 import { Select, SelectContent, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from "@/components/ui/select"
-import UploadGraph from "../graph/UploadGraph"
-import DeleteGraph from "../graph/DeleteGraph"
+import { useToast } from "@/components/ui/use-toast"
 import Button from "./Button"
-import Input from "./Input"
+import TableComponent, { Row } from "../TableComponent"
+import CloseDialog from "../CloseDialog"
 
-/* eslint-disable react/require-default-props */
 interface ComboboxProps {
   isSelectGraph?: boolean,
   disabled?: boolean,
   inTable?: boolean,
   type?: string | undefined,
   options: string[],
-  setOptions?: Dispatch<SetStateAction<string[]>>,
+  setOptions?: (value: string[]) => void,
   selectedValue?: string,
   setSelectedValue?: (value: string) => void,
   isSchema?: boolean
@@ -27,72 +26,95 @@ interface ComboboxProps {
   onOpenChange?: (open: boolean) => void
 }
 
-export default function Combobox({ isSelectGraph, disabled = false, inTable, type, options, setOptions, selectedValue = "", setSelectedValue, isSchema = false, defaultOpen = false, onOpenChange }: ComboboxProps) {
+export default function Combobox({ isSelectGraph = false, disabled = false, inTable, type, options, setOptions, selectedValue = "", setSelectedValue, isSchema = false, defaultOpen = false, onOpenChange }: ComboboxProps) {
 
   const [openMenage, setOpenMenage] = useState<boolean>(false)
   const [open, setOpen] = useState<boolean>(defaultOpen)
-  const [optionName, setOptionName] = useState<string>("")
-  const [editable, setEditable] = useState<string>("")
-  const [isUploadOpen, setIsUploadOpen] = useState<string>()
-  const [isDeleteOpen, setIsDeleteOpen] = useState<string>()
+  const [rows, setRows] = useState<Row[]>([])
+  const { toast } = useToast()
+
+
+  const handelSetOption = async (option: string, optionName: string) => {
+    const result = await securedFetch(`api/graph/${prepareArg(optionName)}/?sourceName=${prepareArg(option)}`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ name: optionName })
+    }, toast)
+
+    if (result.ok) {
+
+      const newOptions = options.map((opt) => opt === option ? optionName : opt)
+      setOptions!(newOptions)
+
+      if (setSelectedValue) setSelectedValue(optionName)
+
+      handelSetRows(newOptions)
+    }
+
+    return result.ok
+  }
+
+  const handelSetRows = (opts: string[]) => {
+    setRows(opts.map(opt => ({ checked: false, name: opt, cells: [{ value: opt, onChange: (value: string) => handelSetOption(value, opt) }] })))
+  }
 
   useEffect(() => {
+    setRows(options.map(opt => ({ checked: false, name: opt, cells: [{ value: opt, onChange: (value: string) => handelSetOption(value, opt) }] })))
+
     if (options.length !== 1 || !setSelectedValue) return
+
     setSelectedValue(options[0])
   }, [options])
 
   const onExport = async (graphName: string) => {
-    const result = await securedFetch(`api/graph/${prepareArg(graphName)}/export`, {
+    const name = isSchema ? `${graphName}_schema` : graphName
+    const result = await securedFetch(`api/graph/${prepareArg(name)}/export`, {
       method: "GET"
-    })
+    }, toast)
 
     if (!result.ok) return
 
     const blob = await result.blob()
     const url = window.URL.createObjectURL(blob)
+
     try {
       const link = document.createElement('a')
       link.href = url
-      link.setAttribute('download', `${selectedValue}.dump`)
+      link.setAttribute('download', `${name}.dump`)
       document.body.appendChild(link)
       link.click()
       link.parentNode?.removeChild(link)
       window.URL.revokeObjectURL(url)
     } catch (e) {
-      Toast((e as Error).message)
+      toast({
+        title: "Error",
+        description: "Error while exporting data",
+        variant: "destructive"
+      })
     }
   }
 
-  const handelDelete = (option: string) => {
-    if (!setOptions) return
-    setOptions(prev => prev.filter(name => name !== option))
-    if (selectedValue !== option || !setSelectedValue) return
-    setSelectedValue("")
-    setOpenMenage(false)
-  }
+  const handelDelete = async (opts: string[]) => {
+    const names = opts.map(opt => isSchema ? `${opt}_schema` : opt)
 
-  const handelSetOption = async (e: React.KeyboardEvent<HTMLInputElement>, option: string) => {
-    if (!setOptions) return
-    if (e.key !== "Enter") return
+    names.forEach(async (name) => {
+      const result = await securedFetch(`api/graph/${prepareArg(name)}`, {
+        method: "DELETE"
+      }, toast)
 
-    const result = await securedFetch(`api/graph/${prepareArg(optionName)}/?sourceName=${prepareArg(option)}`, {
-      method: "PATCH",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({ name: optionName })
-    })
+      if (!result.ok) return
 
-    if (!result.ok) {
-      const json = await result.json()
-      Toast(json.message)
-      return
-    }
+      setOptions!(options.filter(opt => opt !== name))
+
+      if (selectedValue !== name || !setSelectedValue) return
 
-    const newOptions = options.map((opt) => opt === option ? optionName : opt)
-    setOptions(newOptions)
-    if (setSelectedValue) setSelectedValue(optionName)
-    setEditable("")
+      setSelectedValue(names[0])
+    })
+
+    setOpenMenage(false)
+    handelSetRows(options.filter(opt => !opts.includes(opt)))
   }
 
   return (
@@ -101,130 +123,60 @@ export default function Combobox({ isSelectGraph, disabled = false, inTable, typ
         setOpen(o)
         if (onOpenChange) onOpenChange(o)
       }}>
-        <SelectTrigger disabled={disabled} className={cn("w-fit gap-2 border-none p-0", inTable ? "text-sm font-light" : "text-xl font-medium")}>
+        <SelectTrigger disabled={disabled || options.length === 0} title={options.length === 0 ? "There is no graphs" : ""} className={cn("w-fit gap-2 border-none p-2", inTable ? "text-sm font-light" : "text-xl font-medium")}>
           <SelectValue placeholder={`Select ${type || "Graph"}`} />
         </SelectTrigger>
         <SelectContent className="min-w-52 max-h-[30lvh] bg-foreground">
-          {
-            options.length > 0 &&
-            <>
-              <SelectGroup>
-                <ul className="shrink grow overflow-auto">
-                  {
-                    options.map((option) => (
-                      <SelectItem
-                        onClick={() => {
-                          if (setSelectedValue) setSelectedValue(option)
-                          setOpen(false)
-                        }}
-                        value={option}
-                        key={option}
-                      >
-                        {option}
-                      </SelectItem>
-                    ))
-                  }
-                </ul>
-              </SelectGroup>
+          <SelectGroup>
+            <ul className="shrink grow overflow-auto">
               {
-                isSelectGraph &&
-                <>
-                  <SelectSeparator className="bg-secondary" />
-                  <DialogTrigger asChild>
-                    <Button
-                      className="w-full p-2"
-                      label="Manage Graphs"
-                    />
-                  </DialogTrigger>
-                </>
+                options.map((option) => (
+                  <SelectItem
+                    value={option}
+                    key={option}
+                  >
+                    {option}
+                  </SelectItem>
+                ))
               }
+            </ul>
+          </SelectGroup>
+          {
+            isSelectGraph &&
+            <>
+              <SelectSeparator className="bg-secondary" />
+              <DialogTrigger asChild>
+                <Button
+                  onClick={() => setOpen(false)}
+                  className="w-full p-2"
+                  label="Manage Graphs"
+                />
+              </DialogTrigger>
             </>
           }
         </SelectContent>
       </Select>
-      <DialogContent>
-        <div className="h-full w-full border border-[#57577B] rounded-lg overflow-auto">
-          <Table>
-            <TableHeader>
-              <TableRow className="border-none">
-                {
-                  ["GRAPH NAME", "EXPORT", ""].map((header) => (
-                    <TableHead key={header}>{header}</TableHead>
-                  ))
-                }
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {
-                options.length > 0 &&
-                options.map((option, index) => (
-                  <TableRow key={option} className={cn("border-none", !(index % 2) && "bg-[#57577B] hover:bg-[#57577B]")}>
-                    <TableCell onClick={() => {
-                      setEditable(option)
-                      setOptionName(option)
-                    }}>
-                      {
-                        option === editable ?
-                          <Input
-                            className="w-20"
-                            variant="Small"
-                            ref={ref => ref?.focus()}
-                            value={optionName}
-                            onChange={(e) => setOptionName(e.target.value)}
-                            onBlur={() => setEditable("")}
-                            onKeyDown={(e) => handelSetOption(e, option)}
-                          />
-                          : option
-                      }
-                    </TableCell>
-                    <TableCell className="py-8">
-                      <Button
-                        key="export"
-                        label="Export"
-                        onClick={() => onExport(option)}
-                      />
-                    </TableCell>
-                    <TableCell>
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild>
-                          <Button
-                            className="rotate-90"
-                            label="..."
-                          />
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent side="right" className="flex min-w-0">
-                          <DropdownMenuItem className="p-2">
-                            <Button
-                              disabled
-                              variant="button"
-                              icon={<UploadIcon />}
-                              onClick={() => setIsUploadOpen(option)}
-                            />
-                          </DropdownMenuItem>
-                          <DropdownMenuItem className="p-2">
-                            <Button
-                              variant="button"
-                              icon={<Trash2 />}
-                              onClick={() => setIsDeleteOpen(option)}
-                            />
-                          </DropdownMenuItem>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                      <UploadGraph open={isUploadOpen === option} onOpenChange={(o) => setIsUploadOpen(o ? option : "")} />
-                      <DeleteGraph
-                        graphName={option}
-                        isOpen={isDeleteOpen === option}
-                        onOpen={(o) => setIsDeleteOpen(o ? option : "")}
-                        onDeleteGraph={handelDelete}
-                        isSchema={isSchema}
-                      />
-                    </TableCell>
-                  </TableRow>
-                ))
-              }
-            </TableBody>
-          </Table>
-        </div>
+      <DialogContent disableClose className="border-none rounded-lg max-w-none max-h-nones">
+        <DialogHeader className="flex-row justify-between items-center border-b border-secondary pb-4">
+          <DialogTitle className="text-2xl font-medium">Manage Graphs</DialogTitle>
+          <CloseDialog />
+        </DialogHeader>
+        <TableComponent
+          headers={["Name"]}
+          rows={rows}
+          setRows={setRows}
+        >
+          <Button
+            disabled={rows.filter(opt => opt.checked).length === 0}
+            label="Delete"
+            onClick={() => handelDelete(rows.filter(opt => opt.checked).map(opt => opt.cells[0].value))}
+          />
+          <Button
+            disabled={rows.filter(opt => opt.checked).length === 0}
+            label="Export"
+            onClick={() => rows.filter(opt => opt.checked).map((opt) => onExport(opt.cells[0].value))}
+          />
+        </TableComponent>
       </DialogContent>
     </Dialog >
   )
diff --git a/app/create/page.tsx b/app/create/page.tsx
index 5d6eb811..3e4ad889 100644
--- a/app/create/page.tsx
+++ b/app/create/page.tsx
@@ -5,7 +5,8 @@ import { FormEvent, useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { Progress } from "@/components/ui/progress";
 import useSWR from "swr";
-import { Toast, prepareArg, securedFetch } from "@/lib/utils";
+import { prepareArg, securedFetch } from "@/lib/utils";
+import { useToast } from "@/components/ui/use-toast";
 import Header from "../components/Header";
 import Input from "../components/ui/Input";
 import Button from "../components/ui/Button";
@@ -26,6 +27,7 @@ export default function Create() {
     const [progress, setProgress] = useState<number>(0)
     const [openaiKey, setOpenaiKey] = useState<string>("")
     const router = useRouter()
+    const { toast } = useToast()
 
     useEffect(() => {
         if (progress !== 100) return
@@ -37,7 +39,11 @@ export default function Create() {
             })
 
             if (!res.ok) {
-                Toast()
+                toast({
+                    title: "Error",
+                    description: "Error while loading schema",
+                    variant: "destructive"
+                })
                 setProgress(0)
                 setCurrentTab(null)
                 setFilesPath([])
@@ -47,7 +53,11 @@ export default function Create() {
             const j = await res.json()
 
             if (!j.result.data.length) {
-                Toast()
+                toast({
+                    title: "Error",
+                    description: "Error while loading schema",
+                    variant: "destructive"
+                })
                 setProgress(0)
                 setCurrentTab(null)
                 setFilesPath([])
@@ -68,7 +78,11 @@ export default function Create() {
         })
 
         if (!result.ok) {
-            Toast()
+            toast({
+                title: "Error",
+                description: "Error while loading schema",
+                variant: "destructive"
+            })
             return
         }
 
@@ -98,7 +112,11 @@ export default function Create() {
             });
 
             if (!result.ok) {
-                Toast()
+                toast({
+                    title: "Error",
+                    description: "Error while uploading file",
+                    variant: "destructive"
+                })
                 return ""
             }
 
@@ -119,7 +137,11 @@ export default function Create() {
 
 
         if (!result.ok) {
-            Toast()
+            toast({
+                title: "Error",
+                description: "Error while creating schema",
+                variant: "destructive"
+            })
             setFilesPath([])
             setProgress(0)
             setCurrentTab(null)
@@ -139,7 +161,11 @@ export default function Create() {
         })
 
         if (!result.ok) {
-            Toast()
+            toast({
+                title: "Error",
+                description: "Error while creating graph",
+                variant: "destructive"
+            })
             return
         }
         setCurrentTab("graph")
@@ -158,7 +184,6 @@ export default function Create() {
     //     })
 
     //     if (!ok) {
-    //         Toast("Failed to set label")
     //         return ok
     //     }
 
@@ -218,7 +243,11 @@ export default function Create() {
                     setNodesCount(data.nodes)
                     setEdgesCount(data.edges)
                 }).catch(() => {
-                    Toast("Failed to get graph metadata")
+                    toast({
+                        title: "Error",
+                        description: "Failed to get graph metadata",
+                        variant: "destructive"
+                    })
                 })
 
                 return (
@@ -234,10 +263,10 @@ export default function Create() {
                             <Button
                                 className="flex gap-1 items-center text-[#7167F6]"
                                 label="Back"
-                                icon={<ChevronLeft size={25} />}
                                 onClick={() => setCurrentTab("schema")}
-
-                            />
+                            >
+                                <ChevronLeft size={25} />
+                            </Button>
                             <Button
                                 className="w-1/4"
                                 variant="Primary"
@@ -257,7 +286,6 @@ export default function Create() {
                                     <p>Graph Name</p>
                                     <Input
                                         className="w-1/2"
-                                        variant="Small"
                                         title="GraphName"
                                         type="text"
                                         onChange={(e) => setGraphName(e.target.value)}
@@ -268,7 +296,6 @@ export default function Create() {
                                     <p className="flex gap-2 items-center">OpenAI Key <AlertCircle size={15} /></p>
                                     <Input
                                         className="w-1/2"
-                                        variant="Small"
                                         title="OpenAI Key"
                                         type="text"
                                         onChange={(e) => setOpenaiKey(e.target.value)}
@@ -286,10 +313,11 @@ export default function Create() {
                         <div className="flex justify-end">
                             <Button
                                 variant="Primary"
-                                icon={<PlusCircle />}
                                 label="Create Schema"
                                 type="submit"
-                            />
+                            >
+                                <PlusCircle />
+                            </Button>
                         </div>
                     </form>
                 )
@@ -298,7 +326,7 @@ export default function Create() {
 
     return (
         <div className="flex flex-col h-full w-full gap-4">
-            <Header inCreate />
+            <Header onSetGraphName={setGraphName} />
             <div className="grow flex flex-col p-8 gap-8">
                 <h1 className="text-2xl font-medium">Create New Graph</h1>
                 <div className="grow flex flex-col gap-16 p-6">
diff --git a/app/globals.css b/app/globals.css
index 278fb9ad..4cb82085 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -8,11 +8,13 @@
         --foreground: 0 0% 10%;
         --primary: 243 91% 68%;
         --secondary: 39 33% 96%;
+        --destructive: 0 84% 60%;
         --accent: var(--background);
         --popover: var(--primary);
         --popover-foreground: 0 0% 100%;
         --radius: 0.5rem;
-        --muted: 0 0% 100%;
+        --input: var(--popover-foreground);
+        --muted: var(--popover-foreground);
     }
 
     :focus-visible {
@@ -62,21 +64,6 @@
         background: linear-gradient(180deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
     }
 
-    .LoginForm {
-        background: linear-gradient(180deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
-        color: white;
-    }
-
-    .LoginForm>form>p {
-        font-family: "Obviously Narrow" !important;
-    }
-
-    .Text {
-        background: linear-gradient(90deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
-        background-clip: text;
-        color: transparent;
-    }
-
     .Top {
         background: linear-gradient(90deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
     }
diff --git a/app/graph/DeleteElement.tsx b/app/graph/DeleteElement.tsx
new file mode 100644
index 00000000..c3d870eb
--- /dev/null
+++ b/app/graph/DeleteElement.tsx
@@ -0,0 +1,48 @@
+/* eslint-disable react/require-default-props */
+
+"use client"
+
+import CloseDialog from "../components/CloseDialog";
+import DialogComponent from "../components/DialogComponent";
+import Button from "../components/ui/Button";
+
+interface Props {
+    onDeleteElement: () => void
+    trigger: React.ReactNode
+    open: boolean
+    setOpen: (open: boolean) => void
+    description: string
+}
+
+export default function DeleteElement({
+    onDeleteElement,
+    trigger,
+    open,
+    setOpen,
+    description,
+}: Props) {
+
+    return (
+        <DialogComponent
+            onOpenChange={setOpen}
+            open={open}
+            title="Delete Elements"
+            description={description}
+            trigger={trigger}
+        >
+            <div className="flex justify-end gap-4">
+                <Button
+                    className="text-nowrap"
+                    variant="Primary"
+                    label="Delete"
+                    onClick={onDeleteElement}
+                />
+                <CloseDialog
+                    className="text-nowrap"
+                    variant="Cancel"
+                    label="Cancel"
+                />
+            </div>
+        </DialogComponent>
+    )
+}
\ No newline at end of file
diff --git a/app/graph/Duplicate.tsx b/app/graph/Duplicate.tsx
index 9cb9c3c6..af95dca0 100644
--- a/app/graph/Duplicate.tsx
+++ b/app/graph/Duplicate.tsx
@@ -1,19 +1,21 @@
 import { FormEvent, useState } from "react";
-import { Toast, prepareArg, securedFetch } from "@/lib/utils";
-import { Dialog } from "@/components/ui/dialog";
+import { prepareArg, securedFetch } from "@/lib/utils";
+import { useToast } from "@/components/ui/use-toast";
 import DialogComponent from "../components/DialogComponent";
-import Input from "../components/ui/Input";
 import Button from "../components/ui/Button";
+import Input from "../components/ui/Input";
 
-export default function Duplicate({ open, onOpenChange, selectedValue, onDuplicate }: {
+export default function Duplicate({ open, onOpenChange, selectedValue, onDuplicate, disabled }: {
     selectedValue: string,
     open: boolean,
     onOpenChange: (open: boolean) => void
     onDuplicate: (duplicateName: string) => void
+    disabled: boolean
 }) {
 
     const [duplicateName, setDuplicateName] = useState("");
-
+    const { toast } = useToast()
+    
     const handelDuplicate = async (e: FormEvent) => {
 
         e.preventDefault()
@@ -23,7 +25,11 @@ export default function Duplicate({ open, onOpenChange, selectedValue, onDuplica
         })
 
         if (!result.ok) {
-            Toast()
+            toast({
+                title: "Error",
+                description: "Error while duplicating graph",
+                variant: "destructive"
+            })
             return
         }
 
@@ -32,20 +38,30 @@ export default function Duplicate({ open, onOpenChange, selectedValue, onDuplica
     }
 
     return (
-        <Dialog open={open} onOpenChange={onOpenChange}>
-            <DialogComponent className="w-[25%]" description="Enter a new graph name" title="Duplicate Graph">
-                <form onSubmit={handelDuplicate} className="flex flex-col gap-12">
-                    <div className="flex flex-col gap-4">
-                        <p className="font-medium text-xl">Graph Name</p>
-                        <Input variant="Small" onChange={(e) => setDuplicateName(e.target.value)} required />
-                    </div>
+        <DialogComponent
+            open={open}
+            onOpenChange={onOpenChange}
+            trigger={<Button label="Duplicate" disabled={disabled} />}
+            className="w-[25%]"
+            description="Enter a new graph name"
+            title="Duplicate Graph"
+        >
+            <form onSubmit={handelDuplicate} className="flex flex-col gap-12">
+                <div className="flex flex-col gap-4">
+                    <p className="font-medium text-xl">Graph Name</p>
+                    <Input
+                        onChange={(e) => setDuplicateName(e.target.value)}
+                        required
+                    />
+                </div>
+                <div className="flex justify-end">
                     <Button
                         variant="Primary"
                         label="Duplicate"
                         type="submit"
                     />
-                </form>
-            </DialogComponent>
-        </Dialog>
+                </div>
+            </form>
+        </DialogComponent>
     )
 }
\ No newline at end of file
diff --git a/app/graph/GraphDataPanel.tsx b/app/graph/GraphDataPanel.tsx
index 16497566..17d783a4 100644
--- a/app/graph/GraphDataPanel.tsx
+++ b/app/graph/GraphDataPanel.tsx
@@ -1,22 +1,29 @@
-'use client'
-
+/* eslint-disable @typescript-eslint/no-use-before-define */
 /* eslint-disable no-param-reassign */
+/* eslint-disable react/require-default-props */
 
-import { prepareArg, securedFetch, Toast } from "@/lib/utils";
+'use client'
+
+import { prepareArg, securedFetch } from "@/lib/utils";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
-import { Check, ChevronRight, MinusCircle, Pencil, PlusCircle, Trash2, X } from "lucide-react";
+import { Check, ChevronRight, Pencil, Plus, Trash2, X } from "lucide-react";
 import { Session } from "next-auth";
+import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { useToast } from "@/components/ui/use-toast";
 import Button from "../components/ui/Button";
-import Input from "../components/ui/Input";
 import { Graph, Link, Node } from "../api/graph/model";
+import Input from "../components/ui/Input";
+import DialogComponent from "../components/DialogComponent";
+import CloseDialog from "../components/CloseDialog";
+import DeleteElement from "./DeleteElement";
+import ToastButton from "../components/ToastButton";
 
-/* eslint-disable react/require-default-props */
 interface Props {
     obj: Node | Link;
     setObj: Dispatch<SetStateAction<Node | Link | undefined>>;
     onExpand: () => void;
     graph: Graph;
-    onDeleteElement?: () => Promise<void>;
+    onDeleteElement: () => Promise<void>;
     data: Session | null;
 }
 
@@ -26,28 +33,48 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
     const [editable, setEditable] = useState<string>("");
     const [hover, setHover] = useState<string>("");
     const [isAddValue, setIsAddValue] = useState<boolean>(false);
+    const [deleteOpen, setDeleteOpen] = useState(false)
     const [newKey, setNewKey] = useState<string>("");
     const [newVal, setNewVal] = useState<string>("");
     const [label, setLabel] = useState([""]);
     const type = !("source" in obj)
+    const { toast } = useToast()
+
+    const handelSetEditable = (key: string, val: string) => {
+        if (key !== "") {
+            setIsAddValue(false)
+        }
+
+        setEditable(key)
+        setNewVal(val)
+    }
 
     useEffect(() => {
         setAttributes(Object.keys(obj.data).filter((key) => (key !== "name" || obj.data.name !== obj.id)));
         setLabel(type ? obj.category : [obj.label]);
     }, [obj, type]);
 
-    const setProperty = async (key: string, val: string) => {
+    const setProperty = async (key: string, val: string, isUndo: boolean, actionType: ("added" | "set") = "set") => {
         const { id } = obj
+        if (!val || val === "") {
+            toast({
+                title: "Error",
+                description: "Please fill in the value field",
+                variant: "destructive"
+            })
+            return false
+        }
         const q = `MATCH ${type ? "(e)" : "()-[e]-()"} WHERE id(e) = ${id} SET e.${key} = '${val}'`
         const success = (await securedFetch(`api/graph/${prepareArg(graph.Id)}/?query=${prepareArg(q)}`, {
             method: "GET"
-        })).ok
+        }, toast)).ok
 
         if (success) {
             graph.getElements().forEach(e => {
                 if (e.id !== id) return
                 e.data[key] = val
             })
+            const value = obj.data[key]
             setObj((prev) => {
                 if (!prev) return prev
                 if ("source" in prev) {
@@ -67,18 +94,41 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                     }
                 } as Node
             })
-            setNewVal("")
+            handelSetEditable("", "")
+            toast({
+                title: "Success",
+                description: `Attribute ${actionType}`,
+                variant: "default",
+                action: isUndo ? <ToastButton onClick={() => setProperty(key, value, false)} /> : undefined
+            })
         }
 
         return success
     }
 
+    const handelAddValue = async (key: string, value: string) => {
+        if (!key || key === "" || !value || value === "") {
+            toast({
+                title: "Error",
+                description: "Please fill in both fields",
+                variant: "destructive"
+            })
+            return
+        }
+
+        const success = await setProperty(key, value, false, "added")
+        if (!success) return
+        setIsAddValue(false)
+        setNewKey("")
+        setNewVal("")
+    }
+
     const removeProperty = async (key: string) => {
         const { id } = obj
         const q = `MATCH ${type ? "(e)" : "()-[e]-()"} WHERE id(e) = ${id} SET e.${key} = NULL`
         const success = (await securedFetch(`api/graph/${prepareArg(graph.Id)}/?query=${prepareArg(q)}`, {
             method: "GET"
-        })).ok
+        }, toast)).ok
 
         if (success) {
             graph.getElements().forEach((e) => {
@@ -86,175 +136,207 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                 delete e.data[key]
             })
 
+            const value = obj.data[key]
             const newObj = { ...obj }
             delete newObj.data[key]
             setObj(newObj)
+
+            toast({
+                title: "Success",
+                description: "Attribute removed",
+                action: <ToastButton onClick={() => handelAddValue(key, value)} />,
+                variant: "default"
+            })
         }
 
         return success
     }
 
-    const handelAddValue = async (e: React.KeyboardEvent<HTMLInputElement>) => {
+    const handelAddKeyDown = async (e: React.KeyboardEvent<HTMLInputElement>) => {
         if (e.key === "Escape") {
             setIsAddValue(false)
             setNewKey("")
             setNewVal("")
+            return
         }
 
         if (e.key !== "Enter") return
 
-        if (!newKey || !newVal) {
-            Toast("Please fill in both fields")
+        handelAddValue(newKey, newVal)
+    }
+
+    const handelSetKeyDown = async (e: React.KeyboardEvent<HTMLInputElement>) => {
+        if (e.key === "Escape") {
+            handelSetEditable("", "")
+            setNewKey("")
         }
 
-        const success = await setProperty(newKey, newVal)
-        if (!success) return
-        setIsAddValue(false)
-        setNewKey("")
-    }
+        if (e.key !== "Enter") return
 
+        setProperty(editable, newVal, true)
+    }
 
     return (
-        <div className="DataPanel">
-            <div className="flex justify-between items-center bg-[#7167F6] p-4">
-                <div className="flex gap-2">
+        <div className="h-full flex flex-col gap-4 border-foreground border-[3px] rounded-lg">
+            <div className="flex justify-between items-center p-4">
+                <div className="flex gap-4 items-center">
                     <Button
                         variant="button"
-                        icon={<ChevronRight />}
+                        title="Close"
                         onClick={() => onExpand()}
-                    />
-                    <p>{Array.isArray(label) ? label.join(", ") : label}</p>
-                </div>
-                <div>
-                    <p>Attributes {attributes.length}</p>
+                    >
+                        <ChevronRight size={25} />
+                    </Button>
+                    <p className="font-medium text-xl">{label}</p>
                 </div>
+                <p className="font-medium text-xl"><span className="text-primary">{attributes.length}</span> Attributes</p>
             </div>
-            <div className="grow flex flex-col justify-between p-8">
-                <ul className="flex flex-col">
+            <Table parentClassName="grow">
+                <TableHeader>
+                    <TableRow>
+                        <TableHead className="w-1" />
+                        <TableHead>Key</TableHead>
+                        <TableHead>Value</TableHead>
+                    </TableRow>
+                </TableHeader>
+                <TableBody>
                     {
                         attributes.map((key) => (
-                            <div
-                                key={key}
-                                className="flex gap-2 items-center p-4"
+                            <TableRow
                                 onMouseEnter={() => setHover(key)}
                                 onMouseLeave={() => setHover("")}
+                                key={key}
                             >
-                                <div className="w-6 h-12">
-                                    {
-                                        editable === key ?
-                                            <div className="flex flex-col gap-2">
-                                                <Button
-                                                    variant="button"
-                                                    icon={<Check size={20} />}
-                                                    onClick={(e) => {
+                                <TableCell>
+                                    <div className="h-10 w-6 flex flex-col items-center gap-2 justify-center">
+                                        {
+                                            editable === key && data?.user.role !== "Read-Only" ?
+                                                <>
+                                                    <Button variant="button" onClick={(e) => {
                                                         e.stopPropagation()
-                                                        setProperty(key, newVal)
-                                                        setEditable("")
-                                                    }}
-                                                />
-                                                <Button
-                                                    variant="button"
-                                                    icon={<X size={20} />}
-                                                    onClick={(e) => {
+                                                        setProperty(key, newVal, true)
+                                                    }}>
+                                                        <Check size={20} />
+                                                    </Button>
+                                                    <Button variant="button" onClick={(e) => {
                                                         e.stopPropagation()
-                                                        setEditable("")
-                                                    }}
-                                                />
-                                            </div>
-                                            : hover === key &&
-                                            <div className="flex flex-col gap-2">
-                                                <Button
-                                                    icon={<Trash2 size={20} />}
-                                                    variant="button"
-                                                    onClick={() => {
-                                                        removeProperty(key)
-                                                    }}
-                                                />
-                                                <Button
-                                                    variant="button"
-                                                    icon={<Pencil size={20} />}
-                                                    onClick={() => {
-                                                        setEditable(key)
-                                                        setNewVal(obj.data[key])
-                                                    }}
-                                                />
-                                            </div>
-                                    }
-                                </div>
-                                <div>
-                                    <p>{key}:</p>
-                                </div>
-                                <div className="w-1 grow flex gap-2">
+                                                        handelSetEditable("", "")
+                                                    }}>
+                                                        <X size={20} />
+                                                    </Button>
+                                                </>
+                                                : hover === key &&
+                                                <>
+                                                    <Button variant="button" onClick={() => handelSetEditable(key, obj.data[key])}>
+                                                        <Pencil size={20} />
+                                                    </Button>
+                                                    <DialogComponent
+                                                        trigger={
+                                                            <Button
+                                                                variant="button"
+                                                            >
+                                                                <Trash2 size={20} />
+                                                            </Button>
+                                                        }
+                                                        title="Delete Attribute"
+                                                        description="Are you sure you want to delete this attribute?"
+                                                    >
+                                                        <div className="flex justify-end gap-4">
+                                                            <Button
+                                                                variant="Primary"
+                                                                label="Delete"
+                                                                onClick={() => removeProperty(key)}
+                                                            />
+                                                            <CloseDialog
+                                                                label="Cancel"
+                                                                variant="Cancel"
+                                                            />
+                                                        </div>
+                                                    </DialogComponent>
+                                                </>
+                                        }
+                                    </div>
+                                </TableCell>
+                                <TableCell>{key}:</TableCell>
+                                <TableCell>
                                     {
                                         editable === key && data?.user.role !== "Read-Only" ?
                                             <Input
-                                                ref={(ref) => ref?.focus()}
-                                                variant="Small"
+                                                className="w-full"
                                                 value={newVal}
                                                 onChange={(e) => setNewVal(e.target.value)}
-                                                onKeyDown={(e) => {
-                                                    if (e.key === "Escape") {
-                                                        setEditable("")
-                                                    }
-
-                                                    if (e.key !== "Enter") return
-
-                                                    setProperty(key, newVal)
-                                                    setEditable("")
-                                                }}
+                                                onKeyDown={handelSetKeyDown}
+                                                onBlur={() => handelSetEditable("", "")}
                                             />
                                             : <Button
-                                                className="max-w-full"
-                                                label={obj.data[key]?.toString()}
-                                                onClick={(e) => {
-                                                    e.stopPropagation()
-                                                    setEditable(key)
-                                                    setNewVal(obj.data[key])
-                                                }}
+                                                label={obj.data[key]}
+                                                variant="button"
+                                                onClick={() => handelSetEditable(key, obj.data[key])}
                                             />
                                     }
-                                </div>
-                            </div>
+                                </TableCell>
+                            </TableRow>
                         ))
                     }
-                    {isAddValue && (
-                        <div key="Add Value" className="w-full flex gap-2 p-4">
-                            <Input
-                                className="w-1/2"
-                                variant="Small"
-                                value={newKey}
-                                onChange={(e) => setNewKey(e.target.value)}
-                                onKeyDown={handelAddValue}
-                            />
-                            <Input
-                                className="w-1/2"
-                                variant="Small"
-                                value={newVal}
-                                onChange={(e) => setNewVal(e.target.value)}
-                                onBlur={() => setIsAddValue(false)}
-                                onKeyDown={handelAddValue}
-                            />
-                        </div>
-                    )}
-                    <div key="Add Value Toggle" className="p-3">
+                    {
+                        isAddValue && data?.user.role !== "Read-Only" &&
+                        <TableRow>
+                            <TableCell className="flex flex-col items-center gap-2">
+                                <Button
+                                    variant="button"
+                                    onClick={() => handelAddValue(newKey, newVal)}
+                                >
+                                    <Check size={20} />
+                                </Button>
+                                <Button variant="button" onClick={() => setIsAddValue(false)}>
+                                    <X size={20} />
+                                </Button>
+                            </TableCell>
+                            <TableCell>
+                                <Input
+                                    className="w-full"
+                                    value={newKey}
+                                    onChange={(e) => setNewKey(e.target.value)}
+                                    onKeyDown={handelAddKeyDown}
+                                />
+                            </TableCell>
+                            <TableCell>
+                                <Input
+                                    className="w-full"
+                                    value={newVal}
+                                    onChange={(e) => setNewVal(e.target.value)}
+                                    onKeyDown={handelAddKeyDown}
+                                />
+                            </TableCell>
+                        </TableRow>
+                    }
+                </TableBody>
+                <TableCaption>
+                    <Button
+                        variant="Primary"
+                        label="Add Attribute"
+                        onClick={() => setIsAddValue(true)}
+                    >
+                        <Plus size={20} />
+                    </Button>
+                </TableCaption>
+            </Table>
+            <div className="flex justify-end p-4">
+                <DeleteElement
+                    description={`Are you sure you want to delete this ${type ? "Node" : "Relation"}?`}
+                    open={deleteOpen}
+                    setOpen={setDeleteOpen}
+                    onDeleteElement={onDeleteElement}
+                    trigger={
                         <Button
-                            variant="Secondary"
-                            label="Add Value"
-                            icon={isAddValue ? <MinusCircle /> : <PlusCircle />}
-                            onClick={() => setIsAddValue(prev => !prev)}
                             disabled={data?.user.role === "Read-Only"}
-                        />
-                    </div>
-                </ul>
-                <div>
-                    <Button
-                        variant="Secondary"
-                        icon={<Trash2 />}
-                        label="Delete"
-                        onClick={onDeleteElement}
-                        disabled={data?.user.role === "Read-Only"}
-                    />
-                </div>
+                            variant="Primary"
+                            label={`Delete ${type ? "Node" : "Relation"}`}
+                        >
+                            <Trash2 size={20} />
+                        </Button>
+                    }
+                />
             </div>
         </div>
     )
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index 619f8830..b4c16395 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -11,6 +11,7 @@ import { cn, prepareArg, securedFetch } from "@/lib/utils";
 import dynamic from "next/dynamic";
 import { Session } from "next-auth";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useToast } from "@/components/ui/use-toast";
 import { Category, Graph, GraphData, Link, Node } from "../api/graph/model";
 import DataPanel from "./GraphDataPanel";
 import Labels from "./labels";
@@ -46,6 +47,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
     const [tabsValue, setTabsValue] = useState<string>("")
     const [cooldownTicks, setCooldownTicks] = useState<number | undefined>(0)
     const [cooldownTime, setCooldownTime] = useState<number | undefined>(2000)
+    const { toast } = useToast()
 
     useEffect(() => {
         let timeout: NodeJS.Timeout
@@ -161,7 +163,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
 
         const result = await securedFetch(`api/graph/${prepareArg(graph.Id)}/?query=${prepareArg(q)} `, {
             method: "GET"
-        })
+        }, toast)
 
         if (!result.ok) return
 
@@ -185,6 +187,10 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
         graph.removeLinks(selectedElements.map((element) => element.id))
 
         setData({ ...graph.Elements })
+        toast({
+            title: "Success",
+            description: `${selectedElements.length > 1 ? "Elements" : "Element"} deleted`,
+        })
         handelCooldown()
     }
 
@@ -234,6 +240,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                         <div className="h-full flex flex-col gap-4">
                             <div className="flex items-center justify-between">
                                 <Toolbar
+                                    selectedElementsLength={selectedElements.length + (selectedElement ? 1 : 0)}
                                     disabled={!graph.Id}
                                     deleteDisabled={(Object.values(selectedElements).length === 0 && !selectedElement) || session?.user.role === "Read-Only"}
                                     onDeleteElement={handelDeleteElement}
@@ -263,7 +270,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                                             onClick={() => setMaximize(true)}
                                         >
                                             <Maximize2 />
-                                        </Button> 
+                                        </Button>
                                         : <Button
                                             className="z-10 absolute top-4 right-4"
                                             title="Minimize"
diff --git a/app/graph/Selector.tsx b/app/graph/Selector.tsx
index d8984768..ca0d9c22 100644
--- a/app/graph/Selector.tsx
+++ b/app/graph/Selector.tsx
@@ -1,24 +1,23 @@
 'use client'
 
 import { SetStateAction, Dispatch, useEffect, useRef, useState } from "react";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import { DialogTitle } from "@/components/ui/dialog";
 import { Editor } from "@monaco-editor/react";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
 import { editor } from "monaco-editor";
-import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils";
+import { cn, prepareArg, securedFetch } from "@/lib/utils";
 import { Session } from "next-auth";
 import { PlusCircle, RefreshCcw } from "lucide-react";
 import { usePathname } from "next/navigation";
+import { useToast } from "@/components/ui/use-toast";
 import Combobox from "../components/ui/combobox";
 import { Graph, Query } from "../api/graph/model";
-import UploadGraph from "../components/graph/UploadGraph";
 import DialogComponent from "../components/DialogComponent";
 import Button from "../components/ui/Button";
 import Duplicate from "./Duplicate";
 import SchemaView from "../schema/SchemaView";
 import View from "./View";
 import CreateGraph from "../components/CreateGraph";
-import CloseDialog from "../components/CloseDialog";
+import ExportGraph from "../components/ExportGraph";
 
 interface Props {
     /* eslint-disable react/require-default-props */
@@ -36,25 +35,18 @@ interface Props {
 
 export default function Selector({ onChange, graphName, setGraphName, queries, runQuery, edgesCount, nodesCount, setGraph, graph, data: session }: Props) {
 
-    const [createOpen, setCreateOpen] = useState<boolean>(false);
-    const [exportOpen, setExportOpen] = useState<boolean>(false);
     const [options, setOptions] = useState<string[]>([]);
-    const [newGraphName, setNewGraphName] = useState<string>("");
     const [schema, setSchema] = useState<Graph>(Graph.empty());
     const [selectedValue, setSelectedValue] = useState<string>("");
     const [duplicateOpen, setDuplicateOpen] = useState<boolean>(false);
-    const [dropOpen, setDropOpen] = useState<boolean>(false);
     const [queriesOpen, setQueriesOpen] = useState<boolean>(false);
     const [query, setQuery] = useState<Query>();
     const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null)
     const pathname = usePathname()
     const type = pathname.includes("/schema") ? "Schema" : "Graph"
-
-    useEffect(() => {
-        if (createOpen) return
-        setNewGraphName("")
-    }, [createOpen])
-
+    const [isRotating, setIsRotating] = useState(false);
+    const { toast } = useToast()
+    
     useEffect(() => {
         if (!graphName) return
         setOptions(prev => {
@@ -67,7 +59,7 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
     const getOptions = async () => {
         const result = await securedFetch("api/graph", {
             method: "GET"
-        })
+        }, toast)
         if (!result.ok) return
         const res = (await result.json()).result as string[]
         setOptions(!runQuery ? res.filter(name => name.includes("_schema")).map(name => name.split("_")[0]) : res.filter(name => !name.includes("_schema")))
@@ -86,7 +78,7 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
             const q = 'MATCH (n)-[e]-(m) return n,e,m'
             const result = await securedFetch(`api/graph/${prepareArg(name)}_schema/?query=${prepareArg(q)}&create=false&role=${session?.user.role}`, {
                 method: "GET"
-            })
+            }, toast)
 
             if (!result.ok) return
 
@@ -99,59 +91,19 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
         setSelectedValue(name)
     }
 
-    const handleExport = async () => {
-        const name = `${selectedValue}${!runQuery ? "_schema" : ""}`
-        const result = await securedFetch(`api/graph/${prepareArg(name)}/export`, {
-            method: "GET"
-        })
-
-        if (!result.ok) return
-
-        const blob = await result.blob()
-        const url = window.URL.createObjectURL(blob)
-        try {
-            const link = document.createElement('a')
-            link.href = url
-            link.setAttribute('download', `${name}.dump`)
-            document.body.appendChild(link)
-            link.click()
-            link.parentNode?.removeChild(link)
-            window.URL.revokeObjectURL(url)
-        } catch (e) {
-            Toast("Error while exporting data")
-        }
-    }
-
-    const handleCreateGraph = async (e: React.FormEvent<HTMLFormElement>) => {
-        e.preventDefault()
-        if (!newGraphName) {
-            Toast("Graph name cannot be empty")
-            return
-        }
-        const q = 'RETURN 1'
-        const result = await securedFetch(`api/graph/${prepareArg(newGraphName)}/?query=${prepareArg(q)}`, {
-            method: "GET",
-        })
-        if (!result.ok) {
-            Toast("Error while creating graph")
-            return
-        }
-
-        setOptions(prev => [...prev, newGraphName])
-        setGraphName(newGraphName)
-        setCreateOpen(false)
-    }
+    const handleReloadClick = () => {
+        setIsRotating(true);
+        getOptions();
+        setTimeout(() => setIsRotating(false), 1000);
+    };
 
     return (
         <div className="flex flex-col gap-4">
             <div className="flex justify-between items-center">
                 <div className="flex items-center gap-4">
                     <CreateGraph
-                        open={createOpen}
-                        setOpen={setCreateOpen}
-                        graphName={newGraphName}
-                        setGraphName={setNewGraphName}
-                        handleCreateGraph={handleCreateGraph}
+                        type={type}
+                        onSetGraphName={setGraphName}
                         trigger={
                             <Button
                                 variant="Primary"
@@ -162,6 +114,16 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                         }
                     />
                     <p className="text-secondary">|</p>
+                    <Button
+                        className={cn(
+                            "transition-transform",
+                            isRotating && "animate-spin duration-1000"
+                        )}
+                        onClick={handleReloadClick}
+                    >
+                        <RefreshCcw size={20} />
+                    </Button>
+                    <p className="text-secondary">|</p>
                     <Combobox
                         isSelectGraph
                         options={options}
@@ -170,69 +132,14 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                         setSelectedValue={handleOnChange}
                         isSchema={!runQuery}
                     />
-                    <p className="text-secondary">|</p>
-                    <Button
-                        variant="Secondary"
-                        label="Refresh"
-                        title="Refresh List"
-                        onClick={getOptions}
-                    >
-                        <RefreshCcw size={20} />
-                    </Button>
                 </div>
                 <div className="flex gap-16 text-[#e5e7eb]">
-                    <UploadGraph disabled />
-                    <Dialog open={exportOpen} onOpenChange={setExportOpen}>
-                        <DialogTrigger disabled={!selectedValue} asChild>
-                            <Button
-                                label="Export Data"
-                                disabled={!selectedValue}
-                            />
-                        </DialogTrigger>
-                        <DialogContent className="gap-8 border-none rounded-lg">
-                            <DialogHeader className="border-b p-4">
-                                <DialogTitle className="font-Oswald font-normal text-4xl tracking-normal">Export your graph</DialogTitle>
-                            </DialogHeader>
-                            <DialogDescription className="text-xl">Export a .dump file of your data</DialogDescription>
-                            <div className="flex gap-4">
-                                <Button
-                                    className="flex-1"
-                                    variant="Primary"
-                                    label="Download"
-                                    onClick={handleExport}
-                                />
-                                <CloseDialog
-                                    className="flex-1"
-                                    variant="Secondary"
-                                    label="Cancel"
-                                />
-                            </div>
-                        </DialogContent>
-                    </Dialog>
-                    <DropdownMenu onOpenChange={setDropOpen}>
-                        <DropdownMenuTrigger disabled={!selectedValue} asChild>
-                            <Button
-                                label="Duplicate"
-                                open={dropOpen}
-                            />
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent>
-                            <DropdownMenuItem>
-                                <Button
-                                    className="w-full p-2 text-start"
-                                    label="Duplicate Graph"
-                                    onClick={() => setDuplicateOpen(true)}
-                                />
-                            </DropdownMenuItem >
-                            <DropdownMenuItem>
-                                <Button
-                                    className="w-full p-2 text-start"
-                                    label="New graph from schema"
-                                />
-                            </DropdownMenuItem>
-                        </DropdownMenuContent >
-                    </DropdownMenu >
+                    <ExportGraph
+                        type={type}
+                        selectedValue={selectedValue}
+                    />
                     <Duplicate
+                        disabled={!selectedValue}
                         open={duplicateOpen}
                         onOpenChange={setDuplicateOpen}
                         onDuplicate={(name) => {
@@ -263,6 +170,8 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                             onOpenChange={setQueriesOpen}
                             trigger={
                                 <Button
+                                    disabled={!queries || queries.length === 0}
+                                    title={!queries || queries.length === 0 ? "No queries" : undefined}
                                     label="Query History"
                                 />
                             }
@@ -271,23 +180,20 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                             <div className="grow flex flex-col p-8 gap-8">
                                 <DialogTitle>Queries</DialogTitle>
                                 <div className="h-1 grow flex">
-                                    {
-                                        queries && queries.length > 0 &&
-                                        <ul className="min-w-[50%] flex-col border overflow-auto">
-                                            {
-                                                queries.map((q, index) => (
-                                                    // eslint-disable-next-line react/no-array-index-key
-                                                    <li key={index} className="w-full text-sm border-b py-3 px-12">
-                                                        <Button
-                                                            className="w-full truncate"
-                                                            label={q.text}
-                                                            onClick={() => setQuery(q)}
-                                                        />
-                                                    </li>
-                                                ))
-                                            }
-                                        </ul>
-                                    }
+                                    <ul className="min-w-[50%] flex-col border overflow-auto">
+                                        {
+                                            queries && queries.map((q, index) => (
+                                                // eslint-disable-next-line react/no-array-index-key
+                                                <li key={index} className="w-full text-sm border-b py-3 px-12">
+                                                    <Button
+                                                        className="w-full truncate"
+                                                        label={q.text}
+                                                        onClick={() => setQuery(q)}
+                                                    />
+                                                </li>
+                                            ))
+                                        }
+                                    </ul>
                                     <div className="w-1 grow flex flex-col gap-2 p-4 border">
                                         <div className="h-1 grow flex">
                                             <Editor
@@ -338,7 +244,7 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                                         disabled
                                     />
                                     <Button
-                                        className="text-white w-1/3"
+                                        className="text-white flex justify-center w-1/3"
                                         onClick={() => runQuery(query?.text || "", setQueriesOpen)}
                                         variant="Primary"
                                         label="Run"
diff --git a/app/graph/TableView.tsx b/app/graph/TableView.tsx
index bbba60a5..95199dbb 100644
--- a/app/graph/TableView.tsx
+++ b/app/graph/TableView.tsx
@@ -1,66 +1,24 @@
 /* eslint-disable react/no-array-index-key */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import { JSONTree } from "react-json-tree"
-import { cn } from "@/lib/utils"
+import TableComponent from "../components/TableComponent"
 
 interface Props {
     data: any[]
 }
 
 export default function TableView({ data }: Props) {
+
     return (
-        <div className="max-h-full w-full flex flex-col overflow-auto border border-[#57577B] rounded-lg">
-            <div key={-1} className={cn("flex")}>
-                {
-                    Object.keys(data[0]).map((key, i) => (
-                        <div key={i} className={cn("flex-1 flex items-center p-4", i !== 0 && "border-l border-[#57577B]")}>
-                            <span className="text-xl font-bold">{key}</span>
-                        </div>
-                    ))
-                }
-            </div>
-            {
-                data.map((row, i) => (
-                    <div key={i} className={cn("flex", !(i % 2) && "bg-[#57577B]")}>
-                        {
-                            Object.entries(row).map(([key, val], j) => (
-                                <div key={`${i}${j}`} className={cn("flex-1 flex p-4", j !== 0 && `border-l ${(i % 2) ? "border-[#57577B]" : "border-[#272746]"}`)}>
-                                    <pre className="w-fit">
-                                        {
-                                            typeof val === "object" ?
-                                                <JSONTree
-                                                    shouldExpandNodeInitially={() => false}
-                                                    keyPath={[key]}
-                                                    theme={{
-                                                        base00: !(i % 2) ? "#57577B" : "#272746", // background
-                                                        base01: '#000000',
-                                                        base02: '#CE9178',
-                                                        base03: '#CE9178', // open values
-                                                        base04: '#CE9178',
-                                                        base05: '#CE9178',
-                                                        base06: '#CE9178',
-                                                        base07: '#CE9178',
-                                                        base08: '#CE9178',
-                                                        base09: '#b5cea8', // numbers
-                                                        base0A: '#CE9178',
-                                                        base0B: '#CE9178', // close values
-                                                        base0C: '#CE9178',
-                                                        base0D: '#99E4E5', // * keys
-                                                        base0E: '#ae81ff',
-                                                        base0F: '#cc6633'
-                                                    }}
-                                                    data={val}
-                                                />
-                                                : val as any
-                                        }
-                                    </pre>
-                                </div>
-                            ))
-                        }
-                    </div>
-                ))
-            }
-        </div>
+        <TableComponent
+            headers={Object.keys(data[0])}
+            rows={data.map(row => ({
+                id: row.id,
+                cells: Object.values(row).map((value) => ({
+                    value,
+
+                }))
+            }))}
+        />
     )
 }
\ No newline at end of file
diff --git a/app/graph/Tutorial.tsx b/app/graph/Tutorial.tsx
new file mode 100644
index 00000000..8c2c12b2
--- /dev/null
+++ b/app/graph/Tutorial.tsx
@@ -0,0 +1,72 @@
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel";
+import { Drawer, DrawerContent } from "@/components/ui/drawer";
+import { Dispatch, SetStateAction, useEffect, useState } from "react";
+import Link from 'next/link'
+import { Checkbox } from "@/components/ui/checkbox";
+import CreateGraph from "../components/CreateGraph";
+
+interface Props {
+    onSetGraphName: Dispatch<SetStateAction<string>>
+}
+
+export default function Tutorial({ onSetGraphName }: Props) {
+
+    const [open, setOpen] = useState<boolean>(false)
+    const [showAgain, setShowAgain] = useState<boolean>(false)
+
+    useEffect(() => {
+        setOpen(localStorage.getItem("tutorial") !== "false")
+    }, [])
+
+    return (
+        <Drawer open={open} onOpenChange={(o) => {
+            if (showAgain) {
+                localStorage.setItem("tutorial", "false")
+            }
+            setOpen(o)
+        }}>
+            <DrawerContent className="flex flex-col">
+                <div className="flex justify-center items-center p-8">
+                    <Carousel className="w-1/2 h-1/2">
+                        <CarouselContent>
+                            <CarouselItem className="border text-center p-40">
+                                <p>Our Browser allows you to visualize, manipulate and explore your data.</p>
+                            </CarouselItem>
+                            <CarouselItem className="border text-center p-40">
+                                <p>Easily interact with your data in our adaptive force canvas</p>
+                            </CarouselItem>
+                            <CarouselItem className="border text-center p-40">
+                                <p>Configure or export your graph with ease from the control center</p>
+                            </CarouselItem>
+                            <CarouselItem className="border flex flex-col gap-4 justify-center items-center">
+                                <CreateGraph
+                                    onSetGraphName={onSetGraphName}
+                                    type="Graph"
+                                />
+                                <p>
+                                    Need inspiration?{" "}
+                                    <Link
+                                        href="/examples"
+                                        target="_self"
+                                        className="text-primary underline underline-offset-2"
+                                    >
+                                        See Examples
+                                    </Link>
+                                </p>
+                            </CarouselItem>
+                        </CarouselContent>
+                        <CarouselPrevious />
+                        <CarouselNext />
+                    </Carousel>
+                </div>
+                <div className="flex justify-end gap-4 items-center p-8">
+                    <Checkbox
+                        checked={showAgain}
+                        onCheckedChange={(checked) => setShowAgain(checked as boolean)}
+                    />
+                    <p>Don&apos;t show this again</p>
+                </div>
+            </DrawerContent>
+        </Drawer>
+    )
+}
\ No newline at end of file
diff --git a/app/graph/View.tsx b/app/graph/View.tsx
index af286744..5bea942e 100644
--- a/app/graph/View.tsx
+++ b/app/graph/View.tsx
@@ -5,9 +5,8 @@ import { useEffect, useState } from "react"
 import { cn } from "@/lib/utils"
 import { DEFAULT_COLORS, Graph } from "../api/graph/model"
 import Button from "../components/ui/Button"
-import Input from "../components/ui/Input"
 import DialogComponent from "../components/DialogComponent"
-import CloseDialog from "../components/CloseDialog"
+import Input from "../components/ui/Input"
 
 export default function View({ graph, setGraph, selectedValue }: {
     graph: Graph,
@@ -59,9 +58,10 @@ export default function View({ graph, setGraph, selectedValue }: {
                                                     return newArr;
                                                 });
                                             }}
-                                            icon={<ChevronUp />}
                                             title="Up"
-                                        />
+                                        >
+                                            <ChevronUp />
+                                        </Button>
                                     }
                                     {
                                         i !== colorsArr.length - 1 &&
@@ -74,9 +74,10 @@ export default function View({ graph, setGraph, selectedValue }: {
                                                     return newArr;
                                                 });
                                             }}
-                                            icon={<ChevronDown />}
                                             title="Down"
-                                        />
+                                        >
+                                            <ChevronDown />
+                                        </Button>
                                     }
                                 </div>
                                 {
@@ -86,7 +87,6 @@ export default function View({ graph, setGraph, selectedValue }: {
                                             <Input
                                                 ref={ref => ref?.focus()}
                                                 className="w-24"
-                                                variant="Small"
                                                 value={editable === c ? editable : newColor}
                                                 onChange={(e) => {
                                                     setColorsArr(prev => {
@@ -123,9 +123,10 @@ export default function View({ graph, setGraph, selectedValue }: {
                                         onClick={() => {
                                             setColorsArr(prev => [...prev.filter(color => color !== c)]);
                                         }}
-                                        icon={<Trash2 />}
                                         title="Delete"
-                                    />
+                                    >
+                                        <Trash2 />
+                                    </Button>
                                 }
                             </li>
                         ))
@@ -133,31 +134,33 @@ export default function View({ graph, setGraph, selectedValue }: {
                 </ul>
                 <div className="flex justify-around">
                     <Button
-                        variant="Primary"
                         disabled={colorsArr.length > graph.Colors.length}
                         label="Add Color"
-                        icon={<PlusCircle />}
                         onClick={() => {
                             setColorsArr(prev => [...prev, ""])
                         }}
-                    />
+                    >
+                        <PlusCircle />
+                    </Button>
                     <Button
                         disabled={DEFAULT_COLORS.every((c, i) => c === graph.Colors[i]) && DEFAULT_COLORS.length === graph.Colors.length}
                         variant="Secondary"
                         label="Reset"
-                        icon={<RotateCcw />}
                         onClick={() => {
                             localStorage.removeItem(graph.Id)
                             handelPreferencesChange(DEFAULT_COLORS)
                         }}
-                    />
-                    <CloseDialog
+                    >
+                        <RotateCcw />
+                    </Button>
+                    <Button
                         disabled={graph.Colors.filter((c, i) => c === colorsArr[i]).length === colorsArr.length && DEFAULT_COLORS.length === colorsArr.length}
                         variant="Primary"
                         label="Apply"
-                        icon={<FileCheck2 />}
                         onClick={() => handelPreferencesChange()}
-                    />
+                    >
+                        <FileCheck2 />
+                    </Button>
                 </div>
             </div>
         </DialogComponent>
diff --git a/app/graph/labels.tsx b/app/graph/labels.tsx
index 0da1cf19..43ff5e9c 100644
--- a/app/graph/labels.tsx
+++ b/app/graph/labels.tsx
@@ -38,10 +38,11 @@ export default function Labels({ graph, categories, onClick, label, className =
                     isScrollable &&
                     <Button
                         className="pointer-events-auto"
-                        icon={<ChevronUp />}
                         title="Scroll up"
                         onClick={() => handelScroll(-200)}
-                    />
+                    >
+                        <ChevronUp />
+                    </Button>
                 }
                 <ul ref={listRef} className={cn("flex flex-col gap-4 w-full overflow-auto hide-scrollbar")}>
                     {
@@ -51,14 +52,13 @@ export default function Labels({ graph, categories, onClick, label, className =
                                 <Button
                                     className={cn(category.name && "w-full pointer-events-auto")}
                                     label={category.name}
-                                    icon={
-                                        <div style={{ backgroundColor: `${graph.getCategoryColorValue(category.index)}` }} className={cn("min-w-6 min-h-6 rounded-full", label === "RelationshipTypes" && "opacity-50")} />
-                                    }
                                     onClick={() => {
                                         onClick(category)
                                         setReload(prev => !prev)
                                     }}
-                                />
+                                >
+                                    <div style={{ backgroundColor: `${graph.getCategoryColorValue(category.index)}` }} className={cn("min-w-6 min-h-6 rounded-full", label === "RelationshipTypes" && "opacity-50")} />
+                                </Button>
                             </li>
                         ))
                     }
@@ -67,10 +67,11 @@ export default function Labels({ graph, categories, onClick, label, className =
                     isScrollable &&
                     <Button
                         className="pointer-events-auto"
-                        icon={<ChevronDown />}
                         title="Scroll down"
                         onClick={() => handelScroll(200)}
-                    />
+                    >
+                        <ChevronDown />
+                    </Button>
                 }
             </div>
         </div>
diff --git a/app/graph/page.tsx b/app/graph/page.tsx
index b6d8574c..760ece24 100644
--- a/app/graph/page.tsx
+++ b/app/graph/page.tsx
@@ -1,12 +1,14 @@
 'use client'
 
 import { useCallback, useEffect, useState } from "react";
-import { Toast, prepareArg, securedFetch } from "@/lib/utils";
+import { prepareArg, securedFetch } from "@/lib/utils";
 import { useSession } from "next-auth/react";
+import { useToast } from "@/components/ui/use-toast";
 import Selector from "./Selector";
 import Header from "../components/Header";
 import { Graph, Link, Node, Query } from "../api/graph/model";
 import GraphView from "./GraphView";
+import Tutorial from "./Tutorial";
 
 export default function Page() {
 
@@ -17,7 +19,9 @@ export default function Page() {
     const [queries, setQueries] = useState<Query[]>([])
     const [historyQuery, setHistoryQuery] = useState<string>("")
     const [selectedElement, setSelectedElement] = useState<Node | Link>();
-    const { data } = useSession()
+    const { data: session } = useSession()
+    const { toast } = useToast()
+
 
     useEffect(() => {
         setQueries(JSON.parse(localStorage.getItem(`query history`) || "[]"))
@@ -28,13 +32,13 @@ export default function Page() {
         const q1 = "MATCH (n) RETURN COUNT(n) as nodes"
         const q2 = "MATCH ()-[e]->() RETURN COUNT(e) as edges"
 
-        const nodes = await (await securedFetch(`api/graph/${prepareArg(graphName)}/?query=${q1}&role=${data?.user.role}`, {
+        const nodes = await (await securedFetch(`api/graph/${prepareArg(graphName)}/?query=${q1}&role=${session?.user.role}`, {
             method: "GET"
-        })).json()
+        }, toast)).json()
 
-        const edges = await (await securedFetch(`api/graph/${prepareArg(graphName)}/?query=${q2}&role=${data?.user.role}`, {
+        const edges = await (await securedFetch(`api/graph/${prepareArg(graphName)}/?query=${q2}&role=${session?.user.role}`, {
             method: "GET"
-        })).json()
+        }, toast)).json()
 
         if (!edges || !nodes) return
 
@@ -56,14 +60,17 @@ export default function Page() {
 
     const run = async (query: string) => {
         if (!graphName) {
-            Toast("Select a graph first")
+            toast({
+                title: "Error",
+                description: "Select a graph first",
+                variant: "destructive"
+            })
             return null
         }
 
-        const result = await securedFetch(`api/graph/${prepareArg(graphName)}/?query=${prepareArg(query)}&role=${data?.user.role}`, {
-
+        const result = await securedFetch(`api/graph/${prepareArg(graphName)}/?query=${prepareArg(query)}&role=${session?.user.role}`, {
             method: "GET"
-        })
+        }, toast)
 
         if (!result.ok) return null
 
@@ -77,7 +84,7 @@ export default function Page() {
         if (!query) return
         const result = await run(query)
         if (!result) return
-        const queryArr = [...queries, { text: query, metadata: result.metadata }]
+        const queryArr = queries.some(q => q.text === query) ? queries : [...queries, { text: query, metadata: result.metadata }]
         setQueries(queryArr)
         localStorage.setItem("query history", JSON.stringify(queryArr))
         const g = Graph.create(graphName, result, graph.Colors)
@@ -100,7 +107,7 @@ export default function Page() {
 
     return (
         <div className="Page">
-            <Header />
+            <Header onSetGraphName={setGraphName} />
             <div className="h-1 grow p-8 px-10 flex flex-col gap-4">
                 <Selector
                     setGraphName={setGraphName}
@@ -112,7 +119,7 @@ export default function Page() {
                     nodesCount={nodesCount}
                     setGraph={setGraph}
                     graph={graph}
-                    data={data}
+                    data={session}
 
                 />
                 <GraphView
@@ -123,8 +130,9 @@ export default function Page() {
                     historyQuery={historyQuery}
                     historyQueries={queries.map(({ text }) => text)}
                     fetchCount={fetchCount}
-                    session={data}
+                    session={session}
                 />
+                <Tutorial onSetGraphName={setGraphName} />
             </div>
         </div >
     )
diff --git a/app/graph/toolbar.tsx b/app/graph/toolbar.tsx
index 0e973540..505650e8 100644
--- a/app/graph/toolbar.tsx
+++ b/app/graph/toolbar.tsx
@@ -5,7 +5,7 @@
 import { Link, Move, Pause, PlusCircle, Shrink, Trash2, ZoomIn, ZoomOut } from "lucide-react";
 import { Dispatch, SetStateAction, useState } from "react";
 import Button from "../components/ui/Button";
-import DialogComponent from "../components/DialogComponent";
+import DeleteElement from "./DeleteElement";
 
 interface Props {
     addDisabled?: boolean,
@@ -19,6 +19,7 @@ interface Props {
     cooldownTime: number | undefined
     setCooldownTime: Dispatch<SetStateAction<number | undefined>>
     handelCooldown: () => void
+    selectedElementsLength: number
 }
 
 export default function Toolbar({
@@ -32,6 +33,7 @@ export default function Toolbar({
     cooldownTime,
     setCooldownTime,
     handelCooldown,
+    selectedElementsLength
 }: Props) {
 
     const [deleteOpen, setDeleteOpen] = useState(false)
@@ -79,33 +81,22 @@ export default function Toolbar({
                     {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
                     <Link size={20} />
                 </Button>
-                <DialogComponent onOpenChange={setDeleteOpen} open={deleteOpen} title="Delete Elements" description={`Are you sure ???\nThis action will delete all selected elements`} trigger={
-                    <Button
-                    className="text-nowrap"
-                        variant="Primary"
-                        label="Delete"
-                        disabled={deleteDisabled}
-                    >
-                        <Trash2 size={20} />
-                    </Button>
-                }>
-                    <div className="flex justify-end gap-4">
+                <DeleteElement
+                    description={`Are you sure you want to delete this ${selectedElementsLength > 1 ? "elements" : "element"}?`}
+                    open={deleteOpen}
+                    setOpen={setDeleteOpen}
+                    onDeleteElement={handelDeleteElement}
+                    trigger={
                         <Button
                             className="text-nowrap"
                             variant="Primary"
                             label="Delete"
-                            onClick={handelDeleteElement}
-                            disabled={deleteDisabled}
-                        />
-                        <Button
-                            className="text-nowrap"
-                            variant="Primary"
-                            label="Cancel"
-                            onClick={() => setDeleteOpen(false)}
                             disabled={deleteDisabled}
-                        />
-                    </div>
-                </DialogComponent>
+                        >
+                            <Trash2 size={20} />
+                        </Button>
+                    }
+                />
             </div>
             {
                 (onAddEntity || onAddRelation || onDeleteElement) &&
diff --git a/app/layout.tsx b/app/layout.tsx
index 4de4885d..5562ec1a 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,7 +3,6 @@
 import "./globals.css";
 import { Inter } from "next/font/google";
 import { Toaster } from "@/components/ui/toaster";
-import { cn } from "@/lib/utils";
 import { Metadata } from "next";
 import NextAuthProvider from "./providers";
 import GoogleAnalytics from "./components/GoogleAnalytics";
@@ -25,7 +24,7 @@ export default function RootLayout({
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
-      <body className={cn("h-full LandingPage", inter.className)}>
+      <body className={`h-full LandingPage ${inter.className}`}>
         {
           process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
             <GoogleAnalytics ga_id=
diff --git a/app/login/LoginForm.tsx b/app/login/LoginForm.tsx
index 5fbf8491..f88e81cb 100644
--- a/app/login/LoginForm.tsx
+++ b/app/login/LoginForm.tsx
@@ -3,30 +3,67 @@
 import { SignInOptions, SignInResponse, signIn } from "next-auth/react";
 import { FormEvent, useEffect, useState } from "react";
 import { useSearchParams, useRouter } from "next/navigation";
-import Dropzone from "@/app/components/ui/Dropzone";
-import { Checkbox } from "@/components/ui/checkbox";
-import { Eye } from "lucide-react";
-import Input from "@/app/components/ui/Input";
-import Button from "@/app/components/ui/Button";
 import Image from "next/image";
+import { Checkbox } from "@/components/ui/checkbox";
 import { cn } from "@/lib/utils";
+import FormComponent, { Field } from "../components/FormComponent";
+import Dropzone from "../components/ui/Dropzone";
 
 const DEFAULT_HOST = "localhost";
 const DEFAULT_PORT = "6379";
 
+
 export default function LoginForm() {
   const router = useRouter();
-  const [error, setError] = useState(false);
   const [host, setHost] = useState("");
   const [port, setPort] = useState("");
   const [TLS, setTLS] = useState(false);
   const [CA, setCA] = useState<string>();
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
-  const [showPassword, setShowPassword] = useState(false);
-
+  const [error, setError] = useState<{
+    message: string
+    show: boolean
+  }>({
+    message: "Invalid credentials",
+    show: false
+  });
   const searchParams = useSearchParams();
 
+  const fields: Field[] = [
+    {
+      value: host,
+      onChange: (e) => setHost(e.target.value),
+      label: "Host",
+      type: "text",
+      placeholder: DEFAULT_HOST,
+      required: true
+    },
+    {
+      value: port,
+      onChange: (e) => setPort(e.target.value),
+      label: "Port",
+      type: "text",
+      placeholder: DEFAULT_PORT,
+      required: true
+    },
+    {
+      value: username,
+      onChange: (e) => setUsername(e.target.value),
+      label: "Username",
+      type: "text",
+      required: false
+    },
+    {
+      value: password,
+      onChange: (e) => setPassword(e.target.value),
+      label: "Password",
+      type: "password",
+      show: false,
+      required: false
+    }
+  ]
+
   useEffect(() => {
     const hostParam = searchParams.get("host");
     const portParam = searchParams.get("port");
@@ -58,7 +95,10 @@ export default function LoginForm() {
 
     signIn("credentials", params).then((res?: SignInResponse) => {
       if (res?.error) {
-        setError(true);
+        setError(prev => ({
+          ...prev,
+          show: true
+        }))
       } else {
         router.push("/graph");
       }
@@ -75,75 +115,19 @@ export default function LoginForm() {
     reader.readAsDataURL(acceptedFiles[0])
   }
 
-  const onChangeSetError = (func: (val: string) => void, val: string) => {
-    func(val);
-    setError(false);
-  }
   return (
-    <div className="w-full h-full flex items-center justify-center gap-80 LoginForm">
-      <Image priority src="/Logo.svg" alt="" width={451} height={126} />
-      <form
-        className="flex flex-col gap-4 p-2"
-        onSubmit={onSubmit}
-      >
-        <p className="text-4xl text-white border-b border-slate-200 border-opacity-25 pb-6" title="Connect">Connect</p>
-        <div className="flex flex-col gap-8">
-          <div className="flex gap-6">
-            <div className="grow flex flex-col gap-2">
-              <p title="Host">* Host</p>
-              <Input
-                variant="Default"
-                id="server"
-                placeholder={DEFAULT_HOST}
-                type="text"
-                onChange={(e) => onChangeSetError(setHost, e.target.value)}
-                value={host}
-              />
-            </div>
-            <div className="w-1/3 flex flex-col gap-2">
-              <p title="Port" >* Port</p>
-              <Input
-                variant="Default"
-                id="port"
-                placeholder={DEFAULT_PORT}
-                min={1}
-                max={65535}
-                onChange={(e) => onChangeSetError(setPort, e.target.value)}
-                value={port}
-              />
-            </div>
-          </div>
-          <div className="flex flex-col gap-2">
-            <p title="User Name" >{host !== DEFAULT_HOST && "* "} User Name</p>
-            <Input
-              variant="Default"
-              id="username"
-              type="text"
-              onChange={(e) => onChangeSetError(setUsername, e.target.value)}
-              value={username}
-            />
-          </div>
-          <div className="relative flex flex-col gap-2">
-            <p title="Password">{host !== DEFAULT_HOST && "* "}Password</p>
-            <Button
-              className="absolute top-10 right-2 p-0"
-              onClick={() => setShowPassword(prev => !prev)}
-            >
-              <Eye strokeWidth={0.5} color="black" />
-            </Button>
-            <Input
-              id="password"
-              variant="Default"
-              type={showPassword ? "text" : "password"}
-              onChange={(e) => onChangeSetError(setPassword, e.target.value)}
-              value={password}
-            />
-          </div>
+    <div className="w-full h-full flex justify-center items-center bg-foreground">
+      <div className="flex gap-20 items-center border rounded-lg p-10">
+        <FormComponent
+          fields={fields}
+          handleSubmit={onSubmit}
+          error={error}
+          isFieldsRequired={false}
+        >
           <div className="flex gap-8">
             <div className="flex gap-2">
               <Checkbox
                 className={cn("w-6 h-6 rounded-lg", !TLS && "border-white")}
-                defaultChecked={false}
                 checked={TLS}
                 onCheckedChange={(checked) => setTLS(checked as boolean)}
               />
@@ -151,20 +135,9 @@ export default function LoginForm() {
             </div>
             <Dropzone onFileDrop={onFileDrop} disabled={!TLS} />
           </div>
-          <Button
-            className="p-4 text-center"
-            label="Connect"
-            variant="Primary"
-            type="submit"
-          />
-          {error && (
-            <div className="bg-red-400 text-center p-2 rounded-lg">
-              <p>Wrong credentials</p>
-            </div>
-
-          )}
-        </div>
-      </form>
+        </FormComponent>
+        <Image priority src="/Logo.svg" alt="" width={451} height={126} />
+      </div>
     </div >
   );
 }
diff --git a/app/loginVerification.tsx b/app/loginVerification.tsx
index 0a477a08..4fc23288 100644
--- a/app/loginVerification.tsx
+++ b/app/loginVerification.tsx
@@ -12,8 +12,8 @@ export default function LoginVerification({ children }: { children: React.ReactN
     const { data } = useSession()
 
     useEffect(() => {
-        if (data) return
-        localStorage.clear()
+        if (data?.user || data === undefined) return
+        localStorage.removeItem("query history")
     }, [data])
 
     useEffect(() => {
diff --git a/app/page.tsx b/app/page.tsx
index 7a813014..2fd5e7c6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,7 +3,6 @@
 import Spinning from "@/app/components/ui/spinning";
 
 export default function Home() {
-
   return (
     <div className="h-full LandingPage">
       <main className="h-full flex items-center justify-center">
diff --git a/app/schema/SchemaCreateElement.tsx b/app/schema/SchemaCreateElement.tsx
index 08fb5920..626efcb9 100644
--- a/app/schema/SchemaCreateElement.tsx
+++ b/app/schema/SchemaCreateElement.tsx
@@ -4,13 +4,13 @@
 
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Dispatch, SetStateAction, useState } from "react";
-import { Toast } from "@/lib/utils";
 import { ArrowRight, ArrowRightLeft, Check, ChevronRight, Pencil, Plus, Trash2, X } from "lucide-react";
 import { Switch } from "@/components/ui/switch";
-import Input from "../components/ui/Input";
+import { useToast } from "@/components/ui/use-toast";
 import Button from "../components/ui/Button";
 import Combobox from "../components/ui/combobox";
 import { Node } from "../api/graph/model";
+import Input from "../components/ui/Input";
 
 interface Props {
   onCreate: (element: [string, string[]][], label?: string) => Promise<boolean>
@@ -36,15 +36,19 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
   const [labelEditable, setLabelEditable] = useState<boolean>(false)
   const [editable, setEditable] = useState<string>("")
   const [hover, setHover] = useState<string>("")
-
+  const { toast } = useToast()
+  
   const handelSetEditable = (att: [string, string[]] = getDefaultAttribute()) => {
     setAttribute(att)
     setEditable(att[0])
   }
 
   const handelAddAttribute = () => {
-    if (!newAttribute[0] || !newAttribute[1].some((v) => v !== "")) {
-      Toast("You must type a key, type and a description in order to add a new property")
+    if (!newAttribute[0] || newAttribute[1].some((v) => !v)) {
+      toast({
+        title: "Error",
+        description: "You must type a key, type and a description in order to add a new property",
+      })
       return
     }
     setAttributes(prev => [...prev, newAttribute])
@@ -52,8 +56,11 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
   }
 
   const handelSetAttributes = () => {
-    if (!attribute[0] || !attribute[1].some((v) => v !== "")) {
-      Toast("You must type a key, type and a description in order to edit a property")
+    if (!attribute[0] || attribute[1].some((v) => !v)) {
+      toast({
+        title: "Error",
+        description: "You must type a key, type and a description in order to edit a property",
+      })
       return
     }
 
@@ -77,7 +84,10 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
 
   const handelOnCreate = async () => {
     if (!label && !type) {
-      Toast("You must type a label")
+      toast({
+        title: "Error",
+        description: "You must type a label",
+      })
       return
     }
     const ok = await onCreate(attributes, label)
@@ -101,7 +111,10 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
     if (e.key !== "Enter") return
 
     if (!newLabel) {
-      Toast("You must type a label")
+      toast({
+        title: "Error",
+        description: "You must type a label",
+      })
       return
     }
 
@@ -122,8 +135,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
             labelEditable ?
               <Input
                 ref={ref => ref?.focus()}
-                className="w-28"
-                variant="Small"
+                className="w-full"
                 onChange={(e) => setNewLabel(e.target.value)}
                 value={newLabel}
                 onBlur={handelLabelCancel}
@@ -187,9 +199,8 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                         </TableCell>
                         <TableCell>
                           <Input
-                            className="w-28"
+                            className="w-full"
                             onKeyDown={(e) => handelKeyDown(e, handelSetAttributes, handelSetEditable)}
-                            variant="Small"
                             onChange={(e) => setAttribute(prev => {
                               const p: [string, string[]] = [...prev]
                               p[1][1] = e.target.value
@@ -237,7 +248,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                               onClick={(e) => {
                                 e.stopPropagation()
                                 handelSetAttributes()
-                              }}  
+                              }}
                             >
                               <Check size={20} />
                             </Button>
@@ -287,9 +298,8 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
             <TableRow>
               <TableCell>
                 <Input
-                  className="w-28"
+                  className="w-full"
                   onKeyDown={(e) => handelKeyDown(e, handelAddAttribute, () => setNewAttribute(getDefaultAttribute()))}
-                  variant="Small"
                   onChange={(e) => setNewAttribute(prev => {
                     const p: [string, string[]] = [...prev]
                     p[0] = e.target.value
@@ -313,9 +323,8 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
               </TableCell>
               <TableCell>
                 <Input
-                  className="w-28"
+                  className="w-full"
                   onKeyDown={(e) => handelKeyDown(e, handelAddAttribute, () => setNewAttribute(getDefaultAttribute()))}
-                  variant="Small"
                   onChange={(e) => setNewAttribute(prev => {
                     const p: [string, string[]] = [...prev]
                     p[1][1] = e.target.value
@@ -377,8 +386,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
               <TableCell>
                 <Input
                   disabled
-                  className="w-28"
-                  variant="Small"
+                  className="w-full"
                 />
               </TableCell>
               <TableCell>
@@ -391,9 +399,8 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
               </TableCell>
               <TableCell>
                 <Input
+                  className="w-full"
                   disabled
-                  className="w-28"
-                  variant="Small"
                 />
               </TableCell>
               <TableCell>
@@ -435,11 +442,11 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
           !type &&
           <div className="w-full flex flex-col gap-4">
             <div className="w-full flex justify-between p-8 items-center">
-              <div style={{ backgroundColor: selectedNodes[0]?.color }} className="flex h-16 w-16 rounded-full bg-[#57577B] justify-center items-center">
+              <div style={{ backgroundColor: selectedNodes[0]?.color }} className="flex h-16 w-16 rounded-full border-2 border-foreground justify-center items-center">
                 <p>{selectedNodes[0]?.category}</p>
               </div>
               <ArrowRight strokeWidth={1} size={40} />
-              <div style={{ backgroundColor: selectedNodes[1]?.color }} className="flex h-16 w-16 rounded-full bg-[#57577B] justify-center items-center">
+              <div style={{ backgroundColor: selectedNodes[1]?.color }} className="flex h-16 w-16 rounded-full border-2 border-foreground justify-center items-center">
                 <p>{selectedNodes[1]?.category}</p>
               </div>
             </div>
diff --git a/app/schema/SchemaDataPanel.tsx b/app/schema/SchemaDataPanel.tsx
index 8b336b96..28093727 100644
--- a/app/schema/SchemaDataPanel.tsx
+++ b/app/schema/SchemaDataPanel.tsx
@@ -1,14 +1,14 @@
 /* eslint-disable react/no-array-index-key */
 import { Check, ChevronRight, MinusCircle, Pencil, PlusCircle, Trash2, X } from "lucide-react";
-import { Toast } from "@/lib/utils";
 import { useEffect, useState } from "react";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Checkbox } from "@/components/ui/checkbox";
+import { useToast } from "@/components/ui/use-toast";
 import Button from "../components/ui/Button";
 import { ATTRIBUTES, getDefaultAttribute, OPTIONS } from "./SchemaCreateElement";
-import Input from "../components/ui/Input";
 import Combobox from "../components/ui/combobox";
 import { Link, Node } from "../api/graph/model";
+import Input from "../components/ui/Input";
 
 interface Props {
     obj: Node | Link
@@ -26,6 +26,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
     const [editable, setEditable] = useState<string>("")
     const [hover, setHover] = useState<string>("")
     const [isAddValue, setIsAddValue] = useState<boolean>(false)
+    const { toast } = useToast()
 
     useEffect(() => {
         setAttributes(Object.entries(obj.data).filter(([key, val]) => !(key === "name" && Number(val) === obj.id)).map(([key, val]) => [key, Array.isArray(val) ? val : (val as string).split(',')]))
@@ -43,7 +44,10 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
 
     const handelSetAttributes = async () => {
         if (attribute[0] === "" || attribute[1].some(v => v === "")) {
-            Toast("Please fill all the fields")
+            toast({
+                title: "Error",
+                description: "Please fill all the fields",
+            })
             return
         }
 
@@ -66,7 +70,10 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
 
     const handelAddAttribute = async () => {
         if (attribute[0] === "" || attribute[1].some(v => v === "")) {
-            Toast("Please fill all the fields")
+            toast({
+                title: "Error",
+                description: "Please fill all the fields",
+            })
             return
         }
 
@@ -207,9 +214,8 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                             </TableCell>
                                             <TableCell className="px-1 py-0">
                                                 <Input
-                                                    className="w-28"
+                                                    className="w-full"
                                                     onKeyDown={(e) => handelKeyDown(e, handelSetAttributes)}
-                                                    variant="Small"
                                                     onChange={(e) => setAttribute(prev => {
                                                         const p: [string, string[]] = [...prev]
                                                         p[1][1] = e.target.value
@@ -273,9 +279,8 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                             </TableCell>
                             <TableCell className="px-1 py-0">
                                 <Input
-                                    className="w-28"
+                                    className="w-full"
                                     onKeyDown={(e) => handelKeyDown(e, handelAddAttribute)}
-                                    variant="Small"
                                     onChange={(e) => setAttribute(prev => {
                                         const p: [string, string[]] = [...prev]
                                         p[0] = e.target.value
@@ -299,9 +304,8 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                             </TableCell>
                             <TableCell className="px-1 py-0">
                                 <Input
-                                    className="w-28"
+                                    className="w-full"
                                     onKeyDown={(e) => handelKeyDown(e, handelAddAttribute)}
-                                    variant="Small"
                                     onChange={(e) => setAttribute(prev => {
                                         const p: [string, string[]] = [...prev]
                                         p[1][1] = e.target.value
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index 46cac298..096ce0a7 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -6,9 +6,10 @@ import { ResizablePanel, ResizablePanelGroup, ResizableHandle } from "@/componen
 import { ChevronLeft, Maximize2, Minimize2 } from "lucide-react"
 import { ImperativePanelHandle } from "react-resizable-panels"
 import { useEffect, useRef, useState } from "react"
-import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils"
+import { cn, prepareArg, securedFetch } from "@/lib/utils"
 import { Session } from "next-auth"
 import dynamic from "next/dynamic"
+import { useToast } from "@/components/ui/use-toast"
 import Toolbar from "../graph/toolbar"
 import SchemaDataPanel from "./SchemaDataPanel"
 import Labels from "../graph/labels"
@@ -45,6 +46,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
     const [cooldownTicks, setCooldownTicks] = useState<number | undefined>(0)
     const [cooldownTime, setCooldownTime] = useState<number | undefined>(2000)
     const [data, setData] = useState<GraphData>(schema.Elements)
+    const { toast } = useToast()
 
     useEffect(() => {
         setData({ ...schema.Elements })
@@ -186,7 +188,11 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                 })
             }
         } else {
-            Toast("Failed to set property")
+            toast({
+                title: "Error",
+                description: "Failed to set property",
+                variant: "destructive"
+            })
         }
 
         setData({ ...schema.Elements })
@@ -270,7 +276,11 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
 
     const onCreateElement = async (attributes: [string, string[]][], label?: string) => {
         if (!isAddEntity && selectedNodes[0] === undefined && selectedNodes[1] === undefined) {
-            Toast("Select nodes to create a relation")
+            toast({
+                title: "Error",
+                description: "Select nodes to create a relation",
+                variant: "destructive"
+            })
             return false
         }
 
diff --git a/app/schema/page.tsx b/app/schema/page.tsx
index 2e7b8192..67a4be17 100644
--- a/app/schema/page.tsx
+++ b/app/schema/page.tsx
@@ -1,8 +1,9 @@
 'use client'
 
 import { useCallback, useEffect, useState } from "react";
-import { Toast, defaultQuery, prepareArg, securedFetch } from "@/lib/utils";
+import { defaultQuery, prepareArg, securedFetch } from "@/lib/utils";
 import { useSession } from "next-auth/react";
+import { useToast } from "@/components/ui/use-toast";
 import Header from "../components/Header";
 import Selector from "../graph/Selector";
 import SchemaView from "./SchemaView";
@@ -15,6 +16,7 @@ export default function Page() {
     const [edgesCount, setEdgesCount] = useState<number>(0)
     const [nodesCount, setNodesCount] = useState<number>(0)
     const { data: session } = useSession()
+    const { toast } = useToast()
 
     const fetchCount = useCallback(async () => {
         const name = `${schemaName}_schema`
@@ -42,7 +44,11 @@ export default function Page() {
                 method: "GET"
             })
             if (!result.ok) {
-                Toast("Failed fetching schema")
+                toast({
+                    title: "Error",
+                    description: "Failed fetching schema",
+                    variant: "destructive"
+                })
                 return
             }
             const json = await result.json()
diff --git a/app/settings/Configurations.tsx b/app/settings/Configurations.tsx
index 45c647fe..bca6f9b8 100644
--- a/app/settings/Configurations.tsx
+++ b/app/settings/Configurations.tsx
@@ -1,11 +1,12 @@
+/* eslint-disable @typescript-eslint/no-use-before-define */
+
 "use client";
 
-import React, { useEffect, useState, KeyboardEvent } from "react";
-import { Toast, cn, prepareArg, securedFetch } from "@/lib/utils";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
-import { CheckCircle2, XCircle } from "lucide-react";
-import Input from "../components/ui/Input";
-import Button from "../components/ui/Button";
+import React, { useEffect, useState } from "react";
+import { prepareArg, securedFetch } from "@/lib/utils";
+import { useToast } from "@/components/ui/use-toast";
+import TableComponent, { Row } from "../components/TableComponent";
+import ToastButton from "../components/ToastButton";
 
 type Config = {
     name: string,
@@ -123,145 +124,109 @@ const Configs: Config[] = [
 export default function Configurations() {
 
     const [configs, setConfigs] = useState<Config[]>([])
-    const [editable, setEditable] = useState<string>("")
-    const [configValue, setConfigValue] = useState<string>("")
+    const [rows, setRows] = useState<Row[]>([])
+    const { toast } = useToast()
 
     useEffect(() => {
         const run = async () => {
             setConfigs(await Promise.all(Configs.map(async (config: Config) => {
                 const result = await securedFetch(`api/graph/?config=${prepareArg(config.name)}`, {
                     method: 'GET',
-                })
+                }, toast)
 
                 if (!result.ok) {
-                    Toast(`Failed to fetch configurations value`)
+                    toast({
+                        title: "Error",
+                        description: "Failed to fetch configurations value",
+                        variant: "destructive"
+                    })
                     return config
                 }
 
                 let value = (await result.json()).config[1]
-                
+
                 if (config.name === "CMD_INFO") {
-                    if(value === 0) {
-                        value = "no" 
+                    if (value === 0) {
+                        value = "no"
                     } else value = "yes"
                 }
-                
+
                 return {
                     name: config.name,
                     description: config.description,
                     value
                 }
             })))
+            setRows(configs.map(config => ({
+                cells: [
+                    { value: config.name },
+                    { value: config.description },
+                    {
+                        value: config.value.toString(),
+                        onChange: !disableRunTimeConfigs.has(config.name) ?
+                            (value: string) => handelSetConfig(config.name, value, true)
+                            : undefined
+                    }
+                ],
+            })))
         }
         run()
     }, [])
 
-    const handelSetConfig = async (name: string) => {
+    const handelSetConfig = async (name: string, value: string, isUndo: boolean) => {
 
-        if (!configValue) {
-            Toast(`Please enter a value`)
-            return
+        if (!value) {
+            toast({
+                title: "Error",
+                description: "Please enter a value",
+                variant: "destructive"
+            })
+            return false
         }
 
-        const result = await securedFetch(`api/graph/?config=${prepareArg(name)}&value=${prepareArg(configValue)}`, {
+        const result = await securedFetch(`api/graph/?config=${prepareArg(name)}&value=${prepareArg(value)}`, {
             method: 'POST',
-        })
-
-        if (!result.ok) {
-            Toast(`Failed to set configuration value`)
-            return
-        }
-
-        setConfigs(prev => prev.map((config: Config) => {
-            if (config.name !== name) return config
-            return {
-                ...config,
-                value: configValue
-            }
-        }))
-
-        setEditable("")
-        setConfigValue("")
-    }
+        }, toast)
 
-    const onKeyDown = (e: KeyboardEvent<HTMLInputElement>, name: string) => {
+        if (result.ok) {
+            setConfigs(prev => prev.map((config: Config) => {
+                if (config.name !== name) return config
+                return {
+                    ...config,
+                    value
+                }
+            }))
 
-        if (e.code === "Escape") {
-            setEditable("")
-            setConfigValue("")
-            return
+            setRows(prev => prev.map((row: Row) => {
+                if (row.cells[0].value !== name) return row
+                return {
+                    ...row,
+                    cells: [{ ...row.cells[0], value }],
+                }
+            }))
+
+            const { value: oldValue } = configs.find(config => config.name === name) || { value: "" }
+            
+            toast({
+                title: "Success",
+                description: "Configuration value set successfully",
+                action: isUndo ? <ToastButton onClick={() => handelSetConfig(name, oldValue.toString(), false)} /> : undefined
+            })
+        } else {
+            toast({
+                title: "Error",
+                description: "Failed to set configuration value",
+                variant: "destructive"
+            })
         }
 
-        if (e.code !== "Enter") return
-
-        handelSetConfig(name)
+        return result.ok
     }
 
     return (
-        <div className="h-full w-full border border-[#57577B] rounded-lg overflow-auto">
-            <Table>
-                <TableHeader>
-                    <TableRow className="border-none p-4">
-                        {
-                            ["Name", "Description", `Value \n (Click to edit)`].map((header) => (
-                                <TableHead className="text-center" key={header}><pre>{header}</pre></TableHead>
-                            ))
-                        }
-                    </TableRow>
-                </TableHeader>
-                <TableBody>
-                    {
-                        configs.map(({ name, description, value }, index) => (
-                            <TableRow key={name} data-id={name} className={cn("border-none", !(index % 2) && "bg-[#57577B] hover:bg-[#57577B]")}>
-                                <TableCell>{name}</TableCell>
-                                <TableCell>{description}</TableCell>
-                                <TableCell>
-                                    {
-                                        editable === name && !disableRunTimeConfigs.has(name) ?
-                                            <div className="flex gap-2">
-                                                        <Input
-                                                            ref={(ref) => {
-                                                                ref?.focus()
-                                                            }}
-                                                            className="w-20"
-                                                            type={name === "CMD_INFO" ? "text" : "number"}
-                                                            variant="Small"
-                                                            onChange={(e) => setConfigValue(e.target.value)}
-                                                            onKeyDown={(e) => onKeyDown(e, name)}
-                                                            value={configValue}
-                                                            style={{
-                                                                WebkitAppearance: 'none',
-                                                                margin: 0,
-                                                            }}
-                                                        />
-                                                <Button
-                                                    onClick={() => setEditable("")}
-                                                    onMouseDown={(e) => e.preventDefault()}
-                                                >
-                                                    <XCircle />
-                                                </Button>
-                                                <Button
-                                                    onClick={() => handelSetConfig(name)}
-                                                    onMouseDown={(e) => e.preventDefault()}
-                                                >
-                                                    <CheckCircle2 />
-                                                </Button>
-                                            </div>
-                                            : <Button
-                                                label={typeof value === "number" ? value.toString() : value}
-                                                onClick={() => {
-                                                    setEditable(name)
-                                                    setConfigValue(value.toString())
-                                                }}
-                                            />
-
-                                    }
-                                </TableCell>
-                            </TableRow>
-                        ))
-                    }
-                </TableBody>
-            </Table>
-        </div>
+        <TableComponent
+            headers={["Name", "Description", "Value (click to edit)"]}
+            rows={rows}
+        />
     );
 }
\ No newline at end of file
diff --git a/app/settings/users/AddUser.tsx b/app/settings/users/AddUser.tsx
index 39b3403d..5ec15de6 100644
--- a/app/settings/users/AddUser.tsx
+++ b/app/settings/users/AddUser.tsx
@@ -1,179 +1,104 @@
-import { Dispatch, FormEvent, SetStateAction, useState } from "react"
-import { Toast, securedFetch } from "@/lib/utils";
-import { Eye, PlusCircle } from "lucide-react";
-import { User } from "@/app/api/user/model";
-import Button from "@/app/components/ui/Button";
-import Input from "@/app/components/ui/Input";
-import DialogComponent from "@/app/components/DialogComponent";
-import Combobox from "../../components/ui/combobox";
+/* eslint-disable no-param-reassign */
+
+"use client"
 
-// eslint-disable-next-line no-useless-escape
-const PATTERN = "^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&#+]{8,}$"
+import { FormEvent, useState } from "react"
+import { PlusCircle } from "lucide-react";
+import { CreateUser } from "@/app/api/user/model";
+import Button from "@/app/components/ui/Button";
+import FormComponent, { Error, Field } from "@/app/components/FormComponent";
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
 
-export default function AddUser({ setUsers }: {
-    setUsers: Dispatch<SetStateAction<User[]>>
+export default function AddUser({ onAddUser }: {
+    onAddUser: (user: CreateUser) => void
 }) {
     const [open, setOpen] = useState(false)
     const [username, setUsername] = useState("")
     const [password, setPassword] = useState("")
     const [confirmPassword, setConfirmPassword] = useState("")
-    const [showPassword, setShowPassword] = useState(false)
-    const [showConfirmPassword, setConfirmShowPassword] = useState(false)
     const [role, setRole] = useState("")
 
+    const fields: Field[] = [
+        {
+            value: username,
+            onChange: (e) => setUsername(e.target.value),
+            label: "Username",
+            type: "text",
+            required: true,
+        },
+        {
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            label: "Password",
+            type: "password",
+            required: true,
+            show: false,
+            error: {
+                message: "Password must be at least 8 characters long",
+                condition: (value: string, error: Error) => {
+                    error.message = "Password must be at least 8 characters long"
+                    return value.length < 8
+                }
+            }
+        },
+        {
+            value: confirmPassword,
+            onChange: (e) => setConfirmPassword(e.target.value),
+            label: "Confirm Password",
+            type: "password",
+            required: true,
+            show: false,
+            error: {
+                message: "Password don't match",
+                condition: (value: string, error: Error) => {
+                    error.message = "Password don't match"
+                    return value !== password
+                }
+            }
+        },
+        {
+            value: role,
+            onSelectedValue: (value) => setRole(value),
+            label: "Role",
+            type: "select",
+            options: ["Admin", "Read-Write", "Read-Only"],
+            required: true,
+        }
+    ]
+
     const handelClose = () => {
         setPassword("")
         setConfirmPassword("")
         setUsername("")
         setRole("")
-        setConfirmShowPassword(false)
-        setShowPassword(false)
     }
 
-    const addUser = async (e: FormEvent) => {
+    const handelAddUser = async (e: FormEvent) => {
         e.preventDefault();
 
-        if (!role) {
-            Toast("select role is required")
-            return
-        }
-
-        const response = await securedFetch('/api/user/', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify({ username, password, role })
-        })
+        onAddUser({ username, password, role })
 
-        if (response.ok) {
-            Toast("User added successfully", "Success")
-            setUsers(prev => [...prev, { username, role, selected: false }])
-        }
         setOpen(false)
 
         handelClose()
     };
 
     return (
-        <DialogComponent
-            open={open}
-            onOpenChange={(o) => {
-                setOpen(o)
-                handelClose()
-            }}
-            trigger={
+        <Sheet open={open} onOpenChange={setOpen}>
+            <SheetTrigger>
                 <Button
                     variant="Primary"
                     label="Add User"
                 >
                     <PlusCircle size={20} />
                 </Button>
-            }
-            title="Add User"
-            description="Select a roll for the user and Enter username and password"
-        >
-            <form className="flex flex-col gap-16" onSubmit={addUser} >
-                <Combobox type="Role" options={["Admin", "Read-Write", "Read-Only"]} selectedValue={role} setSelectedValue={setRole} />
-                <div className="flex flex-col gap-2">
-                    <p>Username</p>
-                    <Input
-                        type="text"
-                        variant="Small"
-                        onChange={(e) => {
-                            setUsername(e.target.value)
-                            e.currentTarget.setCustomValidity("")
-                            e.currentTarget.reportValidity()
-                        }}
-                        onInvalid={(e) => e.currentTarget.setCustomValidity("Username is required")}
-                        required
-                    />
-                </div>
-                <div className="relative flex flex-col gap-2">
-                    <p title="Password">Password</p>
-                    <Button
-                        className="absolute top-10 right-2 p-0"
-                        onClick={() => setShowPassword(prev => !prev)}
-                    >
-                        <Eye strokeWidth={0.5} />
-                    </Button>
-                    <Input
-                        pattern={PATTERN}
-                        variant="Small"
-                        type={showPassword ? "text" : "password"}
-                        onChange={(e) => {
-                            setPassword(e.target.value)
-                            e.currentTarget.setCustomValidity("")
-                            e.currentTarget.reportValidity()
-                        }}
-                        value={password}
-                        onInvalid={(e) => {
-                            if (!e.currentTarget.value) {
-                                e.currentTarget.setCustomValidity("Password is required");
-                            } else if (e.currentTarget.validity.patternMismatch) {
-                                e.currentTarget.setCustomValidity(`
-                                            password must contain:
-                                            - At least one lowercase letter
-                                            - At least one uppercase letter
-                                            - At least one digit
-                                            - At least one special (@$!%*?&)
-                                            - At least 8 characters
-                                            `);
-                            }
-                        }}
-                        required
-                    />
-                </div>
-                <div className="relative flex flex-col gap-2">
-                    <p title="Confirm Password">Confirm Password</p>
-                    <Button
-                        className="absolute top-10 right-2 p-0"
-                        onClick={() => setConfirmShowPassword(prev => !prev)}
-                    >
-                        <Eye strokeWidth={0.5} />
-                    </Button>
-                    <Input
-                        pattern={PATTERN}
-                        variant="Small"
-                        type={showConfirmPassword ? "text" : "password"}
-                        onChange={(e) => {
-                            const val = e.target.value
-                            setConfirmPassword(val)
-                            e.currentTarget.setCustomValidity("")
-                            const valid = e.target.reportValidity()
-                            if (valid && password !== val) {
-                                e.currentTarget.setCustomValidity("password do not match")
-                            }
-                        }}
-                        value={confirmPassword}
-                        onInvalid={(e) => {
-                            const val = e.currentTarget.value
-                            if (!val) {
-                                e.currentTarget.setCustomValidity("Confirm Password is required");
-                            } else if (e.currentTarget.validity.patternMismatch) {
-                                e.currentTarget.setCustomValidity(`
-                                            password must contain:
-                                            - At least one lowercase letter
-                                            - At least one uppercase letter
-                                            - At least one digit
-                                            - At least one special (@$!%*?&)
-                                            - At least 8 characters
-                                            `);
-                            }
-                        }}
-                        required
-                    />
-                </div>
-                <div className="flex justify-end">
-                    <Button
-                        variant="Primary"
-                        label="Add User"
-                        type="submit"
-                    >
-                        <PlusCircle size={20} />
-                    </Button>
-                </div>
-            </form>
-        </DialogComponent>
+            </SheetTrigger>
+            <SheetContent>
+                <FormComponent
+                    handleSubmit={handelAddUser}
+                    fields={fields}
+                />
+            </SheetContent>
+        </Sheet>
     )
 }
\ No newline at end of file
diff --git a/app/settings/users/DeleteUser.tsx b/app/settings/users/DeleteUser.tsx
index 7628ed53..023c16bb 100644
--- a/app/settings/users/DeleteUser.tsx
+++ b/app/settings/users/DeleteUser.tsx
@@ -3,7 +3,8 @@ import { User } from "@/app/api/user/model";
 import { Trash2 } from "lucide-react";
 import { Dispatch, SetStateAction } from "react";
 import Button from "@/app/components/ui/Button";
-import { Toast, securedFetch } from "@/lib/utils";
+import { securedFetch } from "@/lib/utils";
+import { useToast } from "@/components/ui/use-toast";
 
 interface DeleteUserProps {
     // eslint-disable-next-line react/require-default-props
@@ -13,20 +14,25 @@ interface DeleteUserProps {
 }
 
 export default function DeleteUser({ isDeleteSelected, users, setUsers }: DeleteUserProps) {
-
+    
+    const { toast } = useToast()
+    
     const deleteSelected = async () => {
         if (!users) return
 
-        const response = await securedFetch('/api/user/?isDelete=true', {
-            method: 'POST',
+        const response = await securedFetch('/api/user/', {
+            method: 'DELETE',
             headers: {
                 'Content-Type': 'application/json'
             },
             body: JSON.stringify({ users })
-        })
+        }, toast)
 
         if (response.ok) {
-            Toast("Success", "User deleted successfully")
+            toast({
+                title: "Success",
+                description: "User deleted successfully",
+            })
             setUsers(prev => prev.filter(user => !users.find(u => user.username === u.username)))
         }
     }
@@ -37,9 +43,10 @@ export default function DeleteUser({ isDeleteSelected, users, setUsers }: Delete
                 <Button
                     disabled={users.length === 0}
                     variant={isDeleteSelected ? "Primary" : "button"}
-                    icon={<Trash2 />}
                     label={isDeleteSelected ? "Delete Users" : undefined}
-                />
+                >
+                    <Trash2 />
+                </Button>
             </AlertDialogTrigger>
             <AlertDialogContent className="flex flex-col gap-10 p-4">
                 <AlertDialogHeader className="">
diff --git a/app/settings/users/Users.tsx b/app/settings/users/Users.tsx
index 3cebe6a7..07eb215c 100644
--- a/app/settings/users/Users.tsx
+++ b/app/settings/users/Users.tsx
@@ -1,12 +1,14 @@
+/* eslint-disable @typescript-eslint/no-use-before-define */
+
 "use client";
 
 import React, { useEffect, useState } from "react";
-import { Checkbox } from "@/components/ui/checkbox";
-import { CheckedState } from "@radix-ui/react-checkbox";
-import { User } from "@/app/api/user/model";
-import { cn, prepareArg, securedFetch } from "@/lib/utils";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { CreateUser, User } from "@/app/api/user/model";
+import { prepareArg, securedFetch } from "@/lib/utils";
 import Combobox from "@/app/components/ui/combobox";
+import TableComponent, { Row } from "@/app/components/TableComponent";
+import { useToast } from "@/components/ui/use-toast";
+import { ToastAction } from "@/components/ui/toast";
 import DeleteUser from "./DeleteUser";
 import AddUser from "./AddUser";
 
@@ -20,40 +22,60 @@ const ROLES = [
 export default function Users() {
 
     const [users, setUsers] = useState<User[]>([])
-    const [checked, setChecked] = useState<boolean>(false)
-    const [hover, setHover] = useState<string>("")
+    const [rows, setRows] = useState<Row[]>([])
+    const { toast } = useToast()
+
+    useEffect(() => {
+        setRows(users.map((user) => ({
+            cells: [{
+                value: user.username,
+            }, {
+                value: user.role,
+            }],
+            checked: false,
+        })))
+    }, [users])
 
     useEffect(() => {
-        const run = async () => {
+        (async () => {
             const result = await securedFetch("api/user", {
                 method: 'GET',
                 headers: {
                     'Content-Type': 'application/json'
                 }
-            })
+            }, toast)
 
             if (result.ok) {
                 const data = await result.json()
-                setUsers(data.result)
+                setUsers(data.result.map((user: User) => ({ ...user, selected: false })))
+                setRows(data.result.map((user: User) => ({
+                    cells: [{
+                        value: user.username,
+                    }, {
+                        value: user.role,
+                        onChange: (value: string) => handelSetRole([user.username], [value])
+                    }],
+                    checked: false,
+                })))
             }
-        }
-        run()
+        })()
+
     }, [])
 
-    const handelSetRole = async (role: string, username?: string) => {
-        const updatedUsers = await Promise.all(users.map(async user => {
-            const selected = username ? user.username === username : user.selected
+    const handelSetRole = async (usernames: string[], role: string[]) => {
+        const oldRoles = usernames.map(username => users.find(user => user.username === username)!.role)
+        const updatedUsers = await Promise.all(users.map(async (user, i) => {
 
-            if (!selected) return user
+            if (!usernames.includes(user.username)) return user
 
             const result = await securedFetch(`api/user/${prepareArg(user.username)}/?role=${role}`, {
                 method: 'PATCH'
-            })
+            }, toast)
 
             if (result.ok) {
                 return {
                     ...user,
-                    role
+                    role: role.length === 1 ? role[0] : role[i]
                 }
             }
 
@@ -61,89 +83,67 @@ export default function Users() {
         }))
 
         setUsers(updatedUsers)
+        setRows(rows.map(row => {
+            if (!usernames.includes(row.cells[0].value)) return row
+            return {
+                ...row,
+                cells: [{ ...row.cells[0], value: role.length === 1 ? role[0] : role[usernames.indexOf(row.cells[0].value)] }],
+                checked: false
+            }
+        }))
+        toast({
+            title: "Success",
+            description: `${usernames.join(", ")} role updated successfully`,
+            action: <ToastAction altText="Undo" onClick={() => handelSetRole(usernames, oldRoles)}>Undo</ToastAction>
+        })
+        return true
     }
 
+    const handelAddUser = async ({ username, password, role }: CreateUser) => {
+        if (!role) {
+            toast({
+                title: "Error",
+                description: "Select role is required",
+                variant: "destructive"
+            })
+            return
+        }
+
+        const response = await securedFetch('/api/user/', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ username, password, role })
+        }, toast)
+
+        if (response.ok) {
+            toast({
+                title: "Success",
+                description: "User added successfully",
+            })
+            setUsers(prev => [...prev, { username, role, selected: false }])
+        }
+    }
 
     return (
         <div className="w-full h-full flex flex-col space-y-4">
-            <div className="flex flex-row-reverse gap-4">
-                <AddUser setUsers={setUsers} />
-                <DeleteUser isDeleteSelected users={users.filter(user => user.selected)} setUsers={setUsers} />
-                <Combobox
-                    disabled={users.filter(user => user.selected).length === 0}
-                    type="Role"
-                    options={ROLES}
-                    setSelectedValue={(role) => {
-                        setChecked(false)
-                        handelSetRole(role)
-                    }}
-                />
-            </div>
-            <div className="border border-[#57577B] rounded-lg overflow-auto">
-                <Table>
-                    <TableHeader>
-                        <TableRow className="border-none">
-                            {
-                                [<Checkbox
-                                    key="checkbox"
-                                    checked={checked}
-                                    className="data-[state=checked]:text-[#57577B] border-[#57577B] data-[state=checked]:bg-[#272746] rounded-lg w-5 h-5"
-                                    id="select-all"
-                                    onCheckedChange={(check: CheckedState) => {
-                                        setChecked(check === true)
-                                        setUsers(prev => prev.map(user => {
-                                            const u = user
-                                            u.selected = check === true
-                                            return u
-                                        }))
-                                    }}
-                                />, "USERNAME", "ROLE", ""].map((header, index) => (
-                                    // eslint-disable-next-line react/no-array-index-key
-                                    <TableHead key={index}>{header}</TableHead>
-                                ))
-                            }
-                        </TableRow>
-                    </TableHeader>
-                    <TableBody>
-                        {
-                            users.map(({ username, role, selected }, index) => (
-                                <TableRow onMouseEnter={() => setHover(username)} onMouseLeave={() => setHover("")} data-username={username} key={username} className={cn("border-none", !(index % 2) && "bg-[#57577B] hover:bg-[#57577B]")}>
-                                    <TableCell className="w-[5%] py-6">
-                                        <Checkbox
-                                            key="checkbox"
-                                            className={cn((index % 2) && "data-[state=checked]:text-[#57577B] border-[#57577B] data-[state=checked]:bg-[#272746]", !(index % 2) && "data-[state=checked]:text-[#272746] border-[#272746] data-[state=checked]:bg-[#57577B]", "rounded-lg w-5 h-5")}
-                                            checked={selected}
-                                            onCheckedChange={(check) => {
-                                                setUsers(prev => prev.map(currentUser => {
-                                                    if (username !== currentUser.username) return currentUser
-                                                    const u = currentUser
-                                                    u.selected = check === true
-                                                    return u
-                                                }))
-                                            }} />
-                                    </TableCell>
-                                    <TableCell className="w-[35%]">{username}</TableCell>
-                                    <TableCell className="w-[50%]">
-                                        <Combobox
-                                            key="role"
-                                            inTable
-                                            type="Role"
-                                            options={ROLES}
-                                            selectedValue={role || ""}
-                                            setSelectedValue={(r) => handelSetRole(r, username)} />
-                                    </TableCell>
-                                    <TableCell className="w-[10%]">
-                                        {
-                                            hover === username && username !== "default" &&
-                                            <DeleteUser key="delete" users={[{ username, role, selected }]} setUsers={setUsers} />
-                                        }
-                                    </TableCell>
-                                </TableRow>
-                            ))
-                        }
-                    </TableBody>
-                </Table>
-            </div>
+            <TableComponent
+                headers={["Name", "Role"]}
+                rows={rows}
+                setRows={setRows}
+            >
+                <div className="flex flex-row-reverse gap-4">
+                    <AddUser onAddUser={handelAddUser} />
+                    <DeleteUser users={rows.filter(row => row.checked).map(row => users.find(user => user.username === row.cells[0].value)!)} setUsers={setUsers} />
+                    <Combobox
+                        disabled={rows.filter(row => row.checked).length === 0}
+                        type="Role"
+                        options={ROLES}
+                        setSelectedValue={(role) => { handelSetRole(rows.filter(row => row.checked).map(row => row.cells[0].value), [role]) }}
+                    />
+                </div>
+            </TableComponent>
         </div >
     );
 }
\ No newline at end of file
diff --git a/components/ui/carousel.tsx b/components/ui/carousel.tsx
new file mode 100644
index 00000000..d75761f3
--- /dev/null
+++ b/components/ui/carousel.tsx
@@ -0,0 +1,262 @@
+"use client"
+
+import * as React from "react"
+import useEmblaCarousel, {
+  type UseEmblaCarouselType,
+} from "embla-carousel-react"
+import { ArrowLeft, ArrowRight } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+type CarouselApi = UseEmblaCarouselType[1]
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
+type CarouselOptions = UseCarouselParameters[0]
+type CarouselPlugin = UseCarouselParameters[1]
+
+type CarouselProps = {
+  opts?: CarouselOptions
+  plugins?: CarouselPlugin
+  orientation?: "horizontal" | "vertical"
+  setApi?: (api: CarouselApi) => void
+}
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
+  api: ReturnType<typeof useEmblaCarousel>[1]
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: boolean
+  canScrollNext: boolean
+} & CarouselProps
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null)
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext)
+
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />")
+  }
+
+  return context
+}
+
+const Carousel = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & CarouselProps
+>(
+  (
+    {
+      orientation = "horizontal",
+      opts,
+      setApi,
+      plugins,
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y",
+      },
+      plugins
+    )
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+    const [canScrollNext, setCanScrollNext] = React.useState(false)
+
+    const onSelect = React.useCallback((api: CarouselApi) => {
+      if (!api) {
+        return
+      }
+
+      setCanScrollPrev(api.canScrollPrev())
+      setCanScrollNext(api.canScrollNext())
+    }, [])
+
+    const scrollPrev = React.useCallback(() => {
+      api?.scrollPrev()
+    }, [api])
+
+    const scrollNext = React.useCallback(() => {
+      api?.scrollNext()
+    }, [api])
+
+    const handleKeyDown = React.useCallback(
+      (event: React.KeyboardEvent<HTMLDivElement>) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault()
+          scrollPrev()
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault()
+          scrollNext()
+        }
+      },
+      [scrollPrev, scrollNext]
+    )
+
+    React.useEffect(() => {
+      if (!api || !setApi) {
+        return
+      }
+
+      setApi(api)
+    }, [api, setApi])
+
+    React.useEffect(() => {
+      if (!api) {
+        return
+      }
+
+      onSelect(api)
+      api.on("reInit", onSelect)
+      api.on("select", onSelect)
+
+      return () => {
+        api?.off("select", onSelect)
+      }
+    }, [api, onSelect])
+
+    return (
+      <CarouselContext.Provider
+        value={{
+          carouselRef,
+          api: api,
+          opts,
+          orientation:
+            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext,
+        }}
+      >
+        <div
+          ref={ref}
+          onKeyDownCapture={handleKeyDown}
+          className={cn("relative", className)}
+          role="region"
+          aria-roledescription="carousel"
+          {...props}
+        >
+          {children}
+        </div>
+      </CarouselContext.Provider>
+    )
+  }
+)
+Carousel.displayName = "Carousel"
+
+const CarouselContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel()
+
+  return (
+    <div ref={carouselRef} className="overflow-hidden">
+      <div
+        ref={ref}
+        className={cn(
+          "flex",
+          orientation === "horizontal" ? "" : "flex-col",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+})
+CarouselContent.displayName = "CarouselContent"
+
+const CarouselItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel()
+
+  return (
+    <div
+      ref={ref}
+      role="group"
+      aria-roledescription="slide"
+      className={cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+CarouselItem.displayName = "CarouselItem"
+
+const CarouselPrevious = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute  h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-left-12 top-1/2 -translate-y-1/2"
+          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}
+    >
+      <ArrowLeft className="h-4 w-4" />
+      <span className="sr-only">Previous slide</span>
+    </Button>
+  )
+})
+CarouselPrevious.displayName = "CarouselPrevious"
+
+const CarouselNext = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-right-12 top-1/2 -translate-y-1/2"
+          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}
+    >
+      <ArrowRight className="h-4 w-4" />
+      <span className="sr-only">Next slide</span>
+    </Button>
+  )
+})
+CarouselNext.displayName = "CarouselNext"
+
+export {
+  type CarouselApi,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+}
diff --git a/components/ui/drawer.tsx b/components/ui/drawer.tsx
new file mode 100644
index 00000000..88ee3d98
--- /dev/null
+++ b/components/ui/drawer.tsx
@@ -0,0 +1,118 @@
+"use client"
+
+import * as React from "react"
+import { Drawer as DrawerPrimitive } from "vaul"
+
+import { cn } from "@/lib/utils"
+
+const Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
+  <DrawerPrimitive.Root
+    shouldScaleBackground={shouldScaleBackground}
+    {...props}
+  />
+)
+Drawer.displayName = "Drawer"
+
+const DrawerTrigger = DrawerPrimitive.Trigger
+
+const DrawerPortal = DrawerPrimitive.Portal
+
+const DrawerClose = DrawerPrimitive.Close
+
+const DrawerOverlay = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Overlay
+    ref={ref}
+    className={cn("fixed inset-0 z-50 bg-black/80", className)}
+    {...props}
+  />
+))
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
+
+const DrawerContent = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DrawerPortal>
+    <DrawerOverlay />
+    <DrawerPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        className
+      )}
+      {...props}
+    >
+      <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted cursor-grab active:cursor-grabbing" />
+      {children}
+    </DrawerPrimitive.Content>
+  </DrawerPortal>
+))
+DrawerContent.displayName = "DrawerContent"
+
+const DrawerHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
+    {...props}
+  />
+)
+DrawerHeader.displayName = "DrawerHeader"
+
+const DrawerFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+    {...props}
+  />
+)
+DrawerFooter.displayName = "DrawerFooter"
+
+const DrawerTitle = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+
+const DrawerDescription = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/components/ui/navigation-menu.tsx b/components/ui/navigation-menu.tsx
index 1d2f888b..227807b9 100644
--- a/components/ui/navigation-menu.tsx
+++ b/components/ui/navigation-menu.tsx
@@ -86,7 +86,7 @@ const NavigationMenuViewport = React.forwardRef<
   <div className={cn("absolute left-0 top-full flex justify-center w-full")}>
     <NavigationMenuPrimitive.Viewport
       className={cn(
-        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-background text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90",
+        "opacity-90 origin-top-center relative mt-2 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-lg bg-foreground text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90",
         className
       )}
       ref={ref}
diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx
new file mode 100644
index 00000000..a37f17ba
--- /dev/null
+++ b/components/ui/sheet.tsx
@@ -0,0 +1,140 @@
+"use client"
+
+import * as React from "react"
+import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Sheet = SheetPrimitive.Root
+
+const SheetTrigger = SheetPrimitive.Trigger
+
+const SheetClose = SheetPrimitive.Close
+
+const SheetPortal = SheetPrimitive.Portal
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
+
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom:
+          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right:
+          "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+      },
+    },
+    defaultVariants: {
+      side: "right",
+    },
+  }
+)
+
+interface SheetContentProps
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+    VariantProps<typeof sheetVariants> {}
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps
+>(({ side = "right", className, children, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      {children}
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </SheetPrimitive.Close>
+    </SheetPrimitive.Content>
+  </SheetPortal>
+))
+SheetContent.displayName = SheetPrimitive.Content.displayName
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+SheetHeader.displayName = "SheetHeader"
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+SheetFooter.displayName = "SheetFooter"
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold text-foreground", className)}
+    {...props}
+  />
+))
+SheetTitle.displayName = SheetPrimitive.Title.displayName
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+SheetDescription.displayName = SheetPrimitive.Description.displayName
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/components/ui/toast.tsx b/components/ui/toast.tsx
index a8224775..7b26f633 100644
--- a/components/ui/toast.tsx
+++ b/components/ui/toast.tsx
@@ -27,7 +27,7 @@ const toastVariants = cva(
   {
     variants: {
       variant: {
-        default: "border bg-background text-foreground",
+        default: "bg-background",
         destructive:
           "destructive group border-destructive bg-destructive text-destructive-foreground",
       },
@@ -75,7 +75,7 @@ const ToastClose = React.forwardRef<
   <ToastPrimitives.Close
     ref={ref}
     className={cn(
-      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      "absolute right-2 top-2 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
       className
     )}
     toast-close=""
diff --git a/lib/utils.ts b/lib/utils.ts
index 36bba62e..351bf522 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,27 +1,31 @@
-import { toast } from "@/components/ui/use-toast"
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// eslint-disable-next-line import/prefer-default-export
+
+"use client"
+
 import { type ClassValue, clsx } from "clsx"
 import { signOut } from "next-auth/react"
 import { twMerge } from "tailwind-merge"
 
-// eslint-disable-next-line import/prefer-default-export
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/default-param-last
-export function Toast(message?: string, type?: string) {
-  toast({
-    title: type || "Error",
-    description: message || "Something Went Wrong",
-  })
-}
-
-export async function securedFetch(input: string | URL | globalThis.Request, init?: RequestInit): Promise<Response> {
+export async function securedFetch(
+  input: string | URL | globalThis.Request,
+  init: RequestInit,
+  toast: any,
+): Promise<Response> {
   const response = await fetch(input, init)
   const { status } = response
+
   if (status >= 300) {
-    response.text().then((message) => {
-      Toast(message)
+    response.json().then((err) => {
+      toast({
+        title: "Error",
+        description: err.message,
+        variant: "destructive"
+      })
     }).then(() => {
       if (status === 401 || status >= 500) {
         signOut({ callbackUrl: '/login' })
diff --git a/package-lock.json b/package-lock.json
index 24a6ebd6..89e7c59c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,6 +37,7 @@
         "depcheck": "^1.4.7",
         "echarts": "^5.5.0",
         "echarts-for-react": "^3.0.2",
+        "embla-carousel-react": "^8.5.1",
         "eslint-config-airbnb": "^19.0.4",
         "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-import": "^2.29.1",
@@ -63,6 +64,7 @@
         "swr": "^2.2.5",
         "tailwind-merge": "^2.2.0",
         "tailwindcss": "^3.4.1",
+        "vaul": "^1.1.2",
         "zod": "^3.24.1"
       },
       "devDependencies": {
@@ -84,14 +86,12 @@
     "node_modules/-": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/-/-/--0.0.1.tgz",
-      "integrity": "sha512-3HfneK3DGAm05fpyj20sT3apkNcvPpCuccOThOPdzz8sY7GgQGe0l93XH9bt+YzibcTIgUAIMoyVJI740RtgyQ==",
-      "license": "UNLICENSED"
+      "integrity": "sha512-3HfneK3DGAm05fpyj20sT3apkNcvPpCuccOThOPdzz8sY7GgQGe0l93XH9bt+YzibcTIgUAIMoyVJI740RtgyQ=="
     },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -158,10 +158,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.6.tgz",
-      "integrity": "sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==",
-      "license": "MIT",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -212,25 +211,26 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "license": "MIT",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
+      "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
       "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
       "peerDependencies": {
         "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.11.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.1.tgz",
-      "integrity": "sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==",
-      "license": "MIT",
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
@@ -239,7 +239,6 @@
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
       "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "license": "MIT",
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -258,11 +257,15 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
     "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -272,7 +275,6 @@
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "license": "MIT",
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -283,11 +285,21 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/@eslint/eslintrc/node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -299,7 +311,6 @@
       "version": "8.57.1",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
       "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
-      "license": "MIT",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -308,16 +319,14 @@
       "version": "1.6.8",
       "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
       "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
-      "license": "MIT",
       "dependencies": {
         "@floating-ui/utils": "^0.2.8"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.11",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz",
-      "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==",
-      "license": "MIT",
+      "version": "1.6.12",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.12.tgz",
+      "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==",
       "dependencies": {
         "@floating-ui/core": "^1.6.0",
         "@floating-ui/utils": "^0.2.8"
@@ -327,7 +336,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
       "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
-      "license": "MIT",
       "dependencies": {
         "@floating-ui/dom": "^1.0.0"
       },
@@ -339,8 +347,7 @@
     "node_modules/@floating-ui/utils": {
       "version": "0.2.8",
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
-      "license": "MIT"
+      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
     },
     "node_modules/@hookform/resolvers": {
       "version": "3.9.1",
@@ -355,7 +362,6 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
       "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
       "deprecated": "Use @eslint/config-array instead",
-      "license": "Apache-2.0",
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.3",
         "debug": "^4.3.1",
@@ -369,7 +375,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -379,7 +384,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -391,7 +395,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "license": "Apache-2.0",
       "engines": {
         "node": ">=12.22"
       },
@@ -404,14 +407,12 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
-      "deprecated": "Use @eslint/object-schema instead",
-      "license": "BSD-3-Clause"
+      "deprecated": "Use @eslint/object-schema instead"
     },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "license": "ISC",
       "dependencies": {
         "string-width": "^5.1.2",
         "string-width-cjs": "npm:string-width@^4.2.0",
@@ -428,7 +429,6 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
       "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -440,7 +440,6 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -452,7 +451,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "license": "MIT",
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -469,7 +467,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -484,7 +481,6 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -498,10 +494,9 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
-      "license": "MIT",
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -515,7 +510,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -524,7 +518,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
       "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -532,14 +525,12 @@
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "license": "MIT"
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.25",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
       "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -549,7 +540,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.4.0.tgz",
       "integrity": "sha512-00ioBig0x642hytVspPl7DbQyaSWRaolYie/UFNjoTdvoKPzo6xrXLhTk9ixgIKcLH5b5vDOjVNiGyY+uDCUlg==",
-      "license": "MIT",
       "dependencies": {
         "state-local": "^1.0.6"
       },
@@ -561,7 +551,6 @@
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.6.0.tgz",
       "integrity": "sha512-RFkU9/i7cN2bsq/iTkurMWOEErmYcY6JiQI3Jn+WeR/FGISH8JbHERjpS9oRuSOPvDMJI0Z8nJeKkbOs9sBYQw==",
-      "license": "MIT",
       "dependencies": {
         "@monaco-editor/loader": "^1.4.0"
       },
@@ -574,15 +563,13 @@
     "node_modules/@next/env": {
       "version": "14.1.0",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.0.tgz",
-      "integrity": "sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw==",
-      "license": "MIT"
+      "integrity": "sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw=="
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "14.0.4",
       "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
       "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "glob": "7.1.7"
       }
@@ -594,7 +581,6 @@
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -610,7 +596,6 @@
       "cpu": [
         "x64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -626,7 +611,6 @@
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -642,7 +626,6 @@
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -658,7 +641,6 @@
       "cpu": [
         "x64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -674,7 +656,6 @@
       "cpu": [
         "x64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -690,7 +671,6 @@
       "cpu": [
         "arm64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -706,7 +686,6 @@
       "cpu": [
         "ia32"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -722,7 +701,6 @@
       "cpu": [
         "x64"
       ],
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -735,7 +713,6 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -748,7 +725,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -757,7 +733,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -771,7 +746,6 @@
       "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
       "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=12.4.0"
       }
@@ -780,7 +754,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
       "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/panva"
       }
@@ -789,20 +762,18 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "license": "MIT",
       "optional": true,
       "engines": {
         "node": ">=14"
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.47.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.47.1.tgz",
-      "integrity": "sha512-dbWpcNQZ5nj16m+A5UNScYx7HX5trIy7g4phrcitn+Nk83S32EBX/CLU4hiF4RGKX/yRc93AAqtfaXB7JWBd4Q==",
+      "version": "1.49.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.49.1.tgz",
+      "integrity": "sha512-Ky+BVzPz8pL6PQxHqNRW1k3mIyv933LML7HktS8uik0bUXNCdPhoS/kLihiO1tMf/egaJb4IutXd7UywvXEW+g==",
       "dev": true,
-      "license": "Apache-2.0",
       "dependencies": {
-        "playwright": "1.47.1"
+        "playwright": "1.49.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -817,23 +788,21 @@
       "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ=="
     },
     "node_modules/@radix-ui/primitive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
-      "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==",
-      "license": "MIT"
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
     },
     "node_modules/@radix-ui/react-alert-dialog": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.1.tgz",
-      "integrity": "sha512-wmCoJwj7byuVuiLKqDLlX7ClSUU0vd9sdCeM+2Ls+uf13+cpSJoMgwysHq1SGVVkJj5Xn0XWi1NoRCdkMpr6Mw==",
-      "license": "MIT",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.4.tgz",
+      "integrity": "sha512-A6Kh23qZDLy3PSU4bh2UJZznOrUdHImIXqF8YtUa6CN73f8EOO9XlXSCd9IHyPvIquTaa/kwaSWzZTtUvgXVGw==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dialog": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dialog": "1.1.4",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -850,30 +819,12 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz",
-      "integrity": "sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
+      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -891,13 +842,12 @@
       }
     },
     "node_modules/@radix-ui/react-avatar": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.0.tgz",
-      "integrity": "sha512-Q/PbuSMk/vyAd/UoIShVGZ7StHHeRFYU7wXmi5GV+8cLXflZAEpHL/F697H1klrzxKXNtZ97vWiC0q3RKUH8UA==",
-      "license": "MIT",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.2.tgz",
+      "integrity": "sha512-GaC7bXQZ5VgZvVvsJ5mu/AEbjYLnhhkoidOboC50Z6FFlLA03wG2ianUoH+zgDQ31/9gCF59bE4+2bBgTyMiig==",
       "dependencies": {
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
@@ -917,16 +867,15 @@
       }
     },
     "node_modules/@radix-ui/react-checkbox": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.1.tgz",
-      "integrity": "sha512-0i/EKJ222Afa1FE0C6pNJxDq1itzcl3HChE9DwskA4th4KRse8ojx8a1nVcOjwJdbpDLcz7uol77yYnQNMHdKw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.3.tgz",
+      "integrity": "sha512-HD7/ocp8f1B3e6OHygH0n7ZKjONkhciy1Nh0yuBgObqThc3oyx+vuMfFHKAknXRHHWVE9XvXStxJFyjUmB8PIw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "@radix-ui/react-use-previous": "1.1.0",
         "@radix-ui/react-use-size": "1.1.0"
@@ -947,15 +896,14 @@
       }
     },
     "node_modules/@radix-ui/react-collection": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz",
-      "integrity": "sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
+      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0"
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -972,28 +920,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
-      "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1005,10 +935,9 @@
       }
     },
     "node_modules/@radix-ui/react-context": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-      "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1020,25 +949,24 @@
       }
     },
     "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.1.tgz",
-      "integrity": "sha512-zysS+iU4YP3STKNS6USvFVqI4qqx8EpiwmT5TuCApVEBca+eRCbONi4EgzfNSuVnOXvC5UPHHMjs8RXO6DH9Bg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-focus-guards": "1.1.0",
-        "@radix-ui/react-focus-scope": "1.1.0",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.4.tgz",
+      "integrity": "sha512-Ur7EV1IwQGCyaAuyDRiOLA5JIUZxELJljF+MbM/2NC0BYwfuRrbpS30BiQBJrVruscgUkieKkqXYDOoByaxIoA==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.7"
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1055,28 +983,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-direction": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
       "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
-      "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1088,14 +998,13 @@
       }
     },
     "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.0.tgz",
-      "integrity": "sha512-/UovfmmXGptwGcBQawLzvn2jOfM0t4z3/uKffoBlj724+n3FvBbZ7M0aaBOmkp6pqFYpO4yx8tSVJjx3Fl2jig==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-escape-keydown": "1.1.0"
       },
@@ -1115,17 +1024,16 @@
       }
     },
     "node_modules/@radix-ui/react-dropdown-menu": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.1.tgz",
-      "integrity": "sha512-y8E+x9fBq9qvteD2Zwa4397pUVhYsh9iq44b5RD5qu1GMJWBCBuVg1hMyItbc6+zH00TxGRqd9Iot4wzf3OoBQ==",
-      "license": "MIT",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.4.tgz",
+      "integrity": "sha512-iXU1Ab5ecM+yEepGAWK8ZhMyKX4ubFdCNtol4sT9D0OVErG9PNElfx3TQhjw7n7BC5nFVz68/5//clWy+8TXzA==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-menu": "2.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-menu": "2.1.4",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -1144,10 +1052,9 @@
       }
     },
     "node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.0.tgz",
-      "integrity": "sha512-w6XZNUPVv6xCpZUqb/yN9DL6auvpGX3C/ee6Hdi16v2UUy25HV2Q5bcflsiDyT/g5RwbPQ/GIT1vLkeRb+ITBw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1159,13 +1066,12 @@
       }
     },
     "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.0.tgz",
-      "integrity": "sha512-200UD8zylvEyL8Bx+z76RJnASR2gRMuxlgFCPAe/Q/679a/r0eK3MBVYMb7vZODZcffZBdob1EGnky78xmVvcA==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.1.tgz",
+      "integrity": "sha512-01omzJAYRxXdG2/he/+xy+c8a8gCydoQ1yOxnWNcRhrrBW5W+RQJ22EK1SaO8tb3WoUsuEw7mJjBozPzihDFjA==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0"
       },
       "peerDependencies": {
@@ -1184,19 +1090,18 @@
       }
     },
     "node_modules/@radix-ui/react-hover-card": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.1.tgz",
-      "integrity": "sha512-IwzAOP97hQpDADYVKrEEHUH/b2LA+9MgB0LgdmnbFO2u/3M5hmEofjjr2M6CyzUblaAqJdFm6B7oFtU72DPXrA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.4.tgz",
+      "integrity": "sha512-QSUUnRA3PQ2UhvoCv3eYvMnCAgGQW+sTu86QPuNb+ZMi+ZENd6UWpiXbcWDQ4AEaKF9KKpCHBeaJz9Rw6lRlaQ==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -1218,7 +1123,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
       "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
@@ -1254,12 +1158,29 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.4.tgz",
+      "integrity": "sha512-BnOgVoL6YYdHAG6DtXONaR29Eq4nvbi8rutrV/xlr3RQCMMb3yqP85Qiw/3NReozrSW+4dfLkK+rc1hb4wPU/A==",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-roving-focus": "1.1.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1276,30 +1197,25 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-menu": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.1.tgz",
-      "integrity": "sha512-oa3mXRRVjHi6DZu/ghuzdylyjaMXLymx83irM7hTxutQbD+7IhPKdMdRHD26Rm+kHRrWcrUkkRPv5pd47a2xFQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+    "node_modules/@radix-ui/react-navigation-menu": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.3.tgz",
+      "integrity": "sha512-IQWAsQ7dsLIYDrn0WqPU+cdM7MONTv9nqrLVYoie3BPiabSfUVDe6Fr+oEt0Cofsr9ONDcDe9xhmJbL1Uq1yKg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-focus-guards": "1.1.0",
-        "@radix-ui/react-focus-scope": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-roving-focus": "1.1.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.7"
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1316,42 +1232,57 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.4.tgz",
+      "integrity": "sha512-aUACAkXx8LaFymDma+HQVji7WhvEhpFJ7+qPz17Nf4lLZqtreGOFRiNQWQmhzp7kEWg9cOyyQJpdIMUMPc/CPw==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-navigation-menu": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.3.tgz",
-      "integrity": "sha512-IQWAsQ7dsLIYDrn0WqPU+cdM7MONTv9nqrLVYoie3BPiabSfUVDe6Fr+oEt0Cofsr9ONDcDe9xhmJbL1Uq1yKg==",
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
+      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-collection": "1.1.1",
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.3",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-presence": "1.1.2",
         "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
         "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-previous": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.1"
+        "@radix-ui/react-use-rect": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0",
+        "@radix-ui/rect": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1368,20 +1299,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-collection": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
-      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-slot": "1.1.1"
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1398,488 +1322,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
-      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
-      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
-      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.1.tgz",
-      "integrity": "sha512-3y1A3isulwnWhvTTwmIreiB8CF4L+qRjZnK1wYLO7pplddzXKby/GnZ2M7OZY3qgnl6p9AodUIHRYGXNah8Y7g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-focus-guards": "1.1.0",
-        "@radix-ui/react-focus-scope": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.7"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popper": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
-      "integrity": "sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-rect": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0",
-        "@radix-ui/rect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.1.tgz",
-      "integrity": "sha512-A3UtLk85UtqhzFqtoC8Q0KvR2GbXF3mtPgACSazajqq6A41mEQgo53iPzY4i6BwDxlIFqWIhiQ2G729n+2aw/g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.0.tgz",
-      "integrity": "sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-progress": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.0.tgz",
-      "integrity": "sha512-aSzvnYpP725CROcxAOEBVZZSIQVQdHgBr2QQFKySsaD14u8dNT0batuXI+AAGDdAHfXH8rbnHmjYFqVJ21KkRg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz",
-      "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.4.tgz",
-      "integrity": "sha512-pOkb2u8KgO47j/h7AylCj7dJsm69BXcjkrvTqMptFqsE2i0p8lHkfgneXKjAgPzBMivnoMyt8o4KiV4wYzDdyQ==",
-      "dependencies": {
-        "@radix-ui/number": "1.1.0",
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-collection": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.3",
-        "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.1",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.1",
-        "@radix-ui/react-portal": "1.1.3",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-slot": "1.1.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-previous": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.1",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "^2.6.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
-      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-collection": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
-      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-slot": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
-      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1896,28 +1345,12 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
-      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.1.tgz",
-      "integrity": "sha512-01omzJAYRxXdG2/he/+xy+c8a8gCydoQ1yOxnWNcRhrrBW5W+RQJ22EK1SaO8tb3WoUsuEw7mJjBozPzihDFjA==",
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1934,21 +1367,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-popper": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
-      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
+    "node_modules/@radix-ui/react-progress": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.1.tgz",
+      "integrity": "sha512-6diOawA84f/eMxFHcWut0aE1C2kyE9dOyCTQOMRR2C/qPiXz/X0SaiA/RLbapQaXUCmy0/hLMf9meSccD1N0pA==",
       "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-rect": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0",
-        "@radix-ui/rect": "1.1.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1965,13 +1390,20 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
-      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz",
+      "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==",
       "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1988,12 +1420,32 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.4.tgz",
+      "integrity": "sha512-pOkb2u8KgO47j/h7AylCj7dJsm69BXcjkrvTqMptFqsE2i0p8lHkfgneXKjAgPzBMivnoMyt8o4KiV4wYzDdyQ==",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
+        "@radix-ui/number": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.1",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2010,10 +1462,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-visually-hidden": {
+    "node_modules/@radix-ui/react-separator": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
-      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz",
+      "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==",
       "dependencies": {
         "@radix-ui/react-primitive": "2.0.1"
       },
@@ -2032,53 +1484,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/react-remove-scroll": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.2.tgz",
-      "integrity": "sha512-KmONPx5fnlXYJQqC62Q+lwIeAk64ws/cUw6omIumRzMRPqgnYqhSSti99nbj0Ry13bv7dF+BKn7NB+OqkdZGTw==",
-      "dependencies": {
-        "react-remove-scroll-bar": "^2.3.7",
-        "react-style-singleton": "^2.2.1",
-        "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.3",
-        "use-sidecar": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz",
-      "integrity": "sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-slot": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
@@ -2096,30 +1501,15 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-switch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.0.tgz",
-      "integrity": "sha512-OBzy5WAj641k0AOSpKQtreDMe+isX0MQJ1IVyF03ucdF3DunOnROVrjWs8zsXUxC3zfZ6JL9HFVCUlMghz9dJw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.2.tgz",
+      "integrity": "sha512-zGukiWHjEdBCRyXvKR6iXAQG6qXm2esuAD6kDOi9Cn+1X6ev3ASo4+CsYaD6Fov9r/AQFekqnD/7+V0Cs6/98g==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "@radix-ui/react-use-previous": "1.1.0",
         "@radix-ui/react-use-size": "1.1.0"
@@ -2140,18 +1530,17 @@
       }
     },
     "node_modules/@radix-ui/react-tabs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.0.tgz",
-      "integrity": "sha512-bZgOKB/LtZIij75FSuPzyEti/XBhJH52ExgtdVqjCIh+Nx/FW+LhnbXtbCzIi34ccyMsyOja8T0thCzoHFXNKA==",
-      "license": "MIT",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.2.tgz",
+      "integrity": "sha512-9u/tQJMcC2aGq7KXpGivMm1mgq7oRJKXphDwdypPd/j21j/2znamPU8WkXgnhUaTrSFNIt8XhOyCAupg8/GbwQ==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-direction": "1.1.0",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-roving-focus": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-roving-focus": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -2170,23 +1559,22 @@
       }
     },
     "node_modules/@radix-ui/react-toast": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.1.tgz",
-      "integrity": "sha512-5trl7piMXcZiCq7MW6r8YYmu0bK5qDpTWz+FdEPdKyft2UixkspheYbjbrLXVN5NGKHFbOP7lm8eD0biiSqZqg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.4.tgz",
+      "integrity": "sha512-Sch9idFJHJTMH9YNpxxESqABcAFweJG4tKv+0zo0m5XBvUSL8FM5xKcJLFLXononpePs8IclyX1KieL5SDUNgA==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.0"
+        "@radix-ui/react-visually-hidden": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2204,23 +1592,22 @@
       }
     },
     "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.2.tgz",
-      "integrity": "sha512-9XRsLwe6Yb9B/tlnYCPVUd/TFS4J7HuOZW345DCeC6vKIxQGMZdx21RK4VoZauPD5frgkXTYVS5y90L+3YBn4w==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.6.tgz",
+      "integrity": "sha512-TLB5D8QLExS1uDn7+wH/bjEmRurNMTzNrtq7IjaS4kjion9NtzsTGkvR5+i7yc9q01Pi2KMM2cN3f8UG4IvvXA==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.0"
+        "@radix-ui/react-visually-hidden": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2237,28 +1624,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
       "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
-      "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -2273,7 +1642,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz",
       "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/react-use-callback-ref": "1.1.0"
       },
@@ -2291,7 +1659,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
       "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/react-use-callback-ref": "1.1.0"
       },
@@ -2309,7 +1676,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
       "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
-      "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -2324,7 +1690,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz",
       "integrity": "sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==",
-      "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -2339,7 +1704,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz",
       "integrity": "sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/rect": "1.1.0"
       },
@@ -2357,7 +1721,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz",
       "integrity": "sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
@@ -2372,12 +1735,11 @@
       }
     },
     "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz",
-      "integrity": "sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
+      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2397,14 +1759,12 @@
     "node_modules/@radix-ui/rect": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
-      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==",
-      "license": "MIT"
+      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
     },
     "node_modules/@redis/bloom": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@redis/bloom/-/bloom-1.2.0.tgz",
       "integrity": "sha512-HG2DFjYKbpNmVXsa0keLHp/3leGJz1mjh09f2RLGGLQZzSHpkmZWuwJbAvo3QcRY8p80m5+ZdXZdYOSBLlp7Cg==",
-      "license": "MIT",
       "peerDependencies": {
         "@redis/client": "^1.0.0"
       }
@@ -2413,7 +1773,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/@redis/client/-/client-1.6.0.tgz",
       "integrity": "sha512-aR0uffYI700OEEH4gYnitAnv3vzVGXCFvYfdpu/CJKvk4pHfLPEy/JSZyrpQ+15WhXe1yJRXLtfQ84s4mEXnPg==",
-      "license": "MIT",
       "dependencies": {
         "cluster-key-slot": "1.1.2",
         "generic-pool": "3.9.0",
@@ -2427,7 +1786,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@redis/graph/-/graph-1.1.1.tgz",
       "integrity": "sha512-FEMTcTHZozZciLRl6GiiIB4zGm5z5F3F6a6FZCyrfxdKOhFlGkiAqlexWMBzCi4DcRoyiOsuLfW+cjlGWyExOw==",
-      "license": "MIT",
       "peerDependencies": {
         "@redis/client": "^1.0.0"
       }
@@ -2436,7 +1794,6 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/@redis/json/-/json-1.0.7.tgz",
       "integrity": "sha512-6UyXfjVaTBTJtKNG4/9Z8PSpKE6XgSyEb8iwaqDcy+uKrd/DGYHTWkUdnQDyzm727V7p21WUMhsqz5oy65kPcQ==",
-      "license": "MIT",
       "peerDependencies": {
         "@redis/client": "^1.0.0"
       }
@@ -2445,7 +1802,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@redis/search/-/search-1.2.0.tgz",
       "integrity": "sha512-tYoDBbtqOVigEDMAcTGsRlMycIIjwMCgD8eR2t0NANeQmgK/lvxNAvYyb6bZDD4frHRhIHkJu2TBRvB0ERkOmw==",
-      "license": "MIT",
       "peerDependencies": {
         "@redis/client": "^1.0.0"
       }
@@ -2454,7 +1810,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@redis/time-series/-/time-series-1.1.0.tgz",
       "integrity": "sha512-c1Q99M5ljsIuc4YdaCwfUEXsofakb9c8+Zse2qxTadu8TalLXuAESzLvFAvNVbkmSlvlzIQOLpBCmWI9wTOt+g==",
-      "license": "MIT",
       "peerDependencies": {
         "@redis/client": "^1.0.0"
       }
@@ -2462,21 +1817,18 @@
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
-      "license": "MIT"
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g=="
     },
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.10.4",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz",
       "integrity": "sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@swc/helpers": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
       "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-      "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.4.0"
       }
@@ -2490,15 +1842,13 @@
       "version": "3.21.8",
       "resolved": "https://registry.npmjs.org/@types/cytoscape/-/cytoscape-3.21.8.tgz",
       "integrity": "sha512-6Bo9ZDrv0vfwe8Sg/ERc5VL0yU0gYvP4dgZi0fAXYkKHfyHaNqWRMcwYm3mu4sLsXbB8ZuXE75sR7qnaOL5JgQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@types/cytoscape-fcose": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/@types/cytoscape-fcose/-/cytoscape-fcose-2.2.4.tgz",
       "integrity": "sha512-QwWtnT8HI9h+DHhG5krGc1ZY0Ex+cn85MvX96ZNAjSxuXiZDnjIZW/ypVkvvubTjIY4rSdkJY1D/Nsn8NDpmAw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/cytoscape": "*"
       }
@@ -2507,20 +1857,17 @@
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
       "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "license": "MIT"
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="
     },
     "node_modules/@types/lodash": {
-      "version": "4.17.7",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz",
-      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==",
-      "license": "MIT"
+      "version": "4.17.14",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.14.tgz",
+      "integrity": "sha512-jsxagdikDiDBeIRaPYtArcT8my4tN1og7MtMRquFT3XNA6axxyHDRUemqDz/taRDdOUn0GnGHRCuff4q48sW9A=="
     },
     "node_modules/@types/minimatch": {
       "version": "3.0.5",
@@ -2528,11 +1875,10 @@
       "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ=="
     },
     "node_modules/@types/node": {
-      "version": "20.16.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.16.5.tgz",
-      "integrity": "sha512-VwYCweNo3ERajwy0IUlqqcyZ8/A7Zwa9ZP3MnENWcB11AejO+tLy3pu850goUW2FC/IJMdZUfKpX/yxL1gymCA==",
+      "version": "20.17.11",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.11.tgz",
+      "integrity": "sha512-Ept5glCK35R8yeyIeYlRIZtX6SLRyqMhOFTgj5SOkMpLTdw3SEHI9fHx60xaUZ+V1aJxQJODE+7/j5ocZydYTg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "undici-types": "~6.19.2"
       }
@@ -2543,16 +1889,14 @@
       "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.13",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
-      "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==",
-      "license": "MIT"
+      "version": "15.7.14",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz",
+      "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ=="
     },
     "node_modules/@types/react": {
-      "version": "18.3.8",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.8.tgz",
-      "integrity": "sha512-syBUrW3/XpnW4WJ41Pft+I+aPoDVbrBVQGEnbD7NijDGlVC+8gV/XKRY+7vMDlfPpbwYt0l1vd/Sj8bJGMbs9Q==",
-      "license": "MIT",
+      "version": "18.3.18",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.18.tgz",
+      "integrity": "sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==",
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
@@ -2563,35 +1907,31 @@
       "resolved": "https://registry.npmjs.org/@types/react-cytoscapejs/-/react-cytoscapejs-1.2.5.tgz",
       "integrity": "sha512-G9VcGQOlER3njklOu5D0FDGHYfkQJ3yEL95kGbgI/MR08N5dQ7IbLSZI8WqaB4fG0zOURIg0BUtOCrbE5HRZEQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/cytoscape": "*",
         "@types/react": "*"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.3.0",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
-      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "version": "18.3.5",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.5.tgz",
+      "integrity": "sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==",
       "devOptional": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/react": "*"
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
       }
     },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
       "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz",
       "integrity": "sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.5.1",
         "@typescript-eslint/scope-manager": "6.21.0",
@@ -2619,20 +1959,7 @@
       "peerDependenciesMeta": {
         "typescript": {
           "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
+        }
       }
     },
     "node_modules/@typescript-eslint/parser": {
@@ -2640,7 +1967,6 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
       "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "@typescript-eslint/scope-manager": "6.21.0",
         "@typescript-eslint/types": "6.21.0",
@@ -2669,7 +1995,6 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
       "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@typescript-eslint/types": "6.21.0",
         "@typescript-eslint/visitor-keys": "6.21.0"
@@ -2687,7 +2012,6 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz",
       "integrity": "sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@typescript-eslint/typescript-estree": "6.21.0",
         "@typescript-eslint/utils": "6.21.0",
@@ -2715,7 +2039,6 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
       "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
       },
@@ -2729,7 +2052,6 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
       "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "@typescript-eslint/types": "6.21.0",
         "@typescript-eslint/visitor-keys": "6.21.0",
@@ -2753,25 +2075,11 @@
         }
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/utils": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.21.0.tgz",
       "integrity": "sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "@types/json-schema": "^7.0.12",
@@ -2792,25 +2100,11 @@
         "eslint": "^7.0.0 || ^8.0.0"
       }
     },
-    "node_modules/@typescript-eslint/utils/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/visitor-keys": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
       "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@typescript-eslint/types": "6.21.0",
         "eslint-visitor-keys": "^3.4.1"
@@ -2824,10 +2118,9 @@
       }
     },
     "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "license": "ISC"
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.1.tgz",
+      "integrity": "sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA=="
     },
     "node_modules/@vue/compiler-core": {
       "version": "3.5.13",
@@ -2889,10 +2182,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.12.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
-      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
-      "license": "MIT",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2904,7 +2196,6 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "license": "MIT",
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -2913,7 +2204,6 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -2929,7 +2219,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2951,14 +2240,12 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "license": "MIT"
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -2970,20 +2257,20 @@
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "license": "MIT"
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
     },
     "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "license": "Python-2.0"
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
     },
     "node_modules/aria-hidden": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
       "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
-      "license": "MIT",
       "dependencies": {
         "tslib": "^2.0.0"
       },
@@ -2992,22 +2279,20 @@
       }
     },
     "node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "deep-equal": "^2.0.5"
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/array-buffer-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
-      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "is-array-buffer": "^3.0.4"
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3028,7 +2313,6 @@
       "version": "3.1.8",
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
       "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -3048,7 +2332,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3057,7 +2340,6 @@
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
       "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -3077,7 +2359,6 @@
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
       "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -3094,15 +2375,14 @@
       }
     },
     "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "license": "MIT",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3112,15 +2392,14 @@
       }
     },
     "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "license": "MIT",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3133,7 +2412,6 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
       "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -3146,19 +2424,17 @@
       }
     },
     "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
-      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
-      "license": "MIT",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
-        "es-errors": "^1.2.1",
-        "get-intrinsic": "^1.2.3",
-        "is-array-buffer": "^3.0.4",
-        "is-shared-array-buffer": "^1.0.2"
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3178,14 +2454,12 @@
     "node_modules/ast-types-flow": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
-      "license": "MIT"
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ=="
     },
     "node_modules/attr-accept": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/attr-accept/-/attr-accept-2.2.2.tgz",
-      "integrity": "sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==",
-      "license": "MIT",
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/attr-accept/-/attr-accept-2.2.5.tgz",
+      "integrity": "sha512-0bDNnY/u6pPwHDMoF0FieU354oBi0a8rD9FcsLwzcGWbc8KS8KPIi7y+s13OlVY+gMWc/9xEMUgNE6Qm8ZllYQ==",
       "engines": {
         "node": ">=4"
       }
@@ -3230,7 +2504,6 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
       "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
-      "license": "MIT",
       "dependencies": {
         "possible-typed-array-names": "^1.0.0"
       },
@@ -3242,10 +2515,9 @@
       }
     },
     "node_modules/axe-core": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.0.tgz",
-      "integrity": "sha512-Mr2ZakwQ7XUAjp7pAwQWRhhK8mQQ6JAaNWSjmjxil0R8BPioMtQsTLOolGYkji1rcL++3dCqZA3zWqpT+9Ew6g==",
-      "license": "MPL-2.0",
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.2.tgz",
+      "integrity": "sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==",
       "engines": {
         "node": ">=4"
       }
@@ -3254,7 +2526,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
       "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
-      "license": "Apache-2.0",
       "engines": {
         "node": ">= 0.4"
       }
@@ -3262,8 +2533,7 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "license": "MIT"
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/bezier-js": {
       "version": "6.1.4",
@@ -3278,7 +2548,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -3290,7 +2559,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
@@ -3299,7 +2567,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
       },
@@ -3308,9 +2575,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.24.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
-      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
+      "version": "4.24.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.3.tgz",
+      "integrity": "sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==",
       "funding": [
         {
           "type": "opencollective",
@@ -3326,9 +2593,9 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001669",
-        "electron-to-chromium": "^1.5.41",
-        "node-releases": "^2.0.18",
+        "caniuse-lite": "^1.0.30001688",
+        "electron-to-chromium": "^1.5.73",
+        "node-releases": "^2.0.19",
         "update-browserslist-db": "^1.1.1"
       },
       "bin": {
@@ -3350,16 +2617,41 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-      "license": "MIT",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
         "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
         "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3380,7 +2672,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -3400,15 +2691,14 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001684",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001684.tgz",
-      "integrity": "sha512-G1LRwLIQjBQoyq0ZJGqGIJUXzJ8irpbjHLpVRXDvBEScFJ9b17sgK6vlx0GAJFE21okD7zXl08rRRUfq6HdoEQ==",
+      "version": "1.0.30001690",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz",
+      "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==",
       "funding": [
         {
           "type": "opencollective",
@@ -3435,11 +2725,25 @@
         "node": ">=12"
       }
     },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "license": "MIT",
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -3463,7 +2767,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -3472,31 +2775,20 @@
       }
     },
     "node_modules/class-variance-authority": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.0.tgz",
-      "integrity": "sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==",
-      "license": "Apache-2.0",
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
       "dependencies": {
-        "clsx": "2.0.0"
+        "clsx": "^2.1.1"
       },
       "funding": {
-        "url": "https://joebell.co.uk"
-      }
-    },
-    "node_modules/class-variance-authority/node_modules/clsx": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
-      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
+        "url": "https://polar.sh/cva"
       }
     },
     "node_modules/client-only": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
-      "license": "MIT"
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
     },
     "node_modules/cliui": {
       "version": "7.0.4",
@@ -3512,7 +2804,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
       "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -3521,7 +2812,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz",
       "integrity": "sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==",
-      "license": "Apache-2.0",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3530,7 +2820,6 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/cmdk/-/cmdk-0.2.1.tgz",
       "integrity": "sha512-U6//9lQ6JvT47+6OF6Gi8BvkxYQ8SCRRSKIJkthIMsFsLZRG0cKvTtuTaefyIKMQb8rvvXy0wGdpTNq/jPtm+g==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/react-dialog": "1.0.0"
       },
@@ -3543,7 +2832,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
       "integrity": "sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       }
@@ -3552,7 +2840,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz",
       "integrity": "sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -3564,7 +2851,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.0.tgz",
       "integrity": "sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -3576,7 +2862,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.0.tgz",
       "integrity": "sha512-Yn9YU+QlHYLWwV1XfKiqnGVpWYWk6MeBVM6x/bcoyPvxgjQGoeT35482viLPctTMWoMw0PoHgqfSox7Ig+957Q==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/primitive": "1.0.0",
@@ -3603,7 +2888,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.0.tgz",
       "integrity": "sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/primitive": "1.0.0",
@@ -3621,7 +2905,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.0.tgz",
       "integrity": "sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -3633,7 +2916,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.0.tgz",
       "integrity": "sha512-C4SWtsULLGf/2L4oGeIHlvWQx7Rf+7cX/vKOAD2dXW0A1b5QXwi3wWeaEgW+wn+SEVrraMUk05vLU9fZZz5HbQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0",
@@ -3649,7 +2931,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.0.tgz",
       "integrity": "sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-use-layout-effect": "1.0.0"
@@ -3662,7 +2943,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.0.tgz",
       "integrity": "sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-primitive": "1.0.0"
@@ -3676,7 +2956,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.0.tgz",
       "integrity": "sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0",
@@ -3691,7 +2970,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.0.tgz",
       "integrity": "sha512-EyXe6mnRlHZ8b6f4ilTDrXmkLShICIuOTTj0GX4w1rp+wSxf3+TD05u1UOITC8VsJ2a9nwHvdXtOXEOl0Cw/zQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-slot": "1.0.0"
@@ -3705,7 +2983,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.0.tgz",
       "integrity": "sha512-3mrKauI/tWXo1Ll+gN5dHcxDPdm/Df1ufcDLCecn+pnCIVcdWE7CujXo8QaXOWRJyZyQWWbpB8eFwHzWXlv5mQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-compose-refs": "1.0.0"
@@ -3718,7 +2995,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
       "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -3730,7 +3006,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz",
       "integrity": "sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-use-callback-ref": "1.0.0"
@@ -3743,7 +3018,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.0.tgz",
       "integrity": "sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@radix-ui/react-use-callback-ref": "1.0.0"
@@ -3756,7 +3030,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
       "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.13.10"
       },
@@ -3768,7 +3041,6 @@
       "version": "2.5.4",
       "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.4.tgz",
       "integrity": "sha512-xGVKJJr0SJGQVirVFAUZ2k1QLyO6m+2fy0l8Qawbp5Jgrv3DeLalrfMNBFSlmz5kriGGzsVBtGVnf4pTKIhhWA==",
-      "license": "MIT",
       "dependencies": {
         "react-remove-scroll-bar": "^2.3.3",
         "react-style-singleton": "^2.2.1",
@@ -3826,23 +3098,28 @@
         "simple-swizzle": "^0.2.2"
       }
     },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "license": "MIT"
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
     "node_modules/confusing-browser-globals": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
-      "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==",
-      "license": "MIT"
+      "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA=="
     },
     "node_modules/cookie": {
       "version": "0.7.2",
       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
       "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -3851,7 +3128,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-2.2.0.tgz",
       "integrity": "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==",
-      "license": "MIT",
       "dependencies": {
         "layout-base": "^2.0.0"
       }
@@ -3871,19 +3147,10 @@
         "node": ">=10"
       }
     },
-    "node_modules/cosmiconfig/node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
       "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -3897,7 +3164,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "license": "MIT",
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -3908,14 +3174,12 @@
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT"
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/cytoscape": {
-      "version": "3.30.2",
-      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.30.2.tgz",
-      "integrity": "sha512-oICxQsjW8uSaRmn4UK/jkczKOqTrVqt5/1WL0POiJUT2EKNc9STM4hYFHv917yu55aTBMFNRzymlJhVAiWPCxw==",
-      "license": "MIT",
+      "version": "3.30.4",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.30.4.tgz",
+      "integrity": "sha512-OxtlZwQl1WbwMmLiyPSEBuzeTIQnwZhJYYWFzZ2PhEHVFwpeaqNIkUzSiso00D98qk60l8Gwon2RP304d3BJ1A==",
       "engines": {
         "node": ">=0.10"
       }
@@ -3924,7 +3188,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/cytoscape-fcose/-/cytoscape-fcose-2.2.0.tgz",
       "integrity": "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==",
-      "license": "MIT",
       "dependencies": {
         "cose-base": "^2.2.0"
       },
@@ -4019,9 +3282,9 @@
       }
     },
     "node_modules/d3-octree": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/d3-octree/-/d3-octree-1.0.2.tgz",
-      "integrity": "sha512-Qxg4oirJrNXauiuC94uKMbgxwnhdda9xRLl9ihq45srlJ4Ga3CSgqGcAL8iW7N5CIv4Oz8x3E734ulxyvHPvwA=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-octree/-/d3-octree-1.1.0.tgz",
+      "integrity": "sha512-F8gPlqpP+HwRPMO/8uOu5wjH110+6q4cgJvgJT6vlpy3BEaDIKlTZrgHKZSp/i1InRpVfh4puY/kvL6MxK930A=="
     },
     "node_modules/d3-quadtree": {
       "version": "3.0.1",
@@ -4132,18 +3395,16 @@
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "license": "BSD-2-Clause"
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
     },
     "node_modules/data-view-buffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
-      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4153,29 +3414,27 @@
       }
     },
     "node_modules/data-view-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
-      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/inspect-js"
       }
     },
     "node_modules/data-view-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
-      "license": "MIT",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
         "is-data-view": "^1.0.1"
       },
@@ -4187,10 +3446,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "license": "MIT",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
       "dependencies": {
         "ms": "^2.1.3"
       },
@@ -4203,49 +3461,15 @@
         }
       }
     },
-    "node_modules/deep-equal": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
-      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-      "license": "MIT",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.5",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.2",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "license": "MIT"
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
     },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
       "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
@@ -4262,7 +3486,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
       "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.0.1",
         "has-property-descriptors": "^1.0.0",
@@ -4311,26 +3534,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/depcheck/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/depcheck/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
     "node_modules/depcheck/node_modules/minimatch": {
       "version": "7.4.6",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-7.4.6.tgz",
@@ -4345,30 +3548,19 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/depcheck/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/depcheck/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/deps-regex": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/deps-regex/-/deps-regex-0.2.0.tgz",
       "integrity": "sha512-PwuBojGMQAYbWkMXOY9Pd/NWCDNHVH12pnS7WHqZkTSeMESe4hwnKKRp0yR87g37113x4JPbo/oIvXY+s/f56Q=="
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/detect-file": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
@@ -4380,21 +3572,18 @@
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
-      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
-      "license": "MIT"
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
     },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "license": "Apache-2.0"
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
     },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "path-type": "^4.0.0"
       },
@@ -4405,14 +3594,12 @@
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "license": "MIT"
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "license": "Apache-2.0",
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -4420,27 +3607,37 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "license": "MIT"
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
     },
     "node_modules/echarts": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.5.1.tgz",
-      "integrity": "sha512-Fce8upazaAXUVUVsjgV6mBnGuqgO+JNDlcgF79Dksy4+wgGpQB2lmYoO4TSweFg/mZITdpGHomw/cNBJZj1icA==",
-      "license": "Apache-2.0",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.6.0.tgz",
+      "integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
       "dependencies": {
         "tslib": "2.3.0",
-        "zrender": "5.6.0"
+        "zrender": "5.6.1"
       }
     },
     "node_modules/echarts-for-react": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/echarts-for-react/-/echarts-for-react-3.0.2.tgz",
       "integrity": "sha512-DRwIiTzx8JfwPOVgGttDytBqdp5VzCSyMRIxubgU/g2n9y3VLUmF2FK7Icmg/sNVkv4+rktmrLN9w22U2yy3fA==",
-      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "size-sensor": "^1.0.1"
@@ -4453,26 +3650,48 @@
     "node_modules/echarts/node_modules/tslib": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
-      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
-      "license": "0BSD"
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.67",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.67.tgz",
-      "integrity": "sha512-nz88NNBsD7kQSAGGJyp8hS6xSPtWwqNogA0mjtc2nUYeEf3nURK9qpV18TuBdDmEDgVWotS8Wkzf+V52dSQ/LQ=="
+      "version": "1.5.76",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.76.tgz",
+      "integrity": "sha512-CjVQyG7n7Sr+eBXE86HIulnL5N8xZY1sgmOPGuq/F0Rr0FJq63lg0kEtOIDfZBk44FnDLf6FUJ+dsJcuiUDdDQ=="
+    },
+    "node_modules/embla-carousel": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.5.1.tgz",
+      "integrity": "sha512-JUb5+FOHobSiWQ2EJNaueCNT/cQU9L6XWBbWmorWPQT9bkbk+fhsuLr8wWrzXKagO3oWszBO7MSx+GfaRk4E6A=="
+    },
+    "node_modules/embla-carousel-react": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/embla-carousel-react/-/embla-carousel-react-8.5.1.tgz",
+      "integrity": "sha512-z9Y0K84BJvhChXgqn2CFYbfEi6AwEr+FFVVKm/MqbTQ2zIzO1VQri6w67LcfpVF0AjbhwVMywDZqY4alYkjW5w==",
+      "dependencies": {
+        "embla-carousel": "8.5.1",
+        "embla-carousel-reactive-utils": "8.5.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/embla-carousel-reactive-utils": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.5.1.tgz",
+      "integrity": "sha512-n7VSoGIiiDIc4MfXF3ZRTO59KDp820QDuyBDGlt5/65+lumPHxX2JLz0EZ23hZ4eg4vZGUXwMkYv02fw2JVo/A==",
+      "peerDependencies": {
+        "embla-carousel": "8.5.1"
+      }
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "license": "MIT"
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
-      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz",
+      "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -4500,63 +3719,62 @@
         "is-arrayish": "^0.2.1"
       }
     },
-    "node_modules/error-ex/node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
-    },
     "node_modules/es-abstract": {
-      "version": "1.23.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
-      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
-      "license": "MIT",
+      "version": "1.23.9",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
+      "integrity": "sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==",
       "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "arraybuffer.prototype.slice": "^1.0.3",
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
-        "data-view-buffer": "^1.0.1",
-        "data-view-byte-length": "^1.0.1",
-        "data-view-byte-offset": "^1.0.0",
-        "es-define-property": "^1.0.0",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
         "es-object-atoms": "^1.0.0",
-        "es-set-tostringtag": "^2.0.3",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.4",
-        "get-symbol-description": "^1.0.2",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.0",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
         "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
         "hasown": "^2.0.2",
-        "internal-slot": "^1.0.7",
-        "is-array-buffer": "^3.0.4",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
         "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.1",
-        "is-negative-zero": "^2.0.3",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.3",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.13",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
+        "is-data-view": "^1.0.2",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.3",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.5",
-        "regexp.prototype.flags": "^1.5.2",
-        "safe-array-concat": "^1.1.2",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.trim": "^1.2.9",
-        "string.prototype.trimend": "^1.0.8",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.3",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
         "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.2",
-        "typed-array-byte-length": "^1.0.1",
-        "typed-array-byte-offset": "^1.0.2",
-        "typed-array-length": "^1.0.6",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.15"
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.18"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4566,13 +3784,9 @@
       }
     },
     "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "license": "MIT",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
       "engines": {
         "node": ">= 0.4"
       }
@@ -4581,51 +3795,31 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
       "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/es-iterator-helpers": {
-      "version": "1.0.19",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz",
-      "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3",
+        "es-abstract": "^1.23.6",
         "es-errors": "^1.3.0",
         "es-set-tostringtag": "^2.0.3",
         "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "globalthis": "^1.0.3",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
         "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.7",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.1.2"
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4635,7 +3829,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
       "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
-      "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0"
       },
@@ -4644,14 +3837,14 @@
       }
     },
     "node_modules/es-set-tostringtag": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
-      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
-      "license": "MIT",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
       "dependencies": {
-        "get-intrinsic": "^1.2.4",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
         "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.1"
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4661,20 +3854,18 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
       "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
-      "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.0"
       }
     },
     "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "license": "MIT",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
       "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4691,11 +3882,22 @@
         "node": ">=6"
       }
     },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/eslint": {
       "version": "8.57.1",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
       "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
-      "license": "MIT",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -4750,7 +3952,6 @@
       "version": "19.0.4",
       "resolved": "https://registry.npmjs.org/eslint-config-airbnb/-/eslint-config-airbnb-19.0.4.tgz",
       "integrity": "sha512-T75QYQVQX57jiNgpF9r1KegMICE94VYwoFQyMGhrvc+lB8YF2E/M/PYDaQe1AJcWaEgqLE+ErXV1Og/+6Vyzew==",
-      "license": "MIT",
       "dependencies": {
         "eslint-config-airbnb-base": "^15.0.0",
         "object.assign": "^4.1.2",
@@ -4771,7 +3972,6 @@
       "version": "15.0.0",
       "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz",
       "integrity": "sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==",
-      "license": "MIT",
       "dependencies": {
         "confusing-browser-globals": "^1.0.10",
         "object.assign": "^4.1.2",
@@ -4786,12 +3986,19 @@
         "eslint-plugin-import": "^2.25.2"
       }
     },
+    "node_modules/eslint-config-airbnb-base/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/eslint-config-airbnb-typescript": {
       "version": "17.1.0",
       "resolved": "https://registry.npmjs.org/eslint-config-airbnb-typescript/-/eslint-config-airbnb-typescript-17.1.0.tgz",
       "integrity": "sha512-GPxI5URre6dDpJ0CtcthSZVBAfI+Uw7un5OYNVxP2EYi3H81Jw701yFP7AU+/vCE7xBtFmjge7kfhhk4+RAiig==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "eslint-config-airbnb-base": "^15.0.0"
       },
@@ -4807,7 +4014,6 @@
       "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
       "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@next/eslint-plugin-next": "14.0.4",
         "@rushstack/eslint-patch": "^1.3.3",
@@ -4833,7 +4039,6 @@
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
       "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
-      "license": "MIT",
       "bin": {
         "eslint-config-prettier": "bin/cli.js"
       },
@@ -4845,7 +4050,6 @@
       "version": "0.3.9",
       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
       "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "license": "MIT",
       "dependencies": {
         "debug": "^3.2.7",
         "is-core-module": "^2.13.0",
@@ -4856,26 +4060,24 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "license": "MIT",
       "dependencies": {
         "ms": "^2.1.1"
       }
     },
     "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.3",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.3.tgz",
-      "integrity": "sha512-ud9aw4szY9cCT1EWWdGv1L1XR6hh2PaRWif0j2QjQ0pgTY/69iw+W0Z4qZv5wHahOl8isEr+k/JnyAqNQkLkIA==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.7.0.tgz",
+      "integrity": "sha512-Vrwyi8HHxY97K5ebydMtffsWAn1SCR9eol49eCd5fJS4O1WV7PaAjbcjmbfJJSMz/t4Mal212Uz/fQZrOB8mow==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "@nolyfill/is-core-module": "1.0.39",
-        "debug": "^4.3.5",
+        "debug": "^4.3.7",
         "enhanced-resolve": "^5.15.0",
-        "eslint-module-utils": "^2.8.1",
         "fast-glob": "^3.3.2",
         "get-tsconfig": "^4.7.5",
         "is-bun-module": "^1.0.2",
-        "is-glob": "^4.0.3"
+        "is-glob": "^4.0.3",
+        "stable-hash": "^0.0.4"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -4898,10 +4100,9 @@
       }
     },
     "node_modules/eslint-module-utils": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.11.0.tgz",
-      "integrity": "sha512-gbBE5Hitek/oG6MUVj6sFuzEjA/ClzNflVrLovHi/JgLdC7fiN5gLAY1WIPW1a0V5I999MnsrvVrCOGmmVqDBQ==",
-      "license": "MIT",
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
+      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
       "dependencies": {
         "debug": "^3.2.7"
       },
@@ -4918,16 +4119,14 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "license": "MIT",
       "dependencies": {
         "ms": "^2.1.1"
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.30.0.tgz",
-      "integrity": "sha512-/mHNE9jINJfiD2EKkg1BKyPyUk4zdnT54YgbOgfjSakWT5oyX/qQLVNTkehyfpcMxZXMy1zyonZ2v7hZTX43Yw==",
-      "license": "MIT",
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.8",
@@ -4937,7 +4136,7 @@
         "debug": "^3.2.7",
         "doctrine": "^2.1.0",
         "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.9.0",
+        "eslint-module-utils": "^2.12.0",
         "hasown": "^2.0.2",
         "is-core-module": "^2.15.1",
         "is-glob": "^4.0.3",
@@ -4946,20 +4145,20 @@
         "object.groupby": "^1.0.3",
         "object.values": "^1.2.0",
         "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.8",
         "tsconfig-paths": "^3.15.0"
       },
       "engines": {
         "node": ">=4"
       },
       "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
       }
     },
     "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -4969,7 +4168,6 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "license": "MIT",
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -4978,7 +4176,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
       "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "license": "Apache-2.0",
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -4990,7 +4187,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -4998,13 +4194,20 @@
         "node": "*"
       }
     },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.10.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.0.tgz",
-      "integrity": "sha512-ySOHvXX8eSN6zz8Bywacm7CvGNhUtdjvqfQDVe6020TUK34Cywkw7m0KsCCk1Qtm9G1FayfTN1/7mMYnYO2Bhg==",
-      "license": "MIT",
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
       "dependencies": {
-        "aria-query": "~5.1.3",
+        "aria-query": "^5.3.2",
         "array-includes": "^3.1.8",
         "array.prototype.flatmap": "^1.3.2",
         "ast-types-flow": "^0.0.8",
@@ -5012,14 +4215,13 @@
         "axobject-query": "^4.1.0",
         "damerau-levenshtein": "^1.0.8",
         "emoji-regex": "^9.2.2",
-        "es-iterator-helpers": "^1.0.19",
         "hasown": "^2.0.2",
         "jsx-ast-utils": "^3.3.5",
         "language-tags": "^1.0.9",
         "minimatch": "^3.1.2",
         "object.fromentries": "^2.0.8",
         "safe-regex-test": "^1.0.3",
-        "string.prototype.includes": "^2.0.0"
+        "string.prototype.includes": "^2.0.1"
       },
       "engines": {
         "node": ">=4.0"
@@ -5032,7 +4234,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -5042,7 +4243,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -5051,28 +4251,27 @@
       }
     },
     "node_modules/eslint-plugin-react": {
-      "version": "7.36.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.36.1.tgz",
-      "integrity": "sha512-/qwbqNXZoq+VP30s1d4Nc1C5GTxjJQjk4Jzs4Wq2qzxFM7dSmuG2UkIjg2USMLh3A/aVcUNrK7v0J5U1XEGGwA==",
-      "license": "MIT",
+      "version": "7.37.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.3.tgz",
+      "integrity": "sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA==",
       "dependencies": {
         "array-includes": "^3.1.8",
         "array.prototype.findlast": "^1.2.5",
-        "array.prototype.flatmap": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.3",
         "array.prototype.tosorted": "^1.1.4",
         "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.19",
+        "es-iterator-helpers": "^1.2.1",
         "estraverse": "^5.3.0",
         "hasown": "^2.0.2",
         "jsx-ast-utils": "^2.4.1 || ^3.0.0",
         "minimatch": "^3.1.2",
         "object.entries": "^1.1.8",
         "object.fromentries": "^2.0.8",
-        "object.values": "^1.2.0",
+        "object.values": "^1.2.1",
         "prop-types": "^15.8.1",
         "resolve": "^2.0.0-next.5",
         "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.11",
+        "string.prototype.matchall": "^4.0.12",
         "string.prototype.repeat": "^1.0.0"
       },
       "engines": {
@@ -5086,7 +4285,6 @@
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
       "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -5098,7 +4296,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -5108,7 +4305,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
       "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "license": "Apache-2.0",
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -5120,7 +4316,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -5132,7 +4327,6 @@
       "version": "2.0.0-next.5",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
       "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
-      "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
@@ -5145,11 +4339,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/eslint-scope": {
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
       "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "license": "BSD-2-Clause",
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -5165,7 +4366,6 @@
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "license": "Apache-2.0",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -5173,49 +4373,24 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
     "node_modules/eslint/node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
       }
     },
-    "node_modules/eslint/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/eslint/node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/eslint/node_modules/globals": {
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "license": "MIT",
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -5226,20 +4401,21 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
+    "node_modules/eslint/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
       }
     },
     "node_modules/eslint/node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -5247,23 +4423,10 @@
         "node": "*"
       }
     },
-    "node_modules/eslint/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
       "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "license": "BSD-2-Clause",
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -5292,7 +4455,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
       "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
-      "license": "BSD-3-Clause",
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -5304,7 +4466,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "license": "BSD-2-Clause",
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -5316,7 +4477,6 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
       }
@@ -5330,7 +4490,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5347,9 +4506,9 @@
       }
     },
     "node_modules/falkordb": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/falkordb/-/falkordb-6.2.3.tgz",
-      "integrity": "sha512-2JTKO6d8vCTtQiOd/MgxW6XnxBK1AfjPQx4yPQITKx6ULHDbymldTNqN5Rea+wPcGHprk4DLkGwFAO4Mdr1zkw==",
+      "version": "6.2.7",
+      "resolved": "https://registry.npmjs.org/falkordb/-/falkordb-6.2.7.tgz",
+      "integrity": "sha512-PQpQv76r6VnS/u2jjlSAeJ5Oq89Eqi9YKIMTwIls/NVy2Tet/M/HP/MFH1XIXAMjxySrQ7bFaRCKCq+c98kjKA==",
       "dependencies": {
         "@redis/client": "^1.6.0",
         "cluster-key-slot": "1.1.2",
@@ -5361,20 +4520,18 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "license": "MIT"
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "license": "MIT",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
         "glob-parent": "^5.1.2",
         "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
+        "micromatch": "^4.0.8"
       },
       "engines": {
         "node": ">=8.6.0"
@@ -5384,7 +4541,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -5395,20 +4551,17 @@
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "license": "MIT"
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "license": "MIT"
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
     "node_modules/fastq": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-      "license": "ISC",
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz",
+      "integrity": "sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==",
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -5417,7 +4570,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "license": "MIT",
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -5426,12 +4578,11 @@
       }
     },
     "node_modules/file-selector": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-0.6.0.tgz",
-      "integrity": "sha512-QlZ5yJC0VxHxQQsQhXvBaC7VRJ2uaxTf+Tfpu4Z/OcVQJVpZO+DGU0rkoVW5ce2SccxugvpBJoMvUs59iILYdw==",
-      "license": "MIT",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-2.1.2.tgz",
+      "integrity": "sha512-QgXo+mXTe8ljeqUFaX3QVHc5osSItJ/Km+xpocx0aSqWGMSCf6qYs/VnzZgS864Pjn5iceMRFigeAV7AfTlaig==",
       "dependencies": {
-        "tslib": "^2.4.0"
+        "tslib": "^2.7.0"
       },
       "engines": {
         "node": ">= 12"
@@ -5441,7 +4592,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -5453,7 +4603,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "license": "MIT",
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -5483,7 +4632,6 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
       "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-      "license": "MIT",
       "dependencies": {
         "flatted": "^3.2.9",
         "keyv": "^4.5.3",
@@ -5494,24 +4642,22 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
-      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
-      "license": "ISC"
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz",
+      "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA=="
     },
     "node_modules/for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
       "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "license": "MIT",
       "dependencies": {
         "is-callable": "^1.1.3"
       }
     },
     "node_modules/force-graph": {
-      "version": "1.47.1",
-      "resolved": "https://registry.npmjs.org/force-graph/-/force-graph-1.47.1.tgz",
-      "integrity": "sha512-NF0prpR8tNGq7oCE/aFImT/6/3wSk585bcp39UAj6SNSPjvKbX6ktCH6cZnjfsnPNx/DYj1rn+cvvjH814HCFA==",
+      "version": "1.47.2",
+      "resolved": "https://registry.npmjs.org/force-graph/-/force-graph-1.47.2.tgz",
+      "integrity": "sha512-JGAURlgNGH2FrQGa6KcTiA2zreEW32ED6Mfh5UZHxERhyo3RabcftAVnVfgMziOtSl44bHuwdCuI4/afSTUZuQ==",
       "dependencies": {
         "@tweenjs/tween.js": "18 - 25",
         "accessor-fn": "1",
@@ -5536,7 +4682,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
       "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "license": "ISC",
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^4.0.1"
@@ -5563,15 +4708,13 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "license": "ISC"
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
     "node_modules/fsevents": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
       "hasInstallScript": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -5584,21 +4727,21 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "license": "MIT",
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5611,7 +4754,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
       "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -5620,7 +4762,6 @@
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/generic-pool/-/generic-pool-3.9.0.tgz",
       "integrity": "sha512-hymDOu5B53XvN4QT9dBmZxPX4CWhBPPLguTZ9MMFeFa/Kg0xWVfylOVNlJji/E7yTZWFd/q9GO5TxDLq156D7g==",
-      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
@@ -5634,16 +4775,20 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "license": "MIT",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
+      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
         "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
+        "get-proto": "^1.0.0",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5656,20 +4801,30 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
       "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/get-symbol-description": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
-      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4"
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5683,7 +4838,6 @@
       "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
       "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "resolve-pkg-maps": "^1.0.0"
       },
@@ -5696,7 +4850,6 @@
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
       "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
-      "license": "ISC",
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -5716,7 +4869,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -5728,7 +4880,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -5738,7 +4889,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -5797,7 +4947,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
       "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
-      "license": "MIT",
       "dependencies": {
         "define-properties": "^1.2.1",
         "gopd": "^1.0.1"
@@ -5814,7 +4963,6 @@
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
       "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
@@ -5831,12 +4979,11 @@
       }
     },
     "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "license": "MIT",
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -5845,29 +4992,36 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "license": "ISC"
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "license": "MIT"
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="
     },
     "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/has-property-descriptors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
       "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0"
       },
@@ -5876,10 +5030,12 @@
       }
     },
     "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
-      "license": "MIT",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -5888,10 +5044,9 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -5903,7 +5058,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
       "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "license": "MIT",
       "dependencies": {
         "has-symbols": "^1.0.3"
       },
@@ -5918,7 +5072,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -5941,7 +5094,6 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
       "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
@@ -5950,7 +5102,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -5962,11 +5113,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/import-fresh/node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.8.19"
       }
@@ -5984,7 +5142,6 @@
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
       "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
-      "license": "ISC",
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -5993,8 +5150,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "license": "ISC"
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/ini": {
       "version": "1.3.8",
@@ -6002,14 +5158,13 @@
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
     "node_modules/internal-slot": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
-      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
       "dependencies": {
         "es-errors": "^1.3.0",
-        "hasown": "^2.0.0",
-        "side-channel": "^1.0.4"
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6023,30 +5178,14 @@
         "node": ">=12"
       }
     },
-    "node_modules/is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-array-buffer": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
-      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
-      "license": "MIT",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6056,17 +5195,19 @@
       }
     },
     "node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
     },
     "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "license": "MIT",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.0.tgz",
+      "integrity": "sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6076,12 +5217,14 @@
       }
     },
     "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
       "dependencies": {
-        "has-bigints": "^1.0.1"
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -6091,7 +5234,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "license": "MIT",
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -6100,13 +5242,12 @@
       }
     },
     "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
+      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6116,33 +5257,18 @@
       }
     },
     "node_modules/is-bun-module": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.2.1.tgz",
-      "integrity": "sha512-AmidtEM6D6NmUiLOvvU7+IePxjEjOzra2h0pSrsfSAcXwl/83zLLXDByafUJy9k/rKK0pvXMLdwKwGHlX2Ke6Q==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.3.0.tgz",
+      "integrity": "sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "semver": "^7.6.3"
       }
     },
-    "node_modules/is-bun-module/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
       "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -6151,10 +5277,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.15.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
-      "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
-      "license": "MIT",
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
       "dependencies": {
         "hasown": "^2.0.2"
       },
@@ -6166,11 +5291,12 @@
       }
     },
     "node_modules/is-data-view": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
-      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
-      "license": "MIT",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
       "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
         "is-typed-array": "^1.1.13"
       },
       "engines": {
@@ -6181,12 +5307,12 @@
       }
     },
     "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6199,18 +5325,19 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -6220,18 +5347,19 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.0",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6244,7 +5372,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -6256,19 +5383,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
       "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -6280,18 +5394,17 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
     },
     "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6304,19 +5417,19 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6329,7 +5442,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
       "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -6338,12 +5450,11 @@
       }
     },
     "node_modules/is-shared-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
-      "license": "MIT",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
       "dependencies": {
-        "call-bind": "^1.0.7"
+        "call-bound": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6353,12 +5464,12 @@
       }
     },
     "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6368,12 +5479,13 @@
       }
     },
     "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
       "dependencies": {
-        "has-symbols": "^1.0.2"
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6383,12 +5495,11 @@
       }
     },
     "node_modules/is-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
-      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
-      "license": "MIT",
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
       "dependencies": {
-        "which-typed-array": "^1.1.14"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6401,7 +5512,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
       "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -6410,25 +5520,26 @@
       }
     },
     "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
+      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bound": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-weakset": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz",
-      "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
-      "license": "MIT",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4"
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6448,33 +5559,33 @@
     "node_modules/isarray": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "license": "MIT"
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
     },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "license": "ISC"
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
     },
     "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "license": "MIT",
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
       "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/jackspeak": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
       "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "license": "BlueOak-1.0.0",
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
@@ -6494,10 +5605,9 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.6",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-      "license": "MIT",
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -6506,7 +5616,6 @@
       "version": "4.15.9",
       "resolved": "https://registry.npmjs.org/jose/-/jose-4.15.9.tgz",
       "integrity": "sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/panva"
       }
@@ -6514,16 +5623,15 @@
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT"
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
     "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "license": "MIT",
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
       "dependencies": {
-        "argparse": "^2.0.1"
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
       },
       "bin": {
         "js-yaml": "bin/js-yaml.js"
@@ -6543,8 +5651,7 @@
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "license": "MIT"
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="
     },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
@@ -6554,14 +5661,12 @@
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "license": "MIT"
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "license": "MIT"
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="
     },
     "node_modules/json5": {
       "version": "2.2.3",
@@ -6578,7 +5683,6 @@
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
       "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-      "license": "MIT",
       "dependencies": {
         "array-includes": "^3.1.6",
         "array.prototype.flat": "^1.3.1",
@@ -6604,7 +5708,6 @@
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
       "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "license": "MIT",
       "dependencies": {
         "json-buffer": "3.0.1"
       }
@@ -6612,14 +5715,12 @@
     "node_modules/language-subtag-registry": {
       "version": "0.3.23",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
-      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
-      "license": "CC0-1.0"
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ=="
     },
     "node_modules/language-tags": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
       "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
-      "license": "MIT",
       "dependencies": {
         "language-subtag-registry": "^0.3.20"
       },
@@ -6630,14 +5731,12 @@
     "node_modules/layout-base": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-2.0.1.tgz",
-      "integrity": "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==",
-      "license": "MIT"
+      "integrity": "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg=="
     },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -6647,25 +5746,25 @@
       }
     },
     "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "license": "MIT",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
       "engines": {
-        "node": ">=10"
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
       }
     },
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "license": "MIT"
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "license": "MIT",
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -6679,8 +5778,7 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "license": "MIT"
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/lodash-es": {
       "version": "4.17.21",
@@ -6690,14 +5788,12 @@
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "license": "MIT"
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
     },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "license": "MIT",
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       },
@@ -6705,11 +5801,21 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/lucide-react": {
       "version": "0.301.0",
       "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.301.0.tgz",
       "integrity": "sha512-ZMbsXSv8qg3u0wqGngW+dG2Tu20fBqQAu3e0MikjGIx6KUN+4TrL2j3XwWZCcpHEfH9Tw+gqnQXRhHVne5DzJQ==",
-      "license": "ISC",
       "peerDependencies": {
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
       }
@@ -6722,11 +5828,18 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -6735,7 +5848,6 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"
@@ -6749,7 +5861,6 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
       "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -6764,7 +5875,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -6773,7 +5883,6 @@
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
       "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "license": "ISC",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -6781,14 +5890,12 @@
     "node_modules/monaco-editor": {
       "version": "0.47.0",
       "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.47.0.tgz",
-      "integrity": "sha512-VabVvHvQ9QmMwXu4du008ZDuyLnHs9j7ThVFsiJoXSOQk18+LF89N4ADzPbFenm0W4V2bGHnFBztIRQTgBfxzw==",
-      "license": "MIT"
+      "integrity": "sha512-VabVvHvQ9QmMwXu4du008ZDuyLnHs9j7ThVFsiJoXSOQk18+LF89N4ADzPbFenm0W4V2bGHnFBztIRQTgBfxzw=="
     },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
     },
     "node_modules/multimatch": {
       "version": "5.0.0",
@@ -6832,7 +5939,6 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -6849,7 +5955,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -6860,14 +5965,12 @@
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "license": "MIT"
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
     },
     "node_modules/next": {
       "version": "14.1.0",
       "resolved": "https://registry.npmjs.org/next/-/next-14.1.0.tgz",
       "integrity": "sha512-wlzrsbfeSU48YQBjZhDzOwhWhGsy+uQycR8bHAOt1LY1bn3zZEcDyHQOEoN3aWzQ8LHCAJ1nqrWCc9XF2+O45Q==",
-      "license": "MIT",
       "dependencies": {
         "@next/env": "14.1.0",
         "@swc/helpers": "0.5.2",
@@ -6913,7 +6016,6 @@
       "version": "4.24.11",
       "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.24.11.tgz",
       "integrity": "sha512-pCFXzIDQX7xmHFs4KVH4luCjaCbuPRtZ9oBUjUhOk84mZ9WVPf94n87TxYI4rSRf9HmfHEF8Yep3JrYDVOo3Cw==",
-      "license": "ISC",
       "dependencies": {
         "@babel/runtime": "^7.20.13",
         "@panva/hkdf": "^1.0.2",
@@ -6945,7 +6047,6 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz",
       "integrity": "sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==",
-      "license": "MIT",
       "peerDependencies": {
         "next": "*",
         "react": "*",
@@ -6970,7 +6071,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
@@ -6981,15 +6081,14 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.18",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
-      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g=="
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7005,14 +6104,12 @@
     "node_modules/oauth": {
       "version": "0.9.15",
       "resolved": "https://registry.npmjs.org/oauth/-/oauth-0.9.15.tgz",
-      "integrity": "sha512-a5ERWK1kh38ExDEfoO6qUHJb32rd7aYmPHuyCu3Fta/cnICvYmgd2uhuKXvPD+PXB+gCEYYEaQdIRAjCOwAKNA==",
-      "license": "MIT"
+      "integrity": "sha512-a5ERWK1kh38ExDEfoO6qUHJb32rd7aYmPHuyCu3Fta/cnICvYmgd2uhuKXvPD+PXB+gCEYYEaQdIRAjCOwAKNA=="
     },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7021,32 +6118,14 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
       "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
-      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
-      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-is": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
-      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1"
-      },
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -7058,20 +6137,20 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
-      "license": "MIT",
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
         "object-keys": "^1.1.1"
       },
       "engines": {
@@ -7085,7 +6164,6 @@
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
       "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -7099,7 +6177,6 @@
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
       "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -7117,7 +6194,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
       "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -7128,12 +6204,12 @@
       }
     },
     "node_modules/object.values": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
-      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
         "es-object-atoms": "^1.0.0"
       },
@@ -7148,7 +6224,6 @@
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/oidc-token-hash/-/oidc-token-hash-5.0.3.tgz",
       "integrity": "sha512-IF4PcGgzAr6XXSff26Sk/+P4KZFJVuHAJZj3wgO3vX2bMdNVp/QXTP3P7CEm9V1IdG8lDLY3HhiqpsE/nOwpPw==",
-      "license": "MIT",
       "engines": {
         "node": "^10.13.0 || >=12.0.0"
       }
@@ -7157,16 +6232,14 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "license": "ISC",
       "dependencies": {
         "wrappy": "1"
       }
     },
     "node_modules/openid-client": {
-      "version": "5.7.0",
-      "resolved": "https://registry.npmjs.org/openid-client/-/openid-client-5.7.0.tgz",
-      "integrity": "sha512-4GCCGZt1i2kTHpwvaC/sCpTpQqDnBzDzuJcJMbH+y1Q5qI8U8RBvoSh28svarXszZHR5BAMXbJPX1PGPRE3VOA==",
-      "license": "MIT",
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/openid-client/-/openid-client-5.7.1.tgz",
+      "integrity": "sha512-jDBPgSVfTnkIh71Hg9pRvtJc6wTwqjRkN88+gCFtYWrlP4Yx2Dsrow8uPi3qLr/aeymPF3o2+dS+wOpglK04ew==",
       "dependencies": {
         "jose": "^4.15.9",
         "lru-cache": "^6.0.0",
@@ -7177,23 +6250,10 @@
         "url": "https://github.com/sponsors/panva"
       }
     },
-    "node_modules/openid-client/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
       "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-      "license": "MIT",
       "dependencies": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -7206,11 +6266,26 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "license": "MIT",
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -7225,7 +6300,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "license": "MIT",
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -7237,16 +6311,14 @@
       }
     },
     "node_modules/package-json-from-dist": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
-      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
-      "license": "BlueOak-1.0.0"
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="
     },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -7283,7 +6355,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -7292,7 +6363,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7301,7 +6371,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -7309,14 +6378,12 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "license": "MIT"
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
     "node_modules/path-scurry": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
       "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "license": "BlueOak-1.0.0",
       "dependencies": {
         "lru-cache": "^10.2.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
@@ -7331,14 +6398,12 @@
     "node_modules/path-scurry/node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "license": "ISC"
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
     },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -7352,7 +6417,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "license": "MIT",
       "engines": {
         "node": ">=8.6"
       },
@@ -7364,7 +6428,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7373,18 +6436,16 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
     },
     "node_modules/playwright": {
-      "version": "1.47.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.47.1.tgz",
-      "integrity": "sha512-SUEKi6947IqYbKxRiqnbUobVZY4bF1uu+ZnZNJX9DfU1tlf2UhWfvVjLf01pQx9URsOr18bFVUKXmanYWhbfkw==",
-      "license": "Apache-2.0",
+      "version": "1.49.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.49.1.tgz",
+      "integrity": "sha512-VYL8zLoNTBxVOrJBbDuRgDWa3i+mfQgDTrL8Ah9QXZ7ax4Dsj0MSq5bYgytRnDVVe+njoKnfsYkH3HzqVj5UZA==",
       "dependencies": {
-        "playwright-core": "1.47.1"
+        "playwright-core": "1.49.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -7397,10 +6458,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.47.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.47.1.tgz",
-      "integrity": "sha512-i1iyJdLftqtt51mEk6AhYFaAJCDx0xQ/O5NU8EKaWFgMjItPVma542Nh/Aq8aLCjIJSzjaiEQGW/nyqLkGF1OQ==",
-      "license": "Apache-2.0",
+      "version": "1.49.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.49.1.tgz",
+      "integrity": "sha512-BzmpVcs4kE2CH15rWfzpjzVGhWERJfmnXmniSyKeRZUs9Ws65m+RGIi7mjJK/euCegfn3i7jvqWeWyHe9y3Vgg==",
       "bin": {
         "playwright-core": "cli.js"
       },
@@ -7420,7 +6480,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
       "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
@@ -7456,7 +6515,6 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "license": "MIT",
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -7473,7 +6531,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "license": "MIT",
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -7502,7 +6559,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "lilconfig": "^3.0.0",
         "yaml": "^2.3.4"
@@ -7523,16 +6579,15 @@
         }
       }
     },
-    "node_modules/postcss-load-config/node_modules/lilconfig": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
-      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
+    "node_modules/postcss-load-config/node_modules/yaml": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
+      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
+      "bin": {
+        "yaml": "bin.mjs"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
+      "engines": {
+        "node": ">= 14"
       }
     },
     "node_modules/postcss-nested": {
@@ -7549,7 +6604,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "postcss-selector-parser": "^6.1.1"
       },
@@ -7564,7 +6618,6 @@
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
       "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "license": "MIT",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -7576,14 +6629,12 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "license": "MIT"
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
     },
     "node_modules/preact": {
-      "version": "10.24.0",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.0.tgz",
-      "integrity": "sha512-aK8Cf+jkfyuZ0ZZRG9FbYqwmEiGQ4y/PUO4SuTWoyWL244nZZh7bd5h2APd4rSNDYTBNghg1L+5iJN3Skxtbsw==",
-      "license": "MIT",
+      "version": "10.25.4",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.25.4.tgz",
+      "integrity": "sha512-jLdZDb+Q+odkHJ+MpW/9U5cODzqnB+fy2EiHSZES7ldV5LK7yjlVzTp7R8Xy6W6y75kfK8iWYtFVH7lvjwrCMA==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/preact"
@@ -7593,7 +6644,6 @@
       "version": "5.2.6",
       "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.2.6.tgz",
       "integrity": "sha512-JyhErpYOvBV1hEPwIxc/fHWXPfnEGdRKxc8gFdAZ7XV4tlzyzG847XAyEZqoDnynP88akM4eaHcSOzNcLWFguw==",
-      "license": "MIT",
       "dependencies": {
         "pretty-format": "^3.8.0"
       },
@@ -7605,7 +6655,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -7613,14 +6662,12 @@
     "node_modules/pretty-format": {
       "version": "3.8.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
-      "integrity": "sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==",
-      "license": "MIT"
+      "integrity": "sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew=="
     },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -7631,7 +6678,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -7653,14 +6699,12 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ],
-      "license": "MIT"
+      ]
     },
     "node_modules/react": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
-      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -7683,7 +6727,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/react-cytoscapejs/-/react-cytoscapejs-2.0.0.tgz",
       "integrity": "sha512-t3SSl1DQy7+JQjN+8QHi1anEJlM3i3aAeydHTsJwmjo/isyKK7Rs7oCvU6kZsB9NwZidzZQR21Vm2PcBLG/Tjg==",
-      "license": "MIT",
       "dependencies": {
         "prop-types": "^15.8.1"
       },
@@ -7696,7 +6739,6 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
-      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -7706,13 +6748,12 @@
       }
     },
     "node_modules/react-dropzone": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-14.2.3.tgz",
-      "integrity": "sha512-O3om8I+PkFKbxCukfIR3QAGftYXDZfOE2N1mr/7qebQJHs7U+/RSL/9xomJNpRg9kM5h9soQSdf0Gc7OHF5Fug==",
-      "license": "MIT",
+      "version": "14.3.5",
+      "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-14.3.5.tgz",
+      "integrity": "sha512-9nDUaEEpqZLOz5v5SUcFA0CjM4vq8YbqO0WRls+EYT7+DvxUdzDPKNCPLqGfj3YL9MsniCLCD4RFA6M95V6KMQ==",
       "dependencies": {
-        "attr-accept": "^2.2.2",
-        "file-selector": "^0.6.0",
+        "attr-accept": "^2.2.4",
+        "file-selector": "^2.1.0",
         "prop-types": "^15.8.1"
       },
       "engines": {
@@ -7756,8 +6797,7 @@
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "license": "MIT"
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
     "node_modules/react-json-tree": {
       "version": "0.19.0",
@@ -7787,23 +6827,22 @@
       }
     },
     "node_modules/react-remove-scroll": {
-      "version": "2.5.7",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz",
-      "integrity": "sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==",
-      "license": "MIT",
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.2.tgz",
+      "integrity": "sha512-KmONPx5fnlXYJQqC62Q+lwIeAk64ws/cUw6omIumRzMRPqgnYqhSSti99nbj0Ry13bv7dF+BKn7NB+OqkdZGTw==",
       "dependencies": {
-        "react-remove-scroll-bar": "^2.3.4",
+        "react-remove-scroll-bar": "^2.3.7",
         "react-style-singleton": "^2.2.1",
         "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.0",
+        "use-callback-ref": "^1.3.3",
         "use-sidecar": "^1.1.2"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -7836,7 +6875,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-1.0.10.tgz",
       "integrity": "sha512-0+g0CNqregkuocr+Mi+e6wgWVARnKTYIX3U1QK7GlkLQKCmbymZakx80YGwcRO7HNnKJTQ5v38HlBos/cGxWvg==",
-      "license": "MIT",
       "peerDependencies": {
         "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
@@ -7867,7 +6905,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "license": "MIT",
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -7876,7 +6913,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "license": "MIT",
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -7888,10 +6924,6 @@
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/redis/-/redis-4.7.0.tgz",
       "integrity": "sha512-zvmkHEAdGMn+hMRXuMBtu4Vo5P6rHQjLoHftu+lBqq8ZTA3RCVC/WzD790bkKKiNFp7d5/9PcSD19fJyyRvOdQ==",
-      "license": "MIT",
-      "workspaces": [
-        "./packages/*"
-      ],
       "dependencies": {
         "@redis/bloom": "1.2.0",
         "@redis/client": "1.6.0",
@@ -7902,18 +6934,18 @@
       }
     },
     "node_modules/reflect.getprototypeof": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
-      "integrity": "sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==",
-      "license": "MIT",
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.1",
+        "es-abstract": "^1.23.9",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7925,19 +6957,19 @@
     "node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "license": "MIT"
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/regexp.prototype.flags": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
-      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
-      "license": "MIT",
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
         "es-errors": "^1.3.0",
-        "set-function-name": "^2.0.1"
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7960,18 +6992,20 @@
       "integrity": "sha512-uuoJ1hU/k6M0779t3VMVIYpb2VMJk05cehCaABFhXaibcbvfgR8wKiozLjVFSzJPmQMRqIcO0HMyTFqfV09V6Q=="
     },
     "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "license": "MIT",
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
       "dependencies": {
-        "is-core-module": "^2.13.0",
+        "is-core-module": "^2.16.0",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -7989,12 +7023,11 @@
       }
     },
     "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "license": "MIT",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/resolve-pkg-maps": {
@@ -8002,7 +7035,6 @@
       "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
       "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
       "dev": true,
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
       }
@@ -8011,7 +7043,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -8022,7 +7053,6 @@
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "license": "ISC",
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -8051,20 +7081,19 @@
           "url": "https://feross.org/support"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
     },
     "node_modules/safe-array-concat": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
-      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4",
-        "has-symbols": "^1.0.3",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
         "isarray": "^2.0.5"
       },
       "engines": {
@@ -8074,15 +7103,29 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/safe-regex-test": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
-      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
-        "is-regex": "^1.1.4"
+        "is-regex": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8095,18 +7138,19 @@
       "version": "0.23.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
       "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
-      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
       }
     },
     "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "license": "ISC",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "bin": {
         "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/semver-compare": {
@@ -8118,7 +7162,6 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
       "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",
         "es-errors": "^1.3.0",
@@ -8135,7 +7178,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
       "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
-      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",
         "es-errors": "^1.3.0",
@@ -8146,11 +7188,23 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -8162,21 +7216,70 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
       "dependencies": {
-        "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8189,7 +7292,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "license": "ISC",
       "engines": {
         "node": ">=14"
       },
@@ -8205,18 +7307,21 @@
         "is-arrayish": "^0.3.1"
       }
     },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+    },
     "node_modules/size-sensor": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/size-sensor/-/size-sensor-1.0.2.tgz",
-      "integrity": "sha512-2NCmWxY7A9pYKGXNBfteo4hy14gWu47rg5692peVMst6lQLPKrVjhY+UTEsPI5ceFRJSl3gVgMYaUi/hKuaiKw==",
-      "license": "ISC"
+      "integrity": "sha512-2NCmWxY7A9pYKGXNBfteo4hy14gWu47rg5692peVMst6lQLPKrVjhY+UTEsPI5ceFRJSl3gVgMYaUi/hKuaiKw=="
     },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -8225,7 +7330,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8235,23 +7339,16 @@
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
     },
+    "node_modules/stable-hash": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.4.tgz",
+      "integrity": "sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==",
+      "dev": true
+    },
     "node_modules/state-local": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz",
-      "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==",
-      "license": "MIT"
-    },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "license": "MIT",
-      "dependencies": {
-        "internal-slot": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
+      "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w=="
     },
     "node_modules/streamsearch": {
       "version": "1.1.0",
@@ -8265,7 +7362,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -8280,7 +7376,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -8293,43 +7388,44 @@
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/string-width/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/string.prototype.includes": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.0.tgz",
-      "integrity": "sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==",
-      "license": "MIT",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
       "dependencies": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/string.prototype.matchall": {
-      "version": "4.0.11",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz",
-      "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==",
-      "license": "MIT",
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
+        "es-abstract": "^1.23.6",
         "es-errors": "^1.3.0",
         "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.7",
-        "regexp.prototype.flags": "^1.5.2",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
         "set-function-name": "^2.0.2",
-        "side-channel": "^1.0.6"
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8342,22 +7438,23 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
       "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
-      "license": "MIT",
       "dependencies": {
         "define-properties": "^1.1.3",
         "es-abstract": "^1.17.5"
       }
     },
     "node_modules/string.prototype.trim": {
-      "version": "1.2.9",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
-      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
-      "license": "MIT",
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.0",
-        "es-object-atoms": "^1.0.0"
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8367,15 +7464,18 @@
       }
     },
     "node_modules/string.prototype.trimend": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
-      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
-      "license": "MIT",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
         "define-properties": "^1.2.1",
         "es-object-atoms": "^1.0.0"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -8384,7 +7484,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
       "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -8401,7 +7500,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -8414,7 +7512,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -8426,7 +7523,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
       "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -8435,7 +7531,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -8447,7 +7542,6 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
       "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "license": "MIT",
       "dependencies": {
         "client-only": "0.0.1"
       },
@@ -8470,7 +7564,6 @@
       "version": "3.35.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
       "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -8488,20 +7581,10 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
-    "node_modules/sucrase/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/sucrase/node_modules/glob": {
       "version": "10.4.5",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
       "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "license": "ISC",
       "dependencies": {
         "foreground-child": "^3.1.0",
         "jackspeak": "^3.1.2",
@@ -8521,7 +7604,6 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -8532,11 +7614,21 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -8545,56 +7637,53 @@
       }
     },
     "node_modules/swr": {
-      "version": "2.2.5",
-      "resolved": "https://registry.npmjs.org/swr/-/swr-2.2.5.tgz",
-      "integrity": "sha512-QtxqyclFeAsxEUeZIYmsaQ0UjimSq1RZ9Un7I68/0ClKK/U3LoyQunwkQfJZr2fc22DfIXLNDc2wFyTEikCUpg==",
-      "license": "MIT",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/swr/-/swr-2.3.0.tgz",
+      "integrity": "sha512-NyZ76wA4yElZWBHzSgEJc28a0u6QZvhb6w0azeL2k7+Q1gAzVK+IqQYXhVOC/mzi+HZIozrZvBVeSeOZNR2bqA==",
       "dependencies": {
-        "client-only": "^0.0.1",
-        "use-sync-external-store": "^1.2.0"
+        "dequal": "^2.0.3",
+        "use-sync-external-store": "^1.4.0"
       },
       "peerDependencies": {
-        "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/tailwind-merge": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.2.tgz",
-      "integrity": "sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==",
-      "license": "MIT",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.0.tgz",
+      "integrity": "sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/dcastil"
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.12",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.12.tgz",
-      "integrity": "sha512-Htf/gHj2+soPb9UayUNci/Ja3d8pTmu9ONTfh4QY8r3MATTZOzmv6UYWF7ZwikEIC8okpfqmGqrmDehua8mF8w==",
-      "license": "MIT",
+      "version": "3.4.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
+      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
-        "chokidar": "^3.5.3",
+        "chokidar": "^3.6.0",
         "didyoumean": "^1.2.2",
         "dlv": "^1.1.3",
-        "fast-glob": "^3.3.0",
+        "fast-glob": "^3.3.2",
         "glob-parent": "^6.0.2",
         "is-glob": "^4.0.3",
-        "jiti": "^1.21.0",
-        "lilconfig": "^2.1.0",
-        "micromatch": "^4.0.5",
+        "jiti": "^1.21.6",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.23",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
         "postcss-import": "^15.1.0",
         "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.1",
-        "postcss-nested": "^6.0.1",
-        "postcss-selector-parser": "^6.0.11",
-        "resolve": "^1.22.2",
-        "sucrase": "^3.32.0"
+        "postcss-load-config": "^4.0.2",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
       },
       "bin": {
         "tailwind": "lib/cli.js",
@@ -8608,7 +7697,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -8618,7 +7706,6 @@
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
       "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -8626,14 +7713,12 @@
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "license": "MIT"
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
     },
     "node_modules/thenify": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -8642,7 +7727,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "license": "MIT",
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -8659,7 +7743,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -8668,11 +7751,10 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
-      "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=16"
       },
@@ -8683,14 +7765,12 @@
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "license": "Apache-2.0"
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
     },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
       "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
-      "license": "MIT",
       "dependencies": {
         "@types/json5": "^0.0.29",
         "json5": "^1.0.2",
@@ -8702,7 +7782,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
       "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "license": "MIT",
       "dependencies": {
         "minimist": "^1.2.0"
       },
@@ -8711,16 +7790,14 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
-      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
-      "license": "0BSD"
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
     },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -8732,7 +7809,6 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=10"
       },
@@ -8741,30 +7817,28 @@
       }
     },
     "node_modules/typed-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
-      "license": "MIT",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.13"
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/typed-array-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
-      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
-      "license": "MIT",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8774,17 +7848,17 @@
       }
     },
     "node_modules/typed-array-byte-offset": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
-      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
-      "license": "MIT",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8794,17 +7868,16 @@
       }
     },
     "node_modules/typed-array-length": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
-      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
-      "license": "MIT",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
       "dependencies": {
         "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
         "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
         "is-typed-array": "^1.1.13",
-        "possible-typed-array-names": "^1.0.0"
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8814,11 +7887,10 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
-      "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
+      "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
       "dev": true,
-      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -8828,15 +7900,17 @@
       }
     },
     "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "license": "MIT",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
       "dependencies": {
-        "call-bind": "^1.0.2",
+        "call-bound": "^1.0.3",
         "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -8846,8 +7920,7 @@
       "version": "6.19.8",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
       "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/update-browserslist-db": {
       "version": "1.1.1",
@@ -8882,7 +7955,6 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "license": "BSD-2-Clause",
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -8908,10 +7980,9 @@
       }
     },
     "node_modules/use-sidecar": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
-      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
       "dependencies": {
         "detect-node-es": "^1.1.0",
         "tslib": "^2.0.0"
@@ -8920,8 +7991,8 @@
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -8930,34 +8001,42 @@
       }
     },
     "node_modules/use-sync-external-store": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
-      "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
-      "license": "MIT",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
+      "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "license": "MIT"
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/uuid": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-      "license": "MIT",
       "bin": {
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/vaul": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vaul/-/vaul-1.1.2.tgz",
+      "integrity": "sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==",
+      "dependencies": {
+        "@radix-ui/react-dialog": "^1.1.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -8969,39 +8048,41 @@
       }
     },
     "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
       "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/which-builtin-type": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.4.tgz",
-      "integrity": "sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
       "dependencies": {
+        "call-bound": "^1.0.2",
         "function.prototype.name": "^1.1.6",
         "has-tostringtag": "^1.0.2",
         "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
         "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
+        "is-regex": "^1.2.1",
         "is-weakref": "^1.0.2",
         "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
+        "which-boxed-primitive": "^1.1.0",
         "which-collection": "^1.0.2",
-        "which-typed-array": "^1.1.15"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
@@ -9014,7 +8095,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
       "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
-      "license": "MIT",
       "dependencies": {
         "is-map": "^2.0.3",
         "is-set": "^2.0.3",
@@ -9029,15 +8109,15 @@
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
-      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
-      "license": "MIT",
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+      "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
+        "gopd": "^1.2.0",
         "has-tostringtag": "^1.0.2"
       },
       "engines": {
@@ -9051,7 +8131,6 @@
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9077,7 +8156,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -9093,8 +8171,7 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "license": "ISC"
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/y18n": {
       "version": "5.0.8",
@@ -9107,19 +8184,14 @@
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "license": "ISC"
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/yaml": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.1.tgz",
-      "integrity": "sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==",
-      "license": "ISC",
-      "bin": {
-        "yaml": "bin.mjs"
-      },
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
       "engines": {
-        "node": ">= 14"
+        "node": ">= 6"
       }
     },
     "node_modules/yargs": {
@@ -9151,7 +8223,6 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -9168,10 +8239,9 @@
       }
     },
     "node_modules/zrender": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.0.tgz",
-      "integrity": "sha512-uzgraf4njmmHAbEUxMJ8Oxg+P3fT04O+9p7gY+wJRVxo8Ge+KmYv0WJev945EH4wFuc4OY2NLXz46FZrWS9xJg==",
-      "license": "BSD-3-Clause",
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz",
+      "integrity": "sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==",
       "dependencies": {
         "tslib": "2.3.0"
       }
@@ -9179,8 +8249,7 @@
     "node_modules/zrender/node_modules/tslib": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
-      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
-      "license": "0BSD"
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
     }
   }
 }
diff --git a/package.json b/package.json
index 00e900e1..031670b9 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
     "depcheck": "^1.4.7",
     "echarts": "^5.5.0",
     "echarts-for-react": "^3.0.2",
+    "embla-carousel-react": "^8.5.1",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
@@ -67,6 +68,7 @@
     "swr": "^2.2.5",
     "tailwind-merge": "^2.2.0",
     "tailwindcss": "^3.4.1",
+    "vaul": "^1.1.2",
     "zod": "^3.24.1"
   },
   "devDependencies": {
diff --git a/tailwind.config.js b/tailwind.config.js
index 79fbadd9..55f8a705 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,69 +14,87 @@ module.exports = {
   ],
   prefix: "",
   theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
-    extend: {
-      colors: {
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
-        },
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
+  	container: {
+  		center: true,
+  		padding: '2rem',
+  		screens: {
+  			'2xl': '1400px'
+  		}
+  	},
+  	extend: {
+  		colors: {
+  			border: 'hsl(var(--border))',
+  			input: 'hsl(var(--input))',
+  			ring: 'hsl(var(--ring))',
+  			background: 'hsl(var(--background))',
+  			foreground: 'hsl(var(--foreground))',
+  			primary: {
+  				DEFAULT: 'hsl(var(--primary))',
+  				foreground: 'hsl(var(--primary-foreground))'
+  			},
+  			secondary: {
+  				DEFAULT: 'hsl(var(--secondary))',
+  				foreground: 'hsl(var(--secondary-foreground))'
+  			},
+  			destructive: {
+  				DEFAULT: 'hsl(var(--destructive))',
+  				foreground: 'hsl(var(--destructive-foreground))'
+  			},
+  			muted: {
+  				DEFAULT: 'hsl(var(--muted))',
+  				foreground: 'hsl(var(--muted-foreground))'
+  			},
+  			accent: {
+  				DEFAULT: 'hsl(var(--accent))',
+  				foreground: 'hsl(var(--accent-foreground))'
+  			},
+  			popover: {
+  				DEFAULT: 'hsl(var(--popover))',
+  				foreground: 'hsl(var(--popover-foreground))'
+  			},
+  			card: {
+  				DEFAULT: 'hsl(var(--card))',
+  				foreground: 'hsl(var(--card-foreground))'
+  			},
+  			sidebar: {
+  				DEFAULT: 'hsl(var(--sidebar-background))',
+  				foreground: 'hsl(var(--sidebar-foreground))',
+  				primary: 'hsl(var(--sidebar-primary))',
+  				'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+  				accent: 'hsl(var(--sidebar-accent))',
+  				'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+  				border: 'hsl(var(--sidebar-border))',
+  				ring: 'hsl(var(--sidebar-ring))'
+  			}
+  		},
+  		borderRadius: {
+  			lg: 'var(--radius)',
+  			md: 'calc(var(--radius) - 2px)',
+  			sm: 'calc(var(--radius) - 4px)'
+  		},
+  		keyframes: {
+  			'accordion-down': {
+  				from: {
+  					height: '0'
+  				},
+  				to: {
+  					height: 'var(--radix-accordion-content-height)'
+  				}
+  			},
+  			'accordion-up': {
+  				from: {
+  					height: 'var(--radix-accordion-content-height)'
+  				},
+  				to: {
+  					height: '0'
+  				}
+  			}
+  		},
+  		animation: {
+  			'accordion-down': 'accordion-down 0.2s ease-out',
+  			'accordion-up': 'accordion-up 0.2s ease-out'
+  		}
+  	}
   },
   plugins: [],
 }
\ No newline at end of file

From aaaf2903cd5ff358aca5d62140d6d6522b539bd2 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 6 Jan 2025 15:23:38 +0200
Subject: [PATCH 28/45] commit

---
 app/api/graph/[graph]/route.ts       | 19 +++++----
 app/api/user/[user]/route.ts         |  2 +-
 app/api/user/route.ts                |  2 +-
 app/components/CreateGraph.tsx       | 10 +----
 app/components/ExportGraph.tsx       | 54 +++++++++++++------------
 app/components/graph/DeleteGraph.tsx |  2 +-
 app/components/node/DeleteNode.tsx   | 59 ----------------------------
 app/components/ui/combobox.tsx       | 35 +----------------
 app/create/page.tsx                  | 12 +++---
 app/graph/Duplicate.tsx              | 13 +-----
 app/graph/Selector.tsx               |  2 +-
 app/schema/SchemaCreateElement.tsx   |  4 ++
 app/schema/SchemaView.tsx            |  9 +++--
 app/schema/page.tsx                  | 15 ++-----
 app/settings/Configurations.tsx      | 15 +------
 15 files changed, 69 insertions(+), 184 deletions(-)
 delete mode 100644 app/components/node/DeleteNode.tsx

diff --git a/app/api/graph/[graph]/route.ts b/app/api/graph/[graph]/route.ts
index a8d802b5..6ad848f0 100644
--- a/app/api/graph/[graph]/route.ts
+++ b/app/api/graph/[graph]/route.ts
@@ -1,6 +1,7 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getClient } from "@/app/api/auth/[...nextauth]/options";
 import { prepareArg, securedFetch } from "@/lib/utils";
+import { useToast } from "@/components/ui/use-toast";
 
 // eslint-disable-next-line import/prefer-default-export
 export async function DELETE(request: NextRequest, { params }: { params: { graph: string } }) {
@@ -29,11 +30,13 @@ export async function DELETE(request: NextRequest, { params }: { params: { graph
 // eslint-disable-next-line import/prefer-default-export
 export async function POST(request: NextRequest, { params }: { params: { graph: string } }) {
 
+    const toast = useToast()
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
     }
 
+
     const graphId = params.graph;
     const sourceName = request.nextUrl.searchParams.get("sourceName")
 
@@ -49,14 +52,14 @@ export async function POST(request: NextRequest, { params }: { params: { graph:
         const key = request.nextUrl.searchParams.get("key")
         const srcs = await request.json()
 
-        if (!key) console.error("Missing parameter 'key'")
+        if (!key) return console.error("Missing parameter 'key'")
 
-        if (!srcs) console.error("Missing parameter 'srcs'")
+        if (!srcs) return console.error("Missing parameter 'srcs'")
 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const socket = (await client.connection).options?.socket as any
 
-        if (!socket) console.error("socket not found")
+        if (!socket) return console.error("socket not found")
 
         const data = {
             host: socket.host,
@@ -66,7 +69,7 @@ export async function POST(request: NextRequest, { params }: { params: { graph:
             openaikey: key,
         }
 
-        if (!type) console.error("Missing parameter 'type'")
+        if (!type) return console.error("Missing parameter 'type'")
 
         const res = await securedFetch(`http://localhost:5000/${prepareArg(type!)}`, {
             method: "POST",
@@ -74,7 +77,7 @@ export async function POST(request: NextRequest, { params }: { params: { graph:
                 'Content-Type': 'application/json'
             },
             body: JSON.stringify(data)
-        })
+        }, toast)
 
         const result = await res.json()
 
@@ -98,7 +101,7 @@ export async function PATCH(request: NextRequest, { params }: { params: { graph:
     const sourceName = request.nextUrl.searchParams.get("sourceName")
 
     try {
-        if (!sourceName) throw (new Error("Missing parameter 'sourceName'"))
+        if (!sourceName) return console.error("Missing parameter sourceName")
 
         const data = await (await client.connection).renameNX(sourceName, graphId);
 
@@ -134,7 +137,7 @@ export async function GET(request: NextRequest, { params }: { params: { graph: s
         const create = request.nextUrl.searchParams.get("create")
         const role = request.nextUrl.searchParams.get("role")
 
-        if (!query) throw new Error("Missing parameter 'query'")
+        if (!query) return console.log("Missing parameter query")
 
         if (create === "false" && !(await client.list()).some((g) => g === graphId))
             return NextResponse.json({}, { status: 200 })
@@ -145,7 +148,7 @@ export async function GET(request: NextRequest, { params }: { params: { graph: s
             ? await graph.roQuery(query)
             : await graph.query(query)
 
-        if (!result) throw new Error("something went wrong")
+        if (!result) throw new Error("Something went wrong")
 
         return NextResponse.json({ result }, { status: 200 })
     } catch (err: unknown) {
diff --git a/app/api/user/[user]/route.ts b/app/api/user/[user]/route.ts
index 95eb9f1d..aea405b6 100644
--- a/app/api/user/[user]/route.ts
+++ b/app/api/user/[user]/route.ts
@@ -13,7 +13,7 @@ export async function PATCH(req: NextRequest, { params }: { params: { user: stri
     const username = params.user
     const role = ROLE.get(req.nextUrl.searchParams.get("role") || "")
     try {
-        if (!role) throw new Error("Role is missing")
+        if (!role) return console.log("Role is missing")
 
         await (await client.connection).aclSetUser(username, role)
         return NextResponse.json({ message: "User created" },{status: 200})
diff --git a/app/api/user/route.ts b/app/api/user/route.ts
index 84b7438b..6cb8183f 100644
--- a/app/api/user/route.ts
+++ b/app/api/user/route.ts
@@ -49,7 +49,7 @@ export async function POST(req: NextRequest) {
     const roleValue = ROLE.get(role)
 
     try {
-        if (!username || !password || !roleValue) throw (new Error("Missing parameters"))
+        if (!username || !password || !roleValue) return console.log("Missing parameters")
 
         try {
             const user = await connection.aclGetUser(username)
diff --git a/app/components/CreateGraph.tsx b/app/components/CreateGraph.tsx
index 1426927a..3a509926 100644
--- a/app/components/CreateGraph.tsx
+++ b/app/components/CreateGraph.tsx
@@ -48,14 +48,8 @@ export default function CreateGraph({
         const result = await securedFetch(`api/graph/${prepareArg(graphName)}/?query=${prepareArg(q)}`, {
             method: "GET",
         }, toast)
-        if (!result.ok) {
-            toast({
-                title: "Error",
-                description: "Error while creating graph",
-                variant: "destructive"
-            })
-            return
-        }
+
+        if (!result.ok) return
 
         onSetGraphName(graphName)
         setGraphName("")
diff --git a/app/components/ExportGraph.tsx b/app/components/ExportGraph.tsx
index 1c7733ff..93bd26e0 100644
--- a/app/components/ExportGraph.tsx
+++ b/app/components/ExportGraph.tsx
@@ -6,40 +6,42 @@ import Button from "./ui/Button"
 import CloseDialog from "./CloseDialog"
 
 interface Props {
-    selectedValue: string
+    selectedValues: string[]
     type: string
 }
 
-export default function ExportGraph({ selectedValue, type }: Props) {
+export default function ExportGraph({ selectedValues, type }: Props) {
 
     const [open, setOpen] = useState(false)
     const { toast } = useToast()
 
-    const handleExport = async () => {
-        const name = `${selectedValue}${!type ? "_schema" : ""}`
-        const result = await securedFetch(`api/graph/${prepareArg(name)}/export`, {
-            method: "GET"
-        })
+    const handleExport = () => {
+        selectedValues.map(async value => {
+            const name = `${value}${!type ? "_schema" : ""}`
+            const result = await securedFetch(`api/graph/${prepareArg(name)}/export`, {
+                method: "GET"
+            }, toast)
 
-        if (!result.ok) return
+            if (!result.ok) return
 
-        const blob = await result.blob()
-        const url = window.URL.createObjectURL(blob)
-        try {
-            const link = document.createElement('a')
-            link.href = url
-            link.setAttribute('download', `${name}.dump`)
-            document.body.appendChild(link)
-            link.click()
-            link.parentNode?.removeChild(link)
-            window.URL.revokeObjectURL(url)
-        } catch (e) {
-            toast({
-                title: "Error",
-                description: "Error while exporting data",
-                variant: "destructive"
-            })
-        }
+            const blob = await result.blob()
+            const url = window.URL.createObjectURL(blob)
+            try {
+                const link = document.createElement('a')
+                link.href = url
+                link.setAttribute('download', `${name}.dump`)
+                document.body.appendChild(link)
+                link.click()
+                link.parentNode?.removeChild(link)
+                window.URL.revokeObjectURL(url)
+            } catch (e) {
+                toast({
+                    title: "Error",
+                    description: "Error while exporting data",
+                    variant: "destructive"
+                })
+            }
+        })
     }
 
 
@@ -50,7 +52,7 @@ export default function ExportGraph({ selectedValue, type }: Props) {
             trigger={
                 <Button
                     label="Export Data"
-                    disabled={!selectedValue}
+                    disabled={selectedValues.length === 0}
                 />
             }
             title="Export your graph"
diff --git a/app/components/graph/DeleteGraph.tsx b/app/components/graph/DeleteGraph.tsx
index c3e80044..7f0de3ff 100644
--- a/app/components/graph/DeleteGraph.tsx
+++ b/app/components/graph/DeleteGraph.tsx
@@ -17,7 +17,7 @@ export default function DeleteGraph({ graphName, isOpen, onOpen, onDeleteGraph,
         const name = `${graphName}${isSchema ? "_schema" : ""}`
         const result = await securedFetch(`/api/graph/${prepareArg(name)}`, {
             method: "DELETE",
-        });
+        }, toast);
 
         if (result.ok) {
             toast({
diff --git a/app/components/node/DeleteNode.tsx b/app/components/node/DeleteNode.tsx
deleted file mode 100644
index ade165d9..00000000
--- a/app/components/node/DeleteNode.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-/* eslint-disable react/require-default-props */
-
-'use client';
-
-import { Trash2 } from "lucide-react";
-import { DialogClose } from "@/components/ui/dialog";
-import { useToast } from "@/components/ui/use-toast";
-import Button from "../ui/Button";
-import DialogComponent from "../DialogComponent";
-
-interface Props {
-    disabled?: boolean
-    onDelete: () => void
-}
-
-export default function DeleteNode({ disabled, onDelete }: Props) {
-
-    const { toast } = useToast()
-
-    const onDeleteNode = async () => {
-        onDelete()
-        toast({
-            title: "Success",
-            description: "Node deleted",
-        })
-    }
-
-    return (
-        <DialogComponent
-            trigger={
-                <Button
-                    variant="Secondary"
-                    label="Delete"
-                    disabled={disabled}
-                >
-                    <Trash2 />
-                </Button>
-            }
-            title="Delete Node"
-            description="Are you sure you want to delete nodes?"
-        >
-            <div className="flex flex-row-reverse gap-4">
-                <DialogClose asChild>
-                    <Button
-                        variant="Primary"
-                        label="Delete"
-                        onClick={onDeleteNode}
-                    />
-                </DialogClose>
-                <DialogClose asChild>
-                    <Button
-                        variant="Secondary"
-                        label="Cancel"
-                    />
-                </DialogClose>
-            </div>
-        </DialogComponent>
-    )
-}
\ No newline at end of file
diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index 5d5d01f8..5638637c 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -11,6 +11,7 @@ import { useToast } from "@/components/ui/use-toast"
 import Button from "./Button"
 import TableComponent, { Row } from "../TableComponent"
 import CloseDialog from "../CloseDialog"
+import ExportGraph from "../ExportGraph"
 
 interface ComboboxProps {
   isSelectGraph?: boolean,
@@ -68,34 +69,6 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
     setSelectedValue(options[0])
   }, [options])
 
-  const onExport = async (graphName: string) => {
-    const name = isSchema ? `${graphName}_schema` : graphName
-    const result = await securedFetch(`api/graph/${prepareArg(name)}/export`, {
-      method: "GET"
-    }, toast)
-
-    if (!result.ok) return
-
-    const blob = await result.blob()
-    const url = window.URL.createObjectURL(blob)
-
-    try {
-      const link = document.createElement('a')
-      link.href = url
-      link.setAttribute('download', `${name}.dump`)
-      document.body.appendChild(link)
-      link.click()
-      link.parentNode?.removeChild(link)
-      window.URL.revokeObjectURL(url)
-    } catch (e) {
-      toast({
-        title: "Error",
-        description: "Error while exporting data",
-        variant: "destructive"
-      })
-    }
-  }
-
   const handelDelete = async (opts: string[]) => {
     const names = opts.map(opt => isSchema ? `${opt}_schema` : opt)
 
@@ -171,11 +144,7 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
             label="Delete"
             onClick={() => handelDelete(rows.filter(opt => opt.checked).map(opt => opt.cells[0].value))}
           />
-          <Button
-            disabled={rows.filter(opt => opt.checked).length === 0}
-            label="Export"
-            onClick={() => rows.filter(opt => opt.checked).map((opt) => onExport(opt.cells[0].value))}
-          />
+          <ExportGraph selectedValues={rows.filter(opt => opt.checked).map(opt => opt.cells[0].value)} type={type!} />
         </TableComponent>
       </DialogContent>
     </Dialog >
diff --git a/app/create/page.tsx b/app/create/page.tsx
index 3e4ad889..7f24880a 100644
--- a/app/create/page.tsx
+++ b/app/create/page.tsx
@@ -36,7 +36,7 @@ export default function Create() {
 
             const res = await securedFetch(`api/graph/${prepareArg(graphName)}_schema/?query=${prepareArg(q)}`, {
                 method: "GET"
-            })
+            }, toast)
 
             if (!res.ok) {
                 toast({
@@ -75,7 +75,7 @@ export default function Create() {
 
         const result = await securedFetch(url, {
             method: "GET",
-        })
+        }, toast)
 
         if (!result.ok) {
             toast({
@@ -109,7 +109,7 @@ export default function Create() {
             const result = await securedFetch(`api/upload`, {
                 method: "POST",
                 body: formData
-            });
+            }, toast);
 
             if (!result.ok) {
                 toast({
@@ -133,7 +133,7 @@ export default function Create() {
                 "Content-Type": "application/json"
             },
             body: JSON.stringify(newFilesPath)
-        })
+        }, toast)
 
 
         if (!result.ok) {
@@ -158,7 +158,7 @@ export default function Create() {
         const result = await securedFetch(`api/graph/${prepareArg(graphName)}/?type=populate_kg/?key=${prepareArg(openaiKey)}`, {
             method: "POST",
             body: JSON.stringify(filesPath)
-        })
+        }, toast)
 
         if (!result.ok) {
             toast({
@@ -238,7 +238,7 @@ export default function Create() {
 
                 securedFetch(`api/graph/${prepareArg(graphName)}/?query=${prepareArg(q)}`, {
                     method: "GET",
-                }).then((response) => response.json()).then((json) => {
+                }, toast).then((response) => response.json()).then((json) => {
                     const data = json.result.data[0]
                     setNodesCount(data.nodes)
                     setEdgesCount(data.edges)
diff --git a/app/graph/Duplicate.tsx b/app/graph/Duplicate.tsx
index af95dca0..0fa67795 100644
--- a/app/graph/Duplicate.tsx
+++ b/app/graph/Duplicate.tsx
@@ -20,18 +20,9 @@ export default function Duplicate({ open, onOpenChange, selectedValue, onDuplica
 
         e.preventDefault()
 
-        const result = await securedFetch(`api/graph/${prepareArg(duplicateName)}/?sourceName=${prepareArg(selectedValue)}`, {
+        await securedFetch(`api/graph/${prepareArg(duplicateName)}/?sourceName=${prepareArg(selectedValue)}`, {
             method: "POST"
-        })
-
-        if (!result.ok) {
-            toast({
-                title: "Error",
-                description: "Error while duplicating graph",
-                variant: "destructive"
-            })
-            return
-        }
+        }, toast)
 
         onOpenChange(false)
         onDuplicate(duplicateName)
diff --git a/app/graph/Selector.tsx b/app/graph/Selector.tsx
index ca0d9c22..96ad75f3 100644
--- a/app/graph/Selector.tsx
+++ b/app/graph/Selector.tsx
@@ -136,7 +136,7 @@ export default function Selector({ onChange, graphName, setGraphName, queries, r
                 <div className="flex gap-16 text-[#e5e7eb]">
                     <ExportGraph
                         type={type}
-                        selectedValue={selectedValue}
+                        selectedValues={[selectedValue]}
                     />
                     <Duplicate
                         disabled={!selectedValue}
diff --git a/app/schema/SchemaCreateElement.tsx b/app/schema/SchemaCreateElement.tsx
index 626efcb9..08377070 100644
--- a/app/schema/SchemaCreateElement.tsx
+++ b/app/schema/SchemaCreateElement.tsx
@@ -48,6 +48,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
       toast({
         title: "Error",
         description: "You must type a key, type and a description in order to add a new property",
+        variant: "destructive"
       })
       return
     }
@@ -60,6 +61,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
       toast({
         title: "Error",
         description: "You must type a key, type and a description in order to edit a property",
+        variant: "destructive"
       })
       return
     }
@@ -87,6 +89,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
       toast({
         title: "Error",
         description: "You must type a label",
+        variant: "destructive"
       })
       return
     }
@@ -114,6 +117,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
       toast({
         title: "Error",
         description: "You must type a label",
+        variant: "destructive"
       })
       return
     }
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index 096ce0a7..c0283dac 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -136,7 +136,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         const q = `${conditionsNodes.length > 0 ? `MATCH (n) WHERE ${conditionsNodes.join(" OR ")} DELETE n` : ""}${conditionsEdges.length > 0 && conditionsNodes.length > 0 ? " WITH * " : ""}${conditionsEdges.length > 0 ? `MATCH ()-[e]-() WHERE ${conditionsEdges.join(" OR ")} DELETE e` : ""}`
         const result = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${prepareArg(q)} `, {
             method: "GET"
-        })
+        }, toast)
 
         if (!result.ok) return
 
@@ -173,7 +173,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         const q = `MATCH ${type ? "(e)" : "()-[e]-()"} WHERE ID(e) = ${id} SET e.${key} = "${value.join(",")}"`
         const { ok } = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${prepareArg(q)}`, {
             method: "GET"
-        })
+        }, toast)
 
         if (ok) {
             if (type) {
@@ -247,7 +247,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         const q = `MATCH ${type ? "(e)" : "()-[e]-()"} WHERE ID(e) = ${id} SET e.${key} = NULL`
         const { ok } = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${prepareArg(q)}`, {
             method: "GET"
-        })
+        }, toast)
 
         if (ok) {
             if (type) {
@@ -286,7 +286,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
 
         const result = await securedFetch(`api/graph/${prepareArg(schema.Id)}_schema/?query=${getCreateQuery(isAddEntity, selectedNodes as [Node, Node], attributes, label)}`, {
             method: "GET"
-        })
+        }, toast)
 
         if (result.ok) {
             const json = await result.json()
@@ -318,6 +318,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
             >
                 <div className="flex items-center justify-between">
                     <Toolbar
+                        selectedElementsLength={selectedElements.length}
                         disabled={!schema.Id}
                         deleteDisabled={Object.values(selectedElements).length === 0 && !selectedElement}
                         onAddEntity={() => {
diff --git a/app/schema/page.tsx b/app/schema/page.tsx
index 67a4be17..0b57ea4f 100644
--- a/app/schema/page.tsx
+++ b/app/schema/page.tsx
@@ -25,11 +25,11 @@ export default function Page() {
 
         const nodes = await (await securedFetch(`api/graph/${prepareArg(name)}/?query=${q1}&role=${session?.user.role}`, {
             method: "GET"
-        })).json()
+        }, toast)).json()
 
         const edges = await (await securedFetch(`api/graph/${prepareArg(name)}/?query=${q2}&role=${session?.user.role}`, {
             method: "GET"
-        })).json()
+        }, toast)).json()
 
         if (!edges || !nodes) return
 
@@ -42,15 +42,8 @@ export default function Page() {
         const run = async () => {
             const result = await securedFetch(`/api/graph/${prepareArg(schemaName)}_schema/?query=${defaultQuery()}&role=${session?.user.role}`, {
                 method: "GET"
-            })
-            if (!result.ok) {
-                toast({
-                    title: "Error",
-                    description: "Failed fetching schema",
-                    variant: "destructive"
-                })
-                return
-            }
+            }, toast)
+            if (!result.ok) return
             const json = await result.json()
             const colors = localStorage.getItem(schemaName)?.split(/[[\]",]/).filter(c => c)
             setSchema(Graph.create(schemaName, json.result, colors))
diff --git a/app/settings/Configurations.tsx b/app/settings/Configurations.tsx
index bca6f9b8..3581e55b 100644
--- a/app/settings/Configurations.tsx
+++ b/app/settings/Configurations.tsx
@@ -134,14 +134,7 @@ export default function Configurations() {
                     method: 'GET',
                 }, toast)
 
-                if (!result.ok) {
-                    toast({
-                        title: "Error",
-                        description: "Failed to fetch configurations value",
-                        variant: "destructive"
-                    })
-                    return config
-                }
+                if (!result.ok) return config
 
                 let value = (await result.json()).config[1]
 
@@ -212,12 +205,6 @@ export default function Configurations() {
                 description: "Configuration value set successfully",
                 action: isUndo ? <ToastButton onClick={() => handelSetConfig(name, oldValue.toString(), false)} /> : undefined
             })
-        } else {
-            toast({
-                title: "Error",
-                description: "Failed to set configuration value",
-                variant: "destructive"
-            })
         }
 
         return result.ok

From 6ce2d941ca215637febcb613082ba72777628946 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 6 Jan 2025 15:52:41 +0200
Subject: [PATCH 29/45] commit

---
 app/components/EditorComponent.tsx | 13 +++++++++----
 app/monitor/page.tsx               |  4 +++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/app/components/EditorComponent.tsx b/app/components/EditorComponent.tsx
index b26a8df1..c8b28db7 100644
--- a/app/components/EditorComponent.tsx
+++ b/app/components/EditorComponent.tsx
@@ -1,5 +1,8 @@
 /* eslint-disable consistent-return */
 /* eslint-disable react-hooks/exhaustive-deps */
+
+"use client";
+
 import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
 import { Editor, Monaco } from "@monaco-editor/react"
 import { useEffect, useRef, useState } from "react"
@@ -7,6 +10,7 @@ import * as monaco from "monaco-editor";
 import { prepareArg, securedFetch } from "@/lib/utils";
 import { Maximize2 } from "lucide-react";
 import { Session } from "next-auth";
+import { useToast } from "@/components/ui/use-toast";
 import { Graph } from "../api/graph/model";
 import Button from "./ui/Button";
 
@@ -216,6 +220,7 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
         currentQuery,
         historyCounter: historyQueries.length
     })
+    const { toast } = useToast()
 
     useEffect(() => {
         historyRef.current.historyQueries = historyQueries
@@ -280,7 +285,7 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
 
         await securedFetch(`api/graph/${prepareArg(graph.Id)}/?query=${prepareArg(labelsQuery)}&role=${data?.user.role}`, {
             method: "GET"
-        }).then((res) => res.json()).then((json) => {
+        }, toast).then((res) => res.json()).then((json) => {
             json.result.data.forEach(({ label }: { label: string }) => {
                 sug.push({
                     label,
@@ -298,7 +303,7 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
 
         await securedFetch(`api/graph/${prepareArg(graph.Id)}/?query=${prepareArg(relationshipTypeQuery)}&role=${data?.user.role}`, {
             method: "GET"
-        }).then((res) => res.json()).then((json) => {
+        }, toast).then((res) => res.json()).then((json) => {
             json.result.data.forEach(({ relationshipType }: { relationshipType: string }) => {
                 sug.push({
                     label: relationshipType,
@@ -316,7 +321,7 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
 
         await securedFetch(`api/graph/${prepareArg(graph.Id)}/?query=${prepareArg(propertyKeysQuery)}&role=${data?.user.role}`, {
             method: "GET"
-        }).then((res) => res.json()).then((json) => {
+        }, toast).then((res) => res.json()).then((json) => {
             json.result.data.forEach(({ propertyKey }: { propertyKey: string }) => {
                 sug.push({
                     label: propertyKey,
@@ -333,7 +338,7 @@ export default function EditorComponent({ currentQuery, historyQueries, setCurre
         const proceduresQuery = `CALL dbms.procedures() YIELD name`
         await securedFetch(`api/graph/${prepareArg(graph.Id)}/?query=${prepareArg(proceduresQuery)}&role=${data?.user.role}`, {
             method: "GET"
-        }).then((res) => res.json()).then((json) => {
+        }, toast).then((res) => res.json()).then((json) => {
             [...json.result.data.map(({ name }: { name: string }) => name), ...FUNCTIONS].forEach((name: string) => {
                 functions.push({
                     label: name,
diff --git a/app/monitor/page.tsx b/app/monitor/page.tsx
index b896413e..a29f9463 100644
--- a/app/monitor/page.tsx
+++ b/app/monitor/page.tsx
@@ -3,18 +3,20 @@
 import useSWR from 'swr'
 import React, { useState } from 'react'
 import { securedFetch } from '@/lib/utils'
+import { useToast } from '@/components/ui/use-toast'
 import MonitorView from './MonitorView'
 
 export default function Page() {
 
     const [time, setTime] = useState<Date | null>(null)
+    const { toast } = useToast()
 
     const fetcher = (url: string) => securedFetch(url, {
         method: 'GET',
         headers: {
             'Content-Type': 'application/json'
         }
-    }).then((result) => {
+    }, toast).then((result) => {
         if (result.ok) {
             setTime(new Date())
             return result.json()

From 92a039b83c52f8dbec0e91c1ec1a7f4ece06d194 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Mon, 6 Jan 2025 18:05:21 +0200
Subject: [PATCH 30/45] commit

---
 app/components/ForceGraph.tsx      |  10 +-
 app/components/TableComponent.tsx  |  12 +-
 app/components/ui/combobox.tsx     |  18 +-
 app/graph/Duplicate.tsx            |   4 +-
 app/graph/GraphDataPanel.tsx       |  32 +--
 app/graph/GraphView.tsx            |  18 +-
 app/graph/View.tsx                 |   6 +-
 app/graph/labels.tsx               |   6 +-
 app/graph/toolbar.tsx              |  10 +-
 app/schema/SchemaCreateElement.tsx | 155 +++++++++-----
 app/schema/SchemaDataPanel.tsx     | 316 +++++++++++++++++------------
 app/schema/SchemaView.tsx          |  31 +--
 app/settings/Configurations.tsx    |   6 +-
 app/settings/users/AddUser.tsx     |   8 +-
 app/settings/users/Users.tsx       |  12 +-
 15 files changed, 369 insertions(+), 275 deletions(-)

diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
index ba833edb..7fe16318 100644
--- a/app/components/ForceGraph.tsx
+++ b/app/components/ForceGraph.tsx
@@ -99,7 +99,7 @@ export default function ForceGraph({
         graph.removeLinks()
     }
 
-    const handelNodeRightClick = async (node: Node) => {
+    const handleNodeRightClick = async (node: Node) => {
         if (!node.expand) {
             await onFetchNode(node)
         } else {
@@ -107,7 +107,7 @@ export default function ForceGraph({
         }
     }
 
-    const handelHover = (element: Node | Link | null) => {
+    const handleHover = (element: Node | Link | null) => {
         setHoverElement(element === null ? undefined : element)
     }
 
@@ -265,9 +265,9 @@ export default function ForceGraph({
                 }}
                 onNodeClick={handleClick}
                 onLinkClick={handleClick}
-                onNodeHover={handelHover}
-                onLinkHover={handelHover}
-                onNodeRightClick={handelNodeRightClick}
+                onNodeHover={handleHover}
+                onLinkHover={handleHover}
+                onNodeRightClick={handleNodeRightClick}
                 onBackgroundClick={handleUnselected}
                 onBackgroundRightClick={handleUnselected}
                 onEngineStop={() => {
diff --git a/app/components/TableComponent.tsx b/app/components/TableComponent.tsx
index 48bb72d3..b9dffb6a 100644
--- a/app/components/TableComponent.tsx
+++ b/app/components/TableComponent.tsx
@@ -37,7 +37,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
     const [editable, setEditable] = useState<string>("")
     const [newValue, setNewValue] = useState<string>("")
 
-    const handelSetEditable = (editValue: string, value: string) => {
+    const handleSetEditable = (editValue: string, value: string) => {
         setEditable(editValue)
         setNewValue(value)
     }
@@ -155,13 +155,13 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                                         ref={ref => ref?.focus()}
                                                                         variant="primary"
                                                                         className="grow"
-                                                                        onBlur={() => handelSetEditable("", cell.value)}
+                                                                        onBlur={() => handleSetEditable("", cell.value)}
                                                                         value={newValue}
                                                                         onChange={(e) => setNewValue(e.target.value)}
                                                                         onKeyDown={async (e) => {
                                                                             if (e.key === "Escape") {
                                                                                 e.preventDefault()
-                                                                                handelSetEditable("", cell.value)
+                                                                                handleSetEditable("", cell.value)
                                                                             }
 
                                                                             if (e.key !== "Enter") return
@@ -169,7 +169,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                                             e.preventDefault()
                                                                             const result = await cell.onChange!(newValue)
                                                                             if (result) {
-                                                                                handelSetEditable("", cell.value)
+                                                                                handleSetEditable("", cell.value)
                                                                             }
                                                                         }}
                                                                     />
@@ -183,7 +183,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                                         <Button
                                                                             title="Cancel"
                                                                             onClick={() => {
-                                                                                handelSetEditable("", cell.value)
+                                                                                handleSetEditable("", cell.value)
                                                                             }}
                                                                         >
                                                                             <XCircle className="w-4 h-4" />
@@ -193,7 +193,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                                 : <button
                                                                     disabled={!cell.onChange}
                                                                     type="button"
-                                                                    onClick={() => handelSetEditable(`${i}-${j}`, cell.value)}
+                                                                    onClick={() => handleSetEditable(`${i}-${j}`, cell.value)}
                                                                 >
                                                                     {cell.value}
                                                                 </button>
diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index 5638637c..702f1146 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -35,7 +35,7 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
   const { toast } = useToast()
 
 
-  const handelSetOption = async (option: string, optionName: string) => {
+  const handleSetOption = async (option: string, optionName: string) => {
     const result = await securedFetch(`api/graph/${prepareArg(optionName)}/?sourceName=${prepareArg(option)}`, {
       method: "PATCH",
       headers: {
@@ -51,25 +51,25 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
 
       if (setSelectedValue) setSelectedValue(optionName)
 
-      handelSetRows(newOptions)
+      handleSetRows(newOptions)
     }
 
     return result.ok
   }
 
-  const handelSetRows = (opts: string[]) => {
-    setRows(opts.map(opt => ({ checked: false, name: opt, cells: [{ value: opt, onChange: (value: string) => handelSetOption(value, opt) }] })))
+  const handleSetRows = (opts: string[]) => {
+    setRows(opts.map(opt => ({ checked: false, name: opt, cells: [{ value: opt, onChange: (value: string) => handleSetOption(value, opt) }] })))
   }
 
   useEffect(() => {
-    setRows(options.map(opt => ({ checked: false, name: opt, cells: [{ value: opt, onChange: (value: string) => handelSetOption(value, opt) }] })))
+    setRows(options.map(opt => ({ checked: false, name: opt, cells: [{ value: opt, onChange: (value: string) => handleSetOption(value, opt) }] })))
 
     if (options.length !== 1 || !setSelectedValue) return
 
     setSelectedValue(options[0])
   }, [options])
 
-  const handelDelete = async (opts: string[]) => {
+  const handleDelete = async (opts: string[]) => {
     const names = opts.map(opt => isSchema ? `${opt}_schema` : opt)
 
     names.forEach(async (name) => {
@@ -87,7 +87,7 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
     })
 
     setOpenMenage(false)
-    handelSetRows(options.filter(opt => !opts.includes(opt)))
+    handleSetRows(options.filter(opt => !opts.includes(opt)))
   }
 
   return (
@@ -97,7 +97,7 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
         if (onOpenChange) onOpenChange(o)
       }}>
         <SelectTrigger disabled={disabled || options.length === 0} title={options.length === 0 ? "There is no graphs" : ""} className={cn("w-fit gap-2 border-none p-2", inTable ? "text-sm font-light" : "text-xl font-medium")}>
-          <SelectValue placeholder={`Select ${type || "Graph"}`} />
+          <SelectValue title={selectedValue || `Select ${type || "Graph"}`} placeholder={`Select ${type || "Graph"}`} />
         </SelectTrigger>
         <SelectContent className="min-w-52 max-h-[30lvh] bg-foreground">
           <SelectGroup>
@@ -142,7 +142,7 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
           <Button
             disabled={rows.filter(opt => opt.checked).length === 0}
             label="Delete"
-            onClick={() => handelDelete(rows.filter(opt => opt.checked).map(opt => opt.cells[0].value))}
+            onClick={() => handleDelete(rows.filter(opt => opt.checked).map(opt => opt.cells[0].value))}
           />
           <ExportGraph selectedValues={rows.filter(opt => opt.checked).map(opt => opt.cells[0].value)} type={type!} />
         </TableComponent>
diff --git a/app/graph/Duplicate.tsx b/app/graph/Duplicate.tsx
index 0fa67795..f39ae8dd 100644
--- a/app/graph/Duplicate.tsx
+++ b/app/graph/Duplicate.tsx
@@ -16,7 +16,7 @@ export default function Duplicate({ open, onOpenChange, selectedValue, onDuplica
     const [duplicateName, setDuplicateName] = useState("");
     const { toast } = useToast()
     
-    const handelDuplicate = async (e: FormEvent) => {
+    const handleDuplicate = async (e: FormEvent) => {
 
         e.preventDefault()
 
@@ -37,7 +37,7 @@ export default function Duplicate({ open, onOpenChange, selectedValue, onDuplica
             description="Enter a new graph name"
             title="Duplicate Graph"
         >
-            <form onSubmit={handelDuplicate} className="flex flex-col gap-12">
+            <form onSubmit={handleDuplicate} className="flex flex-col gap-12">
                 <div className="flex flex-col gap-4">
                     <p className="font-medium text-xl">Graph Name</p>
                     <Input
diff --git a/app/graph/GraphDataPanel.tsx b/app/graph/GraphDataPanel.tsx
index 17d783a4..04b3c83c 100644
--- a/app/graph/GraphDataPanel.tsx
+++ b/app/graph/GraphDataPanel.tsx
@@ -40,7 +40,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
     const type = !("source" in obj)
     const { toast } = useToast()
 
-    const handelSetEditable = (key: string, val: string) => {
+    const handleSetEditable = (key: string, val: string) => {
         if (key !== "") {
             setIsAddValue(false)
         }
@@ -94,7 +94,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                     }
                 } as Node
             })
-            handelSetEditable("", "")
+            handleSetEditable("", "")
             toast({
                 title: "Success",
                 description: `Attribute ${actionType}`,
@@ -106,7 +106,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
         return success
     }
 
-    const handelAddValue = async (key: string, value: string) => {
+    const handleAddValue = async (key: string, value: string) => {
         if (!key || key === "" || !value || value === "") {
             toast({
                 title: "Error",
@@ -144,7 +144,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
             toast({
                 title: "Success",
                 description: "Attribute removed",
-                action: <ToastButton onClick={() => handelAddValue(key, value)} />,
+                action: <ToastButton onClick={() => handleAddValue(key, value)} />,
                 variant: "default"
             })
         }
@@ -152,7 +152,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
         return success
     }
 
-    const handelAddKeyDown = async (e: React.KeyboardEvent<HTMLInputElement>) => {
+    const handleAddKeyDown = async (e: React.KeyboardEvent<HTMLInputElement>) => {
         if (e.key === "Escape") {
             setIsAddValue(false)
             setNewKey("")
@@ -162,12 +162,12 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
 
         if (e.key !== "Enter") return
 
-        handelAddValue(newKey, newVal)
+        handleAddValue(newKey, newVal)
     }
 
-    const handelSetKeyDown = async (e: React.KeyboardEvent<HTMLInputElement>) => {
+    const handleSetKeyDown = async (e: React.KeyboardEvent<HTMLInputElement>) => {
         if (e.key === "Escape") {
-            handelSetEditable("", "")
+            handleSetEditable("", "")
             setNewKey("")
         }
 
@@ -220,14 +220,14 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                                                     </Button>
                                                     <Button variant="button" onClick={(e) => {
                                                         e.stopPropagation()
-                                                        handelSetEditable("", "")
+                                                        handleSetEditable("", "")
                                                     }}>
                                                         <X size={20} />
                                                     </Button>
                                                 </>
                                                 : hover === key &&
                                                 <>
-                                                    <Button variant="button" onClick={() => handelSetEditable(key, obj.data[key])}>
+                                                    <Button variant="button" onClick={() => handleSetEditable(key, obj.data[key])}>
                                                         <Pencil size={20} />
                                                     </Button>
                                                     <DialogComponent
@@ -265,13 +265,13 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                                                 className="w-full"
                                                 value={newVal}
                                                 onChange={(e) => setNewVal(e.target.value)}
-                                                onKeyDown={handelSetKeyDown}
-                                                onBlur={() => handelSetEditable("", "")}
+                                                onKeyDown={handleSetKeyDown}
+                                                onBlur={() => handleSetEditable("", "")}
                                             />
                                             : <Button
                                                 label={obj.data[key]}
                                                 variant="button"
-                                                onClick={() => handelSetEditable(key, obj.data[key])}
+                                                onClick={() => handleSetEditable(key, obj.data[key])}
                                             />
                                     }
                                 </TableCell>
@@ -284,7 +284,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                             <TableCell className="flex flex-col items-center gap-2">
                                 <Button
                                     variant="button"
-                                    onClick={() => handelAddValue(newKey, newVal)}
+                                    onClick={() => handleAddValue(newKey, newVal)}
                                 >
                                     <Check size={20} />
                                 </Button>
@@ -297,7 +297,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                                     className="w-full"
                                     value={newKey}
                                     onChange={(e) => setNewKey(e.target.value)}
-                                    onKeyDown={handelAddKeyDown}
+                                    onKeyDown={handleAddKeyDown}
                                 />
                             </TableCell>
                             <TableCell>
@@ -305,7 +305,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                                     className="w-full"
                                     value={newVal}
                                     onChange={(e) => setNewVal(e.target.value)}
-                                    onKeyDown={handelAddKeyDown}
+                                    onKeyDown={handleAddKeyDown}
                                 />
                             </TableCell>
                         </TableRow>
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index b4c16395..330f8ad9 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -107,7 +107,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
         onExpand(!!selectedElement)
     }, [selectedElement])
 
-    const handelCooldown = () => {
+    const handleCooldown = () => {
         setCooldownTicks(1000)
     }
 
@@ -141,7 +141,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
         setData({ ...graph.Elements })
     }
 
-    const handelDeleteElement = async () => {
+    const handleDeleteElement = async () => {
         if (selectedElements.length === 0 && selectedElement) {
             selectedElements.push(selectedElement)
             setSelectedElement(undefined)
@@ -191,13 +191,13 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
             title: "Success",
             description: `${selectedElements.length > 1 ? "Elements" : "Element"} deleted`,
         })
-        handelCooldown()
+        handleCooldown()
     }
 
-    const handelRunQuery = async (q: string) => {
+    const handleRunQuery = async (q: string) => {
         await runQuery(q)
         chartRef.current?.zoomToFit(1000, 40)
-        handelCooldown()
+        handleCooldown()
     }
 
     return (
@@ -212,7 +212,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                     maximize={maximize}
                     currentQuery={query}
                     historyQueries={historyQueries}
-                    runQuery={handelRunQuery}
+                    runQuery={handleRunQuery}
                     setCurrentQuery={setQuery}
                     data={session}
                 />
@@ -243,11 +243,11 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                                     selectedElementsLength={selectedElements.length + (selectedElement ? 1 : 0)}
                                     disabled={!graph.Id}
                                     deleteDisabled={(Object.values(selectedElements).length === 0 && !selectedElement) || session?.user.role === "Read-Only"}
-                                    onDeleteElement={handelDeleteElement}
+                                    onDeleteElement={handleDeleteElement}
                                     chartRef={chartRef}
                                     cooldownTime={cooldownTime}
                                     setCooldownTime={setCooldownTime}
-                                    handelCooldown={handelCooldown}
+                                    handleCooldown={handleCooldown}
                                     addDisabled
                                 />
                                 {
@@ -328,7 +328,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                         setObj={setSelectedElement}
                         onExpand={onExpand}
                         graph={graph}
-                        onDeleteElement={handelDeleteElement}
+                        onDeleteElement={handleDeleteElement}
                         data={session}
                     />
                 }
diff --git a/app/graph/View.tsx b/app/graph/View.tsx
index 5bea942e..201fa0af 100644
--- a/app/graph/View.tsx
+++ b/app/graph/View.tsx
@@ -18,7 +18,7 @@ export default function View({ graph, setGraph, selectedValue }: {
     const [hover, setHover] = useState<string>("")
     const [editable, setEditable] = useState<string>("")
 
-    const handelPreferencesChange = (colors?: string[]) => {
+    const handlePreferencesChange = (colors?: string[]) => {
         setGraph(Graph.create(graph.Id, { data: graph.Data, metadata: graph.Metadata }, colors || colorsArr))
         if (colors) return
         localStorage.setItem(graph.Id, JSON.stringify(colorsArr));
@@ -148,7 +148,7 @@ export default function View({ graph, setGraph, selectedValue }: {
                         label="Reset"
                         onClick={() => {
                             localStorage.removeItem(graph.Id)
-                            handelPreferencesChange(DEFAULT_COLORS)
+                            handlePreferencesChange(DEFAULT_COLORS)
                         }}
                     >
                         <RotateCcw />
@@ -157,7 +157,7 @@ export default function View({ graph, setGraph, selectedValue }: {
                         disabled={graph.Colors.filter((c, i) => c === colorsArr[i]).length === colorsArr.length && DEFAULT_COLORS.length === colorsArr.length}
                         variant="Primary"
                         label="Apply"
-                        onClick={() => handelPreferencesChange()}
+                        onClick={() => handlePreferencesChange()}
                     >
                         <FileCheck2 />
                     </Button>
diff --git a/app/graph/labels.tsx b/app/graph/labels.tsx
index 43ff5e9c..0a116454 100644
--- a/app/graph/labels.tsx
+++ b/app/graph/labels.tsx
@@ -20,7 +20,7 @@ export default function Labels({ graph, categories, onClick, label, className =
     const listRef = useRef<HTMLUListElement>(null)
     const isScrollable = listRef.current && listRef.current.scrollHeight > listRef.current.clientHeight
 
-    const handelScroll = (scrollTo: number) => {
+    const handleScroll = (scrollTo: number) => {
         listRef.current?.scrollBy({
             behavior: "smooth",
             top: scrollTo,
@@ -39,7 +39,7 @@ export default function Labels({ graph, categories, onClick, label, className =
                     <Button
                         className="pointer-events-auto"
                         title="Scroll up"
-                        onClick={() => handelScroll(-200)}
+                        onClick={() => handleScroll(-200)}
                     >
                         <ChevronUp />
                     </Button>
@@ -68,7 +68,7 @@ export default function Labels({ graph, categories, onClick, label, className =
                     <Button
                         className="pointer-events-auto"
                         title="Scroll down"
-                        onClick={() => handelScroll(200)}
+                        onClick={() => handleScroll(200)}
                     >
                         <ChevronDown />
                     </Button>
diff --git a/app/graph/toolbar.tsx b/app/graph/toolbar.tsx
index 505650e8..b0af5561 100644
--- a/app/graph/toolbar.tsx
+++ b/app/graph/toolbar.tsx
@@ -18,7 +18,7 @@ interface Props {
     deleteDisabled?: boolean,
     cooldownTime: number | undefined
     setCooldownTime: Dispatch<SetStateAction<number | undefined>>
-    handelCooldown: () => void
+    handleCooldown: () => void
     selectedElementsLength: number
 }
 
@@ -32,7 +32,7 @@ export default function Toolbar({
     deleteDisabled,
     cooldownTime,
     setCooldownTime,
-    handelCooldown,
+    handleCooldown,
     selectedElementsLength
 }: Props) {
 
@@ -52,7 +52,7 @@ export default function Toolbar({
         }
     }
 
-    const handelDeleteElement = async () => {
+    const handleDeleteElement = async () => {
         if (!onDeleteElement) return
         await onDeleteElement()
         setDeleteOpen(false)
@@ -85,7 +85,7 @@ export default function Toolbar({
                     description={`Are you sure you want to delete this ${selectedElementsLength > 1 ? "elements" : "element"}?`}
                     open={deleteOpen}
                     setOpen={setDeleteOpen}
-                    onDeleteElement={handelDeleteElement}
+                    onDeleteElement={handleDeleteElement}
                     trigger={
                         <Button
                             className="text-nowrap"
@@ -138,7 +138,7 @@ export default function Toolbar({
                     onClick={() => {
                         setCooldownTime(cooldownTime !== undefined ? undefined : 2000)
                         if (cooldownTime !== undefined) {
-                            handelCooldown()
+                            handleCooldown()
                         }
                     }}
                 >
diff --git a/app/schema/SchemaCreateElement.tsx b/app/schema/SchemaCreateElement.tsx
index 08377070..45e700aa 100644
--- a/app/schema/SchemaCreateElement.tsx
+++ b/app/schema/SchemaCreateElement.tsx
@@ -4,13 +4,14 @@
 
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Dispatch, SetStateAction, useState } from "react";
-import { ArrowRight, ArrowRightLeft, Check, ChevronRight, Pencil, Plus, Trash2, X } from "lucide-react";
+import { ArrowRight, ArrowRightLeft, Check, CheckCircle, ChevronRight, Pencil, Plus, Trash2, X, XCircle } from "lucide-react";
 import { Switch } from "@/components/ui/switch";
 import { useToast } from "@/components/ui/use-toast";
 import Button from "../components/ui/Button";
 import Combobox from "../components/ui/combobox";
 import { Node } from "../api/graph/model";
 import Input from "../components/ui/Input";
+import ToastButton from "../components/ToastButton";
 
 interface Props {
   onCreate: (element: [string, string[]][], label?: string) => Promise<boolean>
@@ -37,27 +38,33 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
   const [editable, setEditable] = useState<string>("")
   const [hover, setHover] = useState<string>("")
   const { toast } = useToast()
-  
-  const handelSetEditable = (att: [string, string[]] = getDefaultAttribute()) => {
+
+  const handleSetEditable = (att: [string, string[]] = getDefaultAttribute()) => {
     setAttribute(att)
     setEditable(att[0])
   }
 
-  const handelAddAttribute = () => {
-    if (!newAttribute[0] || newAttribute[1].some((v) => !v)) {
+  const handleAddAttribute = (att?: [string, string[]]) => {
+    const newAtt = att || newAttribute
+
+    if (!newAtt[0] || newAtt[1].some((v) => !v)) {
       toast({
         title: "Error",
         description: "You must type a key, type and a description in order to add a new property",
         variant: "destructive"
       })
+
       return
     }
-    setAttributes(prev => [...prev, newAttribute])
+
+    setAttributes(prev => [...prev, newAtt])
     setNewAttribute(getDefaultAttribute())
   }
 
-  const handelSetAttributes = () => {
-    if (!attribute[0] || attribute[1].some((v) => !v)) {
+  const handleSetAttribute = (isUndo: boolean, att?: [string, string[]]) => {
+    const newAtt = att || attribute
+    
+    if (!newAtt[0] || newAtt[1].some((v) => !v)) {
       toast({
         title: "Error",
         description: "You must type a key, type and a description in order to edit a property",
@@ -66,14 +73,21 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
       return
     }
 
-    setAttributes(prev => prev.map(([key, val]) => key === attribute[0] ? attribute : [key, val]))
+    const oldAttribute = attributes.find(([k]) => k === newAtt[0])
+    setAttributes(prev => prev.map(([key, val]) => key === newAtt[0] ? newAtt : [key, val]))
     setAttribute(getDefaultAttribute())
+    handleSetEditable()
+    toast({
+      title: "Success",
+      description: "Attribute set",
+      action: isUndo ? <ToastButton onClick={() => handleSetAttribute(false, oldAttribute)} /> : undefined
+    })
   }
 
-  const handelKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, handel: () => void, setter: () => void) => {
+  const handleSetKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
     if (e.code === "Escape") {
       e.preventDefault()
-      setter()
+      handleSetEditable()
       return
     }
 
@@ -81,10 +95,24 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
 
     e.preventDefault()
 
-    handel()
+    handleSetAttribute(true)
   }
 
-  const handelOnCreate = async () => {
+  const handleAddKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.code === "Escape") {
+      e.preventDefault()
+      setNewAttribute(getDefaultAttribute())
+      return
+    }
+
+    if (e.key !== 'Enter') return
+
+    e.preventDefault()
+
+    handleAddAttribute()
+  }
+
+  const handleOnCreate = async () => {
     if (!label && !type) {
       toast({
         title: "Error",
@@ -101,18 +129,12 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
     setLabelEditable(false)
   }
 
-  const handelLabelCancel = () => {
+  const handleLabelCancel = () => {
     setLabel("")
     setLabelEditable(false)
   }
 
-  const onSetLabel = (e: React.KeyboardEvent<HTMLInputElement>) => {
-    if (e.key === "Escape") {
-      handelLabelCancel()
-    }
-
-    if (e.key !== "Enter") return
-
+  const handleSetLabel = () => {
     if (!newLabel) {
       toast({
         title: "Error",
@@ -126,6 +148,17 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
     setLabelEditable(false)
   }
 
+  const handleSetLabelKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Escape") {
+      handleLabelCancel()
+    }
+
+    if (e.key !== "Enter") return
+
+    handleSetLabel()
+
+  }
+
   return (
     <div className="DataPanel">
       <div className="w-full flex justify-between items-center p-4">
@@ -137,14 +170,24 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
           </Button>
           {
             labelEditable ?
-              <Input
-                ref={ref => ref?.focus()}
-                className="w-full"
-                onChange={(e) => setNewLabel(e.target.value)}
-                value={newLabel}
-                onBlur={handelLabelCancel}
-                onKeyDown={onSetLabel}
-              /> : <Button
+              <div className="flex gap-4 items-center">
+                <Input
+                  ref={ref => ref?.focus()}
+                  className="w-full"
+                  onChange={(e) => setNewLabel(e.target.value)}
+                  value={newLabel}
+                  onKeyDown={handleSetLabelKeyDown}
+
+                />
+                <div className="flex flex-col gap-1">
+                  <Button onClick={handleSetLabel}>
+                    <CheckCircle size={20} />
+                  </Button>
+                  <Button onClick={handleLabelCancel}>
+                    <XCircle size={20} />
+                  </Button>
+                </div>
+              </div> : <Button
                 className="underline underline-offset-2"
                 label={label || "Edit Label"}
                 onClick={() => setLabelEditable(true)}
@@ -171,12 +214,12 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
               attributes.length > 0 &&
               attributes.map(([key, val]) => (
                 <TableRow
-                  className="cursor-pointer p-2"
+                  className="cursor-pointer p-2 h-20"
                   onClick={() => {
                     if (editable === key) return
-                    handelSetEditable([key, [...val]])
+                    handleSetEditable([key, [...val]])
                   }}
-                  // onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node) && handelSetEditable()}
+                  // onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node) && handleSetEditable()}
                   onMouseEnter={() => setHover(key)}
                   onMouseLeave={() => setHover("")}
                   key={key}
@@ -204,7 +247,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                         <TableCell>
                           <Input
                             className="w-full"
-                            onKeyDown={(e) => handelKeyDown(e, handelSetAttributes, handelSetEditable)}
+                            onKeyDown={handleSetKeyDown}
                             onChange={(e) => setAttribute(prev => {
                               const p: [string, string[]] = [...prev]
                               p[1][1] = e.target.value
@@ -241,28 +284,26 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                       ))
                   }
                   <TableCell>
-                    <div className="flex gap-2">
+                    <div className="flex gap-2 w-44">
                       {
                         editable === key ?
                           <>
                             <Button
-                              className="p-2 justify-center border border-[#232341]"
-                              variant="Secondary"
+                              className="p-2 justify-center border border-foreground rounded-lg"
                               label="Save"
                               onClick={(e) => {
                                 e.stopPropagation()
-                                handelSetAttributes()
+                                handleSetAttribute(true)
                               }}
                             >
                               <Check size={20} />
                             </Button>
                             <Button
-                              className="p-2 justify-center border border-[#232341]"
-                              variant="Secondary"
+                              className="p-2 justify-center border border-foreground rounded-lg"
                               label="Cancel"
                               onClick={(e) => {
                                 e.stopPropagation()
-                                handelSetEditable()
+                                handleSetEditable()
                               }}
                             >
                               <X size={20} />
@@ -271,23 +312,27 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                           : hover === key &&
                           <>
                             <Button
-                              className="p-2 justify-center border border-[#232341]"
-                              variant="Secondary"
+                              className="p-2 justify-center border border-foreground rounded-lg"
                               label="Remove"
                               onClick={(e) => {
                                 e.stopPropagation()
+                                const oldAttribute = attributes.find(([k]) => k === key)
                                 setAttributes(prev => prev.filter(([k]) => k !== key))
+                                toast({
+                                  title: "Success",
+                                  description: "Attribute removed",
+                                  action: oldAttribute && <ToastButton onClick={() => handleAddAttribute(oldAttribute)} />
+                                })
                               }}
                             >
                               <Trash2 size={20} />
                             </Button>
                             <Button
-                              className="p-2 justify-center border border-[#232341]"
-                              variant="Secondary"
+                              className="p-2 justify-center border border-foreground rounded-lg"
                               label="Edit"
                               onClick={(e) => {
                                 e.stopPropagation()
-                                handelSetEditable([key, [...val]])
+                                handleSetEditable([key, [...val]])
                               }}
                             >
                               <Pencil size={20} />
@@ -303,7 +348,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
               <TableCell>
                 <Input
                   className="w-full"
-                  onKeyDown={(e) => handelKeyDown(e, handelAddAttribute, () => setNewAttribute(getDefaultAttribute()))}
+                  onKeyDown={handleAddKeyDown}
                   onChange={(e) => setNewAttribute(prev => {
                     const p: [string, string[]] = [...prev]
                     p[0] = e.target.value
@@ -328,7 +373,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
               <TableCell>
                 <Input
                   className="w-full"
-                  onKeyDown={(e) => handelKeyDown(e, handelAddAttribute, () => setNewAttribute(getDefaultAttribute()))}
+                  onKeyDown={handleAddKeyDown}
                   onChange={(e) => setNewAttribute(prev => {
                     const p: [string, string[]] = [...prev]
                     p[1][1] = e.target.value
@@ -362,19 +407,17 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
               <TableCell>
                 <div className="flex gap-2">
                   <Button
-                    className="p-2 justify-center border border-[#232341]"
-                    variant="Secondary"
+                    className="p-2 justify-center border border-foreground rounded-lg"
                     label="Add"
                     onClick={(e) => {
                       e.stopPropagation()
-                      handelAddAttribute()
+                      handleAddAttribute()
                     }}
                   >
                     <Plus size={20} />
                   </Button>
                   <Button
-                    className="p-2 justify-center border border-[#232341]"
-                    variant="Secondary"
+                    className="p-2 justify-center border border-foreground rounded-lg"
                     label="Cancel"
                     onClick={(e) => {
                       e.stopPropagation()
@@ -422,7 +465,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
               <TableCell>
                 <div className="flex gap-2">
                   <Button
-                    className="p-2 justify-center border border-[#232341]"
+                    className="p-2 justify-center border border-foreground"
                     disabled
                     variant="Secondary"
                     label="Add"
@@ -430,7 +473,7 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
                     <Plus size={20} />
                   </Button>
                   <Button
-                    className="p-2 justify-center border border-[#232341]"
+                    className="p-2 justify-center border border-foreground"
                     disabled
                     variant="Secondary"
                     label="Cancel"
@@ -475,14 +518,14 @@ export default function SchemaCreateElement({ onCreate, onExpand, selectedNodes,
         <div className="p-8">
           <form onSubmit={(e) => {
             e.preventDefault();
-            handelOnCreate();
+            handleOnCreate();
           }}>
             <Button
               label={`Create new ${type ? "node" : "edge"}`}
               variant="Primary"
               onClick={(e) => {
                 e.preventDefault();
-                handelOnCreate();
+                handleOnCreate();
               }}
             />
           </form>
diff --git a/app/schema/SchemaDataPanel.tsx b/app/schema/SchemaDataPanel.tsx
index 28093727..dc73e7f9 100644
--- a/app/schema/SchemaDataPanel.tsx
+++ b/app/schema/SchemaDataPanel.tsx
@@ -1,7 +1,11 @@
+/* eslint-disable @typescript-eslint/no-use-before-define */
 /* eslint-disable react/no-array-index-key */
+
+"use client";
+
 import { Check, ChevronRight, MinusCircle, Pencil, PlusCircle, Trash2, X } from "lucide-react";
 import { useEffect, useState } from "react";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Checkbox } from "@/components/ui/checkbox";
 import { useToast } from "@/components/ui/use-toast";
 import Button from "../components/ui/Button";
@@ -9,6 +13,7 @@ import { ATTRIBUTES, getDefaultAttribute, OPTIONS } from "./SchemaCreateElement"
 import Combobox from "../components/ui/combobox";
 import { Link, Node } from "../api/graph/model";
 import Input from "../components/ui/Input";
+import ToastButton from "../components/ToastButton";
 
 interface Props {
     obj: Node | Link
@@ -28,22 +33,27 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
     const [isAddValue, setIsAddValue] = useState<boolean>(false)
     const { toast } = useToast()
 
+    console.log(editable);
+
     useEffect(() => {
         setAttributes(Object.entries(obj.data).filter(([key, val]) => !(key === "name" && Number(val) === obj.id)).map(([key, val]) => [key, Array.isArray(val) ? val : (val as string).split(',')]))
         setLabel("source" in obj ? obj.label : obj.category)
     }, [obj])
 
-    const handelSetEditable = ([key, val]: [string, string[]] = getDefaultAttribute()) => {
+    const handleSetEditable = ([key, val]: [string, string[]] = getDefaultAttribute()) => {
         if (key !== "") {
             setIsAddValue(false)
         }
 
         setAttribute([key, val])
+        debugger
         setEditable(key)
     }
 
-    const handelSetAttributes = async () => {
-        if (attribute[0] === "" || attribute[1].some(v => v === "")) {
+    const handleSetAttribute = async (isUndo: boolean, att?: [string, string[]]) => {
+        const newAttribute = att || attribute
+
+        if (newAttribute[0] === "" || newAttribute[1].some(v => v === "")) {
             toast({
                 title: "Error",
                 description: "Please fill all the fields",
@@ -51,155 +61,133 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
             return
         }
 
-        const ok = await onSetAttributes(attribute)
+        const ok = await onSetAttributes(newAttribute)
+        const oldAttribute = attributes.find(([key]) => key === newAttribute[0])
 
         if (ok) {
-            setAttributes(prev => prev.map((att) => att[0] === attribute[0] ? attribute : att))
-            handelSetEditable()
+            setAttributes(prev => prev.map((att) => att[0] === newAttribute[0] ? newAttribute : att))
+            handleSetEditable()
+            toast({
+                title: "Success",
+                description: `Property set`,
+                action: isUndo && oldAttribute ? <ToastButton onClick={() => handleSetAttribute(false, oldAttribute)} /> : undefined,
+            })
         }
     }
 
-    const handelRemoveAttribute = async (key: string) => {
+    const handleRemoveAttribute = async (key: string) => {
 
         const ok = await onRemoveAttribute(key)
 
         if (ok) {
+            const attribute = attributes.find(([k]) => k === key)
             setAttributes(prev => prev.filter(([k]) => k !== key))
+            toast({
+                title: "Success",
+                description: "Attribute removed",
+                action: attribute && <ToastButton onClick={() => handleAddAttribute(attribute)} />,
+            })
+            setAttribute(getDefaultAttribute())
         }
     }
 
-    const handelAddAttribute = async () => {
-        if (attribute[0] === "" || attribute[1].some(v => v === "")) {
+    const handleAddAttribute = async (att?: [string, string[]]) => {
+        const newAttribute = att || attribute
+        if (newAttribute[0] === "" || newAttribute[1].some(v => v === "")) {
             toast({
                 title: "Error",
                 description: "Please fill all the fields",
+                variant: "destructive"
             })
             return
         }
 
-        const ok = await onSetAttributes(attribute)
+        const ok = await onSetAttributes(newAttribute)
 
         if (ok) {
-            setAttributes(prev => [...prev, attribute])
+            setAttributes(prev => [...prev, newAttribute])
             setAttribute(getDefaultAttribute())
             setIsAddValue(false)
         }
     }
 
-    const handelKeyDown = (evt: React.KeyboardEvent, func: () => void) => {
+    const handleSetKeyDown = (evt: React.KeyboardEvent) => {
+        if (evt.code === "Escape") {
+            evt.preventDefault()
+            handleSetEditable()
+        }
+
+        if (evt.code !== "Enter") return
+
+        evt.preventDefault()
+        handleSetAttribute(true)
+    }
+
+    const handleAddKeyDown = (evt: React.KeyboardEvent) => {
         if (evt.code === "Escape") {
             evt.preventDefault()
-            handelSetEditable()
+            handleSetEditable()
         }
 
         if (evt.code !== "Enter") return
 
         evt.preventDefault()
-        func()
+        handleAddAttribute()
     }
 
     return (
         <div className="DataPanel">
-            <div className="flex justify-between items-center bg-[#7167F6] p-4">
-                <div className="flex gap-2">
+            <div className="w-full flex justify-between items-center p-4">
+                <div className="flex gap-4 items-center">
                     <Button
-                        variant="button"
                         onClick={() => onExpand()}
                     >
                         <ChevronRight size={20} />
                     </Button>
                     <p>{label}</p>
                 </div>
-                <div>
-                    <p>Attributes {attributes.length}</p>
-                </div>
+                <p className="flex text-white">{attributes.length} Attributes</p>
             </div>
-            <Table>
+            <Table parentClassName="grow">
                 <TableHeader>
-                    <TableRow className="border-none">
+                    <TableRow>
                         {
                             (attributes.length > 0 || isAddValue) &&
                             <>
-                                <TableHead key="buttons" className="p-0" />
-                                <TableHead key="Key" className="p-0">Key</TableHead>
-                                {ATTRIBUTES.map((att) => (
-                                    <TableHead key={att} className="p-0">{att}</TableHead>
-                                ))}
+                                <TableHead key="Key">Key</TableHead>
+                                {
+                                    ATTRIBUTES.map((att) => (
+                                        <TableHead key={att}>{att}</TableHead>
+                                    ))
+                                }
+                                <TableHead key="buttons" />
                             </>
                         }
                     </TableRow>
                 </TableHeader>
-                <TableBody className="px-2">
+                <TableBody>
                     {
                         attributes.length > 0 &&
                         attributes.map(([key, val]) => (
                             <TableRow
-                                className="cursor-pointer border-none"
+                                className="cursor-pointer p-2 h-20"
                                 onClick={() => {
                                     if (editable === key) return
-                                    handelSetEditable([key, [...val]])
+                                    handleSetEditable([key, [...val]])
                                 }}
-                                // onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node) && handelSetEditable()}
+                                // onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node) && handleSetEditable()}
                                 onMouseEnter={() => setHover(key)}
                                 onMouseLeave={() => setHover("")}
                                 key={key}
                                 tabIndex={0} // Added to make the row focusable
                             >
-                                <TableCell className="px-1 py-0">
-                                    <div className="flex flex-col gap-2 w-5 h-12">
-                                        {
-                                            editable === key ?
-                                                <>
-                                                    <Button
-                                                        title="Save"
-                                                        onClick={(e) => {
-                                                            e.stopPropagation()
-                                                            handelSetAttributes()
-                                                        }}
-                                                    >
-                                                        <Check size={20} />
-                                                    </Button>
-                                                    <Button
-                                                        title="Cancel"
-                                                        onClick={(e) => {
-                                                            e.stopPropagation()
-                                                            handelSetEditable()
-                                                        }}
-                                                    >
-                                                        <X size={20} />
-                                                    </Button>
-                                                </>
-                                                : hover === key &&
-                                                <>
-                                                    <Button
-                                                        title="Remove"
-                                                        onClick={(e) => {
-                                                            e.stopPropagation()
-                                                            handelRemoveAttribute(key)
-                                                        }}
-                                                    >
-                                                        <Trash2 size={20} />
-                                                    </Button>
-                                                    <Button
-                                                        title="Edit"
-                                                        onClick={(e) => {
-                                                            e.stopPropagation()
-                                                            handelSetEditable([key, [...val]])
-                                                        }}
-                                                    >
-                                                        <Pencil size={20} />
-                                                    </Button>
-                                                </>
-                                        }
-                                    </div>
-                                </TableCell>
-                                <TableCell className="px-1 py-0">
+                                <TableCell>
                                     {key}:
                                 </TableCell>
                                 {
                                     editable === key ?
                                         <>
-                                            <TableCell className="px-1 py-0">
+                                            <TableCell>
                                                 <Combobox
                                                     options={OPTIONS}
                                                     setSelectedValue={(v) => setAttribute(prev => {
@@ -212,10 +200,10 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                                     selectedValue={attribute[1][0]}
                                                 />
                                             </TableCell>
-                                            <TableCell className="px-1 py-0">
+                                            <TableCell>
                                                 <Input
                                                     className="w-full"
-                                                    onKeyDown={(e) => handelKeyDown(e, handelSetAttributes)}
+                                                    onKeyDown={handleSetKeyDown}
                                                     onChange={(e) => setAttribute(prev => {
                                                         const p: [string, string[]] = [...prev]
                                                         p[1][1] = e.target.value
@@ -224,7 +212,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                                     value={attribute[1][1]}
                                                 />
                                             </TableCell>
-                                            <TableCell className="px-1 py-0">
+                                            <TableCell>
                                                 <Checkbox
                                                     className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                                                     onCheckedChange={(checked) => setAttribute(prev => {
@@ -235,7 +223,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                                     checked={attribute[1][2] === "true"}
                                                 />
                                             </TableCell>
-                                            <TableCell className="px-1 py-0">
+                                            <TableCell>
                                                 <Checkbox
                                                     className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                                                     onCheckedChange={(checked) => setAttribute(prev => {
@@ -248,39 +236,76 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                             </TableCell>
                                         </>
                                         : val.map((v, i) => (
-                                            <TableCell className="px-1 py-0" key={i}>{v}</TableCell>
+                                            <TableCell key={i}>{v}</TableCell>
                                         ))
                                 }
+                                <TableCell>
+                                    <div className="flex gap-2 w-44">
+                                        {
+                                            editable === key ?
+                                                <>
+                                                    <Button
+                                                        className="p-2 justify-center border border-foreground"
+                                                        variant="Secondary"
+                                                        label="Save"
+                                                        onClick={(e) => {
+                                                            e.stopPropagation()
+                                                            handleSetAttribute(true)
+                                                        }}
+                                                    >
+                                                        <Check size={20} />
+                                                    </Button>
+                                                    <Button
+                                                        className="p-2 justify-center border border-foreground"
+                                                        variant="Secondary"
+                                                        label="Cancel"
+                                                        onClick={(e) => {
+                                                            e.stopPropagation()
+                                                            handleSetEditable()
+
+                                                        }}
+                                                    >
+                                                        <X size={20} />
+                                                    </Button>
+                                                </>
+                                                : hover === key &&
+                                                <>
+                                                    <Button
+                                                        className="p-2 justify-center border border-foreground"
+                                                        variant="Secondary"
+                                                        label="Remove"
+                                                        onClick={(e) => {
+                                                            e.stopPropagation()
+                                                            handleRemoveAttribute(key)
+                                                        }}
+                                                    >
+                                                        <Trash2 size={20} />
+                                                    </Button>
+                                                    <Button
+                                                        className="p-2 justify-center border border-foreground"
+                                                        variant="Secondary"
+                                                        label="Edit"
+                                                        onClick={(e) => {
+                                                            e.stopPropagation()
+                                                            handleSetEditable([key, [...val]])
+                                                        }}
+                                                    >
+                                                        <Pencil size={20} />
+                                                    </Button>
+                                                </>
+                                        }
+                                    </div>
+                                </TableCell>
                             </TableRow>
                         ))
                     }
                     {
                         isAddValue &&
-                        <TableRow key="Add Value" className="border-none">
-                            <TableCell className="flex flex-col gap-1 px-1 py-0">
-                                <Button
-                                    title="Save"
-                                    onClick={(e) => {
-                                        e.stopPropagation()
-                                        handelAddAttribute()
-                                    }}
-                                >
-                                    <Check size={20} />
-                                </Button>
-                                <Button
-                                    title="Cancel"
-                                    onClick={(e) => {
-                                        e.stopPropagation()
-                                        handelSetEditable()
-                                    }}
-                                >
-                                    <X size={20} />
-                                </Button>
-                            </TableCell>
-                            <TableCell className="px-1 py-0">
+                        <TableRow key="Add Value">
+                            <TableCell>
                                 <Input
                                     className="w-full"
-                                    onKeyDown={(e) => handelKeyDown(e, handelAddAttribute)}
+                                    onKeyDown={handleAddKeyDown}
                                     onChange={(e) => setAttribute(prev => {
                                         const p: [string, string[]] = [...prev]
                                         p[0] = e.target.value
@@ -289,7 +314,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     value={attribute[0]}
                                 />
                             </TableCell>
-                            <TableCell className="px-1 py-0">
+                            <TableCell>
                                 <Combobox
                                     options={OPTIONS}
                                     setSelectedValue={(v) => setAttribute(prev => {
@@ -302,10 +327,10 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     selectedValue={attribute[1][0]}
                                 />
                             </TableCell>
-                            <TableCell className="px-1 py-0">
+                            <TableCell>
                                 <Input
                                     className="w-full"
-                                    onKeyDown={(e) => handelKeyDown(e, handelAddAttribute)}
+                                    onKeyDown={handleAddKeyDown}
                                     onChange={(e) => setAttribute(prev => {
                                         const p: [string, string[]] = [...prev]
                                         p[1][1] = e.target.value
@@ -314,7 +339,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     value={attribute[1][1]}
                                 />
                             </TableCell>
-                            <TableCell className="px-1 py-0">
+                            <TableCell>
                                 <Checkbox
                                     className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                                     onCheckedChange={(checked) => setAttribute(prev => {
@@ -325,7 +350,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     checked={attribute[1][2] === "true"}
                                 />
                             </TableCell>
-                            <TableCell className="px-1 py-0">
+                            <TableCell>
                                 <Checkbox
                                     className="h-6 w-6 border-[#57577B] data-[state=checked]:bg-[#57577B]"
                                     onCheckedChange={(checked) => setAttribute(prev => {
@@ -336,29 +361,54 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
                                     checked={attribute[1][3] === "true"}
                                 />
                             </TableCell>
+                            <TableCell>
+                                <div className="flex gap-2 w-44">
+                                    <Button
+                                        className="p-2 justify-center border border-foreground"
+                                        variant="Secondary"
+                                        label="Save"
+                                        onClick={(e) => {
+                                            e.stopPropagation()
+                                            handleAddAttribute()
+                                        }}
+                                    >
+                                        <Check size={20} />
+                                    </Button>
+                                    <Button
+                                        className="p-2 justify-center border border-foreground"
+                                        variant="Secondary"
+                                        label="Cancel"
+                                        onClick={(e) => {
+                                            e.stopPropagation()
+                                            handleSetEditable()
+                                            setIsAddValue(false)
+                                        }}
+                                    >
+                                        <X size={20} />
+                                    </Button>
+                                </div>
+                            </TableCell>
                         </TableRow>
                     }
                 </TableBody>
+                <TableCaption>
+                    <Button
+                        variant="Primary"
+                        label="Add Value"
+                        onClick={() => setIsAddValue(prev => {
+                            if (!prev) {
+                                setAttribute(getDefaultAttribute())
+                                setEditable("")
+                            }
+                            return !prev
+                        })}
+                    >
+                        <PlusCircle size={20} />
+                    </Button>
+                </TableCaption>
             </Table>
-            <div className="p-4">
-                <Button
-                    className="border border-[#232341]"
-                    variant="Secondary"
-                    label="Add Value"
-                    onClick={() => setIsAddValue(prev => {
-                        if (!prev) {
-                            setAttribute(getDefaultAttribute())
-                            setEditable("")
-                        }
-                        return !prev
-                    })}
-                >
-                    {isAddValue ? <MinusCircle size={20} /> : <PlusCircle size={20} />}
-                </Button>
-            </div>
-            <div className="p-4">
+            <div className="p-8 flex justify-end">
                 <Button
-                    className="border border-[#232341]"
                     label="Delete"
                     variant="Secondary"
                     onClick={() => onDeleteElement()}
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index c0283dac..00ae3b8a 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -16,6 +16,7 @@ import Labels from "../graph/labels"
 import { Category, Graph, Link, Node, GraphData } from "../api/graph/model"
 import Button from "../components/ui/Button"
 import CreateElement from "./SchemaCreateElement"
+import ToastButton from "../components/ToastButton"
 
 const ForceGraph = dynamic(() => import("../components/ForceGraph"), { ssr: false })
 
@@ -65,7 +66,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         setSelectedNodes([undefined, undefined])
     }, [isAddRelation])
 
-    const handelCooldown = () => {
+    const handleCooldown = () => {
         setCooldownTicks(1000)
     }
 
@@ -91,7 +92,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         setData({ ...schema.Elements })
     }
 
-    const handelSetSelectedElement = (element?: Node | Link | undefined) => {
+    const handleSetSelectedElement = (element?: Node | Link | undefined) => {
         setSelectedElement(element)
         if (isAddRelation || isAddEntity) return
         if (element) {
@@ -113,7 +114,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         }
     }
 
-    const handelDeleteElement = async () => {
+    const handleDeleteElement = async () => {
         const stateSelectedElements = Object.values(selectedElements)
 
         if (stateSelectedElements.length === 0 && selectedElement) {
@@ -164,10 +165,10 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         dataPanel.current?.collapse()
     }
 
-    const handelSetAttributes = async (attribute: [string, string[]]) => {
-        const [key, value] = attribute;
+    const handleSetAttributes = async (attribute: [string, string[]]) => {
         if (!selectedElement) return false
-
+        
+        const [key, value] = attribute;
         const type = !("source" in selectedElement)
         const { id } = selectedElement
         const q = `MATCH ${type ? "(e)" : "()-[e]-()"} WHERE ID(e) = ${id} SET e.${key} = "${value.join(",")}"`
@@ -200,7 +201,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         return ok
     }
 
-    // const handelSetCategory = async (category: string) => {
+    // const handleSetCategory = async (category: string) => {
     //     if (!selectedElement) return false
 
     //     const { id } = getElementId(selectedElement)
@@ -239,7 +240,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
     //     return success
     // }
 
-    const handelRemoveProperty = async (key: string) => {
+    const handleRemoveProperty = async (key: string) => {
         if (!selectedElement) return false
 
         const type = !("source" in selectedElement)
@@ -335,12 +336,12 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                             if (dataPanel.current?.isExpanded()) return
                             onExpand()
                         }}
-                        onDeleteElement={handelDeleteElement}
+                        onDeleteElement={handleDeleteElement}
                         chartRef={chartRef}
                         addDisabled={session?.user.role === "Read-Only"}
                         setCooldownTime={setCooldownTime}
                         cooldownTime={cooldownTime}
-                        handelCooldown={handelCooldown}
+                        handleCooldown={handleCooldown}
                     />
                     {
                         isCollapsed &&
@@ -371,14 +372,14 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                         data={data}
                         graph={schema}
                         selectedElement={selectedElement}
-                        setSelectedElement={handelSetSelectedElement}
+                        setSelectedElement={handleSetSelectedElement}
                         selectedElements={selectedElements}
                         setSelectedElements={setSelectedElements}
                         cooldownTicks={cooldownTicks}
                         setCooldownTicks={setCooldownTicks}
                         cooldownTime={cooldownTime}
                         type="schema"
-                        isAddElement={isAddEntity || isAddRelation}
+                        isAddElement={isAddRelation}
                         setSelectedNodes={setSelectedNodes}
                     />
                     {
@@ -406,9 +407,9 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                         <SchemaDataPanel
                             obj={selectedElement}
                             onExpand={onExpand}
-                            onSetAttributes={handelSetAttributes}
-                            onRemoveAttribute={handelRemoveProperty}
-                            onDeleteElement={handelDeleteElement}
+                            onSetAttributes={handleSetAttributes}
+                            onRemoveAttribute={handleRemoveProperty}
+                            onDeleteElement={handleDeleteElement}
                         />
                         : (isAddEntity || isAddRelation) &&
                         <CreateElement
diff --git a/app/settings/Configurations.tsx b/app/settings/Configurations.tsx
index 3581e55b..5d5dd534 100644
--- a/app/settings/Configurations.tsx
+++ b/app/settings/Configurations.tsx
@@ -157,7 +157,7 @@ export default function Configurations() {
                     {
                         value: config.value.toString(),
                         onChange: !disableRunTimeConfigs.has(config.name) ?
-                            (value: string) => handelSetConfig(config.name, value, true)
+                            (value: string) => handleSetConfig(config.name, value, true)
                             : undefined
                     }
                 ],
@@ -166,7 +166,7 @@ export default function Configurations() {
         run()
     }, [])
 
-    const handelSetConfig = async (name: string, value: string, isUndo: boolean) => {
+    const handleSetConfig = async (name: string, value: string, isUndo: boolean) => {
 
         if (!value) {
             toast({
@@ -203,7 +203,7 @@ export default function Configurations() {
             toast({
                 title: "Success",
                 description: "Configuration value set successfully",
-                action: isUndo ? <ToastButton onClick={() => handelSetConfig(name, oldValue.toString(), false)} /> : undefined
+                action: isUndo ? <ToastButton onClick={() => handleSetConfig(name, oldValue.toString(), false)} /> : undefined
             })
         }
 
diff --git a/app/settings/users/AddUser.tsx b/app/settings/users/AddUser.tsx
index 5ec15de6..55ccb8ec 100644
--- a/app/settings/users/AddUser.tsx
+++ b/app/settings/users/AddUser.tsx
@@ -66,21 +66,21 @@ export default function AddUser({ onAddUser }: {
         }
     ]
 
-    const handelClose = () => {
+    const handleClose = () => {
         setPassword("")
         setConfirmPassword("")
         setUsername("")
         setRole("")
     }
 
-    const handelAddUser = async (e: FormEvent) => {
+    const handleAddUser = async (e: FormEvent) => {
         e.preventDefault();
 
         onAddUser({ username, password, role })
 
         setOpen(false)
 
-        handelClose()
+        handleClose()
     };
 
     return (
@@ -95,7 +95,7 @@ export default function AddUser({ onAddUser }: {
             </SheetTrigger>
             <SheetContent>
                 <FormComponent
-                    handleSubmit={handelAddUser}
+                    handleSubmit={handleAddUser}
                     fields={fields}
                 />
             </SheetContent>
diff --git a/app/settings/users/Users.tsx b/app/settings/users/Users.tsx
index 07eb215c..c7d1c816 100644
--- a/app/settings/users/Users.tsx
+++ b/app/settings/users/Users.tsx
@@ -53,7 +53,7 @@ export default function Users() {
                         value: user.username,
                     }, {
                         value: user.role,
-                        onChange: (value: string) => handelSetRole([user.username], [value])
+                        onChange: (value: string) => handleSetRole([user.username], [value], true)
                     }],
                     checked: false,
                 })))
@@ -62,7 +62,7 @@ export default function Users() {
 
     }, [])
 
-    const handelSetRole = async (usernames: string[], role: string[]) => {
+    const handleSetRole = async (usernames: string[], role: string[], isUndo: boolean) => {
         const oldRoles = usernames.map(username => users.find(user => user.username === username)!.role)
         const updatedUsers = await Promise.all(users.map(async (user, i) => {
 
@@ -94,12 +94,12 @@ export default function Users() {
         toast({
             title: "Success",
             description: `${usernames.join(", ")} role updated successfully`,
-            action: <ToastAction altText="Undo" onClick={() => handelSetRole(usernames, oldRoles)}>Undo</ToastAction>
+            action: isUndo ? <ToastAction altText="Undo" onClick={() => handleSetRole(usernames, oldRoles, false)}>Undo</ToastAction> : undefined
         })
         return true
     }
 
-    const handelAddUser = async ({ username, password, role }: CreateUser) => {
+    const handleAddUser = async ({ username, password, role }: CreateUser) => {
         if (!role) {
             toast({
                 title: "Error",
@@ -134,13 +134,13 @@ export default function Users() {
                 setRows={setRows}
             >
                 <div className="flex flex-row-reverse gap-4">
-                    <AddUser onAddUser={handelAddUser} />
+                    <AddUser onAddUser={handleAddUser} />
                     <DeleteUser users={rows.filter(row => row.checked).map(row => users.find(user => user.username === row.cells[0].value)!)} setUsers={setUsers} />
                     <Combobox
                         disabled={rows.filter(row => row.checked).length === 0}
                         type="Role"
                         options={ROLES}
-                        setSelectedValue={(role) => { handelSetRole(rows.filter(row => row.checked).map(row => row.cells[0].value), [role]) }}
+                        setSelectedValue={(role) => { handleSetRole(rows.filter(row => row.checked).map(row => row.cells[0].value), [role], true) }}
                     />
                 </div>
             </TableComponent>

From 00466722a77f037b23ea6d189536b21b24c7a120 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Wed, 8 Jan 2025 10:18:50 +0200
Subject: [PATCH 31/45] fix build

---
 app/layout.tsx                 |  5 ++---
 app/schema/SchemaDataPanel.tsx | 11 ++++-------
 app/schema/SchemaView.tsx      |  1 -
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index a0b985ba..141d0f53 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,11 +2,10 @@
 
 import "./globals.css";
 import { Inter } from "next/font/google";
-import { Toaster } from "@/components/ui/toaster";
 import { Metadata } from "next";
+import { Toaster } from "@/components/ui/toaster";
 import NextAuthProvider from "./providers";
 import GTM from "./GTM";
-import { cn } from "@/lib/utils";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -25,7 +24,7 @@ export default function RootLayout({
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
-      <body className={cn("h-full LandingPage", inter.className)}>
+      <body className={`h-full LandingPage ${inter.className}`}>
         <GTM />
         <NextAuthProvider>{children}</NextAuthProvider>
         <Toaster />
diff --git a/app/schema/SchemaDataPanel.tsx b/app/schema/SchemaDataPanel.tsx
index dc73e7f9..bc36331d 100644
--- a/app/schema/SchemaDataPanel.tsx
+++ b/app/schema/SchemaDataPanel.tsx
@@ -3,7 +3,7 @@
 
 "use client";
 
-import { Check, ChevronRight, MinusCircle, Pencil, PlusCircle, Trash2, X } from "lucide-react";
+import { Check, ChevronRight, Pencil, PlusCircle, Trash2, X } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -33,8 +33,6 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
     const [isAddValue, setIsAddValue] = useState<boolean>(false)
     const { toast } = useToast()
 
-    console.log(editable);
-
     useEffect(() => {
         setAttributes(Object.entries(obj.data).filter(([key, val]) => !(key === "name" && Number(val) === obj.id)).map(([key, val]) => [key, Array.isArray(val) ? val : (val as string).split(',')]))
         setLabel("source" in obj ? obj.label : obj.category)
@@ -46,7 +44,6 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
         }
 
         setAttribute([key, val])
-        debugger
         setEditable(key)
     }
 
@@ -65,7 +62,7 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
         const oldAttribute = attributes.find(([key]) => key === newAttribute[0])
 
         if (ok) {
-            setAttributes(prev => prev.map((att) => att[0] === newAttribute[0] ? newAttribute : att))
+            setAttributes(prev => prev.map((attr) => attr[0] === newAttribute[0] ? newAttribute : attr))
             handleSetEditable()
             toast({
                 title: "Success",
@@ -80,12 +77,12 @@ export default function SchemaDataPanel({ obj, onExpand, onSetAttributes, onRemo
         const ok = await onRemoveAttribute(key)
 
         if (ok) {
-            const attribute = attributes.find(([k]) => k === key)
+            const att = attributes.find(([k]) => k === key)
             setAttributes(prev => prev.filter(([k]) => k !== key))
             toast({
                 title: "Success",
                 description: "Attribute removed",
-                action: attribute && <ToastButton onClick={() => handleAddAttribute(attribute)} />,
+                action: att && <ToastButton onClick={() => handleAddAttribute(att)} />,
             })
             setAttribute(getDefaultAttribute())
         }
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index 00ae3b8a..9dfc6489 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -16,7 +16,6 @@ import Labels from "../graph/labels"
 import { Category, Graph, Link, Node, GraphData } from "../api/graph/model"
 import Button from "../components/ui/Button"
 import CreateElement from "./SchemaCreateElement"
-import ToastButton from "../components/ToastButton"
 
 const ForceGraph = dynamic(() => import("../components/ForceGraph"), { ssr: false })
 

From 4dc2350c0455622fdaff51b5065bd9014af8dada Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Wed, 8 Jan 2025 11:03:32 +0200
Subject: [PATCH 32/45] install packages

---
 package-lock.json | 1457 +++++++++++++--------------------------------
 1 file changed, 419 insertions(+), 1038 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 90b9214c..3f98eeb2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,22 +11,6 @@
         "-": "^0.0.1",
         "@hookform/resolvers": "^3.9.1",
         "@monaco-editor/react": "^4.6.0",
-        "@radix-ui/react-alert-dialog": "^1.0.5",
-        "@radix-ui/react-avatar": "^1.1.0",
-        "@radix-ui/react-checkbox": "^1.0.4",
-        "@radix-ui/react-dialog": "^1.0.5",
-        "@radix-ui/react-dropdown-menu": "^2.0.6",
-        "@radix-ui/react-hover-card": "^1.1.1",
-        "@radix-ui/react-label": "^2.1.1",
-        "@radix-ui/react-navigation-menu": "^1.2.3",
-        "@radix-ui/react-popover": "^1.0.7",
-        "@radix-ui/react-progress": "^1.0.3",
-        "@radix-ui/react-select": "^2.1.4",
-        "@radix-ui/react-separator": "^1.0.3",
-        "@radix-ui/react-slot": "^1.1.1",
-        "@radix-ui/react-switch": "^1.0.3",
-        "@radix-ui/react-tabs": "^1.0.4",
-        "@radix-ui/react-toast": "^1.1.5",
         "@radix-ui/react-alert-dialog": "^1.1.4",
         "@radix-ui/react-avatar": "^1.1.2",
         "@radix-ui/react-checkbox": "^1.1.3",
@@ -927,26 +911,21 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.0.tgz",
-      "integrity": "sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw=="
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.1.2.tgz",
-      "integrity": "sha512-Hm3jIGsoUl6RLB1vzY+dZeqb+/kWPZ+h34yiWxW0dV87l8Im/eMOwpOA+a0L78U0HM04syEjXuRlCozqpwuojQ=="
+    "node_modules/@next/env": {
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.1.4.tgz",
+      "integrity": "sha512-2fZ5YZjedi5AGaeoaC0B20zGntEHRhi2SdWcu61i48BllODcAmmtj8n7YarSPt4DaTsJaBFdxQAVEVzgmx2Zpw=="
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.1.2.tgz",
-      "integrity": "sha512-sgfw3+WdaYOGPKCvM1L+UucBmRfh8V2Ygefp7ELON0+0vY7uohQwXXnVWg3rY7mXDKharQR3o7uedpfvnU2hlQ==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.1.4.tgz",
+      "integrity": "sha512-HwlEXwCK3sr6zmVGEvWBjW9tBFs1Oe6hTmTLoFQtpm4As5HCdu8jfSE0XJOp7uhfEGLniIx8yrGxEWwNnY0fmQ==",
       "dev": true,
       "dependencies": {
         "fast-glob": "3.3.1"
       }
     },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.0.tgz",
-      "integrity": "sha512-nUDn7TOGcIeyQni6lZHfzNoo9S0euXnu0jhsbMOmMJUBfgsnESdjN97kM7cBqQxZa8L/bM9om/S5/1dzCrW6wQ==",
+    "node_modules/@next/eslint-plugin-next/node_modules/fast-glob": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
       "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
@@ -975,8 +954,11 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.1.2.tgz",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.1.4.tgz",
+      "integrity": "sha512-wBEMBs+np+R5ozN1F8Y8d/Dycns2COhRnkxRc+rvnbXke5uZBHkUGFgWxfTXn5rx7OLijuUhyfB+gC/ap58dDw==",
+      "cpu": [
+        "arm64"
       ],
       "optional": true,
       "os": [
@@ -987,9 +969,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.1.2.tgz",
-      "integrity": "sha512-caR62jNDUCU+qobStO6YJ05p9E+LR0EoXh1EEmyU69cYydsAy7drMcOlUlRtQihM6K6QfvNwJuLhsHcCzNpqtA==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.1.4.tgz",
+      "integrity": "sha512-7sgf5rM7Z81V9w48F02Zz6DgEJulavC0jadab4ZsJ+K2sxMNK0/BtF8J8J3CxnsJN3DGcIdC260wEKssKTukUw==",
       "cpu": [
         "x64"
       ],
@@ -1002,9 +984,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.1.2.tgz",
-      "integrity": "sha512-fHHXBusURjBmN6VBUtu6/5s7cCeEkuGAb/ZZiGHBLVBXMBy4D5QpM8P33Or8JD1nlOjm/ZT9sEE5HouQ0F+hUA==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.1.4.tgz",
+      "integrity": "sha512-JaZlIMNaJenfd55kjaLWMfok+vWBlcRxqnRoZrhFQrhM1uAehP3R0+Aoe+bZOogqlZvAz53nY/k3ZyuKDtT2zQ==",
       "cpu": [
         "arm64"
       ],
@@ -1017,9 +999,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.1.2.tgz",
-      "integrity": "sha512-9CF1Pnivij7+M3G74lxr+e9h6o2YNIe7QtExWq1KUK4hsOLTBv6FJikEwCaC3NeYTflzrm69E5UfwEAbV2U9/g==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.1.4.tgz",
+      "integrity": "sha512-7EBBjNoyTO2ipMDgCiORpwwOf5tIueFntKjcN3NK+GAQD7OzFJe84p7a2eQUeWdpzZvhVXuAtIen8QcH71ZCOQ==",
       "cpu": [
         "arm64"
       ],
@@ -1032,9 +1014,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.1.2.tgz",
-      "integrity": "sha512-tINV7WmcTUf4oM/eN3Yuu/f8jQ5C6AkueZPKeALs/qfdfX57eNv4Ij7rt0SA6iZ8+fMobVfcFVv664Op0caCCg==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.1.4.tgz",
+      "integrity": "sha512-9TGEgOycqZFuADyFqwmK/9g6S0FYZ3tphR4ebcmCwhL8Y12FW8pIBKJvSwV+UBjMkokstGNH+9F8F031JZKpHw==",
       "cpu": [
         "x64"
       ],
@@ -1047,9 +1029,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.1.2.tgz",
-      "integrity": "sha512-jf2IseC4WRsGkzeUw/cK3wci9pxR53GlLAt30+y+B+2qAQxMw6WAC3QrANIKxkcoPU3JFh/10uFfmoMDF9JXKg==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.1.4.tgz",
+      "integrity": "sha512-0578bLRVDJOh+LdIoKvgNDz77+Bd85c5JrFgnlbI1SM3WmEQvsjxTA8ATu9Z9FCiIS/AliVAW2DV/BDwpXbtiQ==",
       "cpu": [
         "x64"
       ],
@@ -1062,9 +1044,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.1.2.tgz",
-      "integrity": "sha512-wvg7MlfnaociP7k8lxLX4s2iBJm4BrNiNFhVUY+Yur5yhAJHfkS8qPPeDEUH8rQiY0PX3u/P7Q/wcg6Mv6GSAA==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.1.4.tgz",
+      "integrity": "sha512-JgFCiV4libQavwII+kncMCl30st0JVxpPOtzWcAI2jtum4HjYaclobKhj+JsRu5tFqMtA5CJIa0MvYyuu9xjjQ==",
       "cpu": [
         "arm64"
       ],
@@ -1077,9 +1059,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.1.2.tgz",
-      "integrity": "sha512-D3cNA8NoT3aWISWmo7HF5Eyko/0OdOO+VagkoJuiTk7pyX3P/b+n8XA/MYvyR+xSVcbKn68B1rY9fgqjNISqzQ==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.1.4.tgz",
+      "integrity": "sha512-xxsJy9wzq7FR5SqPCUqdgSXiNXrMuidgckBa8nH9HtjjxsilgcN6VgXF6tZ3uEWuVEadotQJI8/9EQ6guTC4Yw==",
       "cpu": [
         "x64"
       ],
@@ -1149,6 +1131,11 @@
         "node": ">=14"
       }
     },
+    "node_modules/@playwright/test": {
+      "version": "1.49.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.49.1.tgz",
+      "integrity": "sha512-Ky+BVzPz8pL6PQxHqNRW1k3mIyv933LML7HktS8uik0bUXNCdPhoS/kLihiO1tMf/egaJb4IutXd7UywvXEW+g==",
+      "devOptional": true,
       "dependencies": {
         "playwright": "1.49.1"
       },
@@ -1159,10 +1146,21 @@
         "node": ">=18"
       }
     },
-    "node_modules/@radix-ui/number": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.0.tgz",
-      "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ=="
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-alert-dialog": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.4.tgz",
+      "integrity": "sha512-A6Kh23qZDLy3PSU4bh2UJZznOrUdHImIXqF8YtUa6CN73f8EOO9XlXSCd9IHyPvIquTaa/kwaSWzZTtUvgXVGw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dialog": "1.1.4",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
@@ -1227,6 +1225,19 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.3.tgz",
+      "integrity": "sha512-HD7/ocp8f1B3e6OHygH0n7ZKjONkhciy1Nh0yuBgObqThc3oyx+vuMfFHKAknXRHHWVE9XvXStxJFyjUmB8PIw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1243,6 +1254,15 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
+      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1260,7 +1280,9 @@
       }
     },
     "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.0",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1271,100 +1293,39 @@
         }
       }
     },
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-      },
-        "@radix-ui/react-use-controllable-state": "1.1.0"
-      },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
-      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.4.tgz",
+      "integrity": "sha512-Ur7EV1IwQGCyaAuyDRiOLA5JIUZxELJljF+MbM/2NC0BYwfuRrbpS30BiQBJrVruscgUkieKkqXYDOoByaxIoA==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1381,24 +1342,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
+      "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1409,7 +1356,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-dismissable-layer": {
+    "node_modules/@radix-ui/react-dismissable-layer": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
       "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
@@ -1435,21 +1382,18 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-popper": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
-      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.4.tgz",
+      "integrity": "sha512-iXU1Ab5ecM+yEepGAWK8ZhMyKX4ubFdCNtol4sT9D0OVErG9PNElfx3TQhjw7n7BC5nFVz68/5//clWy+8TXzA==",
       "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.1",
+        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-menu": "2.1.4",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-rect": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0",
-        "@radix-ui/rect": "1.1.0"
+        "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1466,36 +1410,28 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
-      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
-      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.1.tgz",
+      "integrity": "sha512-01omzJAYRxXdG2/he/+xy+c8a8gCydoQ1yOxnWNcRhrrBW5W+RQJ22EK1SaO8tb3WoUsuEw7mJjBozPzihDFjA==",
       "dependencies": {
         "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1512,12 +1448,20 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+    "node_modules/@radix-ui/react-hover-card": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.4.tgz",
+      "integrity": "sha512-QSUUnRA3PQ2UhvoCv3eYvMnCAgGQW+sTu86QPuNb+ZMi+ZENd6UWpiXbcWDQ4AEaKF9KKpCHBeaJz9Rw6lRlaQ==",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1538,7 +1482,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
       "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
@@ -1574,28 +1517,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-menu": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.4.tgz",
@@ -1635,17 +1556,26 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
-      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.4.tgz",
+      "integrity": "sha512-aUACAkXx8LaFymDma+HQVji7WhvEhpFJ7+qPz17Nf4lLZqtreGOFRiNQWQmhzp7kEWg9cOyyQJpdIMUMPc/CPw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1662,61 +1592,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
-      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-popper": {
+    "node_modules/@radix-ui/react-popper": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
       "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
@@ -1747,7 +1623,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-portal": {
+    "node_modules/@radix-ui/react-portal": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
       "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
@@ -1770,673 +1646,58 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
-      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.4.tgz",
-      "integrity": "sha512-aUACAkXx8LaFymDma+HQVji7WhvEhpFJ7+qPz17Nf4lLZqtreGOFRiNQWQmhzp7kEWg9cOyyQJpdIMUMPc/CPw==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.3",
-        "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.1",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.1",
-        "@radix-ui/react-portal": "1.1.3",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-slot": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "^2.6.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
-      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
-      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
-      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
-      "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-rect": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0",
-        "@radix-ui/rect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
-      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
-      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popper": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
-      "integrity": "sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-rect": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0",
-        "@radix-ui/rect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.1.tgz",
-      "integrity": "sha512-A3UtLk85UtqhzFqtoC8Q0KvR2GbXF3mtPgACSazajqq6A41mEQgo53iPzY4i6BwDxlIFqWIhiQ2G729n+2aw/g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.0.tgz",
-      "integrity": "sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-progress": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.1.tgz",
-      "integrity": "sha512-6diOawA84f/eMxFHcWut0aE1C2kyE9dOyCTQOMRR2C/qPiXz/X0SaiA/RLbapQaXUCmy0/hLMf9meSccD1N0pA==",
-      "dependencies": {
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz",
-      "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-collection": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz",
-      "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-slot": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
-      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-switch": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.2.tgz",
-      "integrity": "sha512-zGukiWHjEdBCRyXvKR6iXAQG6qXm2esuAD6kDOi9Cn+1X6ev3ASo4+CsYaD6Fov9r/AQFekqnD/7+V0Cs6/98g==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-use-previous": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+    "node_modules/@radix-ui/react-progress": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.1.tgz",
+      "integrity": "sha512-6diOawA84f/eMxFHcWut0aE1C2kyE9dOyCTQOMRR2C/qPiXz/X0SaiA/RLbapQaXUCmy0/hLMf9meSccD1N0pA==",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2453,18 +1714,19 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tabs": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.2.tgz",
-      "integrity": "sha512-9u/tQJMcC2aGq7KXpGivMm1mgq7oRJKXphDwdypPd/j21j/2znamPU8WkXgnhUaTrSFNIt8XhOyCAupg8/GbwQ==",
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz",
+      "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==",
       "dependencies": {
         "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-direction": "1.1.0",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-presence": "1.1.2",
         "@radix-ui/react-primitive": "2.0.1",
-        "@radix-ui/react-roving-focus": "1.1.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -2482,29 +1744,35 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-compose-refs": {
+    "node_modules/@radix-ui/react-separator": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz",
+      "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.1"
+      },
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-context": {
+    "node_modules/@radix-ui/react-slot": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1"
+      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -2515,13 +1783,18 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-presence": {
+    "node_modules/@radix-ui/react-switch": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
-      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.2.tgz",
+      "integrity": "sha512-zGukiWHjEdBCRyXvKR6iXAQG6qXm2esuAD6kDOi9Cn+1X6ev3ASo4+CsYaD6Fov9r/AQFekqnD/7+V0Cs6/98g==",
       "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2538,12 +1811,19 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.2.tgz",
+      "integrity": "sha512-9u/tQJMcC2aGq7KXpGivMm1mgq7oRJKXphDwdypPd/j21j/2znamPU8WkXgnhUaTrSFNIt8XhOyCAupg8/GbwQ==",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.1"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-roving-focus": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2593,55 +1873,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-tooltip": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.6.tgz",
@@ -2675,23 +1906,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
@@ -2899,6 +2113,9 @@
       "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
     },
     "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
       "dependencies": {
         "tslib": "^2.8.0"
       }
@@ -4805,6 +4022,52 @@
       }
     },
     "node_modules/es-abstract": {
+      "version": "1.23.9",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
+      "integrity": "sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.0",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.3",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
         "string.prototype.trim": "^1.2.10",
         "string.prototype.trimend": "^1.0.9",
         "string.prototype.trimstart": "^1.0.8",
@@ -5049,12 +4312,12 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "15.1.2",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.1.2.tgz",
-      "integrity": "sha512-PrMm1/4zWSJ689wd/ypWIR5ZF1uvmp3EkgpgBV1Yu6PhEobBjXMGgT8bVNelwl17LXojO8D5ePFRiI4qXjsPRA==",
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.1.4.tgz",
+      "integrity": "sha512-u9+7lFmfhKNgGjhQ9tBeyCFsPJyq0SvGioMJBngPC7HXUpR0U+ckEwQR48s7TrRNHra1REm6evGL2ie38agALg==",
       "dev": true,
       "dependencies": {
-        "@next/eslint-plugin-next": "15.1.2",
+        "@next/eslint-plugin-next": "15.1.4",
         "@rushstack/eslint-patch": "^1.10.3",
         "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
@@ -5303,6 +4566,16 @@
       }
     },
     "node_modules/eslint-plugin-react": {
+      "version": "7.37.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.3.tgz",
+      "integrity": "sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA==",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
         "estraverse": "^5.3.0",
         "hasown": "^2.0.2",
         "jsx-ast-utils": "^2.4.1 || ^3.0.0",
@@ -5804,6 +5077,20 @@
       }
     },
     "node_modules/get-intrinsic": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
+      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.0",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6007,6 +5294,8 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
     },
     "node_modules/graphemer": {
       "version": "1.4.0",
@@ -6191,6 +5480,7 @@
       "engines": {
         "node": ">=12"
       }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -6213,6 +5503,9 @@
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
     },
     "node_modules/is-async-function": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.0.tgz",
+      "integrity": "sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==",
       "dependencies": {
         "call-bound": "^1.0.3",
         "get-proto": "^1.0.1",
@@ -6362,6 +5655,9 @@
       }
     },
     "node_modules/is-generator-function": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
       "dependencies": {
         "call-bound": "^1.0.3",
         "get-proto": "^1.0.0",
@@ -6574,6 +5870,15 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
     },
     "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
         "set-function-name": "^2.0.2"
       },
       "engines": {
@@ -6966,8 +6271,11 @@
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
     },
     "node_modules/next": {
+      "version": "15.1.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.1.4.tgz",
+      "integrity": "sha512-mTaq9dwaSuwwOrcu3ebjDYObekkxRnXpuVL21zotM8qE2W0HBOdVIdg2Li9QjMEZrj73LN96LcWcz62V19FjAg==",
       "dependencies": {
-        "@next/env": "15.1.2",
+        "@next/env": "15.1.4",
         "@swc/counter": "0.1.3",
         "@swc/helpers": "0.5.15",
         "busboy": "1.6.0",
@@ -6982,14 +6290,14 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.1.2",
-        "@next/swc-darwin-x64": "15.1.2",
-        "@next/swc-linux-arm64-gnu": "15.1.2",
-        "@next/swc-linux-arm64-musl": "15.1.2",
-        "@next/swc-linux-x64-gnu": "15.1.2",
-        "@next/swc-linux-x64-musl": "15.1.2",
-        "@next/swc-win32-arm64-msvc": "15.1.2",
-        "@next/swc-win32-x64-msvc": "15.1.2",
+        "@next/swc-darwin-arm64": "15.1.4",
+        "@next/swc-darwin-x64": "15.1.4",
+        "@next/swc-linux-arm64-gnu": "15.1.4",
+        "@next/swc-linux-arm64-musl": "15.1.4",
+        "@next/swc-linux-x64-gnu": "15.1.4",
+        "@next/swc-linux-x64-musl": "15.1.4",
+        "@next/swc-win32-arm64-msvc": "15.1.4",
+        "@next/swc-win32-x64-msvc": "15.1.4",
         "sharp": "^0.33.5"
       },
       "peerDependencies": {
@@ -7942,6 +7250,17 @@
       }
     },
     "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
         "which-builtin-type": "^1.2.1"
       },
       "engines": {
@@ -7957,6 +7276,15 @@
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
         "set-function-name": "^2.0.2"
       },
       "engines": {
@@ -8176,6 +7504,56 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
+      "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.3",
+        "semver": "^7.6.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.33.5",
+        "@img/sharp-darwin-x64": "0.33.5",
+        "@img/sharp-libvips-darwin-arm64": "1.0.4",
+        "@img/sharp-libvips-darwin-x64": "1.0.4",
+        "@img/sharp-libvips-linux-arm": "1.0.5",
+        "@img/sharp-libvips-linux-arm64": "1.0.4",
+        "@img/sharp-libvips-linux-s390x": "1.0.4",
+        "@img/sharp-libvips-linux-x64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4",
+        "@img/sharp-linux-arm": "0.33.5",
+        "@img/sharp-linux-arm64": "0.33.5",
+        "@img/sharp-linux-s390x": "0.33.5",
+        "@img/sharp-linux-x64": "0.33.5",
+        "@img/sharp-linuxmusl-arm64": "0.33.5",
+        "@img/sharp-linuxmusl-x64": "0.33.5",
+        "@img/sharp-wasm32": "0.33.5",
+        "@img/sharp-win32-ia32": "0.33.5",
+        "@img/sharp-win32-x64": "0.33.5"
       }
     },
     "node_modules/shebang-command": {
@@ -8516,6 +7894,9 @@
       }
     },
     "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
       "dependencies": {
         "client-only": "0.0.1"
       },

From 5e7c0d25e26359ed6b7b708d36bd0999628c787f Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Wed, 8 Jan 2025 11:12:27 +0200
Subject: [PATCH 33/45] commit

---
 app/api/graph/[graph]/route.ts |  4 +-
 lib/utils.ts                   | 14 +++---
 package-lock.json              | 84 ++++++++++++++++++++++++++++++++++
 package.json                   |  4 +-
 4 files changed, 96 insertions(+), 10 deletions(-)

diff --git a/app/api/graph/[graph]/route.ts b/app/api/graph/[graph]/route.ts
index ca26fb32..9e790bc7 100644
--- a/app/api/graph/[graph]/route.ts
+++ b/app/api/graph/[graph]/route.ts
@@ -1,7 +1,6 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getClient } from "@/app/api/auth/[...nextauth]/options";
 import { prepareArg, securedFetch } from "@/lib/utils";
-import { useToast } from "@/components/ui/use-toast";
 
 // eslint-disable-next-line import/prefer-default-export
 export async function DELETE(request: NextRequest, { params }: { params: Promise<{ graph: string }> }) {
@@ -30,7 +29,6 @@ export async function DELETE(request: NextRequest, { params }: { params: Promise
 // eslint-disable-next-line import/prefer-default-export
 export async function POST(request: NextRequest, { params }: { params: Promise<{ graph: string }> }) {
 
-    const toast = useToast()
     const client = await getClient()
     if (client instanceof NextResponse) {
         return client
@@ -76,7 +74,7 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
                 'Content-Type': 'application/json'
             },
             body: JSON.stringify(data)
-        }, toast)
+        })
 
         const result = await res.json()
 
diff --git a/lib/utils.ts b/lib/utils.ts
index 351bf522..059aa9d6 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -14,18 +14,20 @@ export function cn(...inputs: ClassValue[]) {
 export async function securedFetch(
   input: string | URL | globalThis.Request,
   init: RequestInit,
-  toast: any,
+  toast?: any,
 ): Promise<Response> {
   const response = await fetch(input, init)
   const { status } = response
 
   if (status >= 300) {
     response.json().then((err) => {
-      toast({
-        title: "Error",
-        description: err.message,
-        variant: "destructive"
-      })
+      if (toast) {
+        toast({
+          title: "Error",
+          description: err.message,
+          variant: "destructive"
+        })
+      }
     }).then(() => {
       if (status === 401 || status >= 500) {
         signOut({ callbackUrl: '/login' })
diff --git a/package-lock.json b/package-lock.json
index 3f98eeb2..847ebbee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,8 +18,10 @@
         "@radix-ui/react-dropdown-menu": "^2.1.4",
         "@radix-ui/react-hover-card": "^1.1.4",
         "@radix-ui/react-label": "^2.1.1",
+        "@radix-ui/react-navigation-menu": "^1.2.3",
         "@radix-ui/react-popover": "^1.1.4",
         "@radix-ui/react-progress": "^1.1.1",
+        "@radix-ui/react-select": "^2.1.4",
         "@radix-ui/react-separator": "^1.1.1",
         "@radix-ui/react-slot": "^1.1.1",
         "@radix-ui/react-switch": "^1.1.2",
@@ -1146,6 +1148,11 @@
         "node": ">=18"
       }
     },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.0.tgz",
+      "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ=="
+    },
     "node_modules/@radix-ui/primitive": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
@@ -1556,6 +1563,41 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-navigation-menu": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.3.tgz",
+      "integrity": "sha512-IQWAsQ7dsLIYDrn0WqPU+cdM7MONTv9nqrLVYoie3BPiabSfUVDe6Fr+oEt0Cofsr9ONDcDe9xhmJbL1Uq1yKg==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-popover": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.4.tgz",
@@ -1744,6 +1786,48 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.4.tgz",
+      "integrity": "sha512-pOkb2u8KgO47j/h7AylCj7dJsm69BXcjkrvTqMptFqsE2i0p8lHkfgneXKjAgPzBMivnoMyt8o4KiV4wYzDdyQ==",
+      "dependencies": {
+        "@radix-ui/number": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.1",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "^2.6.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-separator": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz",
diff --git a/package.json b/package.json
index 713d5375..cc79821e 100644
--- a/package.json
+++ b/package.json
@@ -22,8 +22,10 @@
     "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-hover-card": "^1.1.4",
     "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.3",
     "@radix-ui/react-popover": "^1.1.4",
     "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-switch": "^1.1.2",
@@ -59,8 +61,8 @@
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
     "react-force-graph-2d": "^1.26.1",
-    "react-hook-form": "^7.54.2",
     "react-gtm-module": "^2.0.11",
+    "react-hook-form": "^7.54.2",
     "react-json-tree": "^0.19.0",
     "react-resizable-panels": "^1.0.9",
     "redis": "^4.6.14",

From 9ee6b9f5560b5d0c684a9f2635bf66227b563476 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Wed, 8 Jan 2025 11:30:58 +0200
Subject: [PATCH 34/45] update test

---
 app/api/user/route.ts            | 6 +++---
 app/components/FormComponent.tsx | 1 +
 e2e/logic/POM/loginPage.ts       | 6 +++---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/api/user/route.ts b/app/api/user/route.ts
index 6cb8183f..2f5b04e8 100644
--- a/app/api/user/route.ts
+++ b/app/api/user/route.ts
@@ -31,7 +31,7 @@ export async function GET() {
 
         return NextResponse.json({ result }, { status: 200 })
     } catch (err: unknown) {
-        console.log(err)
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
@@ -49,7 +49,7 @@ export async function POST(req: NextRequest) {
     const roleValue = ROLE.get(role)
 
     try {
-        if (!username || !password || !roleValue) return console.log("Missing parameters")
+        if (!username || !password || !roleValue) return console.error("Missing parameters")
 
         try {
             const user = await connection.aclGetUser(username)
@@ -72,7 +72,7 @@ export async function POST(req: NextRequest) {
             }
         )
     } catch (err: unknown) {
-        console.log(err)
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
diff --git a/app/components/FormComponent.tsx b/app/components/FormComponent.tsx
index a1625d9b..b3639dbe 100644
--- a/app/components/FormComponent.tsx
+++ b/app/components/FormComponent.tsx
@@ -93,6 +93,7 @@ export default function FormComponent({ handleSubmit, fields, error = undefined,
                                         setSelectedValue={field.onSelectedValue}
                                     />
                                     : <Input
+                                        id={field.label}
                                         type={field.type === "password" ? passwordType : field.type}
                                         placeholder={field.placeholder}
                                         value={field.value}
diff --git a/e2e/logic/POM/loginPage.ts b/e2e/logic/POM/loginPage.ts
index a017ce12..6654d6e5 100644
--- a/e2e/logic/POM/loginPage.ts
+++ b/e2e/logic/POM/loginPage.ts
@@ -5,15 +5,15 @@ import urls from '../../config/urls.json'
 
 export class LoginPage extends BasePage {
     private get connectBtn(): Locator {
-        return this.page.getByRole("button", { name : "Connect"});
+        return this.page.getByRole("button", { name : "Submit"});
     }
 
     private get usernameInput(): Locator {
-        return this.page.locator("//input[@id='username']");
+        return this.page.locator("//input[@id='Username']");
     }
 
     private get passwordInput(): Locator {
-        return this.page.locator("//input[@id='password']");
+        return this.page.locator("//input[@id='Password']");
     }
 
     async clickOnConnect(): Promise<void> {

From 05915c9dc91bf659c72c20c63239250e883e1819 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Wed, 8 Jan 2025 11:36:51 +0200
Subject: [PATCH 35/45] fix route logs

---
 app/api/graph/[graph]/[node]/route.ts |  1 +
 app/api/graph/[graph]/route.ts        | 14 +++++++++-----
 app/api/graph/route.ts                |  2 ++
 app/api/user/[user]/route.ts          |  3 ++-
 app/api/user/route.ts                 |  3 ++-
 5 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/app/api/graph/[graph]/[node]/route.ts b/app/api/graph/[graph]/[node]/route.ts
index 80f4cf81..6d0e7e1f 100644
--- a/app/api/graph/[graph]/[node]/route.ts
+++ b/app/api/graph/[graph]/[node]/route.ts
@@ -22,6 +22,7 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
         const result = await graph.query(query, { params: { nodeId } });
         return NextResponse.json({ result }, { status: 200 })
     } catch (err: unknown) {
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
\ No newline at end of file
diff --git a/app/api/graph/[graph]/route.ts b/app/api/graph/[graph]/route.ts
index 9e790bc7..b5a96d09 100644
--- a/app/api/graph/[graph]/route.ts
+++ b/app/api/graph/[graph]/route.ts
@@ -22,6 +22,7 @@ export async function DELETE(request: NextRequest, { params }: { params: Promise
             return NextResponse.json({ message: `${graphId} graph deleted` })
         }
     } catch (err: unknown) {
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
@@ -49,14 +50,14 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
         const key = request.nextUrl.searchParams.get("key")
         const srcs = await request.json()
 
-        if (!key) return console.error("Missing parameter 'key'")
+        if (!key) console.error("Missing parameter 'key'")
 
-        if (!srcs) return console.error("Missing parameter 'srcs'")
+        if (!srcs) console.error("Missing parameter 'srcs'")
 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const socket = (await client.connection).options?.socket as any
 
-        if (!socket) return console.error("socket not found")
+        if (!socket) console.error("socket not found")
 
         const data = {
             host: socket.host,
@@ -66,7 +67,7 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
             openaikey: key,
         }
 
-        if (!type) return console.error("Missing parameter 'type'")
+        if (!type) console.error("Missing parameter 'type'")
 
         const res = await securedFetch(`http://localhost:5000/${prepareArg(type!)}`, {
             method: "POST",
@@ -82,6 +83,7 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
 
         return NextResponse.json({ result }, { status: 200 })
     } catch (err: unknown) {
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
@@ -106,6 +108,7 @@ export async function PATCH(request: NextRequest, { params }: { params: Promise<
 
         return NextResponse.json({ data })
     } catch (err: unknown) {
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
@@ -135,7 +138,7 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
         const create = request.nextUrl.searchParams.get("create")
         const role = request.nextUrl.searchParams.get("role")
 
-        if (!query) return console.log("Missing parameter query")
+        if (!query) return console.error("Missing parameter query")
 
         if (create === "false" && !(await client.list()).some((g) => g === graphId))
             return NextResponse.json({}, { status: 200 })
@@ -150,6 +153,7 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
 
         return NextResponse.json({ result }, { status: 200 })
     } catch (err: unknown) {
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
\ No newline at end of file
diff --git a/app/api/graph/route.ts b/app/api/graph/route.ts
index 844ee45c..c39388cf 100644
--- a/app/api/graph/route.ts
+++ b/app/api/graph/route.ts
@@ -22,6 +22,7 @@ export async function GET(request: NextRequest) {
     
         return NextResponse.json({ result }, { status: 200 })
     } catch (err: unknown) {
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
@@ -45,6 +46,7 @@ export async function POST(request: NextRequest) {
             return NextResponse.json({ config }, { status: 200 })
         }
     } catch (err: unknown) {
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
\ No newline at end of file
diff --git a/app/api/user/[user]/route.ts b/app/api/user/[user]/route.ts
index 29d0cc87..cf75a909 100644
--- a/app/api/user/[user]/route.ts
+++ b/app/api/user/[user]/route.ts
@@ -13,11 +13,12 @@ export async function PATCH(req: NextRequest, { params }: { params: Promise<{ us
     const { user: username } = await params
     const role = ROLE.get(req.nextUrl.searchParams.get("role") || "")
     try {
-        if (!role) return console.log("Role is missing")
+        if (!role) return console.error("Role is missing")
 
         await (await client.connection).aclSetUser(username, role)
         return NextResponse.json({ message: "User created" }, { status: 200 })
     } catch (err: unknown) {
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
\ No newline at end of file
diff --git a/app/api/user/route.ts b/app/api/user/route.ts
index 2f5b04e8..dd704fa1 100644
--- a/app/api/user/route.ts
+++ b/app/api/user/route.ts
@@ -58,6 +58,7 @@ export async function POST(req: NextRequest) {
                 return NextResponse.json({ message: `User ${username} already exists` }, { status: 409 })
             }
         } catch (err: unknown) {
+            console.error(err)
             // Just a workaround for https://github.com/redis/node-redis/issues/2745
         }
 
@@ -95,7 +96,7 @@ export async function DELETE(req: NextRequest) {
 
         return NextResponse.json({ message: "Users deleted" }, { status: 200 })
     } catch (err: unknown) {
-        console.log(err)
+        console.error(err)
         return NextResponse.json({ message: (err as Error).message }, { status: 400 })
     }
 }
\ No newline at end of file

From cd44bcfeabeceb248b9c8d8e816fe26634e8751b Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Wed, 8 Jan 2025 13:27:08 +0200
Subject: [PATCH 36/45] commit

---
 app/settings/Configurations.tsx   | 9 ++++++---
 app/settings/users/AddUser.tsx    | 9 ++++++---
 app/settings/users/DeleteUser.tsx | 8 +++-----
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/app/settings/Configurations.tsx b/app/settings/Configurations.tsx
index 5d5dd534..56931cd2 100644
--- a/app/settings/Configurations.tsx
+++ b/app/settings/Configurations.tsx
@@ -129,7 +129,7 @@ export default function Configurations() {
 
     useEffect(() => {
         const run = async () => {
-            setConfigs(await Promise.all(Configs.map(async (config: Config) => {
+            const newConfigs = await Promise.all(Configs.map(async (config: Config) => {
                 const result = await securedFetch(`api/graph/?config=${prepareArg(config.name)}`, {
                     method: 'GET',
                 }, toast)
@@ -149,8 +149,11 @@ export default function Configurations() {
                     description: config.description,
                     value
                 }
-            })))
-            setRows(configs.map(config => ({
+            }))
+
+            setConfigs(newConfigs)
+
+            setRows(newConfigs.map(config => ({
                 cells: [
                     { value: config.name },
                     { value: config.description },
diff --git a/app/settings/users/AddUser.tsx b/app/settings/users/AddUser.tsx
index 55ccb8ec..31e66b2e 100644
--- a/app/settings/users/AddUser.tsx
+++ b/app/settings/users/AddUser.tsx
@@ -7,7 +7,7 @@ import { PlusCircle } from "lucide-react";
 import { CreateUser } from "@/app/api/user/model";
 import Button from "@/app/components/ui/Button";
 import FormComponent, { Error, Field } from "@/app/components/FormComponent";
-import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
 
 export default function AddUser({ onAddUser }: {
     onAddUser: (user: CreateUser) => void
@@ -85,7 +85,7 @@ export default function AddUser({ onAddUser }: {
 
     return (
         <Sheet open={open} onOpenChange={setOpen}>
-            <SheetTrigger>
+            <SheetTrigger asChild>
                 <Button
                     variant="Primary"
                     label="Add User"
@@ -93,7 +93,10 @@ export default function AddUser({ onAddUser }: {
                     <PlusCircle size={20} />
                 </Button>
             </SheetTrigger>
-            <SheetContent>
+            <SheetContent className="flex flex-col gap-6">
+                <SheetHeader>
+                    <SheetTitle className="text-2xl text-white">Add User</SheetTitle>
+                </SheetHeader>
                 <FormComponent
                     handleSubmit={handleAddUser}
                     fields={fields}
diff --git a/app/settings/users/DeleteUser.tsx b/app/settings/users/DeleteUser.tsx
index 023c16bb..6e3a6c98 100644
--- a/app/settings/users/DeleteUser.tsx
+++ b/app/settings/users/DeleteUser.tsx
@@ -7,13 +7,11 @@ import { securedFetch } from "@/lib/utils";
 import { useToast } from "@/components/ui/use-toast";
 
 interface DeleteUserProps {
-    // eslint-disable-next-line react/require-default-props
-    isDeleteSelected?: boolean
     users: User[]
     setUsers: Dispatch<SetStateAction<User[]>>
 }
 
-export default function DeleteUser({ isDeleteSelected, users, setUsers }: DeleteUserProps) {
+export default function DeleteUser({ users, setUsers }: DeleteUserProps) {
     
     const { toast } = useToast()
     
@@ -42,8 +40,8 @@ export default function DeleteUser({ isDeleteSelected, users, setUsers }: Delete
             <AlertDialogTrigger disabled={users.length === 0} asChild>
                 <Button
                     disabled={users.length === 0}
-                    variant={isDeleteSelected ? "Primary" : "button"}
-                    label={isDeleteSelected ? "Delete Users" : undefined}
+                    variant="Primary"
+                    label="Delete Users"
                 >
                     <Trash2 />
                 </Button>

From cc959bfc6651ad2ee3eee287b70f444ca606608c Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Wed, 8 Jan 2025 15:06:19 +0200
Subject: [PATCH 37/45] fix dialogs

---
 app/components/CreateGraph.tsx |  4 ++--
 app/graph/Tutorial.tsx         | 15 +++++++++++++--
 app/settings/users/AddUser.tsx |  9 ++++++---
 package-lock.json              |  1 +
 package.json                   |  1 +
 5 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/app/components/CreateGraph.tsx b/app/components/CreateGraph.tsx
index 3a509926..8cb14894 100644
--- a/app/components/CreateGraph.tsx
+++ b/app/components/CreateGraph.tsx
@@ -2,7 +2,7 @@
 
 "use client"
 
-import { Dispatch, SetStateAction, useState } from "react"
+import { useState } from "react"
 import { AlertCircle, PlusCircle } from "lucide-react"
 import { prepareArg, securedFetch } from "@/lib/utils"
 import { useToast } from "@/components/ui/use-toast"
@@ -12,7 +12,7 @@ import CloseDialog from "./CloseDialog"
 import Input from "./ui/Input"
 
 interface Props {
-    onSetGraphName: Dispatch<SetStateAction<string>>
+    onSetGraphName: (name: string) => void
     type: string
     trigger?: React.ReactNode
 }
diff --git a/app/graph/Tutorial.tsx b/app/graph/Tutorial.tsx
index 8c2c12b2..651d3c93 100644
--- a/app/graph/Tutorial.tsx
+++ b/app/graph/Tutorial.tsx
@@ -1,8 +1,9 @@
 import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel";
-import { Drawer, DrawerContent } from "@/components/ui/drawer";
+import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from "@/components/ui/drawer";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
 import Link from 'next/link'
 import { Checkbox } from "@/components/ui/checkbox";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import CreateGraph from "../components/CreateGraph";
 
 interface Props {
@@ -18,6 +19,11 @@ export default function Tutorial({ onSetGraphName }: Props) {
         setOpen(localStorage.getItem("tutorial") !== "false")
     }, [])
 
+    const handleSetGraphName = (name: string) => {
+        onSetGraphName(name)
+        setOpen(false)
+    }
+
     return (
         <Drawer open={open} onOpenChange={(o) => {
             if (showAgain) {
@@ -26,6 +32,11 @@ export default function Tutorial({ onSetGraphName }: Props) {
             setOpen(o)
         }}>
             <DrawerContent className="flex flex-col">
+                <VisuallyHidden>
+                    <DrawerHeader>
+                        <DrawerTitle/>
+                    </DrawerHeader>
+                </VisuallyHidden>
                 <div className="flex justify-center items-center p-8">
                     <Carousel className="w-1/2 h-1/2">
                         <CarouselContent>
@@ -40,7 +51,7 @@ export default function Tutorial({ onSetGraphName }: Props) {
                             </CarouselItem>
                             <CarouselItem className="border flex flex-col gap-4 justify-center items-center">
                                 <CreateGraph
-                                    onSetGraphName={onSetGraphName}
+                                    onSetGraphName={handleSetGraphName}
                                     type="Graph"
                                 />
                                 <p>
diff --git a/app/settings/users/AddUser.tsx b/app/settings/users/AddUser.tsx
index 31e66b2e..e040acce 100644
--- a/app/settings/users/AddUser.tsx
+++ b/app/settings/users/AddUser.tsx
@@ -8,6 +8,7 @@ import { CreateUser } from "@/app/api/user/model";
 import Button from "@/app/components/ui/Button";
 import FormComponent, { Error, Field } from "@/app/components/FormComponent";
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 
 export default function AddUser({ onAddUser }: {
     onAddUser: (user: CreateUser) => void
@@ -94,9 +95,11 @@ export default function AddUser({ onAddUser }: {
                 </Button>
             </SheetTrigger>
             <SheetContent className="flex flex-col gap-6">
-                <SheetHeader>
-                    <SheetTitle className="text-2xl text-white">Add User</SheetTitle>
-                </SheetHeader>
+                <VisuallyHidden>
+                    <SheetHeader>
+                        <SheetTitle />
+                    </SheetHeader>
+                </VisuallyHidden>
                 <FormComponent
                     handleSubmit={handleAddUser}
                     fields={fields}
diff --git a/package-lock.json b/package-lock.json
index 847ebbee..248e5481 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "@radix-ui/react-tabs": "^1.1.2",
         "@radix-ui/react-toast": "^1.2.4",
         "@radix-ui/react-tooltip": "^1.0.7",
+        "@radix-ui/react-visually-hidden": "^1.1.1",
         "autoprefixer": "^10.4.20",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.0.0",
diff --git a/package.json b/package.json
index cc79821e..d5972990 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-toast": "^1.2.4",
     "@radix-ui/react-tooltip": "^1.0.7",
+    "@radix-ui/react-visually-hidden": "^1.1.1",
     "autoprefixer": "^10.4.20",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",

From 79957c4b0089f29ec6058cc6d845a0dab3ba44d6 Mon Sep 17 00:00:00 2001
From: Naseem Ali <34807727+Naseem77@users.noreply.github.com>
Date: Wed, 8 Jan 2025 15:58:14 +0200
Subject: [PATCH 38/45] Refactored part of tests and POMs for new UI styling

---
 e2e/logic/POM/graphPage.ts         | 15 ++++++++++++---
 e2e/logic/POM/navBarComponent.ts   |  7 +------
 e2e/logic/POM/settingsUsersPage.ts | 20 ++++++++++++--------
 e2e/tests/graph.spec.ts            |  1 +
 4 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/e2e/logic/POM/graphPage.ts b/e2e/logic/POM/graphPage.ts
index ecdcd8d1..c95d1a94 100644
--- a/e2e/logic/POM/graphPage.ts
+++ b/e2e/logic/POM/graphPage.ts
@@ -33,15 +33,19 @@ export class graphPage extends BasePage {
     }
 
     private get addGraphBtnInNavBar(): Locator {
-        return this.page.getByRole("button", { name : "New Graph"});
+        return this.page.locator("//nav//button[@title='Create New Graph']");
     }
 
     private get graphNameInput(): Locator {
-        return this.page.locator("//div/p[contains(text(), 'Name')]/following-sibling::input");
+        return this.page.locator("//div[@role='dialog']//form//input");
     }
 
     private get createGraphBtn(): Locator {
-        return this.page.getByRole("button", { name : "Create"});
+        return this.page.locator("//div[@role='dialog']//form//button[@title='Create your Graph']");
+    }
+
+    private get dissmissDialogCheckbox(): Locator {
+        return this.page.locator("//div[p[text()=\"Don't show this again\"]]//button");
     }
 
     private get exportDataBtn(): Locator {
@@ -120,4 +124,9 @@ export class graphPage extends BasePage {
         await this.deleteIconSvg.click()
         await this.confirmGraphDeleteBtn.click()
     }
+
+    async dismissDialogAtStart(): Promise<void>{
+        await this.dissmissDialogCheckbox.click();
+        await this.page.mouse.click(10, 10);
+    }
 }
\ No newline at end of file
diff --git a/e2e/logic/POM/navBarComponent.ts b/e2e/logic/POM/navBarComponent.ts
index 58d65158..4a220dc9 100644
--- a/e2e/logic/POM/navBarComponent.ts
+++ b/e2e/logic/POM/navBarComponent.ts
@@ -33,13 +33,9 @@ export default class NavBarComponent extends BasePage {
     private get settingsButton(): Locator {
         return this.page.locator("//button[@title='Settings']")
     }
-
-    private get clickOnUser(): (user: string) => Locator {
-        return (user: string) => this.page.getByRole("button", { name : `${user}`})
-    }
     
     private get LogoutButton(): Locator {
-        return this.page.locator("//div[contains(text(), 'Logout')]")
+        return this.page.locator("//button[@title='Log Out']")
     }
 
     async clickOnFalkorLogo(): Promise<void> {
@@ -78,7 +74,6 @@ export default class NavBarComponent extends BasePage {
 
     async Logout(user: string): Promise<void> {
         await this.page.waitForLoadState('networkidle'); 
-        await this.clickOnUser(user).click()
         await this.LogoutButton.click()
         await waitForURL(this.page, urls.loginUrl);
     }
diff --git a/e2e/logic/POM/settingsUsersPage.ts b/e2e/logic/POM/settingsUsersPage.ts
index 9f9c1dd5..3601f5e3 100644
--- a/e2e/logic/POM/settingsUsersPage.ts
+++ b/e2e/logic/POM/settingsUsersPage.ts
@@ -12,24 +12,28 @@ export default class SettingsUsersPage extends BasePage {
         return this.page.getByRole("button", { name: "Add User" });
     }
 
+    private get submitUserAddition(): Locator {
+        return this.page.getByRole("button", { name: "Submit" });
+    }
+
     private get selectRoleBtn(): Locator {
-        return this.page.getByRole("button", {name: "Select Role"})
+        return this.page.locator("//div[@role='dialog']//button[span[text()='Select Role']]")
     }
 
     private get selectUserRoleInAddUser(): (role: string) => Locator {
-        return (role: string) => this.page.getByRole("button", { name: role });
+        return (role: string) => this.page.locator(`//ul//div[@role='option'][span[contains(text(), '${role}')]]`)
     }
 
     private get userNameField(): Locator {
-        return this.page.locator("//p[contains(text(), 'Username')]/following-sibling::input");
+        return this.page.locator("//input[@id='Username']");
     }
 
     private get passwordField(): Locator {
-        return this.page.locator("//p[normalize-space(text()) = 'Password']/following::input[1]");
+        return this.page.locator("//input[@id='Password']");
     }
 
     private get confirmPasswordField(): Locator {
-        return this.page.locator("//p[contains(text(), 'Confirm Password')]/following-sibling::input");
+        return this.page.locator("//input[@id='Confirm Password']");
     }
 
     private get confirmUserDeleteMsg(): Locator {
@@ -81,12 +85,12 @@ export default class SettingsUsersPage extends BasePage {
     async addUser(userDetails: { [key: string]: string }): Promise<void> {
         await this.page.waitForLoadState('networkidle'); 
         await this.addUserButton.click();
-        await this.selectRoleBtn.click();
-        await this.selectUserRoleInAddUser(userDetails.role).click();
         await this.userNameField.fill(userDetails.userName);
         await this.passwordField.fill(userDetails.password);
         await this.confirmPasswordField.fill(userDetails.confirmPassword);
-        await this.addUserButton.click();
+        await this.selectRoleBtn.click();
+        await this.selectUserRoleInAddUser(userDetails.role).click();
+        await this.submitUserAddition.click();
         await waitForTimeOut(this.page, 1500)
     }
 
diff --git a/e2e/tests/graph.spec.ts b/e2e/tests/graph.spec.ts
index 7b5c3f6f..a0abcb2a 100644
--- a/e2e/tests/graph.spec.ts
+++ b/e2e/tests/graph.spec.ts
@@ -13,6 +13,7 @@ test.describe('Graph Tests', () => {
     test.beforeAll(async () => {
         browser = new BrowserWrapper();
         const graph = await browser.createNewPage(graphPage, urls.graphUrl)
+        await graph.dismissDialogAtStart();
         await graph.removeAllGraphs();
     })
 

From 4cfd40d46fb98f956c59f00f975dc4f1d95f1141 Mon Sep 17 00:00:00 2001
From: Naseem Ali <34807727+Naseem77@users.noreply.github.com>
Date: Wed, 8 Jan 2025 16:57:25 +0200
Subject: [PATCH 39/45] update dismiss dialog for tests

---
 e2e/logic/POM/graphPage.ts | 8 --------
 e2e/logic/POM/loginPage.ts | 9 +++++++++
 e2e/tests/auth.setup.ts    | 2 ++
 e2e/tests/graph.spec.ts    | 1 -
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/e2e/logic/POM/graphPage.ts b/e2e/logic/POM/graphPage.ts
index c95d1a94..d5245e47 100644
--- a/e2e/logic/POM/graphPage.ts
+++ b/e2e/logic/POM/graphPage.ts
@@ -44,10 +44,6 @@ export class graphPage extends BasePage {
         return this.page.locator("//div[@role='dialog']//form//button[@title='Create your Graph']");
     }
 
-    private get dissmissDialogCheckbox(): Locator {
-        return this.page.locator("//div[p[text()=\"Don't show this again\"]]//button");
-    }
-
     private get exportDataBtn(): Locator {
         return this.page.getByRole("button", { name : "Export Data"});
     }
@@ -125,8 +121,4 @@ export class graphPage extends BasePage {
         await this.confirmGraphDeleteBtn.click()
     }
 
-    async dismissDialogAtStart(): Promise<void>{
-        await this.dissmissDialogCheckbox.click();
-        await this.page.mouse.click(10, 10);
-    }
 }
\ No newline at end of file
diff --git a/e2e/logic/POM/loginPage.ts b/e2e/logic/POM/loginPage.ts
index 6654d6e5..52393242 100644
--- a/e2e/logic/POM/loginPage.ts
+++ b/e2e/logic/POM/loginPage.ts
@@ -16,6 +16,10 @@ export class LoginPage extends BasePage {
         return this.page.locator("//input[@id='Password']");
     }
 
+    private get dissmissDialogCheckbox(): Locator {
+        return this.page.locator("//div[p[text()=\"Don't show this again\"]]//button");
+    }
+
     async clickOnConnect(): Promise<void> {
         await this.connectBtn.click();
         await waitForURL(this.page, urls.graphUrl);   
@@ -28,4 +32,9 @@ export class LoginPage extends BasePage {
         await waitForURL(this.page, urls.graphUrl);   
     } 
 
+    async dismissDialogAtStart(): Promise<void>{
+        await this.dissmissDialogCheckbox.click();
+        await this.page.mouse.click(10, 10);
+    }
+
 }
\ No newline at end of file
diff --git a/e2e/tests/auth.setup.ts b/e2e/tests/auth.setup.ts
index 424cda54..53bb2e42 100644
--- a/e2e/tests/auth.setup.ts
+++ b/e2e/tests/auth.setup.ts
@@ -14,6 +14,7 @@ setup("admin authentication", async () => {
         const browserWrapper = new BrowserWrapper();
         const loginPage = await browserWrapper.createNewPage(LoginPage, urls.loginUrl);
         await loginPage.clickOnConnect();
+        await loginPage.dismissDialogAtStart();
         const context = browserWrapper.getContext();
         await context!.storageState({ path: adminAuthFile });
 
@@ -37,6 +38,7 @@ userRoles.forEach(({ name, file, userName }) => {
             const browserWrapper = new BrowserWrapper();
             const loginPage = await browserWrapper.createNewPage(LoginPage, urls.loginUrl);
             await loginPage.connectWithCredentials(userName, user.password);
+            await loginPage.dismissDialogAtStart();
             const context = browserWrapper.getContext();
             await context!.storageState({ path: file });
         } catch (error) {
diff --git a/e2e/tests/graph.spec.ts b/e2e/tests/graph.spec.ts
index a0abcb2a..7b5c3f6f 100644
--- a/e2e/tests/graph.spec.ts
+++ b/e2e/tests/graph.spec.ts
@@ -13,7 +13,6 @@ test.describe('Graph Tests', () => {
     test.beforeAll(async () => {
         browser = new BrowserWrapper();
         const graph = await browser.createNewPage(graphPage, urls.graphUrl)
-        await graph.dismissDialogAtStart();
         await graph.removeAllGraphs();
     })
 

From 70c22104d3f05dc302836885bf4faead6f7a65de Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 9 Jan 2025 10:56:24 +0200
Subject: [PATCH 40/45] commit

---
 app/components/ForceGraph.tsx                 |   1 +
 app/components/TableComponent.tsx             |   5 +-
 app/components/ui/combobox.tsx                |   2 +-
 app/graph/GraphDataPanel.tsx                  |   5 +-
 app/graph/GraphView.tsx                       |   2 +-
 app/graph/Tutorial.tsx                        |  15 +--
 e2e/infra/api/apiRequests.ts                  |  15 ++-
 e2e/infra/ui/basePage.ts                      |   6 +-
 e2e/infra/ui/browserWrapper.ts                |  14 ++-
 e2e/infra/utils.ts                            |  28 +++--
 e2e/logic/POM/graphPage.ts                    |  70 ++++++-----
 e2e/logic/POM/loginPage.ts                    |  11 +-
 e2e/logic/POM/navBarComponent.ts              |  33 ++---
 e2e/logic/POM/settingsConfigPage.ts           |  32 ++---
 e2e/logic/POM/settingsUsersPage.ts            |  62 +++++-----
 e2e/logic/api/apiCalls.ts                     |  30 +++--
 .../api/responses/createUsersResponse.ts      |   4 +-
 .../api/responses/deleteUsersResponse.ts      |   4 +-
 e2e/logic/api/responses/getUsersResponse.ts   |  15 ++-
 .../responses/modifySettingsRoleResponse.ts   |   4 +-
 .../api/responses/removeGraphResponse.ts      |   5 +-
 e2e/logic/api/responses/runQueryResponse.ts   |   4 +-
 e2e/tests/auth.setup.ts                       |   8 +-
 e2e/tests/graph.spec.ts                       |  32 ++---
 e2e/tests/navBar.spec.ts                      | 116 +++++++++---------
 e2e/tests/settingsConfig.spec.ts              |  41 ++++---
 e2e/tests/settingsUsers.spec.ts               |  80 ++++++------
 e2e/tests/signOut.spec.ts                     |   6 +-
 28 files changed, 336 insertions(+), 314 deletions(-)

diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
index 7fe16318..3124a522 100644
--- a/app/components/ForceGraph.tsx
+++ b/app/components/ForceGraph.tsx
@@ -153,6 +153,7 @@ export default function ForceGraph({
                 backgroundColor="#191919"
                 width={parentWidth}
                 height={parentHeight}
+                nodeLabel={(node) => node.data.name || node.id.toString()}
                 graphData={data}
                 nodeRelSize={NODE_SIZE}
                 nodeCanvasObjectMode={() => 'after'}
diff --git a/app/components/TableComponent.tsx b/app/components/TableComponent.tsx
index b9dffb6a..e512214d 100644
--- a/app/components/TableComponent.tsx
+++ b/app/components/TableComponent.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/no-array-index-key */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable no-nested-ternary */
 /* eslint-disable react/require-default-props */
@@ -106,7 +107,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                         rows
                             .filter((row) => typeof row.cells[0].value === "string" ? row.cells[0].value.toLowerCase().includes(search.toLowerCase()) : !search)
                             .map((row, i) => (
-                                <TableRow key={row.cells[0].value}>
+                                <TableRow key={i}>
                                     {
                                         setRows ?
                                             <TableCell className="w-5 !pr-2">
@@ -121,7 +122,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                     }
                                     {
                                         row.cells.map((cell, j) => (
-                                            <TableCell className={cn(j === 0 ? setRows && "border-l" : "border-l", row.cells[0]?.value === editable && cell.onChange && "p-2")} key={cell.value}>
+                                            <TableCell className={cn(j === 0 ? setRows && "border-l" : "border-l", row.cells[0]?.value === editable && cell.onChange && "p-2")} key={j}>
                                                 {
                                                     typeof cell.value === "object" ?
                                                         <JSONTree
diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index 702f1146..7461b36e 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -96,7 +96,7 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
         setOpen(o)
         if (onOpenChange) onOpenChange(o)
       }}>
-        <SelectTrigger disabled={disabled || options.length === 0} title={options.length === 0 ? "There is no graphs" : ""} className={cn("w-fit gap-2 border-none p-2", inTable ? "text-sm font-light" : "text-xl font-medium")}>
+        <SelectTrigger data-type="select" disabled={disabled || options.length === 0} title={options.length === 0 ? "There is no graphs" : ""} className={cn("w-fit gap-2 border-none p-2", inTable ? "text-sm font-light" : "text-xl font-medium")}>
           <SelectValue title={selectedValue || `Select ${type || "Graph"}`} placeholder={`Select ${type || "Graph"}`} />
         </SelectTrigger>
         <SelectContent className="min-w-52 max-h-[30lvh] bg-foreground">
diff --git a/app/graph/GraphDataPanel.tsx b/app/graph/GraphDataPanel.tsx
index 04b3c83c..c9f416a2 100644
--- a/app/graph/GraphDataPanel.tsx
+++ b/app/graph/GraphDataPanel.tsx
@@ -131,13 +131,15 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
         }, toast)).ok
 
         if (success) {
+            const value = obj.data[key]
+
             graph.getElements().forEach((e) => {
                 if (e.id !== id) return
                 delete e.data[key]
             })
 
-            const value = obj.data[key]
             const newObj = { ...obj }
+
             delete newObj.data[key]
             setObj(newObj)
 
@@ -294,6 +296,7 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                             </TableCell>
                             <TableCell>
                                 <Input
+                                    ref={ref => !newKey ? ref?.focus() : undefined}
                                     className="w-full"
                                     value={newKey}
                                     onChange={(e) => setNewKey(e.target.value)}
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index 330f8ad9..f6bb5eb0 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -108,7 +108,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
     }, [selectedElement])
 
     const handleCooldown = () => {
-        setCooldownTicks(1000)
+        setCooldownTicks(undefined)
     }
 
     const onCategoryClick = (category: Category) => {
diff --git a/app/graph/Tutorial.tsx b/app/graph/Tutorial.tsx
index 651d3c93..f907fd9c 100644
--- a/app/graph/Tutorial.tsx
+++ b/app/graph/Tutorial.tsx
@@ -1,7 +1,6 @@
 import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel";
 import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from "@/components/ui/drawer";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
-import Link from 'next/link'
 import { Checkbox } from "@/components/ui/checkbox";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import CreateGraph from "../components/CreateGraph";
@@ -39,7 +38,7 @@ export default function Tutorial({ onSetGraphName }: Props) {
                 </VisuallyHidden>
                 <div className="flex justify-center items-center p-8">
                     <Carousel className="w-1/2 h-1/2">
-                        <CarouselContent>
+                        <CarouselContent className="text-2xl">
                             <CarouselItem className="border text-center p-40">
                                 <p>Our Browser allows you to visualize, manipulate and explore your data.</p>
                             </CarouselItem>
@@ -49,21 +48,11 @@ export default function Tutorial({ onSetGraphName }: Props) {
                             <CarouselItem className="border text-center p-40">
                                 <p>Configure or export your graph with ease from the control center</p>
                             </CarouselItem>
-                            <CarouselItem className="border flex flex-col gap-4 justify-center items-center">
+                            <CarouselItem className="border flex justify-center items-center">
                                 <CreateGraph
                                     onSetGraphName={handleSetGraphName}
                                     type="Graph"
                                 />
-                                <p>
-                                    Need inspiration?{" "}
-                                    <Link
-                                        href="/examples"
-                                        target="_self"
-                                        className="text-primary underline underline-offset-2"
-                                    >
-                                        See Examples
-                                    </Link>
-                                </p>
                             </CarouselItem>
                         </CarouselContent>
                         <CarouselPrevious />
diff --git a/e2e/infra/api/apiRequests.ts b/e2e/infra/api/apiRequests.ts
index 6860ac5c..b97879c2 100644
--- a/e2e/infra/api/apiRequests.ts
+++ b/e2e/infra/api/apiRequests.ts
@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { APIRequestContext, request } from "@playwright/test"
 
 
@@ -8,7 +10,8 @@ const getRequest = async (url: string, body: any, availableRequest?: APIRequestC
   };
 
   const requestContext = availableRequest || (await request.newContext());
-  return await requestContext.get(url, requestOptions);
+  const response = await requestContext.get(url, requestOptions);
+  return response;
 };
 
 const postRequest = async (url: string, body: any, availableRequest?: APIRequestContext, headers?: Record<string, string>) => {
@@ -18,9 +21,10 @@ const postRequest = async (url: string, body: any, availableRequest?: APIRequest
   };
 
   const requestContext = availableRequest || (await request.newContext());
-  return await requestContext.post(url, requestOptions);
+  const response = await requestContext.post(url, requestOptions);
+  return response;
 };
-  
+
 const deleteRequest = async (url: string, body?: any, headers?: Record<string, string>) => {
   const requestOptions = {
     data: body,
@@ -28,9 +32,10 @@ const deleteRequest = async (url: string, body?: any, headers?: Record<string, s
   };
 
   const requestContext = await request.newContext();
-  return await requestContext.delete(url, requestOptions);
+  const response = await requestContext.delete(url, requestOptions);
+  return response;
 };
 
 
 
-export{ getRequest, deleteRequest, postRequest }
\ No newline at end of file
+export { getRequest, deleteRequest, postRequest }
\ No newline at end of file
diff --git a/e2e/infra/ui/basePage.ts b/e2e/infra/ui/basePage.ts
index 69baf604..5ee9dc91 100644
--- a/e2e/infra/ui/basePage.ts
+++ b/e2e/infra/ui/basePage.ts
@@ -7,15 +7,15 @@ export default class BasePage {
         this.page = page;
     }
 
-    async initPage(){
+    async initPage() {
         await this.page.waitForLoadState()
     }
 
-    getCurrentURL() : string {
+    getCurrentURL(): string {
         return this.page.url();
     }
 
-    async refreshPage(){
+    async refreshPage() {
         await this.page.reload({ waitUntil: 'networkidle' });
     }
 
diff --git a/e2e/infra/ui/browserWrapper.ts b/e2e/infra/ui/browserWrapper.ts
index cdc69606..08a5e886 100644
--- a/e2e/infra/ui/browserWrapper.ts
+++ b/e2e/infra/ui/browserWrapper.ts
@@ -9,7 +9,7 @@ export default class BrowserWrapper {
 
     private page: Page | null = null;
 
-    async createNewPage<T extends BasePage>(pageClass: new (page: Page) => T, url?: string) {
+    async createNewPage<T extends BasePage>(PageClass: new (page: Page) => T, url?: string) {
         if (!this.browser) {
             this.browser = await chromium.launch();
         }
@@ -23,7 +23,7 @@ export default class BrowserWrapper {
             await this.navigateTo(url)
         }
 
-        const pageInstance = new pageClass(this.page);
+        const pageInstance = new PageClass(this.page);
         return pageInstance;
     }
 
@@ -52,11 +52,15 @@ export default class BrowserWrapper {
         await this.page.goto(url);
         await this.page.waitForLoadState('networkidle');
     }
-      
+
     async closePage() {
-        this.page ? await this.page.close() : this.page = null;
+        if (this.page) {
+            await this.page.close();
+        } else {
+            this.page = null;
+        }
     }
-    
+
     async closeBrowser() {
         if (this.browser) {
             await this.browser.close();
diff --git a/e2e/infra/utils.ts b/e2e/infra/utils.ts
index 4b3ed236..9175cc18 100644
--- a/e2e/infra/utils.ts
+++ b/e2e/infra/utils.ts
@@ -1,22 +1,24 @@
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-await-in-loop */
 import { Locator, Page } from "playwright";
 
-export const waitForElementToBeVisible = async (locator:Locator,time=400,retry=5):Promise<boolean> => {
+export function delay(ms: number) {
+    return new Promise(resolve => { setTimeout(resolve, ms) });
+}
 
-    while(retry >0){
-       if(await locator.isVisible()){
-        return true
-       }
-       retry = retry-1
-       await delay(time)
+export const waitForElementToBeVisible = async (locator: Locator, time = 400, retry = 5): Promise<boolean> => {
+
+    while (retry > 0) {
+        if (await locator.isVisible()) {
+            return true
+        }
+        retry -= 1
+        await delay(time)
     }
     return false
 }
 
-export function delay(ms: number) {
-    return new Promise( resolve => setTimeout(resolve, ms) );
-}
-
-export const waitForTimeOut = async (page: Page, time=500) => {
+export const waitForTimeOut = async (page: Page, time = 500) => {
     await page.waitForTimeout(time);
 }
 
@@ -28,7 +30,7 @@ export async function waitForURL(page: Page, expectedURL: string, timeout: numbe
         if (currentURL === expectedURL) {
             return;
         }
-        await new Promise(resolve => setTimeout(resolve, interval));
+        await new Promise(resolve => { setTimeout(resolve, interval) });
         elapsed += interval;
     }
 
diff --git a/e2e/logic/POM/graphPage.ts b/e2e/logic/POM/graphPage.ts
index c95d1a94..39449d54 100644
--- a/e2e/logic/POM/graphPage.ts
+++ b/e2e/logic/POM/graphPage.ts
@@ -1,15 +1,15 @@
-import { Locator, Download  } from "@playwright/test";
+import { Locator, Download } from "@playwright/test";
 import BasePage from "@/e2e/infra/ui/basePage";
 import { waitForTimeOut } from "@/e2e/infra/utils";
 
-export class graphPage extends BasePage {
+export default class GraphPage extends BasePage {
 
     private get graphsMenu(): Locator {
-        return this.page.locator("//button[@data-type='selectGraph']");
+        return this.page.getByRole("combobox");
     }
 
     private graphsMenuByName(graph: string): Locator {
-        return this.page.getByRole("button", { name : `${graph}`});
+        return this.page.getByRole("combobox", { name: `${graph}` });
     }
 
     private get dropDownMenuGraphs(): Locator {
@@ -17,15 +17,15 @@ export class graphPage extends BasePage {
     }
 
     private get manageGraphBtn(): Locator {
-        return this.page.locator("//button[p[contains(text(), 'Manage Graphs')]]")
+        return this.page.getByRole("button", { name: "Manage Graphs" })
     }
 
     private get threeDotsBtn(): Locator {
         return this.page.locator("(//button[p[text()='...']])[1]")
     }
 
-    private get deleteIconSvg(): Locator {
-        return this.page.locator("//div[@role='menuitem'][2]//button")
+    private get deleteGraphBtn(): Locator {
+        return this.page.getByRole('button', { name: 'Delete' })
     }
 
     private get confirmGraphDeleteBtn(): Locator {
@@ -49,7 +49,7 @@ export class graphPage extends BasePage {
     }
 
     private get exportDataBtn(): Locator {
-        return this.page.getByRole("button", { name : "Export Data"});
+        return this.page.getByRole("button", { name: "Export Data" });
     }
 
     private get findGraphInMenu(): (graph: string) => Locator {
@@ -57,7 +57,11 @@ export class graphPage extends BasePage {
     }
 
     private get deleteGraphInMenu(): (graph: string) => Locator {
-        return (graph: string) => this.page.locator(`//tbody//tr/td[1][contains(text(), '${graph}')]/parent::tr//td[3]/button`);
+        return (graph: string) => this.page.getByRole('row', { name: graph }).getByRole('checkbox')
+    }
+
+    private get deleteAllGraphInMenu(): Locator {
+        return this.page.getByRole('row', { name: 'Name' }).getByRole('checkbox')
     }
 
     private get graphMenuElements(): Locator {
@@ -66,37 +70,33 @@ export class graphPage extends BasePage {
 
     async countGraphsInMenu(): Promise<number> {
         await waitForTimeOut(this.page, 1000);
-        await this.graphsMenu.click();
-        await this.manageGraphBtn.click();
-        const count = await this.graphMenuElements.count();
-        await this.refreshPage();
-        return count;
-    }
-    
-    async removeGraph(): Promise<void> {
-        await this.threeDotsBtn.click()
-        await this.deleteIconSvg.click()
-        await this.confirmGraphDeleteBtn.click()
+        if (await this.graphsMenu.isEnabled()) {
+            await this.graphsMenu.click();
+            await this.manageGraphBtn.click();
+            const count = await this.graphMenuElements.count();
+            await this.refreshPage();
+            return count;
+        }
+        return 0;
     }
 
     async removeAllGraphs(): Promise<void> {
         await waitForTimeOut(this.page, 1000);
-        const graphCount = await this.countGraphsInMenu();
         await this.graphsMenu.click();
-        await this.manageGraphBtn.click()
-        for(let i = graphCount; i >= 1; i--){
-            await this.removeGraph();
-        }
+        await this.manageGraphBtn.click();
+        await this.deleteAllGraphInMenu.click()
+        await this.deleteGraphBtn.click()
+        await this.confirmGraphDeleteBtn.click()
     }
 
-    async addGraph(graphName : string): Promise<void>{
+    async addGraph(graphName: string): Promise<void> {
         await this.addGraphBtnInNavBar.click()
         await this.graphNameInput.fill(graphName);
         await this.createGraphBtn.click()
     }
 
     async clickOnExportDataBtn(): Promise<Download> {
-        await this.page.waitForLoadState('networkidle'); 
+        await this.page.waitForLoadState('networkidle');
         const [download] = await Promise.all([
             this.page.waitForEvent('download'),
             this.exportDataBtn.click()
@@ -105,27 +105,29 @@ export class graphPage extends BasePage {
         return download;
     }
 
-    async verifyGraphExists(graph : string): Promise<Boolean>{
+    async verifyGraphExists(graph: string): Promise<boolean> {
         await this.graphsMenu.click();
         await this.manageGraphBtn.click();
-        return await this.findGraphInMenu(graph).isVisible();
+        const isVisible = await this.findGraphInMenu(graph).isVisible();
+        return isVisible;
     }
 
-    async verifyGraphExistsByName(graph : string): Promise<Boolean>{
+    async verifyGraphExistsByName(graph: string): Promise<boolean> {
         await this.graphsMenuByName(graph).click();
         await this.manageGraphBtn.click();
-        return await this.findGraphInMenu(graph).isVisible();
+        const isVisible = await this.findGraphInMenu(graph).isVisible();
+        return isVisible;
     }
 
-    async deleteGraph(graph : string): Promise<void> {
+    async deleteGraph(graph: string): Promise<void> {
         await this.graphsMenuByName(graph).click();
         await this.manageGraphBtn.click();
         await this.deleteGraphInMenu(graph).click();
-        await this.deleteIconSvg.click()
+        await this.deleteGraphBtn.click();
         await this.confirmGraphDeleteBtn.click()
     }
 
-    async dismissDialogAtStart(): Promise<void>{
+    async dismissDialogAtStart(): Promise<void> {
         await this.dissmissDialogCheckbox.click();
         await this.page.mouse.click(10, 10);
     }
diff --git a/e2e/logic/POM/loginPage.ts b/e2e/logic/POM/loginPage.ts
index 6654d6e5..3c276c9e 100644
--- a/e2e/logic/POM/loginPage.ts
+++ b/e2e/logic/POM/loginPage.ts
@@ -3,9 +3,10 @@ import BasePage from "@/e2e/infra/ui/basePage";
 import { waitForURL } from "@/e2e/infra/utils";
 import urls from '../../config/urls.json'
 
-export class LoginPage extends BasePage {
+export default class LoginPage extends BasePage {
+
     private get connectBtn(): Locator {
-        return this.page.getByRole("button", { name : "Submit"});
+        return this.page.getByRole("button", { name: "Submit" });
     }
 
     private get usernameInput(): Locator {
@@ -18,14 +19,14 @@ export class LoginPage extends BasePage {
 
     async clickOnConnect(): Promise<void> {
         await this.connectBtn.click();
-        await waitForURL(this.page, urls.graphUrl);   
+        await waitForURL(this.page, urls.graphUrl);
     }
 
     async connectWithCredentials(username: string, password: string): Promise<void> {
         await this.usernameInput.fill(username)
         await this.passwordInput.fill(password)
         await this.connectBtn.click();
-        await waitForURL(this.page, urls.graphUrl);   
-    } 
+        await waitForURL(this.page, urls.graphUrl);
+    }
 
 }
\ No newline at end of file
diff --git a/e2e/logic/POM/navBarComponent.ts b/e2e/logic/POM/navBarComponent.ts
index 4a220dc9..8d2d5ac1 100644
--- a/e2e/logic/POM/navBarComponent.ts
+++ b/e2e/logic/POM/navBarComponent.ts
@@ -1,25 +1,25 @@
 
 import { Locator, Page } from "playwright";
 import BasePage from "@/e2e/infra/ui/basePage";
-import { waitForTimeOut, waitForURL } from "@/e2e/infra/utils";
-import urls  from '../../config/urls.json'
+import { waitForURL } from "@/e2e/infra/utils";
+import urls from '../../config/urls.json'
 
 export default class NavBarComponent extends BasePage {
 
     private get falkorDBLogo(): Locator {
         return this.page.locator("//a[@aria-label='FalkorDB']");
     }
-    
+
     private get graphsButton(): Locator {
-        return this.page.getByRole("button", { name: "Graphs"});
+        return this.page.getByRole("button", { name: "Graphs" });
     }
-    
+
     private get schemaButton(): Locator {
-        return this.page.getByRole("button", { name: "Schemas"});
+        return this.page.getByRole("button", { name: "Schemas" });
     }
 
     private get helpButton(): Locator {
-        return this.page.getByRole("button", { name : "help"})
+        return this.page.getByRole("button", { name: "help" })
     }
 
     private get documentationButton(): Locator {
@@ -33,7 +33,7 @@ export default class NavBarComponent extends BasePage {
     private get settingsButton(): Locator {
         return this.page.locator("//button[@title='Settings']")
     }
-    
+
     private get LogoutButton(): Locator {
         return this.page.locator("//button[@title='Log Out']")
     }
@@ -45,7 +45,7 @@ export default class NavBarComponent extends BasePage {
     async clickOnGraphsButton(): Promise<void> {
         await this.graphsButton.click();
     }
-    
+
     async clickOnSchemasButton(): Promise<void> {
         await this.schemaButton.click();
         await waitForURL(this.page, urls.schemaUrl);
@@ -68,18 +68,19 @@ export default class NavBarComponent extends BasePage {
         await waitForURL(this.page, urls.settingsUrl);
     }
 
-    async isSettingsButtonEnabled(): Promise<Boolean> {
-        return await this.settingsButton.isEnabled();
+    async isSettingsButtonEnabled(): Promise<boolean> {
+        const isEnabled = await this.settingsButton.isEnabled();
+        return isEnabled;
     }
 
-    async Logout(user: string): Promise<void> {
-        await this.page.waitForLoadState('networkidle'); 
+    async Logout(): Promise<void> {
+        await this.page.waitForLoadState('networkidle');
         await this.LogoutButton.click()
         await waitForURL(this.page, urls.loginUrl);
     }
 
     async clickOnFalkor(): Promise<Page> {
-        await this.page.waitForLoadState('networkidle'); 
+        await this.page.waitForLoadState('networkidle');
         const [newPage] = await Promise.all([
             this.page.waitForEvent('popup'),
             this.clickOnFalkorLogo(),
@@ -88,7 +89,7 @@ export default class NavBarComponent extends BasePage {
     }
 
     async clickOnDocumentation(): Promise<Page> {
-        await this.page.waitForLoadState('networkidle'); 
+        await this.page.waitForLoadState('networkidle');
         const [newPage] = await Promise.all([
             this.page.waitForEvent('popup'),
             this.clickOnHelpBtn(),
@@ -98,7 +99,7 @@ export default class NavBarComponent extends BasePage {
     }
 
     async clickOnSupport(): Promise<Page> {
-        await this.page.waitForLoadState('networkidle'); 
+        await this.page.waitForLoadState('networkidle');
         const [newPage] = await Promise.all([
             this.page.waitForEvent('popup'),
             this.clickOnHelpBtn(),
diff --git a/e2e/logic/POM/settingsConfigPage.ts b/e2e/logic/POM/settingsConfigPage.ts
index df893f2e..cc33eb36 100644
--- a/e2e/logic/POM/settingsConfigPage.ts
+++ b/e2e/logic/POM/settingsConfigPage.ts
@@ -1,37 +1,39 @@
-import { Locator, Page } from "@playwright/test";
+import { Locator } from "@playwright/test";
 import BasePage from "@/e2e/infra/ui/basePage";
 
 export default class SettingsConfigPage extends BasePage {
 
-    private get roleContentValue() : (role : string) => Locator {
-        return (role : string) => this.page.locator(`//tbody/tr[@data-id='${role}']/td/button`)
+    private get roleContentValue(): (role: string) => Locator {
+        return (role: string) => this.page.locator(`//tbody/tr[@data-id='${role}']/td/button`)
     }
 
-    async getRoleContentValue(role : string): Promise<string | null>{
-        return await this.roleContentValue(role).getAttribute('title')
+    async getRoleContentValue(role: string): Promise<string | null> {
+        const value = await this.roleContentValue(role).getAttribute('title')
+        return value
     }
 
-    private get clickOnRoleValue() : (role : string) => Locator {
-        return (role : string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/button`)
+    private get clickOnRoleValue(): (role: string) => Locator {
+        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/button`)
     }
 
-    private get roleValueInput() : (role : string) => Locator {
-        return (role : string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/div/input`)
+    private get roleValueInput(): (role: string) => Locator {
+        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/div/input`)
     }
 
-    private get confirmValueInputBtn() : (role : string) => Locator {
-        return (role : string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/div/button[2]`)
+    private get confirmValueInputBtn(): (role: string) => Locator {
+        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/div/button[2]`)
     }
 
-    private get getRoleValue() : (role : string) => Locator {
-        return (role : string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/button/p`)
+    private get getRoleValue(): (role: string) => Locator {
+        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/button/p`)
     }
 
-    async modifyRoleValue(role : string, input : string): Promise<string | null> {
+    async modifyRoleValue(role: string, input: string): Promise<string | null> {
         await this.clickOnRoleValue(role).click();
         await this.roleValueInput(role).fill(input);
         await this.confirmValueInputBtn(role).click();
-        return await this.getRoleValue(role).getAttribute('title')
+        const value = await this.getRoleValue(role).getAttribute('title')
+        return value
     }
 
 }
\ No newline at end of file
diff --git a/e2e/logic/POM/settingsUsersPage.ts b/e2e/logic/POM/settingsUsersPage.ts
index 3601f5e3..58f102ee 100644
--- a/e2e/logic/POM/settingsUsersPage.ts
+++ b/e2e/logic/POM/settingsUsersPage.ts
@@ -1,6 +1,6 @@
-import { Locator, Page } from "@playwright/test";
+import { Locator } from "@playwright/test";
 import BasePage from "@/e2e/infra/ui/basePage";
-import { waitForElementToBeVisible, waitForTimeOut } from '../../infra/utils'
+import { waitForTimeOut } from '../../infra/utils'
 
 export default class SettingsUsersPage extends BasePage {
 
@@ -44,7 +44,7 @@ export default class SettingsUsersPage extends BasePage {
         return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[3]/button`);
     }
 
-    private get selectUserRoleDropDownInTable(): (role : number) => Locator {
+    private get selectUserRoleDropDownInTable(): (role: number) => Locator {
         return (role: number) => this.page.locator(`//div[@role='menu']//div[@role='menuitem'][${role}]//button`);
     }
 
@@ -56,34 +56,35 @@ export default class SettingsUsersPage extends BasePage {
         return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[1]/button`);
     }
 
-    private get findUserNameInTable() : (selectedUser : string) => Locator { 
-        return (selectedUser : string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[2]`)
+    private get findUserNameInTable(): (selectedUser: string) => Locator {
+        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[2]`)
     }
 
-    private get hoverDeleteBtnPerUserInTable() : (selectedUser : string) => Locator {
-        return (selectedUser : string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[4]/button`)
+    private get hoverDeleteBtnPerUserInTable(): (selectedUser: string) => Locator {
+        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[4]/button`)
     }
 
     private get deleteUsersBtn(): Locator {
-        return this.page.getByRole("button", {name: "Delete Users"})
+        return this.page.getByRole("button", { name: "Delete Users" })
     }
 
-    private get selectRoleInTable() : (role : string) => Locator {
-        return (role : string) => this.page.getByRole("button", { name: role })
+    private get selectRoleInTable(): (role: string) => Locator {
+        return (role: string) => this.page.getByRole("button", { name: role })
     }
-    
+
     async navigateToUserTab(): Promise<void> {
         await this.page.waitForLoadState('networkidle');
         await this.usersTabBtn.click();
     }
 
-    async verifyUserExists(selectedUser : string): Promise<Boolean>{
-        await this.page.waitForLoadState('networkidle'); 
-        return await this.findUserNameInTable(selectedUser).isVisible();
+    async verifyUserExists(selectedUser: string): Promise<boolean> {
+        await this.page.waitForLoadState('networkidle');
+        const isVisible = await this.findUserNameInTable(selectedUser).isVisible();
+        return isVisible;
     }
 
     async addUser(userDetails: { [key: string]: string }): Promise<void> {
-        await this.page.waitForLoadState('networkidle'); 
+        await this.page.waitForLoadState('networkidle');
         await this.addUserButton.click();
         await this.userNameField.fill(userDetails.userName);
         await this.passwordField.fill(userDetails.password);
@@ -94,37 +95,38 @@ export default class SettingsUsersPage extends BasePage {
         await waitForTimeOut(this.page, 1500)
     }
 
-    async getUserRole(selectedUser : string): Promise<string | null> {
-        await this.page.waitForLoadState('networkidle'); 
-        return await this.userRoleContentInTable(selectedUser).textContent();
+    async getUserRole(selectedUser: string): Promise<string | null> {
+        await this.page.waitForLoadState('networkidle');
+        const role = await this.userRoleContentInTable(selectedUser).textContent();
+        return role;
     }
 
-    async modifyUserRole(selectedUser : string, role : number): Promise<void> {
-        await this.page.waitForLoadState('networkidle'); 
+    async modifyUserRole(selectedUser: string, role: number): Promise<void> {
+        await this.page.waitForLoadState('networkidle');
         await this.userRoleBtnInTable(selectedUser).click();
         await this.selectUserRoleDropDownInTable(role).click();
         await waitForTimeOut(this.page, 1500)
     }
 
-    async modifyTwoUsersRolesByCheckbox(selectedUser1 : string, selectedUser2 : string, role : string): Promise<void> {
-        await this.page.waitForLoadState('networkidle'); 
+    async modifyTwoUsersRolesByCheckbox(selectedUser1: string, selectedUser2: string, role: string): Promise<void> {
+        await this.page.waitForLoadState('networkidle');
         await this.userCheckboxBtn(selectedUser1).click();
         await this.userCheckboxBtn(selectedUser2).click();
         await this.selectRoleBtn.click();
         await this.selectRoleInTable(role).click()
     }
 
-    async deleteTwoUsersByCheckbox(selectedUser1 : string, selectedUser2 : string): Promise<void> {
-        await this.page.waitForLoadState('networkidle'); 
+    async deleteTwoUsersByCheckbox(selectedUser1: string, selectedUser2: string): Promise<void> {
+        await this.page.waitForLoadState('networkidle');
         await this.userCheckboxBtn(selectedUser1).click()
         await this.userCheckboxBtn(selectedUser2).click()
-        await this.deleteUsersBtn.click()  
+        await this.deleteUsersBtn.click()
         await this.confirmUserDeleteMsg.click()
         await waitForTimeOut(this.page, 1500)
     }
 
     async attemptToAddUserWithoutRole(userDetails: { [key: string]: string }): Promise<void> {
-        await this.page.waitForLoadState('networkidle'); 
+        await this.page.waitForLoadState('networkidle');
         await this.addUserButton.click();
         await this.userNameField.fill(userDetails.userName);
         await this.passwordField.fill(userDetails.password);
@@ -132,18 +134,18 @@ export default class SettingsUsersPage extends BasePage {
         await this.addUserButton.click();
     }
 
-    async removeUserByCheckbox(selectedUser : string): Promise<void>{
+    async removeUserByCheckbox(selectedUser: string): Promise<void> {
         await this.page.waitForLoadState('networkidle');
         await this.userCheckboxBtn(selectedUser).click();
         await this.deleteUsersBtn.click();
         await this.confirmUserDeleteMsg.click();
     }
 
-    async removeUserByHover(selectedUser : string): Promise<void> {
-        await this.page.waitForLoadState('networkidle'); 
+    async removeUserByHover(selectedUser: string): Promise<void> {
+        await this.page.waitForLoadState('networkidle');
         await this.findUserNameInTable(selectedUser).hover();
         await this.hoverDeleteBtnPerUserInTable(selectedUser).click();
         await this.confirmUserDeleteMsg.click();
     }
-    
+
 }
\ No newline at end of file
diff --git a/e2e/logic/api/apiCalls.ts b/e2e/logic/api/apiCalls.ts
index 852a9dba..26881060 100644
--- a/e2e/logic/api/apiCalls.ts
+++ b/e2e/logic/api/apiCalls.ts
@@ -1,3 +1,6 @@
+/* eslint-disable class-methods-use-this */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { deleteRequest, getRequest, postRequest } from "../../infra/api/apiRequests";
 import urls from '../../config/urls.json'
 import { AddGraphResponse } from "./responses/addGraphResponse";
@@ -6,53 +9,54 @@ import { ModifySettingsRoleResponse } from "./responses/modifySettingsRoleRespon
 import { GetSettingsRoleValue } from "./responses/getSettingsRoleValue";
 import { CreateUsersResponse } from "./responses/createUsersResponse";
 import { DeleteUsersResponse } from "./responses/deleteUsersResponse";
-import { runQueryResponse } from "./responses/runQueryResponse";
+import { RunQueryResponse } from "./responses/runQueryResponse";
+import { GetUsersResponse } from "./responses/getUsersResponse";
 
-export class ApiCalls{
+export default class ApiCalls {
 
-    async addGraph(graphName: string, data? :any): Promise<AddGraphResponse>{
-        const result = await getRequest(urls.api.addGraphUrl + graphName + "?query=RETURN%201" ,data)
+    async addGraph(graphName: string, data?: any): Promise<AddGraphResponse> {
+        const result = await getRequest(`${urls.api.addGraphUrl + graphName}?query=RETURN%201`, data)
         const jsonData = await result.json();
         return jsonData
     }
-    
-    async removeGraph(graphName: string): Promise<RemoveGraphResponse>{
+
+    async removeGraph(graphName: string): Promise<RemoveGraphResponse> {
         const result = await deleteRequest(urls.api.deleteGraphUrl + graphName)
         const jsonData = await result.json();
         return jsonData
     }
 
-    async modifySettingsRole(roleName: string, roleValue : string, data? :any): Promise<ModifySettingsRoleResponse>{
-        const result = await postRequest(urls.api.settingsConfig + roleName + "&value=" + roleValue, data)
+    async modifySettingsRole(roleName: string, roleValue: string, data?: any): Promise<ModifySettingsRoleResponse> {
+        const result = await postRequest(`${urls.api.settingsConfig + roleName}&value=${roleValue}`, data)
         const jsonData = await result.json();
         return jsonData
     }
 
-    async getSettingsRoleValue(roleName: string, data? :any): Promise<GetSettingsRoleValue>{
+    async getSettingsRoleValue(roleName: string, data?: any): Promise<GetSettingsRoleValue> {
         const result = await getRequest(urls.api.settingsConfig + roleName, data)
         const jsonData = await result.json();
         return jsonData
     }
 
-    async getUsers(data? :any): Promise<GetUsersResponse>{
+    async getUsers(data?: any): Promise<GetUsersResponse> {
         const result = await getRequest(urls.api.settingsUsers, data)
         const jsonData = await result.json();
         return jsonData
     }
 
-    async createUsers(data? :any): Promise<CreateUsersResponse>{
+    async createUsers(data?: any): Promise<CreateUsersResponse> {
         const result = await postRequest(urls.api.settingsUsers, data)
         const jsonData = await result.json();
         return jsonData
     }
 
-    async deleteUsers(data? :any): Promise<DeleteUsersResponse>{
+    async deleteUsers(data?: any): Promise<DeleteUsersResponse> {
         const result = await postRequest(urls.api.settingsUsers, data)
         const jsonData = await result.json();
         return jsonData
     }
 
-    async runQuery(query: string, data?: any): Promise<runQueryResponse>{
+    async runQuery(query: string, data?: any): Promise<RunQueryResponse> {
         const result = await getRequest(urls.api.runQueryUrl + query, data)
         const jsonData = await result.json();
         return jsonData
diff --git a/e2e/logic/api/responses/createUsersResponse.ts b/e2e/logic/api/responses/createUsersResponse.ts
index bcba7093..e7125f94 100644
--- a/e2e/logic/api/responses/createUsersResponse.ts
+++ b/e2e/logic/api/responses/createUsersResponse.ts
@@ -1,3 +1,3 @@
 export interface CreateUsersResponse {
-    message: string;
-  }
\ No newline at end of file
+  message: string;
+}
\ No newline at end of file
diff --git a/e2e/logic/api/responses/deleteUsersResponse.ts b/e2e/logic/api/responses/deleteUsersResponse.ts
index 105d9334..b3847843 100644
--- a/e2e/logic/api/responses/deleteUsersResponse.ts
+++ b/e2e/logic/api/responses/deleteUsersResponse.ts
@@ -1,3 +1,3 @@
 export interface DeleteUsersResponse {
-    message: string;
-  }
\ No newline at end of file
+  message: string;
+}
\ No newline at end of file
diff --git a/e2e/logic/api/responses/getUsersResponse.ts b/e2e/logic/api/responses/getUsersResponse.ts
index d73cd68b..93be8f8e 100644
--- a/e2e/logic/api/responses/getUsersResponse.ts
+++ b/e2e/logic/api/responses/getUsersResponse.ts
@@ -1,8 +1,7 @@
-interface GetUsersResponse {
-    result: {
-      username: string;
-      role: string;
-      checked: boolean;
-    }[];
-  }
-  
\ No newline at end of file
+export interface GetUsersResponse {
+  result: {
+    username: string;
+    role: string;
+    checked: boolean;
+  }[];
+}
diff --git a/e2e/logic/api/responses/modifySettingsRoleResponse.ts b/e2e/logic/api/responses/modifySettingsRoleResponse.ts
index cc871515..3b5b7067 100644
--- a/e2e/logic/api/responses/modifySettingsRoleResponse.ts
+++ b/e2e/logic/api/responses/modifySettingsRoleResponse.ts
@@ -1,3 +1,3 @@
 export interface ModifySettingsRoleResponse {
-    config: string;
-  }
+  config: string;
+}
diff --git a/e2e/logic/api/responses/removeGraphResponse.ts b/e2e/logic/api/responses/removeGraphResponse.ts
index 580ae15d..c1921821 100644
--- a/e2e/logic/api/responses/removeGraphResponse.ts
+++ b/e2e/logic/api/responses/removeGraphResponse.ts
@@ -1,4 +1,3 @@
 export interface RemoveGraphResponse {
-    message: string;
-  }
-  
\ No newline at end of file
+  message: string;
+}
diff --git a/e2e/logic/api/responses/runQueryResponse.ts b/e2e/logic/api/responses/runQueryResponse.ts
index 68f99605..114da2aa 100644
--- a/e2e/logic/api/responses/runQueryResponse.ts
+++ b/e2e/logic/api/responses/runQueryResponse.ts
@@ -1,4 +1,6 @@
-export interface runQueryResponse {
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+export interface RunQueryResponse {
     result: {
         metadata: {
             "Labels added": number;
diff --git a/e2e/tests/auth.setup.ts b/e2e/tests/auth.setup.ts
index 424cda54..f8eba05c 100644
--- a/e2e/tests/auth.setup.ts
+++ b/e2e/tests/auth.setup.ts
@@ -1,8 +1,8 @@
 import { test as setup } from "@playwright/test"
 import urls from '../config/urls.json'
 import BrowserWrapper from "../infra/ui/browserWrapper";
-import { LoginPage } from "../logic/POM/loginPage";
-import {user} from '../config/user.json'
+import LoginPage from "../logic/POM/loginPage";
+import { user } from '../config/user.json'
 import SettingsUsersPage from "../logic/POM/settingsUsersPage";
 
 const adminAuthFile = 'playwright/.auth/admin.json'
@@ -19,8 +19,8 @@ setup("admin authentication", async () => {
 
         const settings = await browserWrapper.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settings.navigateToUserTab();
-        await settings.addUser({userName: "readwriteuser", role: user.ReadWrite, password: user.password , confirmPassword: user.confirmPassword});
-        await settings.addUser({userName: "readonlyuser", role: user.ReadOnly, password: user.password , confirmPassword: user.confirmPassword});
+        await settings.addUser({ userName: "readwriteuser", role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
+        await settings.addUser({ userName: "readonlyuser", role: user.ReadOnly, password: user.password, confirmPassword: user.confirmPassword });
     } catch (error) {
         console.error("Error during authentication setup:", error);
     }
diff --git a/e2e/tests/graph.spec.ts b/e2e/tests/graph.spec.ts
index a0abcb2a..c68e4317 100644
--- a/e2e/tests/graph.spec.ts
+++ b/e2e/tests/graph.spec.ts
@@ -1,18 +1,18 @@
 import { expect, test } from "@playwright/test";
-import BrowserWrapper from "../infra/ui/browserWrapper";
-import { ApiCalls } from "../logic/api/apiCalls";
-import { graphPage } from "../logic/POM/graphPage";
-import urls  from '../config/urls.json'
 import fs from 'fs';
+import BrowserWrapper from "../infra/ui/browserWrapper";
+import ApiCalls from "../logic/api/apiCalls";
+import GraphPage from "../logic/POM/graphPage";
+import urls from '../config/urls.json'
 import queryData from '../config/queries.json'
 import roles from '../config/user.json'
 
 test.describe('Graph Tests', () => {
-    let browser : BrowserWrapper;
+    let browser: BrowserWrapper;
 
     test.beforeAll(async () => {
         browser = new BrowserWrapper();
-        const graph = await browser.createNewPage(graphPage, urls.graphUrl)
+        const graph = await browser.createNewPage(GraphPage, urls.graphUrl)
         await graph.dismissDialogAtStart();
         await graph.removeAllGraphs();
     })
@@ -23,34 +23,34 @@ test.describe('Graph Tests', () => {
 
     roles.userRoles.slice(0, 2).forEach(role => {
         test(`@${role.role} Add graph via API -> verify display in UI test`, async () => {
-            const graph = await browser.createNewPage(graphPage, urls.graphUrl);
+            const graph = await browser.createNewPage(GraphPage, urls.graphUrl);
             const apiCall = new ApiCalls();
             const graphName = `graph_${Date.now()}`;
             await apiCall.addGraph(graphName);
             await graph.refreshPage();
-            const isVisible = await graph.verifyGraphExistsByName(graphName);   
+            const isVisible = await graph.verifyGraphExistsByName(graphName);
             await graph.refreshPage();
             await graph.deleteGraph(graphName);
             expect(isVisible).toBe(true);
         });
-    });   
-    
+    });
+
     roles.userRoles.slice(0, 2).forEach(role => {
         test(`@${role.role} Add graph via UI -> remove graph via API -> Verify graph removal in UI test`, async () => {
-            const graph = await browser.createNewPage(graphPage, urls.graphUrl);
+            const graph = await browser.createNewPage(GraphPage, urls.graphUrl);
             const graphName = `graph_${Date.now()}`;
             await graph.addGraph(graphName);
             const apiCall = new ApiCalls();
-            await new Promise(resolve => setTimeout(resolve, 1000)); 
+            await new Promise(resolve => { setTimeout(resolve, 1000) });
             await apiCall.removeGraph(graphName);
             await graph.refreshPage();
             expect(await graph.verifyGraphExists(graphName)).toBe(false);
         });
     });
-    
+
     roles.userRoles.slice(0, 2).forEach(role => {
         test(`@${role.role} Create graph -> click the Export Data button -> verify the file has been successfully downloaded`, async () => {
-            const graph = await browser.createNewPage(graphPage, urls.graphUrl);
+            const graph = await browser.createNewPage(GraphPage, urls.graphUrl);
             const graphName = `graph_${Date.now()}`;
             await graph.addGraph(graphName);
             const download = await graph.clickOnExportDataBtn();
@@ -65,13 +65,13 @@ test.describe('Graph Tests', () => {
             const graphName = `graph_${Date.now()}`
             await apiCall.addGraph(graphName)
             const query = graphName + queryData.queries[0].query
-            const res = await apiCall.runQuery(query)  
+            const res = await apiCall.runQuery(query)
             expect(
                 res.result &&
                 Array.isArray(res.result.metadata) &&
                 res.result.metadata.length >= 5 &&
                 Array.isArray(res.result.data)
-            ).toBe(true);      
+            ).toBe(true);
         })
     });
 })
\ No newline at end of file
diff --git a/e2e/tests/navBar.spec.ts b/e2e/tests/navBar.spec.ts
index 48d063d4..880f40a0 100644
--- a/e2e/tests/navBar.spec.ts
+++ b/e2e/tests/navBar.spec.ts
@@ -6,69 +6,69 @@ import NavBarComponent from "../logic/POM/navBarComponent";
 const roles = [{ name: "admin" }, { name: "readwrite" }, { name: "readonly" }];
 
 roles.forEach((role) => {
-  test.describe(`@${role.name} role, Navbar tests`, () => {
-    let browser: BrowserWrapper;
+    test.describe(`@${role.name} role, Navbar tests`, () => {
+        let browser: BrowserWrapper;
 
-    test.beforeAll(async () => {
-      browser = new BrowserWrapper();
-    });
+        test.beforeAll(async () => {
+            browser = new BrowserWrapper();
+        });
 
-    test.afterAll(async () => {
-      await browser.closeBrowser();
-    });
+        test.afterAll(async () => {
+            await browser.closeBrowser();
+        });
+
+        test("Verify clicking on FalkorDB logo redirects to specified URL", async () => {
+            const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
+            const page = await navBar.clickOnFalkor()
+            expect(page.url()).toBe("https://www.falkordb.com/")
+
+        })
+
+        test("Verify clicking on Graphs button redirects to specified URL", async () => {
+            const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
+            await navBar.clickOnGraphsButton()
+            const newUrl = navBar.getCurrentURL();
+            expect(newUrl).toBe(urls.graphUrl)
+
+        })
 
-    test("Verify clicking on FalkorDB logo redirects to specified URL", async () => {
-        const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-        const page = await navBar.clickOnFalkor()
-        expect(page.url()).toBe("https://www.falkordb.com/")
-       
-    })
-    
-    test("Verify clicking on Graphs button redirects to specified URL", async () => {
-        const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-        await navBar.clickOnGraphsButton()
-        const newUrl = navBar.getCurrentURL();
-        expect(newUrl).toBe(urls.graphUrl)
-       
-    })
-    
-    test("Verify clicking on Schemas button redirects to specified URL", async () => {
-        const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-        await  navBar.clickOnSchemasButton()
-        const newUrl = navBar.getCurrentURL();
-        expect(newUrl).toBe(urls.schemaUrl)
-       
-    })
-
-    test("Verify clicking on help -> Documentation redirects to specified URL", async () => {
-        const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-        const page = await navBar.clickOnDocumentation()
-        expect(page.url()).toBe("https://docs.falkordb.com/")
-       
-    })
-
-    test("Verify clicking on help -> Support redirects to specified URL", async () => {
-        const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-        const page = await navBar.clickOnSupport()
-        expect(page.url()).toBe("https://www.falkordb.com/contact-us/")
-       
-    })
-
-    if(role.name === 'admin'){
-        test("@admin Verify clicking on Settings redirects to specified URL", async () => {
+        test("Verify clicking on Schemas button redirects to specified URL", async () => {
             const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-            await navBar.clickOnSettingsBtn()
-            const newUrl = navBar.getCurrentURL()
-            expect(newUrl).toBe(urls.settingsUrl)
+            await navBar.clickOnSchemasButton()
+            const newUrl = navBar.getCurrentURL();
+            expect(newUrl).toBe(urls.schemaUrl)
+
+        })
+
+        test("Verify clicking on help -> Documentation redirects to specified URL", async () => {
+            const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
+            const page = await navBar.clickOnDocumentation()
+            expect(page.url()).toBe("https://docs.falkordb.com/")
+
         })
-    }
-    
-    if(role.name === 'readwrite' || role.name === 'readonly'){
-        test("Attempt to click on Settings does not result in a redirect", async () => {
+
+        test("Verify clicking on help -> Support redirects to specified URL", async () => {
             const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-            const result = await navBar.isSettingsButtonEnabled()  
-            expect(result).toBe(false)
+            const page = await navBar.clickOnSupport()
+            expect(page.url()).toBe("https://www.falkordb.com/contact-us/")
+
         })
-    }
-  });
+
+        if (role.name === 'admin') {
+            test("@admin Verify clicking on Settings redirects to specified URL", async () => {
+                const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
+                await navBar.clickOnSettingsBtn()
+                const newUrl = navBar.getCurrentURL()
+                expect(newUrl).toBe(urls.settingsUrl)
+            })
+        }
+
+        if (role.name === 'readwrite' || role.name === 'readonly') {
+            test("Attempt to click on Settings does not result in a redirect", async () => {
+                const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
+                const result = await navBar.isSettingsButtonEnabled()
+                expect(result).toBe(false)
+            })
+        }
+    });
 });
\ No newline at end of file
diff --git a/e2e/tests/settingsConfig.spec.ts b/e2e/tests/settingsConfig.spec.ts
index 202f84c2..60bcdc99 100644
--- a/e2e/tests/settingsConfig.spec.ts
+++ b/e2e/tests/settingsConfig.spec.ts
@@ -1,13 +1,13 @@
 import { expect, test } from "@playwright/test";
-import urls  from '../config/urls.json'
+import urls from '../config/urls.json'
 import { roles } from '../config/roles.json'
-import  BrowserWrapper  from "../infra/ui/browserWrapper";
+import BrowserWrapper from "../infra/ui/browserWrapper";
 import SettingsConfigPage from "../logic/POM/settingsConfigPage";
-import { ApiCalls } from "../logic/api/apiCalls";
+import ApiCalls from "../logic/api/apiCalls";
 import Data from '../config/settingsConfigData.json';
- 
+
 test.describe('Settings Tests', () => {
-    let browser : BrowserWrapper;
+    let browser: BrowserWrapper;
 
     test.beforeAll(async () => {
         browser = new BrowserWrapper();
@@ -16,25 +16,25 @@ test.describe('Settings Tests', () => {
     test.afterAll(async () => {
         await browser.closeBrowser();
     })
-    
+
     Data.inputDataRejectsZero.forEach(({ input, description, expected }) => {
         test(`@admin Modify ${roles.maxQueuedQueries} via API validation via UI: Input value: ${input} description: ${description}`, async () => {
             const settingsConfigPage = await browser.createNewPage(SettingsConfigPage, urls.settingsUrl)
             const apiCall = new ApiCalls()
             await apiCall.modifySettingsRole(roles.maxQueuedQueries, input)
             await settingsConfigPage.refreshPage()
-            const value = await settingsConfigPage.getRoleContentValue(roles.maxQueuedQueries)      
+            const value = await settingsConfigPage.getRoleContentValue(roles.maxQueuedQueries)
             expect(value === input).toBe(expected)
         });
     })
-    
+
     Data.maxTimeOut.forEach(({ input, description, expected }) => {
         test(`@admin Modify ${roles.maxTimeOut} via API validation via UI: Input value: ${input} description: ${description}`, async () => {
             const settingsConfigPage = await browser.createNewPage(SettingsConfigPage, urls.settingsUrl)
             const apiCall = new ApiCalls()
             await apiCall.modifySettingsRole(roles.maxTimeOut, input)
             await settingsConfigPage.refreshPage()
-            const value = await settingsConfigPage.getRoleContentValue(roles.maxTimeOut)  
+            const value = await settingsConfigPage.getRoleContentValue(roles.maxTimeOut)
             expect(value === input).toBe(expected)
         });
     })
@@ -45,7 +45,7 @@ test.describe('Settings Tests', () => {
             const apiCall = new ApiCalls()
             await apiCall.modifySettingsRole(roles.defaultTimeOut, input)
             await settingsConfigPage.refreshPage()
-            const value = await settingsConfigPage.getRoleContentValue(roles.defaultTimeOut)    
+            const value = await settingsConfigPage.getRoleContentValue(roles.defaultTimeOut)
             expect(value === input).toBe(expected)
         });
     })
@@ -56,7 +56,7 @@ test.describe('Settings Tests', () => {
             const apiCall = new ApiCalls()
             await apiCall.modifySettingsRole(roles.resultSetSize, input)
             await settingsConfigPage.refreshPage()
-            const value = await settingsConfigPage.getRoleContentValue(roles.resultSetSize)      
+            const value = await settingsConfigPage.getRoleContentValue(roles.resultSetSize)
             expect(value === input).toBe(expected)
         });
     })
@@ -68,7 +68,7 @@ test.describe('Settings Tests', () => {
             await apiCall.modifySettingsRole(roles.queryMemCapacity, input)
             await settingsConfigPage.refreshPage()
             const value = await settingsConfigPage.getRoleContentValue(roles.queryMemCapacity)
-            await apiCall.modifySettingsRole(roles.queryMemCapacity, "0")//update to default values    
+            await apiCall.modifySettingsRole(roles.queryMemCapacity, "0") // update to default values    
             expect(value === input).toBe(expected)
         });
     })
@@ -79,7 +79,7 @@ test.describe('Settings Tests', () => {
             const apiCall = new ApiCalls()
             await apiCall.modifySettingsRole(roles.vKeyMaxEntityCount, input)
             await settingsConfigPage.refreshPage()
-            const value = await settingsConfigPage.getRoleContentValue(roles.vKeyMaxEntityCount)      
+            const value = await settingsConfigPage.getRoleContentValue(roles.vKeyMaxEntityCount)
             expect(value === input).toBe(expected)
         });
     })
@@ -90,7 +90,7 @@ test.describe('Settings Tests', () => {
             const apiCall = new ApiCalls()
             await apiCall.modifySettingsRole(roles.cmdInfo, input)
             await settingsConfigPage.refreshPage()
-            const value = await settingsConfigPage.getRoleContentValue(roles.cmdInfo)      
+            const value = await settingsConfigPage.getRoleContentValue(roles.cmdInfo)
             expect(value === input).toBe(expected)
         });
     })
@@ -101,7 +101,7 @@ test.describe('Settings Tests', () => {
             const apiCall = new ApiCalls()
             await apiCall.modifySettingsRole(roles.maxInfoQueries, input)
             await settingsConfigPage.refreshPage()
-            const value = await settingsConfigPage.getRoleContentValue(roles.maxInfoQueries)      
+            const value = await settingsConfigPage.getRoleContentValue(roles.maxInfoQueries)
             expect(value === input).toBe(expected)
         });
     })
@@ -112,11 +112,16 @@ test.describe('Settings Tests', () => {
             await settingsConfigPage.modifyRoleValue(role, input)
             const apiCall = new ApiCalls()
             let value = String((await apiCall.getSettingsRoleValue(role)).config[1]);
-            value = value === '1' ? 'yes' : value === '0' ? 'no' : value;
-            await apiCall.modifySettingsRole(roles.queryMemCapacity, "0")//update to default values   
+            // Convert numeric values to yes/no for boolean settings
+            if (value === '1') {
+                value = 'yes';
+            } else if (value === '0') {
+                value = 'no';
+            }
+            await apiCall.modifySettingsRole(roles.queryMemCapacity, "0") // update to default values   
             expect(value === input).toBe(expected)
         });
     })
 
-    
+
 })
\ No newline at end of file
diff --git a/e2e/tests/settingsUsers.spec.ts b/e2e/tests/settingsUsers.spec.ts
index bf35d6d3..ad86f8b1 100644
--- a/e2e/tests/settingsUsers.spec.ts
+++ b/e2e/tests/settingsUsers.spec.ts
@@ -1,12 +1,12 @@
 import { expect, test } from "@playwright/test";
-import urls  from '../config/urls.json'
-import  BrowserWrapper  from "../infra/ui/browserWrapper";
-import  SettingsUsersPage  from "../logic/POM/settingsUsersPage";
+import urls from '../config/urls.json'
+import BrowserWrapper from "../infra/ui/browserWrapper";
+import SettingsUsersPage from "../logic/POM/settingsUsersPage";
 import { user } from '../config/user.json'
-import { ApiCalls } from "../logic/api/apiCalls";
+import ApiCalls from "../logic/api/apiCalls";
 
 test.describe('Settings Tests', () => {
-    let browser : BrowserWrapper;
+    let browser: BrowserWrapper;
 
     test.beforeAll(async () => {
         browser = new BrowserWrapper();
@@ -20,7 +20,7 @@ test.describe('Settings Tests', () => {
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
         const username = `user_${Date.now()}`
-        await settingsUsersPage.addUser({userName: username, role: user.ReadWrite, password: user.password , confirmPassword: user.confirmPassword});
+        await settingsUsersPage.addUser({ userName: username, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
         const isVisible = await settingsUsersPage.verifyUserExists(username)
         await settingsUsersPage.removeUserByHover(username)
         expect(isVisible).toBe(true)
@@ -31,14 +31,14 @@ test.describe('Settings Tests', () => {
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
         const username = `user_${Date.now()}`
-        await settingsUsersPage.addUser({userName: username, role: user.ReadWrite, password: user.password , confirmPassword: user.confirmPassword});
+        await settingsUsersPage.addUser({ userName: username, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
         // Deleting one user
         await settingsUsersPage.removeUserByHover(username)
         await settingsUsersPage.refreshPage()
         await settingsUsersPage.navigateToUserTab()
         const isVisible = await settingsUsersPage.verifyUserExists(username)
         expect(isVisible).toBe(false)
-        
+
     })
 
     test("@admin Add one user -> change the role -> Validate that the user role have been changed", async () => {
@@ -46,14 +46,14 @@ test.describe('Settings Tests', () => {
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
         const username = `user_${Date.now()}`
-        await settingsUsersPage.addUser({userName: username, role: user.ReadWrite, password: user.password , confirmPassword: user.confirmPassword});
-        
+        await settingsUsersPage.addUser({ userName: username, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
+
         // modify user role
         await settingsUsersPage.modifyUserRole(username, user.role.readOnly)
         const newUserRole = await settingsUsersPage.getUserRole(username)
         await settingsUsersPage.removeUserByHover(username)
         expect(newUserRole).toBe("Read-Only")
-            
+
     })
 
     test("@admin Add two users -> change their roles via checkbox -> Validate that the users roles have been changed", async () => {
@@ -61,10 +61,10 @@ test.describe('Settings Tests', () => {
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
         const username1 = `user_${Date.now()}`
-        await settingsUsersPage.addUser({userName: username1, role: user.ReadWrite, password: user.password , confirmPassword: user.confirmPassword});
+        await settingsUsersPage.addUser({ userName: username1, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
         const username2 = `user_${Date.now()}`
-        await settingsUsersPage.addUser({userName: username2, role: user.ReadWrite, password: user.password , confirmPassword: user.confirmPassword});
-        
+        await settingsUsersPage.addUser({ userName: username2, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
+
         // modify users roles
         const userRole = user.ReadOnly;
         await settingsUsersPage.modifyTwoUsersRolesByCheckbox(username1, username2, userRole)
@@ -73,8 +73,8 @@ test.describe('Settings Tests', () => {
         const userName1Role = await settingsUsersPage.getUserRole(username1)
         const userName2Role = await settingsUsersPage.getUserRole(username2)
         await settingsUsersPage.deleteTwoUsersByCheckbox(username1, username2)
-        
-        expect([userName1Role, userName2Role]).toEqual(["Read-Only", "Read-Only"])   
+
+        expect([userName1Role, userName2Role]).toEqual(["Read-Only", "Read-Only"])
     })
 
     test("@admin Add two users -> delete the two users by checkbox -> Validate that the users have been deleted", async () => {
@@ -82,27 +82,27 @@ test.describe('Settings Tests', () => {
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
         const username1 = `user_${Date.now()}`
-        await settingsUsersPage.addUser({userName: username1, role: user.ReadWrite, password: user.password , confirmPassword: user.confirmPassword});
+        await settingsUsersPage.addUser({ userName: username1, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
         await settingsUsersPage.refreshPage()
         await settingsUsersPage.navigateToUserTab()
         const username2 = `user_${Date.now()}`
-        await settingsUsersPage.addUser({userName: username2, role: user.ReadWrite, password: user.password , confirmPassword: user.confirmPassword});
-        
+        await settingsUsersPage.addUser({ userName: username2, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
+
         // delete two users
         await settingsUsersPage.deleteTwoUsersByCheckbox(username1, username2)
         const isVisible1 = await settingsUsersPage.verifyUserExists(username1)
         const isVisible2 = await settingsUsersPage.verifyUserExists(username2)
         expect([isVisible1, isVisible2]).toEqual([false, false])
-            
+
     })
 
     const searchData = [
-        { invalidPassword: 'Test123', description: "short password"},
-        { invalidPassword: 'Test1234', description: "without special character"},
-        { invalidPassword: 'Testtes@', description: "without digits"},
-        { invalidPassword: 'TESTES1@', description: "without lowercase letters"},
-        { invalidPassword: 'testte1@', description: "without uppercase letters"},
-        { invalidPassword: '', description: "without password"}
+        { invalidPassword: 'Test123', description: "short password" },
+        { invalidPassword: 'Test1234', description: "without special character" },
+        { invalidPassword: 'Testtes@', description: "without digits" },
+        { invalidPassword: 'TESTES1@', description: "without lowercase letters" },
+        { invalidPassword: 'testte1@', description: "without uppercase letters" },
+        { invalidPassword: '', description: "without password" }
     ];
 
     searchData.forEach(({ invalidPassword, description }) => {
@@ -110,7 +110,7 @@ test.describe('Settings Tests', () => {
             const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
             await settingsUsersPage.navigateToUserTab();
             const username = `user_${Date.now()}`
-            await settingsUsersPage.addUser({userName: username, role: user.ReadWrite, password: invalidPassword, confirmPassword: invalidPassword});
+            await settingsUsersPage.addUser({ userName: username, role: user.ReadWrite, password: invalidPassword, confirmPassword: invalidPassword });
             await settingsUsersPage.refreshPage()
             await settingsUsersPage.navigateToUserTab();
             const isVisible = await settingsUsersPage.verifyUserExists(username)
@@ -122,7 +122,7 @@ test.describe('Settings Tests', () => {
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
         const username = `user_${Date.now()}`
-        await settingsUsersPage.attemptToAddUserWithoutRole({userName: username, password: user.password , confirmPassword: user.confirmPassword});
+        await settingsUsersPage.attemptToAddUserWithoutRole({ userName: username, password: user.password, confirmPassword: user.confirmPassword });
         await settingsUsersPage.refreshPage()
         await settingsUsersPage.navigateToUserTab()
         const isVisible = await settingsUsersPage.verifyUserExists(username)
@@ -139,38 +139,38 @@ test.describe('Settings Tests', () => {
 
     test("@admin API Test:Add user via API -> Validated user existing via API -> Delete user via API.", async () => {
         const apiCall = new ApiCalls()
-        const username = `user_${Date.now()}` 
-        await apiCall.createUsers({username, password: user.password, role: user.ReadOnly})
+        const username = `user_${Date.now()}`
+        await apiCall.createUsers({ username, password: user.password, role: user.ReadOnly })
         const users = await apiCall.getUsers()
-        await apiCall.deleteUsers({"users":[{"username":`${username}`}]})
-        const User = users.result.find(user => user.username === username);
+        await apiCall.deleteUsers({ "users": [{ "username": `${username}` }] })
+        const User = users.result.find(u => u.username === username);
         expect(User?.username === username).toBe(true)
     })
     // fail tests
     test(`@admin API Test: without passing a username, Attempt to add a user and validate the user was not added`, async () => {
         const apiCall = new ApiCalls()
         const username = ''
-        await apiCall.createUsers({ username: username, password: user.password, role: user.ReadOnly });
+        await apiCall.createUsers({ username, password: user.password, role: user.ReadOnly });
         const users = await apiCall.getUsers()
-        const User = users.result.find(user => user.username === username);
+        const User = users.result.find(u => u.username === username);
         expect(User).toBeUndefined();
     });
 
     test(`@admin API Test: without passing a role, Attempt to add a user and validate the user was not added`, async () => {
         const apiCall = new ApiCalls()
-        const username = `user_${Date.now()}` 
-        await apiCall.createUsers({ username: username, password: '', role: user.ReadOnly });
+        const username = `user_${Date.now()}`
+        await apiCall.createUsers({ username, password: '', role: user.ReadOnly });
         const users = await apiCall.getUsers()
-        const User = users.result.find(user => user.username === username);
+        const User = users.result.find(u => u.username === username);
         expect(User).toBeUndefined();
     });
 
     test(`@admin API Test: without passing a password, Attempt to add a user and validate the user was not added`, async () => {
         const apiCall = new ApiCalls()
-        const username = `user_${Date.now()}` 
-        await apiCall.createUsers({username: username, password: user.password, role: ''})
+        const username = `user_${Date.now()}`
+        await apiCall.createUsers({ username, password: user.password, role: '' })
         const users = await apiCall.getUsers()
-        const User = users.result.find(user => user.username === username);
+        const User = users.result.find(u => u.username === username);
         expect(User).toBeUndefined();
     });
 
diff --git a/e2e/tests/signOut.spec.ts b/e2e/tests/signOut.spec.ts
index 9ce11b5c..278da294 100644
--- a/e2e/tests/signOut.spec.ts
+++ b/e2e/tests/signOut.spec.ts
@@ -1,12 +1,12 @@
 import { expect, test } from "@playwright/test";
-import urls  from '../config/urls.json'
+import urls from '../config/urls.json'
 import BrowserWrapper from "../infra/ui/browserWrapper";
 import navBarComponent from '../logic/POM/navBarComponent'
 import roles from '../config/user.json'
 
 roles.userRoles.forEach((role) => {
     test.describe(`@${role.role} SignOut Test`, () => {
-        let browser : BrowserWrapper;
+        let browser: BrowserWrapper;
 
         test.beforeAll(async () => {
             browser = new BrowserWrapper();
@@ -18,7 +18,7 @@ roles.userRoles.forEach((role) => {
 
         test("Sign out Test", async () => {
             const navBar = await browser.createNewPage(navBarComponent, urls.graphUrl)
-            await navBar.Logout(role.name);
+            await navBar.Logout();
             const newUrl = navBar.getCurrentURL();
             expect(newUrl).toBe(urls.loginUrl)
         })

From d06792149c28521fb88fcde6c528cbe490612793 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 9 Jan 2025 16:00:45 +0200
Subject: [PATCH 41/45] commit

---
 app/api/graph/model.ts            | 65 ++++++++++++++++++++++++----
 app/components/ForceGraph.tsx     | 41 ++++++------------
 app/components/TableComponent.tsx | 19 +++++----
 app/graph/GraphDataPanel.tsx      | 26 ++++++++++++
 app/graph/GraphView.tsx           | 70 ++++++++++++++++++-------------
 app/graph/TableView.tsx           |  4 +-
 app/graph/toolbar.tsx             | 24 +----------
 7 files changed, 151 insertions(+), 98 deletions(-)

diff --git a/app/api/graph/model.ts b/app/api/graph/model.ts
index 4745971d..91df1a2e 100644
--- a/app/api/graph/model.ts
+++ b/app/api/graph/model.ts
@@ -36,6 +36,32 @@ export type GraphData = {
     links: Link[]
 }
 
+export type NodeCell = {
+    id: number,
+    labels: string[],
+    properties: {
+        [key: string]: any
+    }
+}
+
+export type LinkCell = {
+    id: number,
+    relationshipType: string,
+    sourceId: number,
+    destinationId: number,
+    properties: {
+        [key: string]: any
+    }
+}
+
+export type DataCell = NodeCell | LinkCell | number | string | null
+
+export type DataRow = {
+    [key: string]: DataCell
+}
+
+export type Data = DataRow[]
+
 export const DEFAULT_COLORS = [
     "#7466FF",
     "#FF66B3",
@@ -67,7 +93,7 @@ export class Graph {
 
     private columns: string[];
 
-    private data: any[];
+    private data: Data;
 
     private metadata: any[];
 
@@ -155,10 +181,14 @@ export class Graph {
         return this.columns;
     }
 
-    get Data(): any[] {
+    get Data(): Data {
         return this.data;
     }
 
+    set Data(data: Data) {
+        this.data = data;
+    }
+
     get Metadata(): any[] {
         return this.metadata;
     }
@@ -186,7 +216,7 @@ export class Graph {
         return graph
     }
 
-    public extendNode(cell: any, collapsed = false) {
+    public extendNode(cell: NodeCell, collapsed = false) {
         // check if category already exists in categories
         const categories = this.createCategory(cell.labels.length === 0 ? [""] : cell.labels)
         // check if node already exists in nodes or fake node was created
@@ -242,7 +272,7 @@ export class Graph {
         return currentNode
     }
 
-    public extendEdge(cell: any, collapsed = false) {
+    public extendEdge(cell: LinkCell, collapsed = false) {
         const label = this.createLabel(cell.relationshipType)
 
         const currentEdge = this.linksMap.get(cell.id)
@@ -351,7 +381,7 @@ export class Graph {
         return currentEdge
     }
 
-    public extend(results: any, collapsed = false): (Node | Link)[] {
+    public extend(results: { data: Data, metadata: any[] }, collapsed = false): (Node | Link)[] {
         const newElements: (Node | Link)[] = []
         const data = results?.data
 
@@ -364,7 +394,7 @@ export class Graph {
         }
 
         this.metadata = results.metadata
-        this.data.forEach((row: any[]) => {
+        this.data.forEach((row: DataRow) => {
             Object.values(row).forEach((cell: any) => {
                 if (cell instanceof Object) {
                     if (cell.nodes) {
@@ -383,6 +413,28 @@ export class Graph {
             })
         })
 
+        newElements.filter((element): element is Link => "source" in element).forEach((link) => {
+            const start = link.source
+            const end = link.target
+            const sameNodesLinks = this.elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id) || (l.target.id === start.id && l.source.id === end.id))
+            const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
+            const even = index % 2 === 0
+            let curve
+
+            if (start.id === end.id) {
+                if (even) {
+                    curve = Math.floor(-(index / 2)) - 3
+                } else {
+                    curve = Math.floor((index + 1) / 2) + 2
+                }
+            } else if (even) {
+                curve = Math.floor(-(index / 2))
+            } else {
+                curve = Math.floor((index + 1) / 2)
+            }
+
+            link.curve = curve * 0.1
+        })
         return newElements
     }
 
@@ -468,7 +520,6 @@ export class Graph {
         }
     }
 
-
     public getCategoryColorValue(index = 0): string {
         return this.COLORS_ORDER_VALUE[index % this.COLORS_ORDER_VALUE.length]
     }
diff --git a/app/components/ForceGraph.tsx b/app/components/ForceGraph.tsx
index 3124a522..0380c22c 100644
--- a/app/components/ForceGraph.tsx
+++ b/app/components/ForceGraph.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react/require-default-props */
 /* eslint-disable no-param-reassign */
 
@@ -12,15 +13,14 @@ import { Graph, GraphData, Link, Node } from "../api/graph/model"
 interface Props {
     graph: Graph
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    chartRef: RefObject<any>
+    chartRef: RefObject<any | null>
     data: GraphData
     selectedElement: Node | Link | undefined
     setSelectedElement: (element: Node | Link | undefined) => void
     selectedElements: (Node | Link)[]
     setSelectedElements: Dispatch<SetStateAction<(Node | Link)[]>>
-    cooldownTime: number | undefined
     cooldownTicks: number | undefined
-    setCooldownTicks: Dispatch<SetStateAction<number | undefined>>
+    handleCooldown: (ticks?: number) => void
     type?: "schema" | "graph"
     isAddElement?: boolean
     setSelectedNodes?: Dispatch<SetStateAction<[Node | undefined, Node | undefined]>>
@@ -38,9 +38,8 @@ export default function ForceGraph({
     setSelectedElement,
     selectedElements,
     setSelectedElements,
-    cooldownTime,
     cooldownTicks,
-    setCooldownTicks,
+    handleCooldown,
     type = "graph",
     isAddElement = false,
     setSelectedNodes,
@@ -53,6 +52,13 @@ export default function ForceGraph({
     const parentRef = useRef<HTMLDivElement>(null)
     const toast = useToast()
 
+    useEffect(() => {
+        if (!chartRef.current || data.nodes.length === 0 || data.links.length === 0) return
+        chartRef.current.d3Force('link').id((link: any) => link.id).distance(50)
+        chartRef.current.d3Force('charge').strength(-300)
+        chartRef.current.d3Force('center').strength(0.05)
+    }, [chartRef, data.links.length, data.nodes.length])
+
     useEffect(() => {
         if (!parentRef.current) return
         setParentWidth(parentRef.current.clientWidth)
@@ -210,20 +216,7 @@ export default function ForceGraph({
                     ctx.strokeStyle = link.color;
                     ctx.globalAlpha = 0.5;
 
-                    const sameNodesLinks = graph.Elements.links.filter(l => (l.source.id === start.id && l.target.id === end.id) || (l.target.id === start.id && l.source.id === end.id))
-                    const index = sameNodesLinks.findIndex(l => l.id === link.id) || 0
-                    const even = index % 2 === 0
-                    let curve
-
                     if (start.id === end.id) {
-                        if (even) {
-                            curve = Math.floor(-(index / 2)) - 3
-                        } else {
-                            curve = Math.floor((index + 1) / 2) + 2
-                        }
-
-                        link.curve = curve * 0.1
-
                         const radius = NODE_SIZE * link.curve * 6.2;
                         const angleOffset = -Math.PI / 4; // 45 degrees offset for text alignment
                         const textX = start.x + radius * Math.cos(angleOffset);
@@ -233,14 +226,6 @@ export default function ForceGraph({
                         ctx.translate(textX, textY);
                         ctx.rotate(-angleOffset);
                     } else {
-                        if (even) {
-                            curve = Math.floor(-(index / 2))
-                        } else {
-                            curve = Math.floor((index + 1) / 2)
-                        }
-
-                        link.curve = curve * 0.1
-
                         const midX = (start.x + end.x) / 2 + (end.y - start.y) * (link.curve / 2);
                         const midY = (start.y + end.y) / 2 + (start.x - end.x) * (link.curve / 2);
 
@@ -272,13 +257,13 @@ export default function ForceGraph({
                 onBackgroundClick={handleUnselected}
                 onBackgroundRightClick={handleUnselected}
                 onEngineStop={() => {
-                    setCooldownTicks(0)
+                    handleCooldown(0)
                 }}
                 linkCurvature="curve"
                 nodeVisibility="visible"
                 linkVisibility="visible"
                 cooldownTicks={cooldownTicks}
-                cooldownTime={cooldownTime}
+                cooldownTime={2000}
             />
         </div>
     )
diff --git a/app/components/TableComponent.tsx b/app/components/TableComponent.tsx
index e512214d..ef995cf0 100644
--- a/app/components/TableComponent.tsx
+++ b/app/components/TableComponent.tsx
@@ -13,9 +13,10 @@ import { useState } from "react";
 import { CheckCircle, XCircle } from "lucide-react";
 import Button from "./ui/Button";
 import Input from "./ui/Input";
+import { DataCell } from "../api/graph/model";
 
 type Cell = {
-    value: any,
+    value: DataCell,
     onChange?: (value: string) => Promise<boolean>
 }
 
@@ -105,7 +106,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                 <TableBody className="overflow-auto">
                     {
                         rows
-                            .filter((row) => typeof row.cells[0].value === "string" ? row.cells[0].value.toLowerCase().includes(search.toLowerCase()) : !search)
+                            .filter((row) => row.cells[0].value === "string" ? row.cells[0].value.toString().toLowerCase().includes(search.toLowerCase()) : !search)
                             .map((row, i) => (
                                 <TableRow key={i}>
                                     {
@@ -127,7 +128,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                     typeof cell.value === "object" ?
                                                         <JSONTree
                                                             shouldExpandNodeInitially={() => false}
-                                                            keyPath={[headers[i]]}
+                                                            keyPath={[headers[j]]}
                                                             theme={{
                                                                 base00: "var(--background)", // background
                                                                 base01: '#000000',
@@ -148,7 +149,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                             }}
                                                             data={cell.value}
                                                         />
-                                                        : typeof cell.value === "string" &&
+                                                        : cell.value &&
                                                             row.cells.some(c => c.onChange) ?
                                                             editable === `${i}-${j}` ?
                                                                 <div className="flex gap-2 items-center">
@@ -156,13 +157,13 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                                         ref={ref => ref?.focus()}
                                                                         variant="primary"
                                                                         className="grow"
-                                                                        onBlur={() => handleSetEditable("", cell.value)}
+                                                                        onBlur={() => handleSetEditable("", cell.value!.toString())}
                                                                         value={newValue}
                                                                         onChange={(e) => setNewValue(e.target.value)}
                                                                         onKeyDown={async (e) => {
                                                                             if (e.key === "Escape") {
                                                                                 e.preventDefault()
-                                                                                handleSetEditable("", cell.value)
+                                                                                handleSetEditable("", cell.value!.toString())
                                                                             }
 
                                                                             if (e.key !== "Enter") return
@@ -170,7 +171,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                                             e.preventDefault()
                                                                             const result = await cell.onChange!(newValue)
                                                                             if (result) {
-                                                                                handleSetEditable("", cell.value)
+                                                                                handleSetEditable("", cell.value!.toString())
                                                                             }
                                                                         }}
                                                                     />
@@ -184,7 +185,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                                         <Button
                                                                             title="Cancel"
                                                                             onClick={() => {
-                                                                                handleSetEditable("", cell.value)
+                                                                                handleSetEditable("", cell.value!.toString())
                                                                             }}
                                                                         >
                                                                             <XCircle className="w-4 h-4" />
@@ -194,7 +195,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                                 : <button
                                                                     disabled={!cell.onChange}
                                                                     type="button"
-                                                                    onClick={() => handleSetEditable(`${i}-${j}`, cell.value)}
+                                                                    onClick={() => handleSetEditable(`${i}-${j}`, cell.value!.toString())}
                                                                 >
                                                                     {cell.value}
                                                                 </button>
diff --git a/app/graph/GraphDataPanel.tsx b/app/graph/GraphDataPanel.tsx
index c9f416a2..abe0c406 100644
--- a/app/graph/GraphDataPanel.tsx
+++ b/app/graph/GraphDataPanel.tsx
@@ -94,6 +94,16 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                     }
                 } as Node
             })
+
+            graph.Data = graph.Data.map(row => {
+                const newRow = Object.entries(row).map(([k, cell]) => {
+                    if (cell && typeof cell === "object" && cell.id === id) {
+                        return [k, { ...cell, properties: { ...cell.properties, [key]: val } }]
+                    }
+                    return [k, cell]
+                })
+                return Object.fromEntries(newRow)
+            })
             handleSetEditable("", "")
             toast({
                 title: "Success",
@@ -143,6 +153,17 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
             delete newObj.data[key]
             setObj(newObj)
 
+            graph.Data = graph.Data.map(row => {
+                const newRow = Object.entries(row).map(([k, cell]) => {
+                    if (cell && typeof cell === "object" && cell.id === id) {
+                        delete cell.properties[key]
+                        return [k, cell]
+                    }
+                    return [k, cell]
+                })
+                return Object.fromEntries(newRow)
+            })
+
             toast({
                 title: "Success",
                 description: "Attribute removed",
@@ -202,6 +223,11 @@ export default function GraphDataPanel({ obj, setObj, onExpand, onDeleteElement,
                     </TableRow>
                 </TableHeader>
                 <TableBody>
+                    <TableRow>
+                        <TableCell />
+                        <TableCell>id:</TableCell>
+                        <TableCell>{obj.id}</TableCell>
+                    </TableRow>
                     {
                         attributes.map((key) => (
                             <TableRow
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index f6bb5eb0..0128c162 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -6,12 +6,13 @@
 import { useRef, useState, useEffect, Dispatch, SetStateAction } from "react";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/components/ui/resizable";
 import { ImperativePanelHandle } from "react-resizable-panels";
-import { ChevronLeft, GitGraph, Maximize2, Minimize2, Table } from "lucide-react"
+import { ChevronLeft, GitGraph, Maximize2, Minimize2, Pause, Play, Table } from "lucide-react"
 import { cn, prepareArg, securedFetch } from "@/lib/utils";
 import dynamic from "next/dynamic";
 import { Session } from "next-auth";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { useToast } from "@/components/ui/use-toast";
+import { Switch } from "@/components/ui/switch";
 import { Category, Graph, GraphData, Link, Node } from "../api/graph/model";
 import DataPanel from "./GraphDataPanel";
 import Labels from "./labels";
@@ -46,7 +47,6 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
     const [maximize, setMaximize] = useState<boolean>(false)
     const [tabsValue, setTabsValue] = useState<string>("")
     const [cooldownTicks, setCooldownTicks] = useState<number | undefined>(0)
-    const [cooldownTime, setCooldownTime] = useState<number | undefined>(2000)
     const { toast } = useToast()
 
     useEffect(() => {
@@ -72,6 +72,11 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
         setTabsValue(graph.getElements().length !== 0 ? "Graph" : defaultChecked)
     }, [graph.getElements().length, graph.Data.length])
 
+
+    const handleCooldown = (ticks?: number) => {
+        setCooldownTicks(ticks)
+    }
+
     useEffect(() => {
         setSelectedElement(undefined)
         setSelectedElements([])
@@ -107,10 +112,6 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
         onExpand(!!selectedElement)
     }, [selectedElement])
 
-    const handleCooldown = () => {
-        setCooldownTicks(undefined)
-    }
-
     const onCategoryClick = (category: Category) => {
         category.show = !category.show
         graph.Elements.nodes.forEach((node) => {
@@ -140,7 +141,6 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
 
         setData({ ...graph.Elements })
     }
-
     const handleDeleteElement = async () => {
         if (selectedElements.length === 0 && selectedElement) {
             selectedElements.push(selectedElement)
@@ -181,6 +181,20 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
             fetchCount()
         })
 
+
+        graph.Data = graph.Data.map(row => {
+            const newRow = Object.entries(row).map(([key, cell]) => {
+                if (typeof cell === "object" && cell && selectedElements.some(element => element.id === cell.id)) {
+                    return [key, undefined]
+                }
+                return [key, cell]
+            })
+            if (newRow.every(([, cell]) => cell === undefined)) {
+                return undefined
+            }
+            return Object.fromEntries(newRow)
+        })
+
         setSelectedElements([])
         setSelectedElement(undefined)
 
@@ -245,9 +259,6 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                                     deleteDisabled={(Object.values(selectedElements).length === 0 && !selectedElement) || session?.user.role === "Read-Only"}
                                     onDeleteElement={handleDeleteElement}
                                     chartRef={chartRef}
-                                    cooldownTime={cooldownTime}
-                                    setCooldownTime={setCooldownTime}
-                                    handleCooldown={handleCooldown}
                                     addDisabled
                                 />
                                 {
@@ -262,24 +273,24 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                                 }
                             </div>
                             <div className="relative h-1 grow rounded-lg overflow-hidden">
-                                {
-                                    !maximize ?
-                                        <Button
-                                            className="z-10 absolute top-4 right-4"
-                                            title="Maximize"
-                                            onClick={() => setMaximize(true)}
-                                        >
-                                            <Maximize2 />
-                                        </Button>
-                                        : <Button
-                                            className="z-10 absolute top-4 right-4"
-                                            title="Minimize"
-                                            onClick={() => setMaximize(false)}
-                                            onKeyDown={(e) => e.code === "Escape" && setMaximize(false)}
-                                        >
-                                            <Minimize2 />
-                                        </Button>
-                                }
+                                <Button
+                                    className="z-10 absolute top-4 right-4"
+                                    title={!maximize ? "Maximize" : "Minimize"}
+                                    onClick={() => setMaximize(prev => !prev)}
+                                >
+                                    {maximize ? <Maximize2 /> : <Minimize2 />}
+                                </Button>
+                                <div className="z-10 absolute top-4 left-4 flex items-center gap-2 pointer-events-none">
+                                    {cooldownTicks === undefined ? <Play size={20} /> : <Pause size={20} />}
+                                    <Switch
+                                        title="Animation Control"
+                                        className="pointer-events-auto"
+                                        checked={cooldownTicks === undefined}
+                                        onCheckedChange={() => {
+                                            handleCooldown(cooldownTicks === undefined ? 0 : undefined)
+                                        }}
+                                    />
+                                </div>
                                 <ForceGraph
                                     isCollapsed={isCollapsed}
                                     graph={graph}
@@ -290,8 +301,7 @@ function GraphView({ graph, selectedElement, setSelectedElement, runQuery, histo
                                     selectedElements={selectedElements}
                                     setSelectedElements={setSelectedElements}
                                     cooldownTicks={cooldownTicks}
-                                    setCooldownTicks={setCooldownTicks}
-                                    cooldownTime={cooldownTime}
+                                    handleCooldown={handleCooldown}
                                 />
                                 {
                                     (graph.Categories.length > 0 || graph.Labels.length > 0) &&
diff --git a/app/graph/TableView.tsx b/app/graph/TableView.tsx
index 95199dbb..2db5f7ed 100644
--- a/app/graph/TableView.tsx
+++ b/app/graph/TableView.tsx
@@ -1,10 +1,11 @@
 /* eslint-disable react/no-array-index-key */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+import { Data } from "../api/graph/model"
 import TableComponent from "../components/TableComponent"
 
 interface Props {
-    data: any[]
+    data: Data
 }
 
 export default function TableView({ data }: Props) {
@@ -13,7 +14,6 @@ export default function TableView({ data }: Props) {
         <TableComponent
             headers={Object.keys(data[0])}
             rows={data.map(row => ({
-                id: row.id,
                 cells: Object.values(row).map((value) => ({
                     value,
 
diff --git a/app/graph/toolbar.tsx b/app/graph/toolbar.tsx
index b0af5561..ba2762ec 100644
--- a/app/graph/toolbar.tsx
+++ b/app/graph/toolbar.tsx
@@ -2,8 +2,8 @@
 
 /* eslint-disable react/require-default-props */
 
-import { Link, Move, Pause, PlusCircle, Shrink, Trash2, ZoomIn, ZoomOut } from "lucide-react";
-import { Dispatch, SetStateAction, useState } from "react";
+import { Link, PlusCircle, Shrink, Trash2, ZoomIn, ZoomOut } from "lucide-react";
+import { useState } from "react";
 import Button from "../components/ui/Button";
 import DeleteElement from "./DeleteElement";
 
@@ -16,9 +16,6 @@ interface Props {
     onAddEntity?: () => void,
     onAddRelation?: () => void,
     deleteDisabled?: boolean,
-    cooldownTime: number | undefined
-    setCooldownTime: Dispatch<SetStateAction<number | undefined>>
-    handleCooldown: () => void
     selectedElementsLength: number
 }
 
@@ -30,9 +27,6 @@ export default function Toolbar({
     onAddEntity,
     onAddRelation,
     deleteDisabled,
-    cooldownTime,
-    setCooldownTime,
-    handleCooldown,
     selectedElementsLength
 }: Props) {
 
@@ -130,20 +124,6 @@ export default function Toolbar({
                 >
                     <Shrink size={20} />
                 </Button>
-                <Button
-                    className="text-nowrap"
-                    disabled={disabled}
-                    variant="Secondary"
-                    label={cooldownTime !== undefined ? "Move" : "Stay"}
-                    onClick={() => {
-                        setCooldownTime(cooldownTime !== undefined ? undefined : 2000)
-                        if (cooldownTime !== undefined) {
-                            handleCooldown()
-                        }
-                    }}
-                >
-                    {cooldownTime !== undefined ? <Move size={20} /> : <Pause size={20} />}
-                </Button>
             </div>
         </div>
     )

From 72ec994854fe31e411e623439975e269d6d7bc81 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 14 Jan 2025 14:33:14 +0200
Subject: [PATCH 42/45] commit

---
 app/api/graph/[graph]/route.ts      |  35 +++---
 app/api/user/[user]/route.ts        |   2 +-
 app/api/user/route.ts               |  16 +--
 app/components/CloseDialog.tsx      |   1 +
 app/components/ExportGraph.tsx      |   2 +-
 app/components/FormComponent.tsx    | 167 ++++++++++++++-------------
 app/components/TableComponent.tsx   | 100 ++++++++--------
 app/components/ui/combobox.tsx      |  54 ++++++---
 app/globals.css                     |   2 +-
 app/login/LoginForm.tsx             |  70 +++++++-----
 app/settings/Configurations.tsx     | 169 +++++++++++++++-------------
 app/settings/users/AddUser.tsx      |  84 ++++++++++----
 app/settings/users/Users.tsx        |   6 +-
 e2e/config/user.json                |   7 +-
 e2e/logic/POM/graphPage.ts          |  75 ++++++------
 e2e/logic/POM/loginPage.ts          |   2 +-
 e2e/logic/POM/navBarComponent.ts    |  13 ++-
 e2e/logic/POM/settingsConfigPage.ts |  17 ++-
 e2e/logic/POM/settingsUsersPage.ts  |  72 ++++--------
 e2e/tests/auth.setup.ts             |   4 +-
 e2e/tests/graph.spec.ts             |   9 +-
 e2e/tests/navBar.spec.ts            |  63 +++++------
 e2e/tests/settingsConfig.spec.ts    |   1 +
 e2e/tests/settingsUsers.spec.ts     |  28 ++---
 public/BrowserLogo.svg              |  26 +++++
 25 files changed, 541 insertions(+), 484 deletions(-)
 create mode 100644 public/BrowserLogo.svg

diff --git a/app/api/graph/[graph]/route.ts b/app/api/graph/[graph]/route.ts
index b5a96d09..baf85d6a 100644
--- a/app/api/graph/[graph]/route.ts
+++ b/app/api/graph/[graph]/route.ts
@@ -35,46 +35,39 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
         return client
     }
 
-    const { graph: graphId } = await params;
+    const { graph: name } = await params;
     const sourceName = request.nextUrl.searchParams.get("sourceName")
 
     try {
         if (sourceName) {
             const graph = client.selectGraph(sourceName);
-            const success = await graph.copy(graphId)
+            const success = await graph.copy(name)
             if (!success) throw new Error("Failed to copy graph")
             return NextResponse.json({ success }, { status: 200 })
         }
 
         const type = request.nextUrl.searchParams.get("type")
-        const key = request.nextUrl.searchParams.get("key")
+        const openaikey = request.nextUrl.searchParams.get("key")
         const srcs = await request.json()
 
-        if (!key) console.error("Missing parameter 'key'")
-
-        if (!srcs) console.error("Missing parameter 'srcs'")
 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const socket = (await client.connection).options?.socket as any
-
-        if (!socket) console.error("socket not found")
-
-        const data = {
-            host: socket.host,
-            port: socket.port,
-            name: graphId,
-            srcs,
-            openaikey: key,
-        }
+        const { host, port } = (await client.connection).options?.socket as any
 
-        if (!type) console.error("Missing parameter 'type'")
+        if (!openaikey || !srcs || !host || !port || !type) throw new Error("Missing parameters")
 
         const res = await securedFetch(`http://localhost:5000/${prepareArg(type!)}`, {
             method: "POST",
             headers: {
                 'Content-Type': 'application/json'
             },
-            body: JSON.stringify(data)
+            body: JSON.stringify({
+                host,
+                port,
+                name,
+                srcs,
+                openaikey,
+            })
         })
 
         const result = await res.json()
@@ -100,7 +93,7 @@ export async function PATCH(request: NextRequest, { params }: { params: Promise<
     const sourceName = request.nextUrl.searchParams.get("sourceName")
 
     try {
-        if (!sourceName) return console.error("Missing parameter sourceName")
+        if (!sourceName) throw new Error("Missing parameter sourceName")
 
         const data = await (await client.connection).renameNX(sourceName, graphId);
 
@@ -138,7 +131,7 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
         const create = request.nextUrl.searchParams.get("create")
         const role = request.nextUrl.searchParams.get("role")
 
-        if (!query) return console.error("Missing parameter query")
+        if (!query) throw new Error("Missing parameter query")
 
         if (create === "false" && !(await client.list()).some((g) => g === graphId))
             return NextResponse.json({}, { status: 200 })
diff --git a/app/api/user/[user]/route.ts b/app/api/user/[user]/route.ts
index cf75a909..4ac20f50 100644
--- a/app/api/user/[user]/route.ts
+++ b/app/api/user/[user]/route.ts
@@ -13,7 +13,7 @@ export async function PATCH(req: NextRequest, { params }: { params: Promise<{ us
     const { user: username } = await params
     const role = ROLE.get(req.nextUrl.searchParams.get("role") || "")
     try {
-        if (!role) return console.error("Role is missing")
+        if (!role) throw new Error("Role is missing")
 
         await (await client.connection).aclSetUser(username, role)
         return NextResponse.json({ message: "User created" }, { status: 200 })
diff --git a/app/api/user/route.ts b/app/api/user/route.ts
index dd704fa1..5463c89c 100644
--- a/app/api/user/route.ts
+++ b/app/api/user/route.ts
@@ -45,18 +45,18 @@ export async function POST(req: NextRequest) {
 
     const connection = await client.connection
     const { username, password, role } = await req.json() as CreateUser
-    
+
     const roleValue = ROLE.get(role)
 
     try {
-        if (!username || !password || !roleValue) return console.error("Missing parameters")
-
-        try {
-            const user = await connection.aclGetUser(username)
+        if (!username || !password || !roleValue) throw new Error("Missing parameters")
 
-            if (user) {
-                return NextResponse.json({ message: `User ${username} already exists` }, { status: 409 })
-            }
+            try {
+                const user = await connection.aclGetUser(username)
+                
+                if (user) {
+                    return NextResponse.json({ message: `User ${username} already exists` }, { status: 409 })
+                }
         } catch (err: unknown) {
             console.error(err)
             // Just a workaround for https://github.com/redis/node-redis/issues/2745
diff --git a/app/components/CloseDialog.tsx b/app/components/CloseDialog.tsx
index 83224cdf..f26a3e70 100644
--- a/app/components/CloseDialog.tsx
+++ b/app/components/CloseDialog.tsx
@@ -15,6 +15,7 @@ export default function CloseDialog({ className, label, icon, ...props }: Props)
     return (
         <DialogClose asChild >
             <Button
+                variant={label === "Cancel" ? "Cancel" : undefined}
                 className={className}
                 label={label}
                 // eslint-disable-next-line react/jsx-props-no-spreading
diff --git a/app/components/ExportGraph.tsx b/app/components/ExportGraph.tsx
index 93bd26e0..5ca07104 100644
--- a/app/components/ExportGraph.tsx
+++ b/app/components/ExportGraph.tsx
@@ -52,7 +52,7 @@ export default function ExportGraph({ selectedValues, type }: Props) {
             trigger={
                 <Button
                     label="Export Data"
-                    disabled={selectedValues.length === 0}
+                    disabled={selectedValues.filter(value => value !== "").length === 0}
                 />
             }
             title="Export your graph"
diff --git a/app/components/FormComponent.tsx b/app/components/FormComponent.tsx
index b3639dbe..ef70674c 100644
--- a/app/components/FormComponent.tsx
+++ b/app/components/FormComponent.tsx
@@ -1,9 +1,10 @@
+/* eslint-disable react/no-array-index-key */
 /* eslint-disable no-param-reassign */
 
 "use client"
 
 import { useState } from "react"
-import { EyeIcon, EyeOffIcon } from "lucide-react"
+import { AlertCircle, EyeIcon, EyeOffIcon } from "lucide-react"
 import { cn } from "@/lib/utils"
 import Button from "./ui/Button"
 import Combobox from "./ui/combobox"
@@ -11,7 +12,7 @@ import Input from "./ui/Input"
 
 export type Error = {
     message: string
-    condition: (value: string, error: Error) => boolean
+    condition: (value: string) => boolean
 }
 
 export type Field = {
@@ -19,13 +20,14 @@ export type Field = {
     value: string
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void
     type: string
+    info?: string
     options?: string[]
     onSelectedValue?: (value: string) => void
     placeholder?: string
     required: boolean
     show?: boolean
     description?: string
-    error?: Error
+    errors?: Error[]
 }
 
 interface Props {
@@ -36,111 +38,106 @@ interface Props {
         show: boolean
     }
     children?: React.ReactNode
-    isFieldsRequired?: boolean
+    submitButtonLabel?: string
 }
 
-export default function FormComponent({ handleSubmit, fields, error = undefined, children = undefined, isFieldsRequired = true }: Props) {
-    const [fieldErrors, setFieldErrors] = useState<{ [key: string]: boolean }>({});
+export default function FormComponent({ handleSubmit, fields, error = undefined, children = undefined, submitButtonLabel = "Submit" }: Props) {
     const [show, setShow] = useState<{ [key: string]: boolean }>({});
+    const [errors, setErrors] = useState<{ [key: string]: boolean }>({});
 
     const onHandleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault()
-        const currentFieldErrors: { [key: string]: boolean } = {}
 
-        if (fields.some(field => {
-            if (field.error) {
-                const s = field.error!.condition(field.value, field.error!)
-                currentFieldErrors[field.label] = s
-                return s
-            }
-            return false
-        }) || (fields.some(f => {
-            if (f.required && !f.value) {
-                currentFieldErrors[f.label] = true
-                f.error = {
-                    message: `${f.label} is required`,
-                    condition: (value: string, err: Error) => {
-                        err.message = `${f.label} is required`
-                        return !value
-                    }
-                }
-                return true
+        const newErrors: { [key: string]: boolean } = {}
+
+        fields.forEach(field => {
+            if (field.errors) {
+                newErrors[field.label] = field.errors.some(err => err.condition(field.value))
             }
-            return false
-        }) && isFieldsRequired)) {
-            setFieldErrors(currentFieldErrors)
-            return
-        }
+        })
+
+        setErrors(newErrors)
+
+        if (Object.values(newErrors).some(value => value)) return
 
         handleSubmit(e)
     }
 
     return (
-        <form className="flex flex-col gap-4" onSubmit={onHandleSubmit}>
+        <form className="flex flex-col gap-4 w-full" onSubmit={onHandleSubmit}>
             {
                 fields.map((field) => {
                     const passwordType = show[field.label] ? "text" : "password"
                     return (
-                        <div className="relative flex flex-col gap-2" key={field.label}>
-                            <label className={cn(fieldErrors[field.label] && field.error && "text-red-500")} htmlFor={field.label}>{field.required && <span>*</span>} {field.label}</label>
-                            {
-                                field.type === "select" ?
-                                    <Combobox
-                                        inTable
-                                        options={field.options!}
-                                        type={field.label}
-                                        selectedValue={field.value}
-                                        setSelectedValue={field.onSelectedValue}
-                                    />
-                                    : <Input
-                                        id={field.label}
-                                        type={field.type === "password" ? passwordType : field.type}
-                                        placeholder={field.placeholder}
-                                        value={field.value}
-                                        onChange={(e) => {
-                                            if (field.error?.condition) {
-                                                setFieldErrors(prev => ({
-                                                    ...prev,
-                                                    [field.label]: field.error!.condition(e.target.value, field.error!)
-                                                }));
-                                            }
-                                            field.onChange!(e)
-                                        }} />
-                            }
-                            {
-                                field.type === "password" &&
-                                <Button
-                                    className="absolute right-2 top-10 z-10"
-                                    onClick={() => {
-                                        setShow(prev => ({
-                                            ...prev,
-                                            [field.label]: !prev[field.label]
-                                        }))
-                                    }}
-                                >
-                                    {
-                                        show[field.label] ?
-                                            <EyeIcon color="black" />
-                                            : <EyeOffIcon color="black" />
-                                    }
-                                </Button>
-                            }
-                            <p className="text-sm text-gray-500">{field.description}</p>
-                            {
-                                fieldErrors[field.label] && field.error &&
-                                <p className="text-sm text-red-500">{field.error.message}</p>
-                            }
+                        <div className="flex flex-col gap-2" key={field.label}>
+                            <div className={cn(field.info && "flex gap-2 items-center")}>
+                                <label className={cn(errors[field.label] && "text-red-500")} htmlFor={field.label}>{field.required && <span>*</span>} {field.label}</label>
+                                {
+                                    field.info &&
+                                    <Button title={field.info}>
+                                        <AlertCircle size={20} />
+                                    </Button>
+                                }
+                            </div>
+                            <div className="relative flex flex-col gap-2">
+                                {
+                                    field.type === "password" &&
+                                    <Button
+                                        className="absolute right-2 top-2 z-10"
+                                        onClick={() => {
+                                            setShow(prev => ({
+                                                ...prev,
+                                                [field.label]: !prev[field.label]
+                                            }))
+                                        }}
+                                    >
+                                        {
+                                            show[field.label] ?
+                                                <EyeIcon color="black" />
+                                                : <EyeOffIcon color="black" />
+                                        }
+                                    </Button>
+                                }
+                                {
+                                    field.type === "select" ?
+                                        <Combobox
+                                            inTable
+                                            options={field.options!}
+                                            type={field.label}
+                                            selectedValue={field.value}
+                                            setSelectedValue={field.onSelectedValue}
+                                        />
+                                        : <Input
+                                            id={field.label}
+                                            type={field.type === "password" ? passwordType : field.type}
+                                            placeholder={field.placeholder}
+                                            value={field.value}
+                                            onChange={(e) => {
+                                                field.onChange!(e)
+                                                if (field.errors) {
+                                                    setErrors(prev => ({
+                                                        ...prev,
+                                                        [field.label]: field.errors!.some(err => err.condition(e.target.value))
+                                                    }))
+                                                }
+                                            }} />
+                                }
+                                <p className="text-sm text-gray-500">{field.description}</p>
+                                {
+                                    field.errors && errors[field.label] &&
+                                    <p className="text-sm text-red-500">{field.errors.find((err) => err.condition(field.value))?.message}</p>
+                                }
+                            </div>
                         </div>
                     )
                 })
             }
             {children}
             {error?.show && <p className="text-sm text-red-500">{error.message}</p>}
-            <div className="flex justify-end">
+            <div className="flex justify-end gap-2 mt-10">
                 <Button
-                    className="w-fit"
-                    label="Submit"
-                    variant="Primary"
+                    className="grow bg-primary p-4 rounded-lg flex justify-center"
+                    label={submitButtonLabel}
                     type="submit"
                 />
             </div>
@@ -151,5 +148,5 @@ export default function FormComponent({ handleSubmit, fields, error = undefined,
 FormComponent.defaultProps = {
     children: undefined,
     error: undefined,
-    isFieldsRequired: true
+    submitButtonLabel: "Submit"
 }
\ No newline at end of file
diff --git a/app/components/TableComponent.tsx b/app/components/TableComponent.tsx
index ef995cf0..75162630 100644
--- a/app/components/TableComponent.tsx
+++ b/app/components/TableComponent.tsx
@@ -10,7 +10,7 @@ import { JSONTree } from "react-json-tree"
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { cn } from "@/lib/utils";
 import { useState } from "react";
-import { CheckCircle, XCircle } from "lucide-react";
+import { CheckCircle, Pencil, XCircle } from "lucide-react";
 import Button from "./ui/Button";
 import Input from "./ui/Input";
 import { DataCell } from "../api/graph/model";
@@ -37,6 +37,7 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
     const [search, setSearch] = useState<string>("")
     const [isSearchable, setIsSearchable] = useState<boolean>(false)
     const [editable, setEditable] = useState<string>("")
+    const [hover, setHover] = useState<string>("")
     const [newValue, setNewValue] = useState<string>("")
 
     const handleSetEditable = (editValue: string, value: string) => {
@@ -106,9 +107,9 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                 <TableBody className="overflow-auto">
                     {
                         rows
-                            .filter((row) => row.cells[0].value === "string" ? row.cells[0].value.toString().toLowerCase().includes(search.toLowerCase()) : !search)
+                            .filter((row) => typeof row.cells[0].value === "string" ? row.cells[0].value.toLowerCase().includes(search.toLowerCase()) : !search)
                             .map((row, i) => (
-                                <TableRow key={i}>
+                                <TableRow onMouseEnter={() => setHover(`${i}`)} onMouseLeave={() => setHover("")} data-id={typeof row.cells[0].value === "string" && row.cells[0].value} key={i}>
                                     {
                                         setRows ?
                                             <TableCell className="w-5 !pr-2">
@@ -150,56 +151,65 @@ export default function TableComponent({ headers, rows, children, setRows }: Pro
                                                             data={cell.value}
                                                         />
                                                         : cell.value &&
-                                                            row.cells.some(c => c.onChange) ?
                                                             editable === `${i}-${j}` ?
-                                                                <div className="flex gap-2 items-center">
-                                                                    <Input
-                                                                        ref={ref => ref?.focus()}
-                                                                        variant="primary"
-                                                                        className="grow"
-                                                                        onBlur={() => handleSetEditable("", cell.value!.toString())}
-                                                                        value={newValue}
-                                                                        onChange={(e) => setNewValue(e.target.value)}
-                                                                        onKeyDown={async (e) => {
-                                                                            if (e.key === "Escape") {
-                                                                                e.preventDefault()
-                                                                                handleSetEditable("", cell.value!.toString())
-                                                                            }
+                                                            <div className="w-full flex gap-2 items-center">
+                                                                <Input
+                                                                    ref={ref => ref?.focus()}
+                                                                    variant="primary"
+                                                                    className="grow"
+                                                                    value={newValue}
+                                                                    onChange={(e) => setNewValue(e.target.value)}
+                                                                    onKeyDown={async (e) => {
+                                                                        if (e.key === "Escape") {
+                                                                            e.preventDefault()
+                                                                            handleSetEditable("", "")
+                                                                        }
 
-                                                                            if (e.key !== "Enter") return
+                                                                        if (e.key !== "Enter") return
 
-                                                                            e.preventDefault()
-                                                                            const result = await cell.onChange!(newValue)
-                                                                            if (result) {
-                                                                                handleSetEditable("", cell.value!.toString())
-                                                                            }
+                                                                        e.preventDefault()
+                                                                        const result = await cell.onChange!(newValue)
+                                                                        if (result) {
+                                                                            handleSetEditable("", "")
+                                                                        }
+                                                                    }}
+                                                                />
+                                                                <div className="flex flex-col gap-1">
+                                                                    <Button
+                                                                        title="Save"
+                                                                        onClick={() => {
+                                                                            cell.onChange!(newValue)
+                                                                            handleSetEditable("", "")
                                                                         }}
-                                                                    />
-                                                                    <div className="flex flex-col gap-1">
-                                                                        <Button
-                                                                            title="Save"
-                                                                            onClick={() => cell.onChange!(newValue)}
-                                                                        >
-                                                                            <CheckCircle className="w-4 h-4" />
-                                                                        </Button>
+                                                                    >
+                                                                        <CheckCircle className="w-4 h-4" />
+                                                                    </Button>
+                                                                    <Button
+                                                                        title="Cancel"
+                                                                        onClick={() => {
+                                                                            handleSetEditable("", "")
+                                                                        }}
+                                                                    >
+                                                                        <XCircle className="w-4 h-4" />
+                                                                    </Button>
+                                                                </div>
+                                                            </div>
+                                                            : <div className="flex items-center gap-2">
+                                                                <p title={cell.value.toString()}>{cell.value}</p>
+                                                                <div>
+                                                                    {
+                                                                        cell.onChange && hover === `${i}` &&
                                                                         <Button
-                                                                            title="Cancel"
-                                                                            onClick={() => {
-                                                                                handleSetEditable("", cell.value!.toString())
-                                                                            }}
+                                                                            className="disabled:cursor-text disabled:opacity-100"
+                                                                            disabled={!cell.onChange}
+                                                                            title="Edit"
+                                                                            onClick={() => handleSetEditable(`${i}-${j}`, cell.value!.toString())}
                                                                         >
-                                                                            <XCircle className="w-4 h-4" />
+                                                                            <Pencil className="w-4 h-4" />
                                                                         </Button>
-                                                                    </div>
+                                                                    }
                                                                 </div>
-                                                                : <button
-                                                                    disabled={!cell.onChange}
-                                                                    type="button"
-                                                                    onClick={() => handleSetEditable(`${i}-${j}`, cell.value!.toString())}
-                                                                >
-                                                                    {cell.value}
-                                                                </button>
-                                                            : cell.value
+                                                            </div>
                                                 }
                                             </TableCell>
                                         ))
diff --git a/app/components/ui/combobox.tsx b/app/components/ui/combobox.tsx
index 7461b36e..8ccf2e20 100644
--- a/app/components/ui/combobox.tsx
+++ b/app/components/ui/combobox.tsx
@@ -12,6 +12,7 @@ import Button from "./Button"
 import TableComponent, { Row } from "../TableComponent"
 import CloseDialog from "../CloseDialog"
 import ExportGraph from "../ExportGraph"
+import DialogComponent from "../DialogComponent"
 
 interface ComboboxProps {
   isSelectGraph?: boolean,
@@ -32,11 +33,12 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
   const [openMenage, setOpenMenage] = useState<boolean>(false)
   const [open, setOpen] = useState<boolean>(defaultOpen)
   const [rows, setRows] = useState<Row[]>([])
+  const [openDelete, setOpenDelete] = useState<boolean>(false)
   const { toast } = useToast()
 
 
   const handleSetOption = async (option: string, optionName: string) => {
-    const result = await securedFetch(`api/graph/${prepareArg(optionName)}/?sourceName=${prepareArg(option)}`, {
+    const result = await securedFetch(`api/graph/${prepareArg(option)}/?sourceName=${prepareArg(optionName)}`, {
       method: "PATCH",
       headers: {
         "Content-Type": "application/json"
@@ -46,10 +48,10 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
 
     if (result.ok) {
 
-      const newOptions = options.map((opt) => opt === option ? optionName : opt)
+      const newOptions = options.map((opt) => opt === optionName ? option : opt)
       setOptions!(newOptions)
 
-      if (setSelectedValue) setSelectedValue(optionName)
+      if (setSelectedValue && optionName === selectedValue) setSelectedValue(option)
 
       handleSetRows(newOptions)
     }
@@ -62,7 +64,7 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
   }
 
   useEffect(() => {
-    setRows(options.map(opt => ({ checked: false, name: opt, cells: [{ value: opt, onChange: (value: string) => handleSetOption(value, opt) }] })))
+    handleSetRows(options)
 
     if (options.length !== 1 || !setSelectedValue) return
 
@@ -72,20 +74,22 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
   const handleDelete = async (opts: string[]) => {
     const names = opts.map(opt => isSchema ? `${opt}_schema` : opt)
 
-    names.forEach(async (name) => {
+    const newNames = await Promise.all(names.map(async (name) => {
       const result = await securedFetch(`api/graph/${prepareArg(name)}`, {
         method: "DELETE"
       }, toast)
 
-      if (!result.ok) return
+      if (!result.ok) return name
 
-      setOptions!(options.filter(opt => opt !== name))
+      return ""
 
-      if (selectedValue !== name || !setSelectedValue) return
+    })).then(graphNames => graphNames.filter(name => name !== ""))
 
-      setSelectedValue(names[0])
-    })
+    setOptions!(newNames)
 
+    if (opts.includes(selectedValue) && setSelectedValue) setSelectedValue("")
+
+    setOpenDelete(false)
     setOpenMenage(false)
     handleSetRows(options.filter(opt => !opts.includes(opt)))
   }
@@ -96,8 +100,8 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
         setOpen(o)
         if (onOpenChange) onOpenChange(o)
       }}>
-        <SelectTrigger data-type="select" disabled={disabled || options.length === 0} title={options.length === 0 ? "There is no graphs" : ""} className={cn("w-fit gap-2 border-none p-2", inTable ? "text-sm font-light" : "text-xl font-medium")}>
-          <SelectValue title={selectedValue || `Select ${type || "Graph"}`} placeholder={`Select ${type || "Graph"}`} />
+        <SelectTrigger data-type="select" disabled={disabled || options.length === 0} title={options.length === 0 ? "There is no graphs" : selectedValue || `Select ${type || "Graph"}`} className={cn("w-fit gap-2 border-none p-2", inTable ? "text-sm font-light" : "text-xl font-medium")}>
+          <SelectValue placeholder={`Select ${type || "Graph"}`} />
         </SelectTrigger>
         <SelectContent className="min-w-52 max-h-[30lvh] bg-foreground">
           <SelectGroup>
@@ -139,12 +143,26 @@ export default function Combobox({ isSelectGraph = false, disabled = false, inTa
           rows={rows}
           setRows={setRows}
         >
-          <Button
-            disabled={rows.filter(opt => opt.checked).length === 0}
-            label="Delete"
-            onClick={() => handleDelete(rows.filter(opt => opt.checked).map(opt => opt.cells[0].value))}
-          />
-          <ExportGraph selectedValues={rows.filter(opt => opt.checked).map(opt => opt.cells[0].value)} type={type!} />
+          <DialogComponent
+            open={openDelete}
+            onOpenChange={setOpenDelete}
+            title="Delete Graph"
+            trigger={<Button
+              disabled={rows.filter(opt => opt.checked).length === 0}
+              label="Delete"
+            />}
+            description="Are you sure you want to delete the selected graph?"
+          >
+            <div className="flex justify-end gap-2">
+              <Button
+                variant="Primary"
+                label="Delete Graph"
+                onClick={() => handleDelete(rows.filter(opt => opt.checked).map(opt => opt.cells[0].value as string))}
+              />
+              <CloseDialog label="Cancel" />
+            </div>
+          </DialogComponent>
+          <ExportGraph selectedValues={rows.filter(opt => opt.checked).map(opt => opt.cells[0].value as string)} type={type!} />
         </TableComponent>
       </DialogContent>
     </Dialog >
diff --git a/app/globals.css b/app/globals.css
index 4cb82085..830ec076 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -14,7 +14,7 @@
         --popover-foreground: 0 0% 100%;
         --radius: 0.5rem;
         --input: var(--popover-foreground);
-        --muted: var(--popover-foreground);
+        --muted: 0 0% 80%;
     }
 
     :focus-visible {
diff --git a/app/login/LoginForm.tsx b/app/login/LoginForm.tsx
index f88e81cb..6d3f3fbc 100644
--- a/app/login/LoginForm.tsx
+++ b/app/login/LoginForm.tsx
@@ -6,13 +6,12 @@ import { useSearchParams, useRouter } from "next/navigation";
 import Image from "next/image";
 import { Checkbox } from "@/components/ui/checkbox";
 import { cn } from "@/lib/utils";
-import FormComponent, { Field } from "../components/FormComponent";
+import FormComponent from "../components/FormComponent";
 import Dropzone from "../components/ui/Dropzone";
 
 const DEFAULT_HOST = "localhost";
 const DEFAULT_PORT = "6379";
 
-
 export default function LoginForm() {
   const router = useRouter();
   const [host, setHost] = useState("");
@@ -28,12 +27,12 @@ export default function LoginForm() {
     message: "Invalid credentials",
     show: false
   });
-  const searchParams = useSearchParams();
 
-  const fields: Field[] = [
+  const searchParams = useSearchParams();
+  const fields = [
     {
       value: host,
-      onChange: (e) => setHost(e.target.value),
+      onChange: (e: React.ChangeEvent<HTMLInputElement>) => setHost(e.target.value),
       label: "Host",
       type: "text",
       placeholder: DEFAULT_HOST,
@@ -41,7 +40,7 @@ export default function LoginForm() {
     },
     {
       value: port,
-      onChange: (e) => setPort(e.target.value),
+      onChange: (e: React.ChangeEvent<HTMLInputElement>) => setPort(e.target.value),
       label: "Port",
       type: "text",
       placeholder: DEFAULT_PORT,
@@ -49,20 +48,23 @@ export default function LoginForm() {
     },
     {
       value: username,
-      onChange: (e) => setUsername(e.target.value),
+      onChange: (e: React.ChangeEvent<HTMLInputElement>) => setUsername(e.target.value),
       label: "Username",
+      placeholder: "Default",
+      info: "You can skip entering your username when deploying a FalkorDB instance \n from localhost with default credentials.",
       type: "text",
       required: false
     },
     {
       value: password,
-      onChange: (e) => setPassword(e.target.value),
+      onChange: (e: React.ChangeEvent<HTMLInputElement>) => setPassword(e.target.value),
       label: "Password",
+      placeholder: "Default",
+      info: "You can skip entering your password when deploying a FalkorDB instance \n from localhost with default credentials.",
       type: "password",
-      show: false,
       required: false
     }
-  ]
+  ];
 
   useEffect(() => {
     const hostParam = searchParams.get("host");
@@ -116,28 +118,34 @@ export default function LoginForm() {
   }
 
   return (
-    <div className="w-full h-full flex justify-center items-center bg-foreground">
-      <div className="flex gap-20 items-center border rounded-lg p-10">
-        <FormComponent
-          fields={fields}
-          handleSubmit={onSubmit}
-          error={error}
-          isFieldsRequired={false}
-        >
-          <div className="flex gap-8">
-            <div className="flex gap-2">
-              <Checkbox
-                className={cn("w-6 h-6 rounded-lg", !TLS && "border-white")}
-                checked={TLS}
-                onCheckedChange={(checked) => setTLS(checked as boolean)}
-              />
-              <p >TLS Secured Connection</p>
-            </div>
-            <Dropzone onFileDrop={onFileDrop} disabled={!TLS} />
+    <div className="relative h-full w-full bg-foreground flex flex-col">
+      <div className="grow flex items-center justify-center">
+        <div className="flex flex-col gap-8 items-center">
+          <div className="bg-foreground">
+            <Image priority src="/BrowserLogo.svg" alt="Loading..." width={500} height={1} />
           </div>
-        </FormComponent>
-        <Image priority src="/Logo.svg" alt="" width={451} height={126} />
+          <FormComponent
+            fields={fields}
+            handleSubmit={onSubmit}
+            error={error}
+            isFieldsRequired={false}
+            submitButtonLabel="Log in"
+          >
+            <div className="flex gap-8">
+              <div className="flex gap-2">
+                <Checkbox
+                  className={cn("w-6 h-6 rounded-lg", !TLS && "border-white")}
+                  checked={TLS}
+                  onCheckedChange={(checked) => setTLS(checked as boolean)}
+                />
+                <p >TLS Secured Connection</p>
+              </div>
+              <Dropzone onFileDrop={onFileDrop} disabled={!TLS} />
+            </div>
+          </FormComponent>
+        </div>
       </div>
-    </div >
+      <div className="h-5 Top" />
+    </div>
   );
 }
diff --git a/app/settings/Configurations.tsx b/app/settings/Configurations.tsx
index 56931cd2..689937c2 100644
--- a/app/settings/Configurations.tsx
+++ b/app/settings/Configurations.tsx
@@ -1,8 +1,11 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-nested-ternary */
 /* eslint-disable @typescript-eslint/no-use-before-define */
 
 "use client";
 
-import React, { useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import { prepareArg, securedFetch } from "@/lib/utils";
 import { useToast } from "@/components/ui/use-toast";
 import TableComponent, { Row } from "../components/TableComponent";
@@ -120,103 +123,107 @@ const Configs: Config[] = [
     },
 ]
 
-// Shows the details of a current database connection 
 export default function Configurations() {
+    const [configs, setConfigs] = useState<Row[]>([]);
+    const { toast } = useToast();
 
-    const [configs, setConfigs] = useState<Config[]>([])
-    const [rows, setRows] = useState<Row[]>([])
-    const { toast } = useToast()
-
-    useEffect(() => {
-        const run = async () => {
-            const newConfigs = await Promise.all(Configs.map(async (config: Config) => {
-                const result = await securedFetch(`api/graph/?config=${prepareArg(config.name)}`, {
-                    method: 'GET',
-                }, toast)
-
-                if (!result.ok) return config
-
-                let value = (await result.json()).config[1]
-
-                if (config.name === "CMD_INFO") {
-                    if (value === 0) {
-                        value = "no"
-                    } else value = "yes"
-                }
-
-                return {
-                    name: config.name,
-                    description: config.description,
-                    value
-                }
-            }))
-
-            setConfigs(newConfigs)
-
-            setRows(newConfigs.map(config => ({
-                cells: [
-                    { value: config.name },
-                    { value: config.description },
-                    {
-                        value: config.value.toString(),
-                        onChange: !disableRunTimeConfigs.has(config.name) ?
-                            (value: string) => handleSetConfig(config.name, value, true)
-                            : undefined
-                    }
-                ],
-            })))
-        }
-        run()
-    }, [])
-
-    const handleSetConfig = async (name: string, value: string, isUndo: boolean) => {
-
+    // Memoize the config update handler
+    const handleSetConfig = useCallback(async (name: string, value: string, isUndo: boolean) => {
         if (!value) {
             toast({
                 title: "Error",
                 description: "Please enter a value",
                 variant: "destructive"
-            })
-            return false
+            });
+            return false;
         }
 
-        const result = await securedFetch(`api/graph/?config=${prepareArg(name)}&value=${prepareArg(value)}`, {
-            method: 'POST',
-        }, toast)
-
-        if (result.ok) {
-            setConfigs(prev => prev.map((config: Config) => {
-                if (config.name !== name) return config
-                return {
-                    ...config,
-                    value
+        const result = await securedFetch(
+            `api/graph/?config=${prepareArg(name)}&value=${prepareArg(value)}`,
+            { method: 'POST' },
+            toast
+        );
+
+        if (!result.ok) return false;
+
+        const configToUpdate = configs.find(row => row.cells[0].value === name);
+        const oldValue = configToUpdate?.cells[2].value;
+
+        setConfigs(currentConfigs => {
+            const updatedConfigs = currentConfigs.map((config: Row) => {
+                if (config.cells[0].value !== name) return config;
+
+                const newConfig = { ...config }
+
+                newConfig.cells[2].value = value;
+
+                return newConfig;
+            });
+
+            return updatedConfigs;
+        });
+
+        toast({
+            title: "Success",
+            description: "Configuration value set successfully",
+            action: oldValue && isUndo
+                ? <ToastButton onClick={() => handleSetConfig(name, oldValue.toString(), false)} />
+                : undefined
+        });
+
+        return true;
+    }, [configs, toast]);
+
+    const fetchConfigs = useCallback(async () => {
+        const newConfigs = await Promise.all(
+            Configs.map(async (config) => {
+                const result = await securedFetch(
+                    `api/graph/?config=${prepareArg(config.name)}`,
+                    { method: 'GET' },
+                    toast
+                );
+
+                if (!result.ok) {
+                    return {
+                        cells: [
+                            { value: config.name },
+                            { value: config.description },
+                            { value: config.value.toString() }
+                        ]
+                    };
                 }
-            }))
 
-            setRows(prev => prev.map((row: Row) => {
-                if (row.cells[0].value !== name) return row
-                return {
-                    ...row,
-                    cells: [{ ...row.cells[0], value }],
-                }
-            }))
+                const { config: [, value] } = await result.json();
+                const formattedValue = config.name === "CMD_INFO"
+                    ? (value === 0 ? "no" : "yes")
+                    : value;
 
-            const { value: oldValue } = configs.find(config => config.name === name) || { value: "" }
-            
-            toast({
-                title: "Success",
-                description: "Configuration value set successfully",
-                action: isUndo ? <ToastButton onClick={() => handleSetConfig(name, oldValue.toString(), false)} /> : undefined
+                return {
+                    cells: [
+                        { value: config.name },
+                        { value: config.description },
+                        {
+                            value: formattedValue.toString(),
+                            onChange: !disableRunTimeConfigs.has(config.name)
+                                ? (val: string) => handleSetConfig(config.name, val, true)
+                                : undefined
+                        }
+                    ]
+                };
             })
-        }
+        );
 
-        return result.ok
-    }
+        setConfigs(newConfigs);
+    }, [toast]);
+
+    useEffect(() => {
+        fetchConfigs();
+    }, [fetchConfigs]);
 
     return (
         <TableComponent
-            headers={["Name", "Description", "Value (click to edit)"]}
-            rows={rows}
+            headers={["Name", "Description", "Value"]}
+            rows={configs}
         />
     );
 }
\ No newline at end of file
diff --git a/app/settings/users/AddUser.tsx b/app/settings/users/AddUser.tsx
index e040acce..71fa07ca 100644
--- a/app/settings/users/AddUser.tsx
+++ b/app/settings/users/AddUser.tsx
@@ -2,11 +2,11 @@
 
 "use client"
 
-import { FormEvent, useState } from "react"
+import { FormEvent, useEffect, useState } from "react"
 import { PlusCircle } from "lucide-react";
 import { CreateUser } from "@/app/api/user/model";
 import Button from "@/app/components/ui/Button";
-import FormComponent, { Error, Field } from "@/app/components/FormComponent";
+import FormComponent, { Field } from "@/app/components/FormComponent";
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 
@@ -19,6 +19,17 @@ export default function AddUser({ onAddUser }: {
     const [confirmPassword, setConfirmPassword] = useState("")
     const [role, setRole] = useState("")
 
+    const handleClose = () => {
+        setPassword("")
+        setConfirmPassword("")
+        setUsername("")
+        setRole("")
+    }
+
+    useEffect(() => {
+        if (!open) handleClose()
+    }, [open])
+
     const fields: Field[] = [
         {
             value: username,
@@ -26,6 +37,12 @@ export default function AddUser({ onAddUser }: {
             label: "Username",
             type: "text",
             required: true,
+            errors: [
+                {
+                    message: "Username is required",
+                    condition: (value: string) => !value
+                }
+            ]
         },
         {
             value: password,
@@ -34,13 +51,32 @@ export default function AddUser({ onAddUser }: {
             type: "password",
             required: true,
             show: false,
-            error: {
-                message: "Password must be at least 8 characters long",
-                condition: (value: string, error: Error) => {
-                    error.message = "Password must be at least 8 characters long"
-                    return value.length < 8
-                }
-            }
+            errors: [
+                {
+                    message: "Password is required",
+                    condition: (value: string) => !value
+                },
+                {
+                    message: "Password must be at least 8 characters long",
+                    condition: (value: string) => value.length < 8
+                },
+                {
+                    message: "Password must contain at least one uppercase letter",
+                    condition: (value: string) => !/[A-Z]/.test(value)
+                },
+                {
+                    message: "Password must contain at least one lowercase letter",
+                    condition: (value: string) => !/[a-z]/.test(value)
+                },
+                {
+                    message: "Password must contain at least one number",
+                    condition: (value: string) => !/[0-9]/.test(value)
+                },
+                {
+                    message: "Password must contain at least one special character",
+                    condition: (value: string) => !/[!@#$%^&*]/.test(value)
+                },
+            ]
         },
         {
             value: confirmPassword,
@@ -49,13 +85,16 @@ export default function AddUser({ onAddUser }: {
             type: "password",
             required: true,
             show: false,
-            error: {
-                message: "Password don't match",
-                condition: (value: string, error: Error) => {
-                    error.message = "Password don't match"
-                    return value !== password
-                }
-            }
+            errors: [
+                {
+                    message: "Confirm password is required",
+                    condition: (value: string) => !value
+                },
+                {
+                    message: "Password don't match",
+                    condition: (value: string) => value !== password
+                },
+            ]
         },
         {
             value: role,
@@ -64,16 +103,15 @@ export default function AddUser({ onAddUser }: {
             type: "select",
             options: ["Admin", "Read-Write", "Read-Only"],
             required: true,
+            errors: [
+                {
+                    message: "Role is required",
+                    condition: (value: string) => !value
+                }
+            ]
         }
     ]
 
-    const handleClose = () => {
-        setPassword("")
-        setConfirmPassword("")
-        setUsername("")
-        setRole("")
-    }
-
     const handleAddUser = async (e: FormEvent) => {
         e.preventDefault();
 
diff --git a/app/settings/users/Users.tsx b/app/settings/users/Users.tsx
index c7d1c816..dcedc96c 100644
--- a/app/settings/users/Users.tsx
+++ b/app/settings/users/Users.tsx
@@ -84,10 +84,10 @@ export default function Users() {
 
         setUsers(updatedUsers)
         setRows(rows.map(row => {
-            if (!usernames.includes(row.cells[0].value)) return row
+            if (!usernames.includes(row.cells[0].value as string)) return row
             return {
                 ...row,
-                cells: [{ ...row.cells[0], value: role.length === 1 ? role[0] : role[usernames.indexOf(row.cells[0].value)] }],
+                cells: [{ ...row.cells[0], value: role.length === 1 ? role[0] : role[usernames.indexOf(row.cells[0].value as string)] }],
                 checked: false
             }
         }))
@@ -140,7 +140,7 @@ export default function Users() {
                         disabled={rows.filter(row => row.checked).length === 0}
                         type="Role"
                         options={ROLES}
-                        setSelectedValue={(role) => { handleSetRole(rows.filter(row => row.checked).map(row => row.cells[0].value), [role], true) }}
+                        setSelectedValue={(role) => { handleSetRole(rows.filter(row => row.checked).map(row => row.cells[0].value as string), [role], true) }}
                     />
                 </div>
             </TableComponent>
diff --git a/e2e/config/user.json b/e2e/config/user.json
index f129c220..b75c7cf4 100644
--- a/e2e/config/user.json
+++ b/e2e/config/user.json
@@ -3,12 +3,7 @@
         "password": "Test111@",
         "confirmPassword": "Test111@",
         "ReadWrite":"Read-Write",
-        "ReadOnly":"Read-Only",
-        "role": {
-            "admin": 1,
-            "readWrite": 2,
-            "readOnly": 3
-        }
+        "ReadOnly":"Read-Only"
     },
     "userRoles": [
         { "name": "Default", "role": "admin" },
diff --git a/e2e/logic/POM/graphPage.ts b/e2e/logic/POM/graphPage.ts
index 741d2a44..52261485 100644
--- a/e2e/logic/POM/graphPage.ts
+++ b/e2e/logic/POM/graphPage.ts
@@ -8,64 +8,57 @@ export default class GraphPage extends BasePage {
         return this.page.getByRole("combobox");
     }
 
-    private graphsMenuByName(graph: string): Locator {
-        return this.page.getByRole("combobox", { name: `${graph}` });
-    }
-
-    private get dropDownMenuGraphs(): Locator {
-        return this.page.locator("//div[@role='menuitem']");
-    }
-
     private get manageGraphBtn(): Locator {
         return this.page.getByRole("button", { name: "Manage Graphs" })
     }
 
-    private get threeDotsBtn(): Locator {
-        return this.page.locator("(//button[p[text()='...']])[1]")
-    }
-
     private get deleteGraphBtn(): Locator {
         return this.page.getByRole('button', { name: 'Delete' })
     }
 
-    private get confirmGraphDeleteBtn(): Locator {
-        return this.page.locator("//button[contains(text(), 'Continue')]")
-    }
-
     private get addGraphBtnInNavBar(): Locator {
-        return this.page.locator("//nav//button[@title='Create New Graph']");
+        return this.page.getByText("Create New Graph");
     }
 
     private get graphNameInput(): Locator {
-        return this.page.locator("//div[@role='dialog']//form//input");
+        return this.page.getByRole("textbox");
     }
 
     private get createGraphBtn(): Locator {
-        return this.page.locator("//div[@role='dialog']//form//button[@title='Create your Graph']");
+        return this.page.getByRole("button", { name: "Create your Graph" });
     }
 
     private get exportDataBtn(): Locator {
         return this.page.getByRole("button", { name: "Export Data" });
     }
+    
+    private get exportDataConfirmBtn(): Locator {
+        return this.page.getByRole("button", { name: "Download" });
+    }
 
     private get findGraphInMenu(): (graph: string) => Locator {
-        return (graph: string) => this.page.locator(`//tbody//tr/td[1][contains(text(), '${graph}')]`);
+        return (graph: string) => this.page.getByRole('row', { name: graph, exact: true });
     }
 
-    private get deleteGraphInMenu(): (graph: string) => Locator {
-        return (graph: string) => this.page.getByRole('row', { name: graph }).getByRole('checkbox')
+    private get checkGraphInMenu(): (graph: string) => Locator {
+        return (graph: string) => this.findGraphInMenu(graph).getByRole('checkbox')
     }
 
     private get deleteAllGraphInMenu(): Locator {
-        return this.page.getByRole('row', { name: 'Name' }).getByRole('checkbox')
+        return this.page.getByRole('row', { name: 'Name', exact: true }).getByRole('checkbox')
     }
 
     private get graphMenuElements(): Locator {
-        return this.page.locator("//tbody/tr");
+        return this.page.getByRole('row');
+    }
+
+    private get deleteGraphConfirmBtn(): Locator {
+        return this.page.getByRole('button', { name: 'Delete Graph' })
     }
 
     async countGraphsInMenu(): Promise<number> {
         await waitForTimeOut(this.page, 1000);
+        
         if (await this.graphsMenu.isEnabled()) {
             await this.graphsMenu.click();
             await this.manageGraphBtn.click();
@@ -73,16 +66,19 @@ export default class GraphPage extends BasePage {
             await this.refreshPage();
             return count;
         }
+        
         return 0;
     }
 
     async removeAllGraphs(): Promise<void> {
         await waitForTimeOut(this.page, 1000);
-        await this.graphsMenu.click();
-        await this.manageGraphBtn.click();
-        await this.deleteAllGraphInMenu.click()
-        await this.deleteGraphBtn.click()
-        await this.confirmGraphDeleteBtn.click()
+        if (await this.graphsMenu.isEnabled()) {
+            await this.graphsMenu.click();
+            await this.manageGraphBtn.click();
+            await this.deleteAllGraphInMenu.click()
+            await this.deleteGraphBtn.click()
+            await this.deleteGraphConfirmBtn.click();
+        }
     }
 
     async addGraph(graphName: string): Promise<void> {
@@ -91,36 +87,33 @@ export default class GraphPage extends BasePage {
         await this.createGraphBtn.click()
     }
 
-    async clickOnExportDataBtn(): Promise<Download> {
+    async exportGraph(): Promise<Download> {
         await this.page.waitForLoadState('networkidle');
         const [download] = await Promise.all([
             this.page.waitForEvent('download'),
-            this.exportDataBtn.click()
+            this.exportDataBtn.click(),
+            this.exportDataConfirmBtn.click()
         ]);
 
         return download;
     }
 
     async verifyGraphExists(graph: string): Promise<boolean> {
+        if (await this.graphsMenu.isDisabled()) return false;
+        
         await this.graphsMenu.click();
         await this.manageGraphBtn.click();
         const isVisible = await this.findGraphInMenu(graph).isVisible();
-        return isVisible;
-    }
-
-    async verifyGraphExistsByName(graph: string): Promise<boolean> {
-        await this.graphsMenuByName(graph).click();
-        await this.manageGraphBtn.click();
-        const isVisible = await this.findGraphInMenu(graph).isVisible();
+        
         return isVisible;
     }
 
     async deleteGraph(graph: string): Promise<void> {
-        await this.graphsMenuByName(graph).click();
+        await this.graphsMenu.click();
         await this.manageGraphBtn.click();
-        await this.deleteGraphInMenu(graph).click();
+        await this.checkGraphInMenu(graph).click();
         await this.deleteGraphBtn.click();
-        await this.confirmGraphDeleteBtn.click()
+        await this.deleteGraphConfirmBtn.click();
     }
 
 }
\ No newline at end of file
diff --git a/e2e/logic/POM/loginPage.ts b/e2e/logic/POM/loginPage.ts
index 50f0fd75..3f32f09c 100644
--- a/e2e/logic/POM/loginPage.ts
+++ b/e2e/logic/POM/loginPage.ts
@@ -6,7 +6,7 @@ import urls from '../../config/urls.json'
 export default class LoginPage extends BasePage {
 
     private get connectBtn(): Locator {
-        return this.page.getByRole("button", { name: "Submit" });
+        return this.page.getByRole("button", { name: "Log in" });
     }
 
     private get usernameInput(): Locator {
diff --git a/e2e/logic/POM/navBarComponent.ts b/e2e/logic/POM/navBarComponent.ts
index 8d2d5ac1..1560d96e 100644
--- a/e2e/logic/POM/navBarComponent.ts
+++ b/e2e/logic/POM/navBarComponent.ts
@@ -7,7 +7,7 @@ import urls from '../../config/urls.json'
 export default class NavBarComponent extends BasePage {
 
     private get falkorDBLogo(): Locator {
-        return this.page.locator("//a[@aria-label='FalkorDB']");
+        return this.page.getByLabel("FalkorDB");
     }
 
     private get graphsButton(): Locator {
@@ -19,23 +19,23 @@ export default class NavBarComponent extends BasePage {
     }
 
     private get helpButton(): Locator {
-        return this.page.getByRole("button", { name: "help" })
+        return this.page.getByRole("button", { name: "Help" })
     }
 
     private get documentationButton(): Locator {
-        return this.page.locator("//a[@title='Documentation']")
+        return this.page.getByRole("link", { name: "Documentation" })
     }
 
     private get supportButton(): Locator {
-        return this.page.locator("//a[@title='Support']")
+        return this.page.getByRole("link", { name: "Support" })
     }
 
     private get settingsButton(): Locator {
-        return this.page.locator("//button[@title='Settings']")
+        return this.page.getByRole("button", { name: "Settings" })
     }
 
     private get LogoutButton(): Locator {
-        return this.page.locator("//button[@title='Log Out']")
+        return this.page.getByRole("button", { name: "Log Out" })
     }
 
     async clickOnFalkorLogo(): Promise<void> {
@@ -44,6 +44,7 @@ export default class NavBarComponent extends BasePage {
 
     async clickOnGraphsButton(): Promise<void> {
         await this.graphsButton.click();
+        await waitForURL(this.page, urls.graphUrl);
     }
 
     async clickOnSchemasButton(): Promise<void> {
diff --git a/e2e/logic/POM/settingsConfigPage.ts b/e2e/logic/POM/settingsConfigPage.ts
index cc33eb36..3b6eea73 100644
--- a/e2e/logic/POM/settingsConfigPage.ts
+++ b/e2e/logic/POM/settingsConfigPage.ts
@@ -4,7 +4,7 @@ import BasePage from "@/e2e/infra/ui/basePage";
 export default class SettingsConfigPage extends BasePage {
 
     private get roleContentValue(): (role: string) => Locator {
-        return (role: string) => this.page.locator(`//tbody/tr[@data-id='${role}']/td/button`)
+        return (role: string) => this.page.locator(`//tbody/tr[@data-id='${role}']/td[3]/div/p`)
     }
 
     async getRoleContentValue(role: string): Promise<string | null> {
@@ -12,8 +12,8 @@ export default class SettingsConfigPage extends BasePage {
         return value
     }
 
-    private get clickOnRoleValue(): (role: string) => Locator {
-        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/button`)
+    private get EditRoleButton(): (role: string) => Locator {
+        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/div/div/button`)
     }
 
     private get roleValueInput(): (role: string) => Locator {
@@ -21,18 +21,15 @@ export default class SettingsConfigPage extends BasePage {
     }
 
     private get confirmValueInputBtn(): (role: string) => Locator {
-        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/div/button[2]`)
-    }
-
-    private get getRoleValue(): (role: string) => Locator {
-        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/button/p`)
+        return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/div/div/button[1]`)
     }
 
     async modifyRoleValue(role: string, input: string): Promise<string | null> {
-        await this.clickOnRoleValue(role).click();
+        await this.roleContentValue(role).hover();
+        await this.EditRoleButton(role).click();
         await this.roleValueInput(role).fill(input);
         await this.confirmValueInputBtn(role).click();
-        const value = await this.getRoleValue(role).getAttribute('title')
+        const value = await this.getRoleContentValue(role)
         return value
     }
 
diff --git a/e2e/logic/POM/settingsUsersPage.ts b/e2e/logic/POM/settingsUsersPage.ts
index 58f102ee..6e282435 100644
--- a/e2e/logic/POM/settingsUsersPage.ts
+++ b/e2e/logic/POM/settingsUsersPage.ts
@@ -16,11 +16,15 @@ export default class SettingsUsersPage extends BasePage {
         return this.page.getByRole("button", { name: "Submit" });
     }
 
-    private get selectRoleBtn(): Locator {
+    private get selectRoleBtnInAddUser(): Locator {
         return this.page.locator("//div[@role='dialog']//button[span[text()='Select Role']]")
     }
 
-    private get selectUserRoleInAddUser(): (role: string) => Locator {
+    private get selectRoleBtn(): Locator {
+        return this.page.locator("//button[span[text()='Select Role']]")
+    }
+
+    private get selectUserRole(): (role: string) => Locator {
         return (role: string) => this.page.locator(`//ul//div[@role='option'][span[contains(text(), '${role}')]]`)
     }
 
@@ -40,38 +44,22 @@ export default class SettingsUsersPage extends BasePage {
         return this.page.getByRole("button", { name: "Continue" });
     }
 
-    private get userRoleBtnInTable(): (selectedUser: string) => Locator {
-        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[3]/button`);
-    }
-
-    private get selectUserRoleDropDownInTable(): (role: number) => Locator {
-        return (role: number) => this.page.locator(`//div[@role='menu']//div[@role='menuitem'][${role}]//button`);
-    }
-
-    private get userRoleContentInTable(): (selectedUser: string) => Locator {
-        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[3]/button/p`);
+    private get userRoleContent(): (selectedUser: string) => Locator {
+        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-id='${selectedUser}']/td[3]/div/p`);
     }
 
     private get userCheckboxBtn(): (selectedUser: string) => Locator {
-        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[1]/button`);
+        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-id='${selectedUser}']/td[1]/button`);
     }
 
     private get findUserNameInTable(): (selectedUser: string) => Locator {
-        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[2]`)
-    }
-
-    private get hoverDeleteBtnPerUserInTable(): (selectedUser: string) => Locator {
-        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-username='${selectedUser}']/td[4]/button`)
+        return (selectedUser: string) => this.page.locator(`//tbody/tr[@data-id='${selectedUser}']/td[2]`)
     }
 
     private get deleteUsersBtn(): Locator {
         return this.page.getByRole("button", { name: "Delete Users" })
     }
 
-    private get selectRoleInTable(): (role: string) => Locator {
-        return (role: string) => this.page.getByRole("button", { name: role })
-    }
-
     async navigateToUserTab(): Promise<void> {
         await this.page.waitForLoadState('networkidle');
         await this.usersTabBtn.click();
@@ -89,34 +77,37 @@ export default class SettingsUsersPage extends BasePage {
         await this.userNameField.fill(userDetails.userName);
         await this.passwordField.fill(userDetails.password);
         await this.confirmPasswordField.fill(userDetails.confirmPassword);
-        await this.selectRoleBtn.click();
-        await this.selectUserRoleInAddUser(userDetails.role).click();
+        if (userDetails.role) {
+            await this.selectRoleBtnInAddUser.click();
+            await this.selectUserRole(userDetails.role).click();
+        }
         await this.submitUserAddition.click();
         await waitForTimeOut(this.page, 1500)
     }
 
     async getUserRole(selectedUser: string): Promise<string | null> {
         await this.page.waitForLoadState('networkidle');
-        const role = await this.userRoleContentInTable(selectedUser).textContent();
+        const role = await this.userRoleContent(selectedUser).textContent();
         return role;
     }
 
-    async modifyUserRole(selectedUser: string, role: number): Promise<void> {
+    async modifyUserRole(selectedUser: string, role: string): Promise<void> {
         await this.page.waitForLoadState('networkidle');
-        await this.userRoleBtnInTable(selectedUser).click();
-        await this.selectUserRoleDropDownInTable(role).click();
+        await this.userCheckboxBtn(selectedUser).click();
+        await this.selectRoleBtn.click();
+        await this.selectUserRole(role).click();
         await waitForTimeOut(this.page, 1500)
     }
 
-    async modifyTwoUsersRolesByCheckbox(selectedUser1: string, selectedUser2: string, role: string): Promise<void> {
+    async modifyTwoUsersRoles(selectedUser1: string, selectedUser2: string, role: string): Promise<void> {
         await this.page.waitForLoadState('networkidle');
         await this.userCheckboxBtn(selectedUser1).click();
         await this.userCheckboxBtn(selectedUser2).click();
         await this.selectRoleBtn.click();
-        await this.selectRoleInTable(role).click()
+        await this.selectUserRole(role).click()
     }
 
-    async deleteTwoUsersByCheckbox(selectedUser1: string, selectedUser2: string): Promise<void> {
+    async deleteTwoUsers(selectedUser1: string, selectedUser2: string): Promise<void> {
         await this.page.waitForLoadState('networkidle');
         await this.userCheckboxBtn(selectedUser1).click()
         await this.userCheckboxBtn(selectedUser2).click()
@@ -125,27 +116,10 @@ export default class SettingsUsersPage extends BasePage {
         await waitForTimeOut(this.page, 1500)
     }
 
-    async attemptToAddUserWithoutRole(userDetails: { [key: string]: string }): Promise<void> {
-        await this.page.waitForLoadState('networkidle');
-        await this.addUserButton.click();
-        await this.userNameField.fill(userDetails.userName);
-        await this.passwordField.fill(userDetails.password);
-        await this.confirmPasswordField.fill(userDetails.confirmPassword);
-        await this.addUserButton.click();
-    }
-
-    async removeUserByCheckbox(selectedUser: string): Promise<void> {
+    async removeUser(selectedUser: string): Promise<void> {
         await this.page.waitForLoadState('networkidle');
         await this.userCheckboxBtn(selectedUser).click();
         await this.deleteUsersBtn.click();
         await this.confirmUserDeleteMsg.click();
     }
-
-    async removeUserByHover(selectedUser: string): Promise<void> {
-        await this.page.waitForLoadState('networkidle');
-        await this.findUserNameInTable(selectedUser).hover();
-        await this.hoverDeleteBtnPerUserInTable(selectedUser).click();
-        await this.confirmUserDeleteMsg.click();
-    }
-
 }
\ No newline at end of file
diff --git a/e2e/tests/auth.setup.ts b/e2e/tests/auth.setup.ts
index 97c85499..32bd1ecf 100644
--- a/e2e/tests/auth.setup.ts
+++ b/e2e/tests/auth.setup.ts
@@ -9,7 +9,7 @@ const adminAuthFile = 'playwright/.auth/admin.json'
 const readWriteAuthFile = 'playwright/.auth/readwriteuser.json'
 const readOnlyAuthFile = 'playwright/.auth/readonlyuser.json'
 
-setup("admin authentication", async () => {
+setup.skip("admin authentication", async () => {
     try {
         const browserWrapper = new BrowserWrapper();
         const loginPage = await browserWrapper.createNewPage(LoginPage, urls.loginUrl);
@@ -33,7 +33,7 @@ const userRoles = [
 ];
 
 userRoles.forEach(({ name, file, userName }) => {
-    setup(`${name} authentication`, async () => {
+    setup.skip(`${name} authentication`, async () => {
         try {
             const browserWrapper = new BrowserWrapper();
             const loginPage = await browserWrapper.createNewPage(LoginPage, urls.loginUrl);
diff --git a/e2e/tests/graph.spec.ts b/e2e/tests/graph.spec.ts
index 96284f2d..0f1e10e9 100644
--- a/e2e/tests/graph.spec.ts
+++ b/e2e/tests/graph.spec.ts
@@ -21,16 +21,15 @@ test.describe('Graph Tests', () => {
     })
 
     roles.userRoles.slice(0, 2).forEach(role => {
-        test(`@${role.role} Add graph via API -> verify display in UI test`, async () => {
+        test(`@${role.role} Add graph via API -> verify display in UI test -> remove graph via UI`, async () => {
             const graph = await browser.createNewPage(GraphPage, urls.graphUrl);
             const apiCall = new ApiCalls();
             const graphName = `graph_${Date.now()}`;
             await apiCall.addGraph(graphName);
             await graph.refreshPage();
-            const isVisible = await graph.verifyGraphExistsByName(graphName);
+            expect(await graph.verifyGraphExists(graphName)).toBe(true);
             await graph.refreshPage();
             await graph.deleteGraph(graphName);
-            expect(isVisible).toBe(true);
         });
     });
 
@@ -39,8 +38,8 @@ test.describe('Graph Tests', () => {
             const graph = await browser.createNewPage(GraphPage, urls.graphUrl);
             const graphName = `graph_${Date.now()}`;
             await graph.addGraph(graphName);
-            const apiCall = new ApiCalls();
             await new Promise(resolve => { setTimeout(resolve, 1000) });
+            const apiCall = new ApiCalls();
             await apiCall.removeGraph(graphName);
             await graph.refreshPage();
             expect(await graph.verifyGraphExists(graphName)).toBe(false);
@@ -52,7 +51,7 @@ test.describe('Graph Tests', () => {
             const graph = await browser.createNewPage(GraphPage, urls.graphUrl);
             const graphName = `graph_${Date.now()}`;
             await graph.addGraph(graphName);
-            const download = await graph.clickOnExportDataBtn();
+            const download = await graph.exportGraph();
             const downloadPath = await download.path();
             expect(fs.existsSync(downloadPath)).toBe(true);
         });
diff --git a/e2e/tests/navBar.spec.ts b/e2e/tests/navBar.spec.ts
index 880f40a0..7d181b7b 100644
--- a/e2e/tests/navBar.spec.ts
+++ b/e2e/tests/navBar.spec.ts
@@ -5,70 +5,69 @@ import NavBarComponent from "../logic/POM/navBarComponent";
 
 const roles = [{ name: "admin" }, { name: "readwrite" }, { name: "readonly" }];
 
-roles.forEach((role) => {
-    test.describe(`@${role.name} role, Navbar tests`, () => {
-        let browser: BrowserWrapper;
+test.describe(`Navbar tests`, () => {
+    let browser: BrowserWrapper;
 
-        test.beforeAll(async () => {
-            browser = new BrowserWrapper();
-        });
+    test.beforeAll(async () => {
+        browser = new BrowserWrapper();
+    });
 
-        test.afterAll(async () => {
-            await browser.closeBrowser();
-        });
+    test.afterAll(async () => {
+        await browser.closeBrowser();
+    });
 
-        test("Verify clicking on FalkorDB logo redirects to specified URL", async () => {
+    roles.forEach((role) => {
+        test(`@${role.name} Verify clicking on FalkorDB logo redirects to specified URL`, async () => {
             const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
             const page = await navBar.clickOnFalkor()
             expect(page.url()).toBe("https://www.falkordb.com/")
 
         })
+    })
 
-        test("Verify clicking on Graphs button redirects to specified URL", async () => {
+    roles.forEach((role) => {
+        test(`@${role.name} Verify clicking on Graphs button redirects to specified URL`, async () => {
             const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
             await navBar.clickOnGraphsButton()
             const newUrl = navBar.getCurrentURL();
             expect(newUrl).toBe(urls.graphUrl)
 
         })
+    })
 
-        test("Verify clicking on Schemas button redirects to specified URL", async () => {
+    roles.forEach((role) => {
+        test(`@${role.name} Verify clicking on Schemas button redirects to specified URL`, async () => {
             const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
             await navBar.clickOnSchemasButton()
             const newUrl = navBar.getCurrentURL();
             expect(newUrl).toBe(urls.schemaUrl)
 
         })
+    })
 
-        test("Verify clicking on help -> Documentation redirects to specified URL", async () => {
+    roles.forEach((role) => {
+        test(`@${role.name} Verify clicking on help -> Documentation redirects to specified URL`, async () => {
             const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
             const page = await navBar.clickOnDocumentation()
             expect(page.url()).toBe("https://docs.falkordb.com/")
 
         })
+    })
 
-        test("Verify clicking on help -> Support redirects to specified URL", async () => {
+    roles.forEach((role) => {
+        test(`@${role.name} Verify clicking on help -> Support redirects to specified URL`, async () => {
             const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
             const page = await navBar.clickOnSupport()
             expect(page.url()).toBe("https://www.falkordb.com/contact-us/")
 
         })
+    })
 
-        if (role.name === 'admin') {
-            test("@admin Verify clicking on Settings redirects to specified URL", async () => {
-                const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-                await navBar.clickOnSettingsBtn()
-                const newUrl = navBar.getCurrentURL()
-                expect(newUrl).toBe(urls.settingsUrl)
-            })
-        }
-
-        if (role.name === 'readwrite' || role.name === 'readonly') {
-            test("Attempt to click on Settings does not result in a redirect", async () => {
-                const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
-                const result = await navBar.isSettingsButtonEnabled()
-                expect(result).toBe(false)
-            })
-        }
-    });
-});
\ No newline at end of file
+    roles.forEach((role) => {
+        test(`@${role.name} Verify clicking on Settings redirects to specified URL`, async () => {
+            const navBar = await browser.createNewPage(NavBarComponent, urls.graphUrl)
+            const result = await navBar.isSettingsButtonEnabled()
+            expect(result).toBe(role.name === 'admin')
+        })
+    })
+})
diff --git a/e2e/tests/settingsConfig.spec.ts b/e2e/tests/settingsConfig.spec.ts
index 60bcdc99..9b36bb4a 100644
--- a/e2e/tests/settingsConfig.spec.ts
+++ b/e2e/tests/settingsConfig.spec.ts
@@ -21,6 +21,7 @@ test.describe('Settings Tests', () => {
         test(`@admin Modify ${roles.maxQueuedQueries} via API validation via UI: Input value: ${input} description: ${description}`, async () => {
             const settingsConfigPage = await browser.createNewPage(SettingsConfigPage, urls.settingsUrl)
             const apiCall = new ApiCalls()
+            await new Promise(resolve => { setTimeout(resolve, 1000) });
             await apiCall.modifySettingsRole(roles.maxQueuedQueries, input)
             await settingsConfigPage.refreshPage()
             const value = await settingsConfigPage.getRoleContentValue(roles.maxQueuedQueries)
diff --git a/e2e/tests/settingsUsers.spec.ts b/e2e/tests/settingsUsers.spec.ts
index ad86f8b1..71953bb8 100644
--- a/e2e/tests/settingsUsers.spec.ts
+++ b/e2e/tests/settingsUsers.spec.ts
@@ -22,18 +22,18 @@ test.describe('Settings Tests', () => {
         const username = `user_${Date.now()}`
         await settingsUsersPage.addUser({ userName: username, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
         const isVisible = await settingsUsersPage.verifyUserExists(username)
-        await settingsUsersPage.removeUserByHover(username)
+        await settingsUsersPage.removeUser(username)
         expect(isVisible).toBe(true)
     })
 
-    test("@admin Add one user -> remove one user by hover -> Validate that the user has been removed", async () => {
+    test("@admin Add one user -> remove one user -> Validate that the user has been removed", async () => {
         // Adding one user
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
         const username = `user_${Date.now()}`
         await settingsUsersPage.addUser({ userName: username, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
         // Deleting one user
-        await settingsUsersPage.removeUserByHover(username)
+        await settingsUsersPage.removeUser(username)
         await settingsUsersPage.refreshPage()
         await settingsUsersPage.navigateToUserTab()
         const isVisible = await settingsUsersPage.verifyUserExists(username)
@@ -49,9 +49,9 @@ test.describe('Settings Tests', () => {
         await settingsUsersPage.addUser({ userName: username, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
 
         // modify user role
-        await settingsUsersPage.modifyUserRole(username, user.role.readOnly)
+        await settingsUsersPage.modifyUserRole(username, user.ReadOnly)
         const newUserRole = await settingsUsersPage.getUserRole(username)
-        await settingsUsersPage.removeUserByHover(username)
+        await settingsUsersPage.removeUser(username)
         expect(newUserRole).toBe("Read-Only")
 
     })
@@ -67,12 +67,12 @@ test.describe('Settings Tests', () => {
 
         // modify users roles
         const userRole = user.ReadOnly;
-        await settingsUsersPage.modifyTwoUsersRolesByCheckbox(username1, username2, userRole)
+        await settingsUsersPage.modifyTwoUsersRoles(username1, username2, userRole)
         await settingsUsersPage.refreshPage()
         await settingsUsersPage.navigateToUserTab()
         const userName1Role = await settingsUsersPage.getUserRole(username1)
         const userName2Role = await settingsUsersPage.getUserRole(username2)
-        await settingsUsersPage.deleteTwoUsersByCheckbox(username1, username2)
+        await settingsUsersPage.deleteTwoUsers(username1, username2)
 
         expect([userName1Role, userName2Role]).toEqual(["Read-Only", "Read-Only"])
     })
@@ -89,7 +89,7 @@ test.describe('Settings Tests', () => {
         await settingsUsersPage.addUser({ userName: username2, role: user.ReadWrite, password: user.password, confirmPassword: user.confirmPassword });
 
         // delete two users
-        await settingsUsersPage.deleteTwoUsersByCheckbox(username1, username2)
+        await settingsUsersPage.deleteTwoUsers(username1, username2)
         const isVisible1 = await settingsUsersPage.verifyUserExists(username1)
         const isVisible2 = await settingsUsersPage.verifyUserExists(username2)
         expect([isVisible1, isVisible2]).toEqual([false, false])
@@ -122,7 +122,7 @@ test.describe('Settings Tests', () => {
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
         const username = `user_${Date.now()}`
-        await settingsUsersPage.attemptToAddUserWithoutRole({ userName: username, password: user.password, confirmPassword: user.confirmPassword });
+        await settingsUsersPage.addUser({ userName: username, password: user.password, confirmPassword: user.confirmPassword });
         await settingsUsersPage.refreshPage()
         await settingsUsersPage.navigateToUserTab()
         const isVisible = await settingsUsersPage.verifyUserExists(username)
@@ -132,7 +132,7 @@ test.describe('Settings Tests', () => {
     test("@admin Attempt to delete the default admin user -> Verify that the user has not been deleted.", async () => {
         const settingsUsersPage = await browser.createNewPage(SettingsUsersPage, urls.settingsUrl)
         await settingsUsersPage.navigateToUserTab();
-        await settingsUsersPage.removeUserByCheckbox('default')
+        await settingsUsersPage.removeUser('default')
         const isVisible = await settingsUsersPage.verifyUserExists('default');
         expect(isVisible).toBe(true)
     })
@@ -142,7 +142,7 @@ test.describe('Settings Tests', () => {
         const username = `user_${Date.now()}`
         await apiCall.createUsers({ username, password: user.password, role: user.ReadOnly })
         const users = await apiCall.getUsers()
-        await apiCall.deleteUsers({ "users": [{ "username": `${username}` }] })
+        await apiCall.deleteUsers({ users: [{ username }] })
         const User = users.result.find(u => u.username === username);
         expect(User?.username === username).toBe(true)
     })
@@ -159,16 +159,16 @@ test.describe('Settings Tests', () => {
     test(`@admin API Test: without passing a role, Attempt to add a user and validate the user was not added`, async () => {
         const apiCall = new ApiCalls()
         const username = `user_${Date.now()}`
-        await apiCall.createUsers({ username, password: '', role: user.ReadOnly });
+        await apiCall.createUsers({ username, password: user.password, role: '' })
         const users = await apiCall.getUsers()
         const User = users.result.find(u => u.username === username);
         expect(User).toBeUndefined();
     });
-
+    
     test(`@admin API Test: without passing a password, Attempt to add a user and validate the user was not added`, async () => {
         const apiCall = new ApiCalls()
         const username = `user_${Date.now()}`
-        await apiCall.createUsers({ username, password: user.password, role: '' })
+        await apiCall.createUsers({ username, password: '', role: user.ReadOnly });
         const users = await apiCall.getUsers()
         const User = users.result.find(u => u.username === username);
         expect(User).toBeUndefined();
diff --git a/public/BrowserLogo.svg b/public/BrowserLogo.svg
new file mode 100644
index 00000000..5016d2f6
--- /dev/null
+++ b/public/BrowserLogo.svg
@@ -0,0 +1,26 @@
+<svg width="4611" height="770" viewBox="0 0 4611 770" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4415.04 611.823V286.605H4496.34V323.323H4508.14C4512.95 310.21 4520.82 300.593 4531.75 294.473C4543.11 288.354 4556.23 285.294 4571.09 285.294H4610.43V358.73H4569.78C4548.8 358.73 4531.53 364.413 4517.98 375.778C4504.43 386.706 4497.65 403.754 4497.65 426.921V611.823H4415.04Z" fill="#FF66B3"/>
+<path d="M4224.14 621.006C4191.79 621.006 4163.16 614.23 4138.24 600.68C4113.77 586.692 4094.53 567.24 4080.54 542.324C4066.99 516.971 4060.22 487.247 4060.22 453.151V445.283C4060.22 411.188 4066.99 381.682 4080.54 356.766C4094.1 331.413 4113.11 311.961 4137.59 298.411C4162.07 284.423 4190.48 277.429 4222.83 277.429C4254.74 277.429 4282.49 284.641 4306.1 299.066C4329.7 313.054 4348.06 332.725 4361.18 358.078C4374.29 382.993 4380.85 412.062 4380.85 445.283V473.478H4144.15C4145.02 495.771 4153.33 513.911 4169.06 527.899C4184.8 541.887 4204.03 548.881 4226.76 548.881C4249.93 548.881 4266.98 543.854 4277.91 533.8C4288.83 523.746 4297.14 512.6 4302.82 500.36L4370.36 535.767C4364.24 547.132 4355.28 559.59 4343.47 573.141C4332.11 586.255 4316.81 597.62 4297.58 607.237C4278.34 616.416 4253.86 621.006 4224.14 621.006ZM4144.8 411.843H4296.92C4295.17 393.047 4287.52 377.967 4273.97 366.601C4260.86 355.236 4243.59 349.554 4222.17 349.554C4199.88 349.554 4182.18 355.236 4169.06 366.601C4155.95 377.967 4147.86 393.047 4144.8 411.843Z" fill="#FF66B3"/>
+<path d="M3906.53 621.006C3864.12 621.006 3829.37 611.826 3802.27 593.467C3775.17 575.108 3758.78 548.881 3753.1 514.785L3829.15 495.115C3832.21 510.414 3837.24 522.435 3844.24 531.177C3851.67 539.92 3860.63 546.258 3871.12 550.192C3882.05 553.689 3893.85 555.438 3906.53 555.438C3925.76 555.438 3939.96 552.159 3949.14 545.602C3958.32 538.609 3962.91 530.085 3962.91 520.031C3962.91 509.977 3958.54 502.327 3949.8 497.082C3941.06 491.399 3927.07 486.81 3907.84 483.313L3889.48 480.034C3866.75 475.663 3845.98 469.762 3827.19 462.331C3808.39 454.463 3793.31 443.753 3781.95 430.203C3770.58 416.652 3764.9 399.167 3764.9 377.748C3764.9 345.401 3776.7 320.704 3800.3 303.656C3823.91 286.171 3854.94 277.429 3893.41 277.429C3929.69 277.429 3959.85 285.515 3983.9 301.689C4007.94 317.862 4023.67 339.063 4031.1 365.29L3954.39 388.895C3950.89 372.284 3943.68 360.482 3932.75 353.488C3922.26 346.494 3909.15 342.997 3893.41 342.997C3877.68 342.997 3865.65 345.838 3857.35 351.521C3849.04 356.766 3844.89 364.197 3844.89 373.814C3844.89 384.305 3849.26 392.173 3858 397.418C3866.75 402.227 3878.55 405.942 3893.41 408.565L3911.77 411.843C3936.25 416.215 3958.32 422.116 3977.99 429.547C3998.1 436.541 4013.84 446.813 4025.2 460.364C4037.01 473.478 4042.91 491.399 4042.91 514.13C4042.91 548.225 4030.45 574.671 4005.53 593.467C3981.05 611.826 3948.05 621.006 3906.53 621.006Z" fill="#FF66B3"/>
+<path d="M3322.85 611.826L3276.95 286.607H3358.91L3387.76 556.093H3399.56L3441.52 286.607H3573.97L3615.93 556.093H3627.74L3656.59 286.607H3738.55L3692.65 611.826H3555.61L3513.65 342.34H3501.85L3459.88 611.826H3322.85Z" fill="#FF66B3"/>
+<path d="M3090.51 621.006C3058.16 621.006 3029.09 614.449 3003.3 601.335C2977.51 588.222 2957.19 569.207 2942.32 544.291C2927.46 519.375 2920.03 489.432 2920.03 454.463V443.972C2920.03 409.002 2927.46 379.059 2942.32 354.143C2957.19 329.228 2977.51 310.213 3003.3 297.099C3029.09 283.986 3058.16 277.429 3090.51 277.429C3122.86 277.429 3151.92 283.986 3177.71 297.099C3203.5 310.213 3223.83 329.228 3238.69 354.143C3253.55 379.059 3260.99 409.002 3260.99 443.972V454.463C3260.99 489.432 3253.55 519.375 3238.69 544.291C3223.83 569.207 3203.5 588.222 3177.71 601.335C3151.92 614.449 3122.86 621.006 3090.51 621.006ZM3090.51 547.57C3115.86 547.57 3136.84 539.483 3153.45 523.309C3170.06 506.699 3178.37 483.094 3178.37 452.496V445.939C3178.37 415.34 3170.06 391.954 3153.45 375.781C3137.28 359.17 3116.3 350.865 3090.51 350.865C3065.16 350.865 3044.17 359.17 3027.56 375.781C3010.95 391.954 3002.65 415.34 3002.65 445.939V452.496C3002.65 483.094 3010.95 506.699 3027.56 523.309C3044.17 539.483 3065.16 547.57 3090.51 547.57Z" fill="#FF66B3"/>
+<path d="M2726.67 611.824V286.606H2807.97V323.324H2819.77C2824.58 310.211 2832.45 300.594 2843.38 294.474C2854.74 288.355 2867.86 285.295 2882.72 285.295H2922.06V358.731H2881.41C2860.43 358.731 2843.16 364.414 2829.61 375.779C2816.06 386.707 2809.28 403.755 2809.28 426.922V611.824H2726.67Z" fill="#FF66B3"/>
+<path d="M2314.85 611.824V535.765H2375.18V228.906H2314.85V152.847H2550.9C2578.87 152.847 2603.13 157.655 2623.68 167.272C2644.66 176.451 2660.83 189.783 2672.2 207.268C2684 224.316 2689.9 244.861 2689.9 268.902V275.459C2689.9 296.441 2685.97 313.707 2678.1 327.258C2670.23 340.372 2660.83 350.644 2649.91 358.075C2639.42 365.069 2629.36 370.096 2619.75 373.156V384.958C2629.36 387.581 2639.85 392.608 2651.22 400.039C2662.58 407.033 2672.2 417.305 2680.07 430.856C2688.37 444.406 2692.53 462.11 2692.53 483.966V490.523C2692.53 515.876 2686.62 537.732 2674.82 556.091C2663.02 574.013 2646.63 587.782 2625.65 597.399C2605.1 607.015 2581.06 611.824 2553.52 611.824H2314.85ZM2461.73 533.142H2543.03C2561.83 533.142 2576.91 528.552 2588.27 519.373C2600.08 510.193 2605.98 497.08 2605.98 480.032V473.475C2605.98 456.427 2600.29 443.314 2588.93 434.134C2577.56 424.955 2562.26 420.365 2543.03 420.365H2461.73V533.142ZM2461.73 341.683H2541.72C2559.64 341.683 2574.28 337.093 2585.65 327.914C2597.45 318.734 2603.35 306.058 2603.35 289.884V283.327C2603.35 266.717 2597.67 254.04 2586.31 245.298C2574.94 236.118 2560.08 231.528 2541.72 231.528H2461.73V341.683Z" fill="#FF66B3"/>
+<line x1="1871.85" y1="-1.74846e-07" x2="1871.85" y2="770" stroke="white" stroke-width="8"/>
+<g clip-path="url(#clip0_821_243)">
+<path d="M269.38 372.205C259.491 362.274 244.47 357.317 224.265 357.317C204.06 357.317 188.407 362.002 174.341 371.336C174.187 371.421 174.051 371.524 173.914 371.626C157.086 382.97 165.526 409.355 185.816 409.355H186.14C187.094 409.355 187.947 408.742 188.339 407.874C190.419 403.189 193.761 399.442 198.331 396.631C203.361 393.565 209.226 392.032 215.978 392.032C223.276 392.032 228.749 393.855 232.33 397.5C235.927 401.179 237.138 406.102 235.91 412.251L233.574 424.124H200.667C179.899 424.124 163.156 428.399 150.402 436.967C137.631 445.535 129.685 457.85 126.514 473.828C123.581 488.682 125.9 500.418 133.539 509.088C141.126 517.775 152.942 522.102 168.902 522.102C183.139 522.102 195.228 518.593 205.185 511.558C212.125 506.635 217.223 500.52 220.462 493.178H221.349L216.745 516.327C216.456 517.826 217.598 519.223 219.098 519.223H238.263C249.755 519.223 259.61 511.098 261.844 499.839L279.184 412.251C282.492 395.49 279.236 382.153 269.38 372.222V372.205ZM225.339 465.737C223.907 473.062 219.985 478.989 213.608 483.503C207.214 488.034 199.814 490.3 191.34 490.3C183.65 490.3 177.955 488.426 174.272 484.662C170.607 480.914 169.396 475.753 170.692 469.195C171.92 463.046 174.92 458.089 179.712 454.307C184.486 450.56 190.129 448.686 196.677 448.686H228.698L225.339 465.737Z" fill="#F7F3EF"/>
+<path d="M385.018 480.182H356.22C351.037 480.182 347.149 478.597 344.626 475.412C342.068 472.244 341.318 468.054 342.358 462.841L372.401 311.071C372.691 309.589 371.549 308.209 370.031 308.209H301.641C300.482 308.209 299.51 309.027 299.271 310.134L292.502 344.355C292.212 345.837 293.355 347.216 294.855 347.216H319.033C320.55 347.216 321.693 348.613 321.403 350.095L299.084 462.841C296.867 474.015 297.276 483.861 300.311 492.327C303.346 500.809 308.632 507.419 316.151 512.137C323.671 516.872 333.031 519.223 344.182 519.223H378.266C379.426 519.223 380.398 518.405 380.636 517.281L387.406 483.06C387.695 481.578 386.553 480.199 385.053 480.199L385.018 480.182Z" fill="#F7F3EF"/>
+<path d="M559.991 360.213H517.894C517.143 360.213 516.427 360.571 515.967 361.167L471.619 420.325H457.484L479.104 311.054C479.394 309.572 478.251 308.192 476.751 308.192H438.37C437.228 308.192 436.239 309.01 436.017 310.117L395.215 516.328C394.925 517.81 396.068 519.189 397.568 519.189H418.165C429.64 519.189 439.512 511.081 441.746 499.839L450.271 456.761H464.116L484.662 517.554C484.986 518.525 485.907 519.189 486.93 519.189H530.835C532.506 519.189 533.665 517.537 533.103 515.987L505.327 437.972L561.884 364.08C563.095 362.496 561.969 360.213 559.974 360.213H559.991Z" fill="#F7F3EF"/>
+<path d="M693.718 387.518C689.916 377.979 683.403 370.57 674.178 365.272C664.937 359.975 653.206 357.317 638.969 357.317C624.732 357.317 612.2 359.975 600.759 365.272C589.335 370.57 579.821 377.979 572.267 387.518C564.697 397.057 559.667 408.18 557.143 420.904L549.709 458.481C547.186 471.188 547.817 482.328 551.602 491.867C555.387 501.406 561.952 508.832 571.278 514.13C580.622 519.427 592.302 522.085 606.334 522.085C620.367 522.085 633.342 519.427 644.681 514.13C656.02 508.832 665.483 501.406 673.036 491.867C680.589 482.328 685.636 471.205 688.143 458.481L695.577 420.904C698.083 408.18 697.452 397.057 693.684 387.518H693.718ZM652.354 420.921L644.92 458.498C643.283 466.776 639.804 473.181 634.485 477.712C629.165 482.226 622.276 484.508 613.819 484.508C605.362 484.508 599.599 482.243 595.968 477.712C592.336 473.181 591.364 466.776 593.001 458.498L600.435 420.921C602.123 412.456 605.652 405.983 611.04 401.554C616.428 397.125 623.265 394.911 631.552 394.911C639.839 394.911 646.011 397.125 649.574 401.554C653.121 405.983 654.042 412.456 652.371 420.921H652.354Z" fill="#F7F3EF"/>
+<path d="M853.26 418.026C852.51 421.824 850.464 425.061 847.685 427.36C844.871 429.643 841.291 431.005 837.42 431.005H807.463C805.945 431.005 804.82 429.643 805.11 428.144L806.559 420.887C808.264 412.217 807.224 405.472 803.49 400.668C799.739 395.848 793.89 393.446 786.03 393.446C777.744 393.446 770.974 395.848 765.689 400.668C760.403 405.472 756.908 412.217 755.186 420.887L739.584 499.805C737.351 511.064 727.461 519.189 716.004 519.189H695.406C693.889 519.189 692.764 517.792 693.054 516.31L723.557 362.138C723.779 361.014 724.785 360.213 725.91 360.213H761.392C762.91 360.213 764.052 361.576 763.779 363.075L758.323 390.55H758.783C762.296 382.289 766.951 375.543 772.731 370.331C782.33 361.661 794.726 357.317 809.918 357.317C827.412 357.317 839.961 362.632 847.583 373.21C855.204 383.822 857.097 398.76 853.277 418.026H853.26Z" fill="#F7F3EF"/>
+<path d="M155.484 308.175H42.4898C41.3474 308.175 40.3585 308.993 40.1369 310.117L0.0510375 516.345C-0.238822 517.826 0.903564 519.206 2.40401 519.206H25.8655C37.3576 519.206 47.264 511.047 49.4635 499.771L60.8021 441.532C61.0238 440.408 62.0127 439.573 63.1551 439.573H105.065C116.591 439.573 126.481 431.414 128.663 420.121L131.255 406.767C131.545 405.302 130.402 403.905 128.885 403.905H70.9813C69.4808 403.905 68.3214 402.525 68.6283 401.043L79.4383 345.769C79.66 344.644 80.6489 343.827 81.7913 343.827H131.664C143.19 343.827 153.08 335.668 155.262 324.374L157.854 311.02C158.144 309.538 157.001 308.158 155.484 308.158V308.175Z" fill="#F7F3EF"/>
+<path d="M1033.65 340.113C1029.61 329.995 1022.69 322.142 1012.95 316.555C1003.18 311.002 991.01 308.175 976.364 308.175H910.805C909.168 308.175 907.77 309.333 907.463 310.917L867.07 515.135C866.661 517.247 868.263 519.206 870.412 519.206H934.624C949.237 519.206 962.553 516.361 974.522 510.689C986.526 504.983 996.586 497.028 1004.65 486.842C1012.72 476.621 1018.09 464.766 1020.76 451.258L1035.68 375.833C1038.39 362.138 1037.73 350.214 1033.67 340.113H1033.65ZM992.425 375.85L977.472 451.275C975.835 459.588 971.828 466.214 965.469 471.222C959.075 476.264 951.453 478.768 942.621 478.768H917.54L943.286 348.681H968.367C977.199 348.681 983.849 351.185 988.231 356.193C992.613 361.201 994.045 367.759 992.443 375.867L992.425 375.85Z" fill="#F7F3EF"/>
+<path d="M1185.06 322.773C1174.32 313.046 1158.24 308.175 1136.88 308.175H1071.91C1070.29 308.175 1068.88 309.333 1068.57 310.917L1028.15 515.135C1027.74 517.247 1029.34 519.206 1031.49 519.206H1097.75C1112.53 519.206 1125.83 516.702 1137.58 511.694C1149.34 506.686 1159.08 499.6 1166.73 490.419C1174.42 481.272 1179.47 470.54 1181.94 458.208C1184.06 447.426 1183.44 438.364 1180.1 431.022C1176.72 423.732 1171.54 418.23 1164.45 414.55C1157.39 410.905 1149.14 409.168 1139.67 409.338L1139.84 408.504C1148.3 408.504 1156.5 406.562 1164.52 402.695C1172.48 398.845 1179.3 393.446 1185.01 386.496C1190.72 379.58 1194.47 371.489 1196.32 362.24C1199.59 345.666 1195.82 332.482 1185.08 322.756L1185.06 322.773ZM1138.82 455.925C1137.05 464.783 1132.97 471.699 1126.61 476.707C1120.25 481.749 1112.31 484.253 1102.93 484.253H1076.11L1087.38 427.292H1114.2C1123.59 427.292 1130.52 429.864 1134.9 434.974C1139.25 440.05 1140.58 447.068 1138.84 455.925H1138.82ZM1151.59 368.031C1150.06 375.748 1146.44 381.863 1140.73 386.377C1135.02 390.891 1127.93 393.19 1119.47 393.19H1094.11L1103.99 343.179H1129.38C1137.83 343.179 1144.02 345.342 1147.99 349.686C1151.93 354.03 1153.14 360.145 1151.57 368.031H1151.59Z" fill="#F7F3EF"/>
+<path d="M1467.66 413.58C1467.18 416.084 1466.23 418.554 1465.19 420.751C1463.58 424.158 1461.47 427.378 1458.93 430.154C1453.17 436.474 1445.02 439.676 1436.69 441.362C1428.37 443.049 1403.07 441.958 1392.52 439.42C1365.61 432.931 1337.84 433.067 1321.38 439.42C1310.95 443.457 1307.3 445.774 1301.77 450.509C1279.97 469.246 1270.2 514.556 1261.55 541.231C1255.67 559.474 1249.89 578.45 1236.66 592.843C1216.28 614.953 1182.37 620.983 1151.63 620.983H987.89C986.202 620.983 984.923 619.45 985.264 617.798L988.436 601.513C991.01 588.244 1002.66 578.671 1016.18 578.671H1135.51C1161.7 578.671 1189.72 575.009 1204.23 554.994C1212.38 543.735 1214.71 529.801 1218.04 516.532C1229.7 470.098 1233.57 427.173 1280.1 408.879C1266.39 400.311 1256.42 386.48 1252.96 371.268C1246.58 343.18 1261.67 314.904 1263.05 286.219C1263.67 274.006 1260.78 260.226 1250.06 253.446C1242.54 248.694 1232.89 248.54 1223.85 248.54C1189.92 248.574 1168.47 248.591 1129.03 248.626H1082.62C1064.87 248.626 1051.56 232.478 1054.95 215.086L1055.9 210.146C1056.16 208.886 1057.25 207.983 1058.53 207.983C1079.52 207.983 1196.42 208.102 1236.37 207.983C1259.44 207.932 1285.35 209.005 1300.97 225.051C1306.16 230.382 1309.46 236.583 1311.41 243.294C1311.51 243.567 1311.56 243.839 1311.65 244.129C1316.13 260.566 1312.6 279.968 1308.1 297.087C1302.3 319.367 1296.06 345.258 1308.51 366.55C1313.45 375.016 1321.21 381.267 1330.42 384.589C1335.57 386.445 1337.77 387.382 1343.22 387.331C1345.95 387.297 1348.68 387.042 1351.37 386.548C1356.74 385.611 1362.59 384.299 1367.44 383.345C1369.75 382.885 1372.09 382.477 1374.44 382.136C1380.82 381.233 1387.66 381.063 1394.15 382.357C1398.91 383.311 1403.57 385.066 1407.56 387.859C1411.8 390.84 1414.29 394.537 1416.52 399.136C1417.77 401.708 1419.32 404.314 1421.84 405.66C1426.36 408.061 1433.39 406.443 1438.25 406.051C1443.31 405.643 1448.34 404.859 1453.39 404.28C1455.84 403.99 1458.3 403.752 1460.77 403.633C1462.71 403.547 1464.83 403.786 1466.28 405.234C1467.32 406.273 1467.83 407.755 1467.93 409.237C1468.03 410.667 1467.91 412.115 1467.64 413.563L1467.66 413.58Z" fill="#F7F3EF"/>
+</g>
+<defs>
+<clipPath id="clip0_821_243">
+<rect width="1468" height="413" fill="white" transform="translate(0 208)"/>
+</clipPath>
+</defs>
+</svg>

From 1119f76d62e97ca086d563d516febbf52212b728 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 14 Jan 2025 14:38:43 +0200
Subject: [PATCH 43/45] fix build

---
 app/login/LoginForm.tsx   |  1 -
 app/schema/SchemaView.tsx | 29 ++++++++++++++++++-----------
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/app/login/LoginForm.tsx b/app/login/LoginForm.tsx
index 6d3f3fbc..be315cb7 100644
--- a/app/login/LoginForm.tsx
+++ b/app/login/LoginForm.tsx
@@ -128,7 +128,6 @@ export default function LoginForm() {
             fields={fields}
             handleSubmit={onSubmit}
             error={error}
-            isFieldsRequired={false}
             submitButtonLabel="Log in"
           >
             <div className="flex gap-8">
diff --git a/app/schema/SchemaView.tsx b/app/schema/SchemaView.tsx
index 9dfc6489..ce23fc07 100644
--- a/app/schema/SchemaView.tsx
+++ b/app/schema/SchemaView.tsx
@@ -3,13 +3,14 @@
 'use client'
 
 import { ResizablePanel, ResizablePanelGroup, ResizableHandle } from "@/components/ui/resizable"
-import { ChevronLeft, Maximize2, Minimize2 } from "lucide-react"
+import { ChevronLeft, Maximize2, Minimize2, Pause, Play } from "lucide-react"
 import { ImperativePanelHandle } from "react-resizable-panels"
 import { useEffect, useRef, useState } from "react"
 import { cn, prepareArg, securedFetch } from "@/lib/utils"
 import { Session } from "next-auth"
 import dynamic from "next/dynamic"
 import { useToast } from "@/components/ui/use-toast"
+import { Switch } from "@/components/ui/switch"
 import Toolbar from "../graph/toolbar"
 import SchemaDataPanel from "./SchemaDataPanel"
 import Labels from "../graph/labels"
@@ -44,7 +45,6 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
     const [isAddEntity, setIsAddEntity] = useState(false)
     const [maximize, setMaximize] = useState<boolean>(false)
     const [cooldownTicks, setCooldownTicks] = useState<number | undefined>(0)
-    const [cooldownTime, setCooldownTime] = useState<number | undefined>(2000)
     const [data, setData] = useState<GraphData>(schema.Elements)
     const { toast } = useToast()
 
@@ -65,8 +65,8 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
         setSelectedNodes([undefined, undefined])
     }, [isAddRelation])
 
-    const handleCooldown = () => {
-        setCooldownTicks(1000)
+    const handleCooldown = (ticks?: number) => {
+        setCooldownTicks(ticks)
     }
 
     const onCategoryClick = (category: Category) => {
@@ -166,7 +166,7 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
 
     const handleSetAttributes = async (attribute: [string, string[]]) => {
         if (!selectedElement) return false
-        
+
         const [key, value] = attribute;
         const type = !("source" in selectedElement)
         const { id } = selectedElement
@@ -338,9 +338,6 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                         onDeleteElement={handleDeleteElement}
                         chartRef={chartRef}
                         addDisabled={session?.user.role === "Read-Only"}
-                        setCooldownTime={setCooldownTime}
-                        cooldownTime={cooldownTime}
-                        handleCooldown={handleCooldown}
                     />
                     {
                         isCollapsed &&
@@ -365,6 +362,17 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                                 : <Maximize2 size={20} />
                         }
                     </Button>
+                    <div className="z-10 absolute top-4 left-4 flex items-center gap-2 pointer-events-none">
+                        {cooldownTicks === undefined ? <Play size={20} /> : <Pause size={20} />}
+                        <Switch
+                            title="Animation Control"
+                            className="pointer-events-auto"
+                            checked={cooldownTicks === undefined}
+                            onCheckedChange={() => {
+                                handleCooldown(cooldownTicks === undefined ? 0 : undefined)
+                            }}
+                        />
+                    </div>
                     <ForceGraph
                         isCollapsed={isCollapsed}
                         chartRef={chartRef}
@@ -374,12 +382,11 @@ export default function SchemaView({ schema, fetchCount, session }: Props) {
                         setSelectedElement={handleSetSelectedElement}
                         selectedElements={selectedElements}
                         setSelectedElements={setSelectedElements}
-                        cooldownTicks={cooldownTicks}
-                        setCooldownTicks={setCooldownTicks}
-                        cooldownTime={cooldownTime}
                         type="schema"
                         isAddElement={isAddRelation}
                         setSelectedNodes={setSelectedNodes}
+                        cooldownTicks={cooldownTicks}
+                        handleCooldown={handleCooldown}
                     />
                     {
                         (schema.Categories.length > 0 || schema.Labels.length > 0) &&

From 34014d85cc8b74166cfa059cdc2ce0f34cc66c4a Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 14 Jan 2025 14:53:21 +0200
Subject: [PATCH 44/45] change form component and remove skip from tests

---
 app/components/FormComponent.tsx | 5 +++--
 e2e/tests/auth.setup.ts          | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/components/FormComponent.tsx b/app/components/FormComponent.tsx
index ef70674c..fd7af685 100644
--- a/app/components/FormComponent.tsx
+++ b/app/components/FormComponent.tsx
@@ -124,8 +124,9 @@ export default function FormComponent({ handleSubmit, fields, error = undefined,
                                 }
                                 <p className="text-sm text-gray-500">{field.description}</p>
                                 {
-                                    field.errors && errors[field.label] &&
-                                    <p className="text-sm text-red-500">{field.errors.find((err) => err.condition(field.value))?.message}</p>
+                                    field.errors && errors[field.label] ?
+                                        <p className="text-sm text-red-500">{field.errors.find((err) => err.condition(field.value))?.message}</p>
+                                        : <p className="h-5" />
                                 }
                             </div>
                         </div>
diff --git a/e2e/tests/auth.setup.ts b/e2e/tests/auth.setup.ts
index 32bd1ecf..97c85499 100644
--- a/e2e/tests/auth.setup.ts
+++ b/e2e/tests/auth.setup.ts
@@ -9,7 +9,7 @@ const adminAuthFile = 'playwright/.auth/admin.json'
 const readWriteAuthFile = 'playwright/.auth/readwriteuser.json'
 const readOnlyAuthFile = 'playwright/.auth/readonlyuser.json'
 
-setup.skip("admin authentication", async () => {
+setup("admin authentication", async () => {
     try {
         const browserWrapper = new BrowserWrapper();
         const loginPage = await browserWrapper.createNewPage(LoginPage, urls.loginUrl);
@@ -33,7 +33,7 @@ const userRoles = [
 ];
 
 userRoles.forEach(({ name, file, userName }) => {
-    setup.skip(`${name} authentication`, async () => {
+    setup(`${name} authentication`, async () => {
         try {
             const browserWrapper = new BrowserWrapper();
             const loginPage = await browserWrapper.createNewPage(LoginPage, urls.loginUrl);

From 087a5f24758ea1a5bd8000d602b382cd453978e0 Mon Sep 17 00:00:00 2001
From: Avi Avni <avi.avni@gmail.com>
Date: Wed, 15 Jan 2025 10:27:39 +0200
Subject: [PATCH 45/45] bump version

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 248e5481..5fd88663 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "falkordb-browser",
-  "version": "0.9.1",
+  "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "falkordb-browser",
-      "version": "0.9.1",
+      "version": "1.0.0",
       "dependencies": {
         "-": "^0.0.1",
         "@hookform/resolvers": "^3.9.1",
diff --git a/package.json b/package.json
index d5972990..5b3541ca 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "falkordb-browser",
   "author": "FalkorDB",
   "description": "FalkorDB Browser",
-  "version": "0.9.1",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",