diff --git a/README.md b/README.md
index 696ac71..df4df12 100644
--- a/README.md
+++ b/README.md
@@ -26,7 +26,7 @@ In a workspace, the user can create any number of components of each type, and c
 
 When a component is created and focused by the user it displays a form with the parameters of the component, which the user can fill and submit to the server. The server will then create a slurm job in the Sirius cluster with the parameters of the component, and update the state of the component in the interface as the job runs. The user can check the status of the job as the component changes itself. All of these changes are reflected in the database, so that the user can logoff and close the browser, and the jobs will continue to run in the cluster.
 
-When the user logs in again and opens its workspace, the previous state of the 
+When the user logs in again and opens its workspace, the previous state of the
 components will be loaded from the database, compared to the current state of the jobs in the cluster, and then updated in the interface.
 
 > Note: In order to use the app the user must be registered in the CNPEM LDAP server and have access to the Sirius cluster, with permissions to run slurm jobs in the appropriate queue.
@@ -82,7 +82,8 @@ Requirements satisfied, you can start the development environment with:
 Then, open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
 ### Documentation
-The documentation for the app can be found in the [docs](./apps/docs) folder. 
+
+The documentation for the app can be found in the [docs](./apps/docs) folder.
 Start the documentation server with:
 
 ```shell
diff --git a/apps/deepsirius-ui/src/components/avatar-dropdown.tsx b/apps/deepsirius-ui/src/components/avatar-dropdown.tsx
index f952fc9..5cd5714 100644
--- a/apps/deepsirius-ui/src/components/avatar-dropdown.tsx
+++ b/apps/deepsirius-ui/src/components/avatar-dropdown.tsx
@@ -125,7 +125,9 @@ export function AvatarDrop() {
         >
           <MoonIcon className="h-4 w-4 rotate-0 scale-100 transition-all hover:text-slate-900 dark:-rotate-90 dark:scale-0 dark:text-slate-400 dark:hover:text-slate-100" />
           <SunIcon className="absolute h-4 w-4 rotate-90 scale-0 transition-all hover:text-slate-900 dark:rotate-0 dark:scale-100 dark:text-slate-400 dark:hover:text-slate-100" />
-          <span className="ml-2">{resolvedTheme === 'light' ? 'Dark' : 'Light'}</span>
+          <span className="ml-2">
+            {resolvedTheme === 'light' ? 'Dark' : 'Light'}
+          </span>
         </DropdownMenuItem>
         <DropdownMenuSeparator />
         <DropdownMenuItem
diff --git a/apps/deepsirius-ui/src/components/footer.tsx b/apps/deepsirius-ui/src/components/footer.tsx
index c28d5ce..2acc4cf 100644
--- a/apps/deepsirius-ui/src/components/footer.tsx
+++ b/apps/deepsirius-ui/src/components/footer.tsx
@@ -3,7 +3,7 @@ export function Footer() {
     <footer className="m-4 rounded-lg bg-white shadow dark:bg-slate-900">
       <div className="mx-auto w-full max-w-screen-xl p-4 md:flex md:items-center md:justify-between">
         <span className="text-sm text-gray-500 dark:text-gray-400 sm:text-center">
-          © 2023{" "}
+          © 2023{' '}
           <a
             target="_blank"
             rel="noopener noreferrer"
diff --git a/apps/deepsirius-ui/src/components/nautilus.tsx b/apps/deepsirius-ui/src/components/nautilus.tsx
index c64797d..106c887 100644
--- a/apps/deepsirius-ui/src/components/nautilus.tsx
+++ b/apps/deepsirius-ui/src/components/nautilus.tsx
@@ -59,7 +59,7 @@ const Skeleton = () => {
     <div className="grid grid-cols-5 gap-x-1 gap-y-2 p-2">
       {Array.from({ length: 7 }).map((_, i) => (
         <div key={i}>
-          <div className="h-8 rounded-sm bg-muted animate-pulse" />
+          <div className="h-8 animate-pulse rounded-sm bg-muted" />
         </div>
       ))}
     </div>
@@ -149,8 +149,8 @@ const Nautilus = ({ onSelect }: { onSelect: (p: string) => void }) => {
 
   return (
     <div className="flex flex-col gap-4">
-      <div className="flex flex-row gap-1 items-center justify-between">
-        <ScrollArea className="max-w-sm border rounded-sm p-2">
+      <div className="flex flex-row items-center justify-between gap-1">
+        <ScrollArea className="max-w-sm rounded-sm border p-2">
           <p className="flex flex-row gap-1 text-xs text-muted-foreground">
             <span className="text-purple-500 dark:text-purple-400">
               selected:{' '}
@@ -169,7 +169,7 @@ const Nautilus = ({ onSelect }: { onSelect: (p: string) => void }) => {
           Select
         </Button>
       </div>
-      <div className="relative flex flex-row gap-0.5 items-center">
+      <div className="relative flex flex-row items-center gap-0.5">
         <Button
           className="h-8"
           title="Go back"
@@ -184,7 +184,7 @@ const Nautilus = ({ onSelect }: { onSelect: (p: string) => void }) => {
             setPath(path);
           }}
         >
-          <ArrowLeftIcon className="w-4 h-4" />
+          <ArrowLeftIcon className="h-4 w-4" />
         </Button>
         <span className="text-input">|</span>
         {shortcuts.map((shortcut) => (
@@ -211,7 +211,7 @@ const Nautilus = ({ onSelect }: { onSelect: (p: string) => void }) => {
               <FormItem>
                 <FormLabel className="sr-only">Path</FormLabel>
                 <FormControl>
-                  <div className="flex flex-row gap-0.5 items-center">
+                  <div className="flex flex-row items-center gap-0.5">
                     <Input className="text-ellipsis" {...field} />
                     <Button
                       type="submit"
@@ -219,7 +219,7 @@ const Nautilus = ({ onSelect }: { onSelect: (p: string) => void }) => {
                       variant="outline"
                       disabled={form.formState.isSubmitting}
                     >
-                      <ArrowRightIcon className="w-4 h-4" />
+                      <ArrowRightIcon className="h-4 w-4" />
                     </Button>
                   </div>
                 </FormControl>
@@ -246,9 +246,9 @@ const Nautilus = ({ onSelect }: { onSelect: (p: string) => void }) => {
           onClick={() => setDisplay(display === 'grid' ? 'list' : 'grid')}
         >
           {display === 'grid' ? (
-            <LayoutGridIcon className="w-4 h-4" />
+            <LayoutGridIcon className="h-4 w-4" />
           ) : (
-            <LayoutListIcon className="w-4 h-4" />
+            <LayoutListIcon className="h-4 w-4" />
           )}
         </Button>
       </div>
@@ -275,17 +275,17 @@ const Nautilus = ({ onSelect }: { onSelect: (p: string) => void }) => {
                 }}
                 key={item.name}
                 className={cn(
-                  'flex items-center rounded-lg px-2 py-1 h-fit hover:bg-violet-100 data-[selected=true]:hover:bg-violet-100 data-[selected=true]:bg-violet-200 hover:cursor-pointer dark:hover:bg-violet-800 dark:data-[selected=true]:hover:bg-violet-800 dark:data-[selected=true]:bg-violet-900',
+                  'flex h-fit items-center rounded-lg px-2 py-1 hover:cursor-pointer hover:bg-violet-100 data-[selected=true]:bg-violet-200 data-[selected=true]:hover:bg-violet-100 dark:hover:bg-violet-800 dark:data-[selected=true]:bg-violet-900 dark:data-[selected=true]:hover:bg-violet-800',
                   display === 'grid' ? 'flex-col' : 'flex-row gap-2',
                 )}
               >
                 {item.type === 'directory' && (
-                  <FolderIcon className="w-10 h-10 fill-muted stroke-1 dark:stroke-background" />
+                  <FolderIcon className="h-10 w-10 fill-muted stroke-1 dark:stroke-background" />
                 )}
                 {item.type === 'file' && (
-                  <FileIcon className="w-10 h-10 fill-muted stroke-1 dark:stroke-background" />
+                  <FileIcon className="h-10 w-10 fill-muted stroke-1 dark:stroke-background" />
                 )}
-                <span className="select-none text-xs text-muted-foreground text-center text-balance break-all">
+                <span className="select-none text-balance break-all text-center text-xs text-muted-foreground">
                   {item.name}
                 </span>
               </div>
diff --git a/apps/deepsirius-ui/src/components/theme-toggle.tsx b/apps/deepsirius-ui/src/components/theme-toggle.tsx
index 4819a74..1b4c522 100644
--- a/apps/deepsirius-ui/src/components/theme-toggle.tsx
+++ b/apps/deepsirius-ui/src/components/theme-toggle.tsx
@@ -13,11 +13,11 @@ export function ControlThemeButton() {
   return (
     <ControlButton
       title="toggle theme"
-      className="[&>svg]:!max-w-[24px] [&>svg]:!max-h-6"
+      className="[&>svg]:!max-h-6 [&>svg]:!max-w-[24px]"
       onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}
     >
       <SunIcon className="h-4 w-4 rotate-0 scale-100 transition-all hover:text-slate-900 dark:-rotate-90 dark:scale-0 dark:text-slate-400 dark:hover:text-slate-100" />
-      <MoonIcon className="h-4 w-4 absolute rotate-90 scale-0 transition-all hover:text-slate-900 dark:rotate-0 dark:scale-100 dark:text-slate-400 dark:hover:text-slate-100" />
+      <MoonIcon className="absolute h-4 w-4 rotate-90 scale-0 transition-all hover:text-slate-900 dark:rotate-0 dark:scale-100 dark:text-slate-400 dark:hover:text-slate-100" />
       <span className="sr-only">Toggle theme</span>
     </ControlButton>
   );
diff --git a/apps/deepsirius-ui/src/components/ui/accordion.tsx b/apps/deepsirius-ui/src/components/ui/accordion.tsx
index 310ccb2..0de89b0 100644
--- a/apps/deepsirius-ui/src/components/ui/accordion.tsx
+++ b/apps/deepsirius-ui/src/components/ui/accordion.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown } from 'lucide-react';
 
-import { cn } from "~/lib/utils";
+import { cn } from '~/lib/utils';
 
 const Accordion = AccordionPrimitive.Root;
 
@@ -14,11 +14,11 @@ const AccordionItem = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AccordionPrimitive.Item
     ref={ref}
-    className={cn("border-b", className)}
+    className={cn('border-b', className)}
     {...props}
   />
 ));
-AccordionItem.displayName = "AccordionItem";
+AccordionItem.displayName = 'AccordionItem';
 
 const AccordionTrigger = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Trigger>,
@@ -28,8 +28,8 @@ const AccordionTrigger = React.forwardRef<
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-        className
+        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
+        className,
       )}
       {...props}
     >
@@ -47,8 +47,8 @@ const AccordionContent = React.forwardRef<
   <AccordionPrimitive.Content
     ref={ref}
     className={cn(
-      "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-      className
+      'overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down',
+      className,
     )}
     {...props}
   >
diff --git a/apps/deepsirius-ui/src/components/ui/avatar.tsx b/apps/deepsirius-ui/src/components/ui/avatar.tsx
index 1c11571..76245a1 100644
--- a/apps/deepsirius-ui/src/components/ui/avatar.tsx
+++ b/apps/deepsirius-ui/src/components/ui/avatar.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 
-import { cn } from "~/lib/utils";
+import { cn } from '~/lib/utils';
 
 const Avatar = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Root>,
@@ -12,8 +12,8 @@ const Avatar = React.forwardRef<
   <AvatarPrimitive.Root
     ref={ref}
     className={cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
+      'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',
+      className,
     )}
     {...props}
   />
@@ -26,7 +26,7 @@ const AvatarImage = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AvatarPrimitive.Image
     ref={ref}
-    className={cn("aspect-square h-full w-full", className)}
+    className={cn('aspect-square h-full w-full', className)}
     {...props}
   />
 ));
@@ -39,8 +39,8 @@ const AvatarFallback = React.forwardRef<
   <AvatarPrimitive.Fallback
     ref={ref}
     className={cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-slate-100 dark:bg-slate-700",
-      className
+      'flex h-full w-full items-center justify-center rounded-full bg-slate-100 dark:bg-slate-700',
+      className,
     )}
     {...props}
   />
diff --git a/apps/deepsirius-ui/src/components/ui/command.tsx b/apps/deepsirius-ui/src/components/ui/command.tsx
index 9094df0..880b10b 100644
--- a/apps/deepsirius-ui/src/components/ui/command.tsx
+++ b/apps/deepsirius-ui/src/components/ui/command.tsx
@@ -1,12 +1,12 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import { type DialogProps } from "@radix-ui/react-dialog";
-import { Command as CommandPrimitive } from "cmdk";
-import { Search } from "lucide-react";
+import * as React from 'react';
+import { type DialogProps } from '@radix-ui/react-dialog';
+import { Command as CommandPrimitive } from 'cmdk';
+import { Search } from 'lucide-react';
 
-import { cn } from "~/lib/utils";
-import { Dialog, DialogContent } from "~/components/ui/dialog";
+import { cn } from '~/lib/utils';
+import { Dialog, DialogContent } from '~/components/ui/dialog';
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,
@@ -15,8 +15,8 @@ const Command = React.forwardRef<
   <CommandPrimitive
     ref={ref}
     className={cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-lg bg-white dark:bg-slate-800",
-      className
+      'flex h-full w-full flex-col overflow-hidden rounded-lg bg-white dark:bg-slate-800',
+      className,
     )}
     {...props}
   />
@@ -49,8 +49,8 @@ const CommandInput = React.forwardRef<
     <CommandPrimitive.Input
       ref={ref}
       className={cn(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-slate-400 disabled:cursor-not-allowed disabled:opacity-50 dark:text-slate-50",
-        className
+        'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-slate-400 disabled:cursor-not-allowed disabled:opacity-50 dark:text-slate-50',
+        className,
       )}
       {...props}
     />
@@ -65,7 +65,7 @@ const CommandList = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <CommandPrimitive.List
     ref={ref}
-    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}
     {...props}
   />
 ));
@@ -92,8 +92,8 @@ const CommandGroup = React.forwardRef<
   <CommandPrimitive.Group
     ref={ref}
     className={cn(
-      "overflow-hidden px-2 py-3 text-slate-700 dark:text-slate-400 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pb-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:text-slate-900 [&_[cmdk-group-heading]]:dark:text-slate-300",
-      className
+      'overflow-hidden px-2 py-3 text-slate-700 dark:text-slate-400 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pb-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:text-slate-900 [&_[cmdk-group-heading]]:dark:text-slate-300',
+      className,
     )}
     {...props}
   />
@@ -107,7 +107,7 @@ const CommandSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <CommandPrimitive.Separator
     ref={ref}
-    className={cn("-mx-1 h-px bg-slate-100 dark:bg-slate-700", className)}
+    className={cn('-mx-1 h-px bg-slate-100 dark:bg-slate-700', className)}
     {...props}
   />
 ));
@@ -120,8 +120,8 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm font-medium outline-none aria-selected:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:aria-selected:bg-slate-700",
-      className
+      'relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm font-medium outline-none aria-selected:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:aria-selected:bg-slate-700',
+      className,
     )}
     {...props}
   />
@@ -136,14 +136,14 @@ const CommandShortcut = ({
   return (
     <span
       className={cn(
-        "ml-auto text-xs tracking-widest text-slate-500",
-        className
+        'ml-auto text-xs tracking-widest text-slate-500',
+        className,
       )}
       {...props}
     />
   );
 };
-CommandShortcut.displayName = "CommandShortcut";
+CommandShortcut.displayName = 'CommandShortcut';
 
 export {
   Command,
diff --git a/apps/deepsirius-ui/src/components/ui/dropdown-menu.tsx b/apps/deepsirius-ui/src/components/ui/dropdown-menu.tsx
index 6df7717..40ef10d 100644
--- a/apps/deepsirius-ui/src/components/ui/dropdown-menu.tsx
+++ b/apps/deepsirius-ui/src/components/ui/dropdown-menu.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Check, ChevronRight, Circle } from 'lucide-react';
 
-import { cn } from "~/lib/utils";
+import { cn } from '~/lib/utils';
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 
@@ -27,9 +27,9 @@ const DropdownMenuSubTrigger = React.forwardRef<
   <DropdownMenuPrimitive.SubTrigger
     ref={ref}
     className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none focus:bg-slate-100 data-[state=open]:bg-slate-100 dark:focus:bg-slate-700 dark:data-[state=open]:bg-slate-700",
-      inset && "pl-8",
-      className
+      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none focus:bg-slate-100 data-[state=open]:bg-slate-100 dark:focus:bg-slate-700 dark:data-[state=open]:bg-slate-700',
+      inset && 'pl-8',
+      className,
     )}
     {...props}
   >
@@ -47,8 +47,8 @@ const DropdownMenuSubContent = React.forwardRef<
   <DropdownMenuPrimitive.SubContent
     ref={ref}
     className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-100 bg-white p-1 text-slate-700 shadow-md animate-in slide-in-from-left-1 dark:border-slate-800 dark:bg-slate-800 dark:text-slate-400",
-      className
+      'z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-100 bg-white p-1 text-slate-700 shadow-md animate-in slide-in-from-left-1 dark:border-slate-800 dark:bg-slate-800 dark:text-slate-400',
+      className,
     )}
     {...props}
   />
@@ -65,8 +65,8 @@ const DropdownMenuContent = React.forwardRef<
       ref={ref}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-100 bg-white p-1 text-slate-700 shadow-md animate-in 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 dark:border-slate-800 dark:bg-slate-800 dark:text-slate-400",
-        className
+        'z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-100 bg-white p-1 text-slate-700 shadow-md animate-in 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 dark:border-slate-800 dark:bg-slate-800 dark:text-slate-400',
+        className,
       )}
       {...props}
     />
@@ -83,9 +83,9 @@ const DropdownMenuItem = React.forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none focus:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-700",
-      inset && "pl-8",
-      className
+      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none focus:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-700',
+      inset && 'pl-8',
+      className,
     )}
     {...props}
   />
@@ -99,8 +99,8 @@ const DropdownMenuCheckboxItem = React.forwardRef<
   <DropdownMenuPrimitive.CheckboxItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm font-medium outline-none focus:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-700",
-      className
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm font-medium outline-none focus:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-700',
+      className,
     )}
     checked={checked}
     {...props}
@@ -123,8 +123,8 @@ const DropdownMenuRadioItem = React.forwardRef<
   <DropdownMenuPrimitive.RadioItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm font-medium outline-none focus:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-700",
-      className
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm font-medium outline-none focus:bg-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-700',
+      className,
     )}
     {...props}
   >
@@ -147,9 +147,9 @@ const DropdownMenuLabel = React.forwardRef<
   <DropdownMenuPrimitive.Label
     ref={ref}
     className={cn(
-      "px-2 py-1.5 text-sm font-semibold text-slate-900 dark:text-slate-300",
-      inset && "pl-8",
-      className
+      'px-2 py-1.5 text-sm font-semibold text-slate-900 dark:text-slate-300',
+      inset && 'pl-8',
+      className,
     )}
     {...props}
   />
@@ -162,7 +162,7 @@ const DropdownMenuSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DropdownMenuPrimitive.Separator
     ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-slate-100 dark:bg-slate-700", className)}
+    className={cn('-mx-1 my-1 h-px bg-slate-100 dark:bg-slate-700', className)}
     {...props}
   />
 ));
@@ -175,14 +175,14 @@ const DropdownMenuShortcut = ({
   return (
     <span
       className={cn(
-        "ml-auto text-xs tracking-widest text-slate-500",
-        className
+        'ml-auto text-xs tracking-widest text-slate-500',
+        className,
       )}
       {...props}
     />
   );
 };
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
 
 export {
   DropdownMenu,
diff --git a/apps/deepsirius-ui/src/components/ui/label.tsx b/apps/deepsirius-ui/src/components/ui/label.tsx
index 081b380..ee7acd3 100644
--- a/apps/deepsirius-ui/src/components/ui/label.tsx
+++ b/apps/deepsirius-ui/src/components/ui/label.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
 
-import { cn } from "~/lib/utils";
+import { cn } from '~/lib/utils';
 
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
@@ -12,8 +12,8 @@ const Label = React.forwardRef<
   <LabelPrimitive.Root
     ref={ref}
     className={cn(
-      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      className
+      'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
+      className,
     )}
     {...props}
   />
diff --git a/apps/deepsirius-ui/src/components/ui/skeleton.tsx b/apps/deepsirius-ui/src/components/ui/skeleton.tsx
index 2e1de8e..835a97e 100644
--- a/apps/deepsirius-ui/src/components/ui/skeleton.tsx
+++ b/apps/deepsirius-ui/src/components/ui/skeleton.tsx
@@ -1,4 +1,4 @@
-import { cn } from "~/lib/utils";
+import { cn } from '~/lib/utils';
 
 function Skeleton({
   className,
@@ -7,8 +7,8 @@ function Skeleton({
   return (
     <div
       className={cn(
-        "animate-pulse rounded-md bg-slate-300 dark:bg-slate-700",
-        className
+        'animate-pulse rounded-md bg-slate-300 dark:bg-slate-700',
+        className,
       )}
       {...props}
     />
diff --git a/apps/deepsirius-ui/src/components/ui/textarea.tsx b/apps/deepsirius-ui/src/components/ui/textarea.tsx
index 347dd85..c8d885a 100644
--- a/apps/deepsirius-ui/src/components/ui/textarea.tsx
+++ b/apps/deepsirius-ui/src/components/ui/textarea.tsx
@@ -1,23 +1,23 @@
-import * as React from "react"
+import * as React from 'react';
 
-import { cn } from "~/lib/utils"
+import { cn } from '~/lib/utils';
 
-export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 
 const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ className, ...props }, ref) => {
     return (
       <textarea
         className={cn(
-          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className
+          'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
+          className,
         )}
         ref={ref}
         {...props}
       />
-    )
-  }
-)
-Textarea.displayName = "Textarea"
+    );
+  },
+);
+Textarea.displayName = 'Textarea';
 
-export { Textarea }
+export { Textarea };
diff --git a/apps/deepsirius-ui/src/components/ui/tooltip.tsx b/apps/deepsirius-ui/src/components/ui/tooltip.tsx
index e0ce5b9..6933db7 100644
--- a/apps/deepsirius-ui/src/components/ui/tooltip.tsx
+++ b/apps/deepsirius-ui/src/components/ui/tooltip.tsx
@@ -1,15 +1,15 @@
-"use client"
+'use client';
 
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
-import { cn } from "~/lib/utils"
+import { cn } from '~/lib/utils';
 
-const TooltipProvider = TooltipPrimitive.Provider
+const TooltipProvider = TooltipPrimitive.Provider;
 
-const Tooltip = TooltipPrimitive.Root
+const Tooltip = TooltipPrimitive.Root;
 
-const TooltipTrigger = TooltipPrimitive.Trigger
+const TooltipTrigger = TooltipPrimitive.Trigger;
 
 const TooltipContent = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
@@ -19,12 +19,12 @@ const TooltipContent = React.forwardRef<
     ref={ref}
     sideOffset={sideOffset}
     className={cn(
-      "z-50 overflow-hidden rounded-md bg-primary-foreground px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
-      className
+      'z-50 overflow-hidden rounded-md bg-primary-foreground px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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',
+      className,
     )}
     {...props}
   />
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/apps/deepsirius-ui/src/components/workboard/augmentation-node.tsx b/apps/deepsirius-ui/src/components/workboard/augmentation-node.tsx
index 252161e..a76257c 100644
--- a/apps/deepsirius-ui/src/components/workboard/augmentation-node.tsx
+++ b/apps/deepsirius-ui/src/components/workboard/augmentation-node.tsx
@@ -94,7 +94,10 @@ export function AugmentationNode(nodeProps: NodeProps<NodeData>) {
         },
       });
       updateNodeInternals(nodeProps.id);
-    } else if (jobData.jobStatus === 'FAILED' || jobData.jobStatus?.includes('CANCELLED')) {
+    } else if (
+      jobData.jobStatus === 'FAILED' ||
+      jobData.jobStatus?.includes('CANCELLED')
+    ) {
       const date = dayjs().format('YYYY-MM-DD HH:mm:ss');
       toast.error('Job failed');
       onUpdateNode({
@@ -278,59 +281,94 @@ export function AugmentationNode(nodeProps: NodeProps<NodeData>) {
         >
           <div className="flex flex-col gap-2 rounded-md border border-input p-2 font-mono text-sm">
             <FormatFormDataItem
-              content={formData?.augmentationArgs.rot90 ? 'Selected' : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.rot90 ? 'Selected' : 'Not Selected'
+              }
               title="Rotation 90°"
             />
             <FormatFormDataItem
-              content={formData?.augmentationArgs.rot270 ? 'Selected' : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.rot270 ? 'Selected' : 'Not Selected'
+              }
               title="Rotation 270°"
               variant="even"
             />
             <FormatFormDataItem
               content={
-                formData?.augmentationArgs.flipHorizontal ? 'Selected' : 'Not Selected'
+                formData?.augmentationArgs.flipHorizontal
+                  ? 'Selected'
+                  : 'Not Selected'
               }
               title="Flip Horizontal"
             />
             <FormatFormDataItem
               content={
-                formData?.augmentationArgs.flipVertical ? 'Selected' : 'Not Selected'
+                formData?.augmentationArgs.flipVertical
+                  ? 'Selected'
+                  : 'Not Selected'
               }
               title="Flip Vertical"
               variant="even"
             />
             <FormatFormDataItem
-              content={formData?.augmentationArgs.elastic.select ? `alpha: (${(formData?.augmentationArgs.elastic.alpha ?? '').toString()}), sigma: (${(formData?.augmentationArgs.elastic.sigma ?? '').toString()})` : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.elastic.select
+                  ? `alpha: (${(formData?.augmentationArgs.elastic.alpha ?? '').toString()}), sigma: (${(formData?.augmentationArgs.elastic.sigma ?? '').toString()})`
+                  : 'Not Selected'
+              }
               title="Elastic"
             />
             <FormatFormDataItem
-              content={formData?.augmentationArgs.gaussianBlur.select ? `sigma: (${(formData?.augmentationArgs.gaussianBlur.sigma ?? '').toString()})` : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.gaussianBlur.select
+                  ? `sigma: (${(formData?.augmentationArgs.gaussianBlur.sigma ?? '').toString()})`
+                  : 'Not Selected'
+              }
               title="Gaussian Blur"
               variant="even"
             />
             <FormatFormDataItem
-              content={formData?.augmentationArgs.contrast.select ? `factor: (${(formData?.augmentationArgs.contrast.factor ?? '').toString()})` : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.contrast.select
+                  ? `factor: (${(formData?.augmentationArgs.contrast.factor ?? '').toString()})`
+                  : 'Not Selected'
+              }
               title="Contrast"
             />
             <FormatFormDataItem
-              content={formData?.augmentationArgs.averageBlur.select ? `kernel size: (${(formData?.augmentationArgs.averageBlur.kernelSize ?? '').toString()})` : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.averageBlur.select
+                  ? `kernel size: (${(formData?.augmentationArgs.averageBlur.kernelSize ?? '').toString()})`
+                  : 'Not Selected'
+              }
               title="Average Blur"
               variant="even"
             />
             <FormatFormDataItem
-              content={formData?.augmentationArgs.linearContrast.select ? `factor: (${(formData?.augmentationArgs.linearContrast.factor ?? '').toString()})` : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.linearContrast.select
+                  ? `factor: (${(formData?.augmentationArgs.linearContrast.factor ?? '').toString()})`
+                  : 'Not Selected'
+              }
               title="Linear Contrast"
             />
             <FormatFormDataItem
-              content={formData?.augmentationArgs.dropout.select ? `factor: (${(formData?.augmentationArgs.dropout.factor ?? '').toString()})` : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.dropout.select
+                  ? `factor: (${(formData?.augmentationArgs.dropout.factor ?? '').toString()})`
+                  : 'Not Selected'
+              }
               title="Dropout"
               variant="even"
             />
             <FormatFormDataItem
-              content={formData?.augmentationArgs.poissonNoise.select ? `scale: (${(formData?.augmentationArgs.poissonNoise.scale ?? '').toString()})` : 'Not Selected'}
+              content={
+                formData?.augmentationArgs.poissonNoise.select
+                  ? `scale: (${(formData?.augmentationArgs.poissonNoise.scale ?? '').toString()})`
+                  : 'Not Selected'
+              }
               title="Poisson Noise"
             />
-
           </div>
         </SuccessSheet>
       </>
diff --git a/apps/deepsirius-ui/src/components/workboard/create-new-workspace.tsx b/apps/deepsirius-ui/src/components/workboard/create-new-workspace.tsx
index 6b61187..8d7c57a 100644
--- a/apps/deepsirius-ui/src/components/workboard/create-new-workspace.tsx
+++ b/apps/deepsirius-ui/src/components/workboard/create-new-workspace.tsx
@@ -8,7 +8,10 @@ import { z } from 'zod';
 import { Button } from '~/components/ui/button';
 import { env } from '~/env.mjs';
 import { useStoreActions } from '~/hooks/use-store';
-import { checkStatusRefetchInterval, slurmPartitionOptions } from '~/lib/constants';
+import {
+  checkStatusRefetchInterval,
+  slurmPartitionOptions,
+} from '~/lib/constants';
 import { api } from '~/utils/api';
 
 import { NautilusDialog } from '../nautilus';
diff --git a/apps/deepsirius-ui/src/components/workboard/dataset-node.tsx b/apps/deepsirius-ui/src/components/workboard/dataset-node.tsx
index d3149e0..7ac38a3 100644
--- a/apps/deepsirius-ui/src/components/workboard/dataset-node.tsx
+++ b/apps/deepsirius-ui/src/components/workboard/dataset-node.tsx
@@ -72,7 +72,10 @@ export function DatasetNode(nodeProps: NodeProps<NodeData>) {
         },
       });
       updateNodeInternals(nodeProps.id);
-    } else if (jobData.jobStatus === 'FAILED' || jobData.jobStatus?.includes('CANCELLED')) {
+    } else if (
+      jobData.jobStatus === 'FAILED' ||
+      jobData.jobStatus?.includes('CANCELLED')
+    ) {
       toast.error('Job failed');
       onUpdateNode({
         id: nodeProps.id,
diff --git a/apps/deepsirius-ui/src/components/workboard/inference-node.tsx b/apps/deepsirius-ui/src/components/workboard/inference-node.tsx
index dfca646..6cf65e5 100644
--- a/apps/deepsirius-ui/src/components/workboard/inference-node.tsx
+++ b/apps/deepsirius-ui/src/components/workboard/inference-node.tsx
@@ -73,7 +73,10 @@ export function InferenceNode(nodeProps: NodeProps<NodeData>) {
         },
       });
       updateNodeInternals(nodeProps.id);
-    } else if (jobData.jobStatus === 'FAILED' || jobData.jobStatus?.includes('CANCELLED')) {
+    } else if (
+      jobData.jobStatus === 'FAILED' ||
+      jobData.jobStatus?.includes('CANCELLED')
+    ) {
       const date = dayjs().format('YYYY-MM-DD HH:mm:ss');
       toast.error('Job failed');
       onUpdateNode({
diff --git a/apps/deepsirius-ui/src/components/workboard/network-node.tsx b/apps/deepsirius-ui/src/components/workboard/network-node.tsx
index dcc251c..ddbb551 100644
--- a/apps/deepsirius-ui/src/components/workboard/network-node.tsx
+++ b/apps/deepsirius-ui/src/components/workboard/network-node.tsx
@@ -85,7 +85,10 @@ export function NetworkNode(nodeProps: NodeProps<NodeData>) {
         },
       });
       updateNodeInternals(nodeProps.id);
-    } else if (jobData.jobStatus === 'FAILED' || jobData.jobStatus?.includes('CANCELLED')) {
+    } else if (
+      jobData.jobStatus === 'FAILED' ||
+      jobData.jobStatus?.includes('CANCELLED')
+    ) {
       const date = dayjs().format('YYYY-MM-DD HH:mm:ss');
       toast.error('Job failed');
       const networkData = nodeProps.data.networkData;
diff --git a/apps/deepsirius-ui/src/components/workboard/node-components/node-card.tsx b/apps/deepsirius-ui/src/components/workboard/node-components/node-card.tsx
index 12f0595..d5117fd 100644
--- a/apps/deepsirius-ui/src/components/workboard/node-components/node-card.tsx
+++ b/apps/deepsirius-ui/src/components/workboard/node-components/node-card.tsx
@@ -182,9 +182,7 @@ export default function NodeCard({
         id={`node-card-${nodeType}-${nodeId}`}
         data-selected={selected}
         data-status={nodeStatus}
-        className={cn(
-          nodeCardVariants({ status: nodeStatus }),
-        )}
+        className={cn(nodeCardVariants({ status: nodeStatus }))}
       >
         <CardContent className="flex h-full flex-row items-center gap-4 p-4">
           <NodeIcon nodeType={nodeType} />
diff --git a/apps/deepsirius-ui/src/components/workboard/status-badge.tsx b/apps/deepsirius-ui/src/components/workboard/status-badge.tsx
index c063d36..e4b2b6c 100644
--- a/apps/deepsirius-ui/src/components/workboard/status-badge.tsx
+++ b/apps/deepsirius-ui/src/components/workboard/status-badge.tsx
@@ -14,8 +14,14 @@ const nodeStatusBadgeVariants = cva('', {
   },
 });
 
-export function StatusBadge({ status, className }: { status: NodeStatus | undefined, className?: string}) {
-  if (!status) return null;  
+export function StatusBadge({
+  status,
+  className,
+}: {
+  status: NodeStatus | undefined;
+  className?: string;
+}) {
+  if (!status) return null;
   return (
     <Badge
       className={cn(
diff --git a/apps/deepsirius-ui/src/components/workboard/workspace-flow-controller.tsx b/apps/deepsirius-ui/src/components/workboard/workspace-flow-controller.tsx
index 730b837..afd2968 100644
--- a/apps/deepsirius-ui/src/components/workboard/workspace-flow-controller.tsx
+++ b/apps/deepsirius-ui/src/components/workboard/workspace-flow-controller.tsx
@@ -115,17 +115,22 @@ function Geppetto({ workspaceInfo }: { workspaceInfo: WorkspaceInfo }) {
       }
       // delete the remote files
       if (selectedNode.type === 'dataset') {
-        const remotePath = selectedNode.data.datasetData?.remotePath || selectedNode.data.remotePath;
+        const remotePath =
+          selectedNode.data.datasetData?.remotePath ||
+          selectedNode.data.remotePath;
         if (remotePath) {
           rmFile({ path: remotePath });
         }
       }
       if (selectedNode.type === 'augmentation') {
-        const remotePath = selectedNode.data.augmentationData?.remotePath || selectedNode.data.remotePath;
-      if (remotePath) {
-        rmFile({ path: remotePath });
-      }
-        const remotePreviewPath = selectedNode.data.augmentationData?.remotePreviewPath;
+        const remotePath =
+          selectedNode.data.augmentationData?.remotePath ||
+          selectedNode.data.remotePath;
+        if (remotePath) {
+          rmFile({ path: remotePath });
+        }
+        const remotePreviewPath =
+          selectedNode.data.augmentationData?.remotePreviewPath;
         if (remotePreviewPath) {
           rmDir({ path: remotePreviewPath });
         }
@@ -352,65 +357,65 @@ function Geppetto({ workspaceInfo }: { workspaceInfo: WorkspaceInfo }) {
         <AvatarDrop />
       </div>
       <div className="h-screen">
-      <TooltipProvider>
-        <AlertDelete
-          open={alertOpen}
-          onOpenChange={setAlertOpen}
-          onConfirm={handleNodesDelete}
-        />
-        <ReactFlow
-          nodes={nodes}
-          edges={edges}
-          onNodesChange={onNodesChange}
-          onEdgesChange={onEdgesChange}
-          onConnect={onConnect}
-          onNodeDragStop={onNodeDragStop}
-          deleteKeyCode={[]} // disable delete key
-          connectionLineComponent={CustomConnectionLine}
-          nodeTypes={nodeTypes}
-          fitView
-        >
-          <Panel position="top-left" className="flex flex-col gap-2">
-            <PlusOneMenu />
-          </Panel>
-          <Panel position="bottom-center">
-            <span className="flex w-fit rounded-sm border bg-muted p-2 text-sm font-semibold text-slate-500 dark:text-slate-400 ">
-              <span className="mr-2 text-purple-500 dark:text-purple-400">
-                Workspace:
+        <TooltipProvider>
+          <AlertDelete
+            open={alertOpen}
+            onOpenChange={setAlertOpen}
+            onConfirm={handleNodesDelete}
+          />
+          <ReactFlow
+            nodes={nodes}
+            edges={edges}
+            onNodesChange={onNodesChange}
+            onEdgesChange={onEdgesChange}
+            onConnect={onConnect}
+            onNodeDragStop={onNodeDragStop}
+            deleteKeyCode={[]} // disable delete key
+            connectionLineComponent={CustomConnectionLine}
+            nodeTypes={nodeTypes}
+            fitView
+          >
+            <Panel position="top-left" className="flex flex-col gap-2">
+              <PlusOneMenu />
+            </Panel>
+            <Panel position="bottom-center">
+              <span className="flex w-fit rounded-sm border bg-muted p-2 text-sm font-semibold text-slate-500 dark:text-slate-400 ">
+                <span className="mr-2 text-purple-500 dark:text-purple-400">
+                  Workspace:
+                </span>
+                {`"${workspaceInfo.name}"`}
               </span>
-              {`"${workspaceInfo.name}"`}
-            </span>
-          </Panel>
-          {nodes.length === 0 && (
-            <Panel position="top-center">
-              <AlertDemo />
             </Panel>
-          )}
-          <Panel position="top-right">
-            <div id="node-props-panel"></div>
-          </Panel>
-          <Controls
-            showZoom={false}
-            showInteractive={false}
-            className="bg-transparent px-1 dark:fill-slate-400 [&>button:hover]:dark:bg-slate-700 [&>button:hover]:dark:fill-slate-100 [&>button]:my-2 [&>button]:h-6 [&>button]:w-6 [&>button]:rounded-sm [&>button]:border-none [&>button]:dark:bg-muted"
-          >
-            <ControlHelpButton />
-          </Controls>
-          <MiniMap
-            nodeColor={nodeColor}
-            nodeComponent={MiniMapNode}
-            maskColor="rgba(0,0,0,0.2)"
-            className="scale-90 rounded-sm dark:bg-muted/70"
-            pannable
-            zoomable
-          />
-          <Background
-            className="bg-light-ocean dark:bg-dark-ocean"
-            variant={variant}
-            gap={24}
-          />
-        </ReactFlow>
-      </TooltipProvider>
+            {nodes.length === 0 && (
+              <Panel position="top-center">
+                <AlertDemo />
+              </Panel>
+            )}
+            <Panel position="top-right">
+              <div id="node-props-panel"></div>
+            </Panel>
+            <Controls
+              showZoom={false}
+              showInteractive={false}
+              className="bg-transparent px-1 dark:fill-slate-400 [&>button:hover]:dark:bg-slate-700 [&>button:hover]:dark:fill-slate-100 [&>button]:my-2 [&>button]:h-6 [&>button]:w-6 [&>button]:rounded-sm [&>button]:border-none [&>button]:dark:bg-muted"
+            >
+              <ControlHelpButton />
+            </Controls>
+            <MiniMap
+              nodeColor={nodeColor}
+              nodeComponent={MiniMapNode}
+              maskColor="rgba(0,0,0,0.2)"
+              className="scale-90 rounded-sm dark:bg-muted/70"
+              pannable
+              zoomable
+            />
+            <Background
+              className="bg-light-ocean dark:bg-dark-ocean"
+              variant={variant}
+              gap={24}
+            />
+          </ReactFlow>
+        </TooltipProvider>
       </div>
     </>
   );
diff --git a/apps/deepsirius-ui/src/pages/api/auth/[...nextauth].ts b/apps/deepsirius-ui/src/pages/api/auth/[...nextauth].ts
index 8aefbb6..9dabfb5 100644
--- a/apps/deepsirius-ui/src/pages/api/auth/[...nextauth].ts
+++ b/apps/deepsirius-ui/src/pages/api/auth/[...nextauth].ts
@@ -1,4 +1,4 @@
-import NextAuth from "next-auth";
-import { authOptions } from "~/server/auth";
+import NextAuth from 'next-auth';
+import { authOptions } from '~/server/auth';
 
 export default NextAuth(authOptions);
diff --git a/apps/deepsirius-ui/src/pages/index.tsx b/apps/deepsirius-ui/src/pages/index.tsx
index cb732e1..c57a40c 100644
--- a/apps/deepsirius-ui/src/pages/index.tsx
+++ b/apps/deepsirius-ui/src/pages/index.tsx
@@ -29,14 +29,18 @@ const SessionOptions: React.FC = () => {
         <StyledLink href={'/'} onClick={() => void signIn(undefined)}>
           Sign in
         </StyledLink>
-        <StyledLink href={'https://deepsirius.lnls.br/dive'}>Documentation</StyledLink>
+        <StyledLink href={'https://deepsirius.lnls.br/dive'}>
+          Documentation
+        </StyledLink>
       </>
     );
 
   return (
     <>
       <StyledLink href={user.route}>Workspaces</StyledLink>
-      <StyledLink href={'https://deepsirius.lnls.br/dive'}>Documentation</StyledLink>
+      <StyledLink href={'https://deepsirius.lnls.br/dive'}>
+        Documentation
+      </StyledLink>
     </>
   );
 };
diff --git a/apps/deepsirius-ui/src/pages/u/[user]/[workspace]/gallery.tsx b/apps/deepsirius-ui/src/pages/u/[user]/[workspace]/gallery.tsx
index 15ccb14..affd395 100644
--- a/apps/deepsirius-ui/src/pages/u/[user]/[workspace]/gallery.tsx
+++ b/apps/deepsirius-ui/src/pages/u/[user]/[workspace]/gallery.tsx
@@ -163,7 +163,7 @@ function SidePanelContent({ node }: { node: Node<NodeData> }) {
               <TensorboardLink
                 logdir={getLogPath(node).out}
                 disabled={
-                  !(node.type === 'network' || node.type === 'finetune') || 
+                  !(node.type === 'network' || node.type === 'finetune') ||
                   status !== 'busy'
                 }
                 onClick={() => void setView('tensorboard')}
diff --git a/apps/deepsirius-ui/src/pages/u/[user]/index.tsx b/apps/deepsirius-ui/src/pages/u/[user]/index.tsx
index d211b02..9bd5d33 100644
--- a/apps/deepsirius-ui/src/pages/u/[user]/index.tsx
+++ b/apps/deepsirius-ui/src/pages/u/[user]/index.tsx
@@ -196,9 +196,9 @@ function WorkspaceList({ userRoute, search }: WorkspaceListProps) {
   if (isLoading) {
     return (
       <div className="flex flex-col gap-2">
-        <Skeleton className="flex flex-row h-36 w-full justify-center"/>
-        <Skeleton className="flex flex-row h-36 w-full justify-center"/>
-        <Skeleton className="flex flex-row h-36 w-full justify-center"/>
+        <Skeleton className="flex h-36 w-full flex-row justify-center" />
+        <Skeleton className="flex h-36 w-full flex-row justify-center" />
+        <Skeleton className="flex h-36 w-full flex-row justify-center" />
       </div>
     );
   }
@@ -206,8 +206,8 @@ function WorkspaceList({ userRoute, search }: WorkspaceListProps) {
   if (!workspaces || workspaces.length === 0) {
     return (
       <div className="flex flex-col">
-        <Skeleton className="flex flex-row h-36 w-full justify-center">
-          <p className='my-auto'>No workspaces found</p>
+        <Skeleton className="flex h-36 w-full flex-row justify-center">
+          <p className="my-auto">No workspaces found</p>
         </Skeleton>
       </div>
     );
diff --git a/apps/deepsirius-ui/src/server/api/routers/deepsirius-job.ts b/apps/deepsirius-ui/src/server/api/routers/deepsirius-job.ts
index c1cf3ca..e2b4001 100644
--- a/apps/deepsirius-ui/src/server/api/routers/deepsirius-job.ts
+++ b/apps/deepsirius-ui/src/server/api/routers/deepsirius-job.ts
@@ -59,7 +59,9 @@ export const deepsiriusJobRouter = createTRPCRouter({
       const containerScript = `singularity exec --nv --no-home --bind ${env.PROCESSING_CONTAINER_STORAGE_BIND} ${env.PROCESSING_CONTAINER_PATH}`;
       // defining the full command
       const command = `${containerScript} ssc-deepsirius create_workspace ${input.workspacePath}`;
-      const { base, out, err } = defaultSlurmLogPath({ workspacePath: input.workspacePath });
+      const { base, out, err } = defaultSlurmLogPath({
+        workspacePath: input.workspacePath,
+      });
       const sbatchContent = [
         '#!/bin/bash',
         `#SBATCH --job-name=${jobName}`,
@@ -123,7 +125,9 @@ export const deepsiriusJobRouter = createTRPCRouter({
       const cliScript = `ssc-deepsirius create_dataset ${argsString} ${samplingKwargsString} ${inputImgagesKwArgs} ${inputLabelsKwArgs} ${inputWeightsKwArgs}`;
       const containerScript = `singularity exec --nv --no-home --bind ${env.PROCESSING_CONTAINER_STORAGE_BIND} ${env.PROCESSING_CONTAINER_PATH}`;
       const command = `${containerScript} ${cliScript}`;
-      const { out, err } = defaultSlurmLogPath({ workspacePath: input.workspacePath });
+      const { out, err } = defaultSlurmLogPath({
+        workspacePath: input.workspacePath,
+      });
       const sbatchContent = [
         '#!/bin/bash',
         `#SBATCH --job-name=${jobName}`,
@@ -251,7 +255,9 @@ export const deepsiriusJobRouter = createTRPCRouter({
 
       // defining the full command
       const command = `${containerScript} ssc-deepsirius augment_dataset ${input.workspacePath} ${input.sourceDatasetName} ${input.formData.augmentedDatasetName} ${inputImgageArgs} ${kwArgsString}`;
-      const { out, err } = defaultSlurmLogPath({ workspacePath: input.workspacePath });
+      const { out, err } = defaultSlurmLogPath({
+        workspacePath: input.workspacePath,
+      });
       const sbatchContent = [
         '#!/bin/bash',
         `#SBATCH --job-name=${jobName}`,
@@ -303,7 +309,7 @@ export const deepsiriusJobRouter = createTRPCRouter({
         optimiser: input.formData.optimizer,
         // in the ui, theres a separation of concerns between the network form and the finetune component, but the cli uses the same function for both
         // so we need to pass this value as a boolean to the cli.
-        'drop-classifier': false, 
+        'drop-classifier': false,
         // this is a silly way to get around the fact that the cli expects 3 values for patch size
         'net-patch-size': (input.formData.patchSize + ' ').repeat(3),
       };
@@ -315,7 +321,9 @@ export const deepsiriusJobRouter = createTRPCRouter({
       // defining the container script
       const containerScript = `singularity exec --nv --bind ${env.PROCESSING_CONTAINER_STORAGE_BIND} ${env.PROCESSING_CONTAINER_PATH}`;
       const command = `${containerScript} ${trainingScript}`;
-      const { out, err } = defaultSlurmLogPath({ workspacePath: input.workspacePath });
+      const { out, err } = defaultSlurmLogPath({
+        workspacePath: input.workspacePath,
+      });
       const sbatchContent = [
         '#!/bin/bash',
         `#SBATCH --job-name=${jobName}`,
@@ -377,7 +385,9 @@ export const deepsiriusJobRouter = createTRPCRouter({
       // defining the container script
       const containerScript = `singularity exec --nv --bind ${env.PROCESSING_CONTAINER_STORAGE_BIND} ${env.PROCESSING_CONTAINER_PATH}`;
       const command = `${containerScript} ${trainingScript}`;
-      const { out, err } = defaultSlurmLogPath({ workspacePath: input.workspacePath });
+      const { out, err } = defaultSlurmLogPath({
+        workspacePath: input.workspacePath,
+      });
       const sbatchContent = [
         '#!/bin/bash',
         `#SBATCH --job-name=${jobName}`,
@@ -443,7 +453,9 @@ export const deepsiriusJobRouter = createTRPCRouter({
         (input.formData.normalize ? ' --norm-data' : ' --no-norm-data');
       // creating the full command line script
       const command = `${containerScript} ssc-deepsirius run_inference ${argsString} ${KwArgsString} ${inputImagesKwArgs}`;
-      const { out, err } = defaultSlurmLogPath({ workspacePath: input.workspacePath });
+      const { out, err } = defaultSlurmLogPath({
+        workspacePath: input.workspacePath,
+      });
       const sbatchContent = [
         '#!/bin/bash',
         `#SBATCH --job-name=${jobName}`,
diff --git a/apps/deepsirius-ui/src/server/api/routers/ssh.ts b/apps/deepsirius-ui/src/server/api/routers/ssh.ts
index 438ebdb..14dd784 100644
--- a/apps/deepsirius-ui/src/server/api/routers/ssh.ts
+++ b/apps/deepsirius-ui/src/server/api/routers/ssh.ts
@@ -119,7 +119,7 @@ export const sshRouter = createTRPCRouter({
         });
       }
       return { content: data };
-    }), 
+    }),
   catImage: protectedProcedure
     .input(
       z
diff --git a/apps/docs/app/_components/node.tsx b/apps/docs/app/_components/node.tsx
index d976734..9bc9bb7 100644
--- a/apps/docs/app/_components/node.tsx
+++ b/apps/docs/app/_components/node.tsx
@@ -166,7 +166,7 @@ const NodeCard = ({ name, status, selected, onSelect }: NodeCardProps) => {
                 status === "active" && "text-green-800 dark:text-green-400",
                 status === "busy" && "text-yellow-800 dark:text-yellow-400",
                 status === "error" && "text-red-800 dark:text-red-400",
-                status === "success" && "text-blue-800 dark:text-blue-400"
+                status === "success" && "text-blue-800 dark:text-blue-400",
               )}
             >
               {name}
@@ -177,7 +177,7 @@ const NodeCard = ({ name, status, selected, onSelect }: NodeCardProps) => {
                 status === "active" && "text-green-600 dark:text-green-500",
                 status === "busy" && "text-yellow-600 dark:text-yellow-500",
                 status === "error" && "text-red-600 dark:text-red-500",
-                status === "success" && "text-blue-600 dark:text-blue-500"
+                status === "success" && "text-blue-600 dark:text-blue-500",
               )}
             >
               {"message"}
@@ -226,7 +226,7 @@ const Node = ({ name }: { name: string }) => {
       <div className="flex flex-wrap gap-2 absolute left-4 top-4">
         {!name && (
           <>
-            {'Type: '}
+            {"Type: "}
             {names.map((name) => (
               <button
                 key={name}
@@ -239,7 +239,7 @@ const Node = ({ name }: { name: string }) => {
                 <Icon name={name} />
               </button>
             ))}
-            {'Status: '}
+            {"Status: "}
           </>
         )}
         {statuses.map((status) => (
@@ -255,7 +255,7 @@ const Node = ({ name }: { name: string }) => {
               status === "error" &&
                 "border-red-800 text-red-600 bg-red-100 hover:bg-red-200 dark:bg-muted dark:text-red-400 dark:hover:bg-red-800",
               status === "success" &&
-                "border-blue-800 text-blue-600 bg-blue-100 hover:bg-blue-200 dark:bg-muted dark:text-blue-400 dark:hover:bg-blue-800"
+                "border-blue-800 text-blue-600 bg-blue-100 hover:bg-blue-200 dark:bg-muted dark:text-blue-400 dark:hover:bg-blue-800",
             )}
           >
             {status}
diff --git a/apps/docs/app/_components/providers.tsx b/apps/docs/app/_components/providers.tsx
index bd2b0f9..0fe4dc1 100644
--- a/apps/docs/app/_components/providers.tsx
+++ b/apps/docs/app/_components/providers.tsx
@@ -14,4 +14,4 @@ export function Provider({ children }: { children: ReactNode }) {
       {children}
     </RootProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/apps/docs/app/_components/search.tsx b/apps/docs/app/_components/search.tsx
index 5b94bd0..df24243 100644
--- a/apps/docs/app/_components/search.tsx
+++ b/apps/docs/app/_components/search.tsx
@@ -5,4 +5,4 @@ import type { SharedProps } from "fumadocs-ui/components/dialog/search";
 export default function CustomSearchDialog(props: SharedProps) {
   // hardcoded api path in the search dialog does not sees next basePath
   return <SearchDialog api="/dive/api/search" {...props} />;
-}
\ No newline at end of file
+}
diff --git a/apps/docs/app/_components/ui/card.tsx b/apps/docs/app/_components/ui/card.tsx
index 8cdc562..4a88ed8 100644
--- a/apps/docs/app/_components/ui/card.tsx
+++ b/apps/docs/app/_components/ui/card.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { cn } from '@/app/lib/utils';
+import * as React from "react";
+import { cn } from "@/app/lib/utils";
 
 const Card = React.forwardRef<
   HTMLDivElement,
@@ -8,13 +8,13 @@ const Card = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      'rounded-lg border bg-card text-card-foreground shadow-sm',
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
       className,
     )}
     {...props}
   />
 ));
-Card.displayName = 'Card';
+Card.displayName = "Card";
 
 const CardHeader = React.forwardRef<
   HTMLDivElement,
@@ -22,11 +22,11 @@ const CardHeader = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn('flex flex-col space-y-1.5 p-6', className)}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
     {...props}
   />
 ));
-CardHeader.displayName = 'CardHeader';
+CardHeader.displayName = "CardHeader";
 
 const CardTitle = React.forwardRef<
   HTMLParagraphElement,
@@ -35,13 +35,13 @@ const CardTitle = React.forwardRef<
   <h3
     ref={ref}
     className={cn(
-      'text-lg font-semibold leading-none tracking-tight',
+      "text-lg font-semibold leading-none tracking-tight",
       className,
     )}
     {...props}
   />
 ));
-CardTitle.displayName = 'CardTitle';
+CardTitle.displayName = "CardTitle";
 
 const CardDescription = React.forwardRef<
   HTMLParagraphElement,
@@ -49,19 +49,19 @@ const CardDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <p
     ref={ref}
-    className={cn('text-sm text-muted-foreground', className)}
+    className={cn("text-sm text-muted-foreground", className)}
     {...props}
   />
 ));
-CardDescription.displayName = 'CardDescription';
+CardDescription.displayName = "CardDescription";
 
 const CardContent = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
 ));
-CardContent.displayName = 'CardContent';
+CardContent.displayName = "CardContent";
 
 const CardFooter = React.forwardRef<
   HTMLDivElement,
@@ -69,11 +69,11 @@ const CardFooter = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn(' flex items-center p-6 pt-0', className)}
+    className={cn(" flex items-center p-6 pt-0", className)}
     {...props}
   />
 ));
-CardFooter.displayName = 'CardFooter';
+CardFooter.displayName = "CardFooter";
 
 export {
   Card,
diff --git a/apps/docs/app/_components/ui/pros-and-cons-table.tsx b/apps/docs/app/_components/ui/pros-and-cons-table.tsx
index f4965cd..37ca7f0 100644
--- a/apps/docs/app/_components/ui/pros-and-cons-table.tsx
+++ b/apps/docs/app/_components/ui/pros-and-cons-table.tsx
@@ -2,32 +2,32 @@ import * as React from "react";
 import { cn } from "@/app/lib/utils";
 
 type ProsConsProps = {
-    pros: string[];
-    cons: string[];
-    className?: string;
-    };
+  pros: string[];
+  cons: string[];
+  className?: string;
+};
 const ProsAndConsTable = React.forwardRef<HTMLTableElement, ProsConsProps>(
-    ({ pros, cons, className }, ref) => {
-        const maxRows = Math.max(pros.length, cons.length);
-        return (
-        <table ref={ref} className={cn("w-full table-fixed", className)}>
-            <thead>
-                <tr>
-                    <th>Pros</th>
-                    <th>Cons</th>
-                </tr>
-            </thead>
-            <tbody>
-                {Array.from({ length: maxRows }).map((_, index) => (
-                    <tr key={index} className="flex-wrap">
-                        <td className="text-wrap">{pros[index]}</td>
-                        <td className="text-wrap">{cons[index]}</td>
-                    </tr>
-                ))}
-            </tbody>
-        </table>
-        );
-    }
+  ({ pros, cons, className }, ref) => {
+    const maxRows = Math.max(pros.length, cons.length);
+    return (
+      <table ref={ref} className={cn("w-full table-fixed", className)}>
+        <thead>
+          <tr>
+            <th>Pros</th>
+            <th>Cons</th>
+          </tr>
+        </thead>
+        <tbody>
+          {Array.from({ length: maxRows }).map((_, index) => (
+            <tr key={index} className="flex-wrap">
+              <td className="text-wrap">{pros[index]}</td>
+              <td className="text-wrap">{cons[index]}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    );
+  },
 );
 
-export { ProsAndConsTable };
\ No newline at end of file
+export { ProsAndConsTable };
diff --git a/apps/docs/app/api/search/route.ts b/apps/docs/app/api/search/route.ts
index 74983f9..f67671a 100644
--- a/apps/docs/app/api/search/route.ts
+++ b/apps/docs/app/api/search/route.ts
@@ -1,7 +1,7 @@
-import { getPages } from '@/app/source';
-import { createSearchAPI } from 'fumadocs-core/search/server';
+import { getPages } from "@/app/source";
+import { createSearchAPI } from "fumadocs-core/search/server";
 
-export const { GET } = createSearchAPI('advanced', {
+export const { GET } = createSearchAPI("advanced", {
   indexes: getPages().map((page) => ({
     title: page.data.title,
     structuredData: page.data.exports.structuredData,
diff --git a/apps/docs/app/docs/[[...slug]]/page.tsx b/apps/docs/app/docs/[[...slug]]/page.tsx
index 901da0f..a2ba18e 100644
--- a/apps/docs/app/docs/[[...slug]]/page.tsx
+++ b/apps/docs/app/docs/[[...slug]]/page.tsx
@@ -1,7 +1,7 @@
-import { getPage, getPages } from '@/app/source';
-import type { Metadata } from 'next';
-import { DocsPage, DocsBody } from 'fumadocs-ui/page';
-import { notFound } from 'next/navigation';
+import { getPage, getPages } from "@/app/source";
+import type { Metadata } from "next";
+import { DocsPage, DocsBody } from "fumadocs-ui/page";
+import { notFound } from "next/navigation";
 
 export default async function Page({
   params,
diff --git a/apps/docs/app/source.ts b/apps/docs/app/source.ts
index 5cb887b..20dbca1 100644
--- a/apps/docs/app/source.ts
+++ b/apps/docs/app/source.ts
@@ -1,9 +1,9 @@
-import { map } from '@/.map';
-import { createMDXSource } from 'fumadocs-mdx';
-import { loader } from 'fumadocs-core/source';
+import { map } from "@/.map";
+import { createMDXSource } from "fumadocs-mdx";
+import { loader } from "fumadocs-core/source";
 
 export const { getPage, getPages, pageTree } = loader({
-  baseUrl: '/docs',
-  rootDir: 'docs',
+  baseUrl: "/docs",
+  rootDir: "docs",
   source: createMDXSource(map),
 });
diff --git a/apps/docs/mdx-components.tsx b/apps/docs/mdx-components.tsx
index e2c2094..37ab58d 100644
--- a/apps/docs/mdx-components.tsx
+++ b/apps/docs/mdx-components.tsx
@@ -1,5 +1,5 @@
-import type { MDXComponents } from 'mdx/types';
-import defaultComponents from 'fumadocs-ui/mdx';
+import type { MDXComponents } from "mdx/types";
+import defaultComponents from "fumadocs-ui/mdx";
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {
   return {