Server Hardware Information

2025-12-18 16:07:10 +00:00 · 2025-04-12 21:00:18 +02:00 · 2025-04-12 21:00:18 +02:00 · 1581cf957a
commit 1581cf957a
parent d10b88ac78
15 changed files with 445 additions and 81 deletions
--- a/app/api/servers/add/route.ts
+++ b/app/api/servers/add/route.ts
@ -6,6 +6,11 @@ interface AddRequest {
    os: string;
    ip: string;
    url: string;
+    cpu: string;
+    gpu: string;
+    ram: string;
+    disk: string;
+
 }

 const prisma = new PrismaClient();
@ -13,7 +18,7 @@ const prisma = new PrismaClient();
 export async function POST(request: NextRequest) {
    try {
        const body: AddRequest = await request.json();
-        const { name, os, ip, url } = body;  
+        const { name, os, ip, url, cpu, gpu, ram, disk } = body;  
        
        const server = await prisma.server.create({
            data: {
@ -21,6 +26,10 @@ export async function POST(request: NextRequest) {
                os,
                ip,
                url,
+                cpu,
+                gpu,
+                ram,
+                disk
            }
        });

--- a/app/api/servers/edit/route.ts
+++ b/app/api/servers/edit/route.ts
@ -7,6 +7,10 @@ interface EditRequest {
    os: string;
    ip: string;
    url: string;
+    cpu: string;
+    gpu: string;
+    ram: string;
+    disk: string;
 }

 const prisma = new PrismaClient();
@ -14,7 +18,7 @@ const prisma = new PrismaClient();
 export async function PUT(request: NextRequest) {
    try {
        const body: EditRequest = await request.json();
-        const { id, name, os, ip, url } = body;
+        const { id, name, os, ip, url, cpu, gpu, ram, disk } = body;

        const existingServer = await prisma.server.findUnique({ where: { id } });
        if (!existingServer) {
@ -23,7 +27,16 @@ export async function PUT(request: NextRequest) {

        const updatedServer = await prisma.server.update({
            where: { id },
-            data: { name, os, ip, url }
+            data: { 
+                name, 
+                os, 
+                ip, 
+                url,
+                cpu,
+                gpu,
+                ram,
+                disk
+            }
        });

        return NextResponse.json({ message: "Server updated", server: updatedServer });
--- a/app/dashboard/servers/Servers.tsx
+++ b/app/dashboard/servers/Servers.tsx
@ -16,7 +16,7 @@ import {
  SidebarTrigger,
 } from "@/components/ui/sidebar"
 import { Button } from "@/components/ui/button"
-import { Plus, Link, MonitorCog, FileDigit, Trash2, LayoutGrid, List, Pencil } from "lucide-react"
+import { Plus, Link, MonitorCog, FileDigit, Trash2, LayoutGrid, List, Pencil, Cpu, Microchip, MemoryStick, HardDrive } from "lucide-react"
 import {
  Card,
  CardContent,
@ -63,12 +63,18 @@ import {
 import Cookies from "js-cookie";
 import { useState, useEffect } from "react";
 import axios from 'axios';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"

 export default function Dashboard() {
  const [name, setName] = useState("");
  const [os, setOs] = useState("");
  const [ip, setIp] = useState("");
  const [url, setUrl] = useState("");
+  const [cpu, setCpu] = useState("");
+  const [gpu, setGpu] = useState("");
+  const [ram, setRam] = useState("");
+  const [disk, setDisk] = useState("");
+
  const [currentPage, setCurrentPage] = useState(1);
  const [maxPage, setMaxPage] = useState(1);
  const [servers, setServers] = useState([]);
@ -81,6 +87,10 @@ export default function Dashboard() {
  const [editOs, setEditOs] = useState("");
  const [editIp, setEditIp] = useState("");
  const [editUrl, setEditUrl] = useState("");
+  const [editCpu, setEditCpu] = useState("");
+  const [editGpu, setEditGpu] = useState("");
+  const [editRam, setEditRam] = useState("");
+  const [editDisk, setEditDisk] = useState("");

  
  useEffect(() => {
@ -100,7 +110,7 @@ export default function Dashboard() {

  const add = async () => {
    try {
-      const response = await axios.post('/api/servers/add', { name, os, ip, url });
+      const response = await axios.post('/api/servers/add', { name, os, ip, url, cpu, gpu, ram, disk });
      getServers();
    } catch (error: any) {
      console.log(error.response.data);
@ -112,6 +122,7 @@ export default function Dashboard() {
      setLoading(true);
      const response = await axios.post('/api/servers/get', { page: currentPage });
      setServers(response.data.servers);
+      console.log(response.data.servers)
      setMaxPage(response.data.maxPage);
      setLoading(false);
    } catch (error: any) {
@ -146,7 +157,11 @@ export default function Dashboard() {
    setEditOs(server.os);
    setEditIp(server.ip);
    setEditUrl(server.url);
-  }
+    setEditCpu(server.cpu);
+    setEditGpu(server.gpu);
+    setEditRam(server.ram);
+    setEditDisk(server.disk);
+  };

  const edit = async () => {
    try {
@ -155,7 +170,11 @@ export default function Dashboard() {
        name: editName,
        os: editOs,
        ip: editIp,
-        url: editUrl
+        url: editUrl,
+        cpu: editCpu,
+        gpu: editGpu,
+        ram: editRam,
+        disk: editDisk
      });
      getServers();
      setEditId(null);
@ -225,6 +244,12 @@ export default function Dashboard() {
                  <AlertDialogHeader>
                    <AlertDialogTitle>Add an server</AlertDialogTitle>
                    <AlertDialogDescription>
+                    <Tabs defaultValue="general" className="w-full">
+                      <TabsList className="w-full">
+                        <TabsTrigger value="general">General</TabsTrigger>
+                        <TabsTrigger value="hardware">Hardware</TabsTrigger>
+                      </TabsList>
+                      <TabsContent value="general">
                        <div className="space-y-4 pt-4">
                          <div className="grid w-full items-center gap-1.5">
                            <Label htmlFor="name">Name</Label>
@ -261,6 +286,28 @@ export default function Dashboard() {
                            <Input id="publicURL" type="text" placeholder="e.g. https://proxmox.server1.com" onChange={(e) => setUrl(e.target.value)}/>
                          </div>
                        </div>
+                      </TabsContent>
+                      <TabsContent value="hardware">
+                        <div className="space-y-4 pt-4">
+                          <div className="grid w-full items-center gap-1.5">
+                            <Label htmlFor="name">CPU <span className="text-stone-600">(optional)</span></Label>
+                            <Input id="name" type="text" placeholder="e.g. AMD Ryzen™ 7 7800X3D" onChange={(e) => setCpu(e.target.value)}/>
+                          </div>
+                          <div className="grid w-full items-center gap-1.5">
+                              <Label htmlFor="name">GPU <span className="text-stone-600">(optional)</span></Label>
+                              <Input id="name" type="text" placeholder="e.g. AMD Radeon™ Graphics" onChange={(e) => setGpu(e.target.value)}/>
+                          </div>
+                          <div className="grid w-full items-center gap-1.5">
+                              <Label htmlFor="name">RAM <span className="text-stone-600">(optional)</span></Label>
+                              <Input id="name" type="text" placeholder="e.g. 64GB DDR5" onChange={(e) => setRam(e.target.value)}/>
+                          </div>
+                          <div className="grid w-full items-center gap-1.5">
+                              <Label htmlFor="name">Disk <span className="text-stone-600">(optional)</span></Label>
+                              <Input id="name" type="text" placeholder="e.g. 2TB SSD" onChange={(e) => setDisk(e.target.value)}/>
+                          </div>
+                        </div>
+                      </TabsContent>
+                    </Tabs>
                    </AlertDialogDescription>
                  </AlertDialogHeader>
                  <AlertDialogFooter>
@ -288,14 +335,35 @@ export default function Dashboard() {
                      <div className="flex items-center">
                        <div className="ml-4">
                          <CardTitle className="text-2xl font-bold">{server.name}</CardTitle>
-                        <CardDescription className="text-sm space-y-1 mt-1">
+                          <CardDescription className={`text-sm mt-1 grid gap-y-1 ${isGridLayout ? "grid-cols-1" : "grid-cols-2 gap-x-4"}`}>
                            <div className="flex items-center gap-2 text-foreground/80">
                              <MonitorCog className="h-4 w-4 text-muted-foreground" />
-                            <span>OS: {server.os || '-'}</span>
+                              <span><b>OS:</b> {server.os || '-'}</span>
                            </div>
                            <div className="flex items-center gap-2 text-foreground/80">
                              <FileDigit className="h-4 w-4 text-muted-foreground" />
-                            <span>IP: {server.ip || 'Nicht angegeben'}</span>
+                              <span><b>IP:</b> {server.ip || 'Nicht angegeben'}</span>
+                            </div>
+
+                            <div className="col-span-full pt-2 pb-2">
+                              <Separator />
+                            </div>
+
+                            <div className="flex items-center gap-2 text-foreground/80">
+                              <Cpu className="h-4 w-4 text-muted-foreground" />
+                              <span><b>CPU:</b> {server.cpu || '-'}</span>
+                            </div>
+                            <div className="flex items-center gap-2 text-foreground/80">
+                              <Microchip className="h-4 w-4 text-muted-foreground" />
+                              <span><b>GPU:</b> {server.gpu || '-'}</span>
+                            </div>
+                            <div className="flex items-center gap-2 text-foreground/80">
+                              <MemoryStick className="h-4 w-4 text-muted-foreground" />
+                              <span><b>RAM:</b> {server.ram || '-'}</span>
+                            </div>
+                            <div className="flex items-center gap-2 text-foreground/80">
+                              <HardDrive className="h-4 w-4 text-muted-foreground" />
+                              <span><b>Disk:</b> {server.disk || '-'}</span>
                            </div>
                          </CardDescription>
                        </div>
@ -334,19 +402,15 @@ export default function Dashboard() {
                            </AlertDialogTrigger>
                            <AlertDialogContent>
                              <AlertDialogHeader>
-                                <AlertDialogTitle>Server bearbeiten</AlertDialogTitle>
+                                <AlertDialogTitle>Edit Server</AlertDialogTitle>
                                <AlertDialogDescription>
+                                  <Tabs defaultValue="general" className="w-full">
+                                    <TabsList className="w-full">
+                                      <TabsTrigger value="general">General</TabsTrigger>
+                                      <TabsTrigger value="hardware">Hardware</TabsTrigger>
+                                    </TabsList>
+                                    <TabsContent value="general">
                                      <div className="space-y-4 pt-4">
-                                    <div className="grid w-full items-center gap-1.5">
-                                      <Label htmlFor="editName">Name</Label>
-                                      <Input 
-                                        id="editName" 
-                                        type="text" 
-                                        placeholder="e.g. Server1"
-                                        value={editName}
-                                        onChange={(e) => setEditName(e.target.value)}
-                                      />
-                                    </div>
                                    <div className="grid w-full items-center gap-1.5">
                                      <Label htmlFor="editOs">Operating System</Label>
                                      <Select 
@ -384,13 +448,52 @@ export default function Dashboard() {
                                      />
                                    </div>
                                  </div>
+                                </TabsContent>
+
+                                <TabsContent value="hardware">
+          <div className="space-y-4 pt-4">
+            <div className="grid w-full items-center gap-1.5">
+              <Label htmlFor="editCpu">CPU</Label>
+              <Input 
+                id="editCpu" 
+                value={editCpu}
+                onChange={(e) => setEditCpu(e.target.value)}
+              />
+            </div>
+            <div className="grid w-full items-center gap-1.5">
+              <Label htmlFor="editGpu">GPU</Label>
+              <Input 
+                id="editGpu" 
+                value={editGpu}
+                onChange={(e) => setEditGpu(e.target.value)}
+              />
+            </div>
+            <div className="grid w-full items-center gap-1.5">
+              <Label htmlFor="editRam">RAM</Label>
+              <Input 
+                id="editRam" 
+                value={editRam}
+                onChange={(e) => setEditRam(e.target.value)}
+              />
+            </div>
+            <div className="grid w-full items-center gap-1.5">
+              <Label htmlFor="editDisk">Disk</Label>
+              <Input 
+                id="editDisk" 
+                value={editDisk}
+                onChange={(e) => setEditDisk(e.target.value)}
+              />
+            </div>
+          </div>
+        </TabsContent>
+      </Tabs>
    </AlertDialogDescription>
  </AlertDialogHeader>
  <AlertDialogFooter>
    <AlertDialogCancel>Cancel</AlertDialogCancel>
    <Button onClick={edit}>Save</Button>
  </AlertDialogFooter>
-                            </AlertDialogContent>
+</AlertDialogContent>
                          </AlertDialog>
                        </div>
                      </div>
--- a/components/ui/tabs.tsx
+++ b/components/ui/tabs.tsx
@ -0,0 +1,66 @@
+"use client"
+
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>) {
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      className={cn("flex flex-col gap-2", className)}
+      {...props}
+    />
+  )
+}
+
+function TabsList({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      className={cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+  return (
+    <TabsPrimitive.Trigger
+      data-slot="tabs-trigger"
+      className={cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>) {
+  return (
+    <TabsPrimitive.Content
+      data-slot="tabs-content"
+      className={cn("flex-1 outline-none", className)}
+      {...props}
+    />
+  )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
--- a/lib/generated/prisma/edge.js
+++ b/lib/generated/prisma/edge.js
--- a/lib/generated/prisma/index-browser.js
+++ b/lib/generated/prisma/index-browser.js
@ -134,7 +134,11 @@ exports.Prisma.ServerScalarFieldEnum = {
  name: 'name',
  os: 'os',
  ip: 'ip',
-  url: 'url'
+  url: 'url',
+  cpu: 'cpu',
+  gpu: 'gpu',
+  ram: 'ram',
+  disk: 'disk'
 };

 exports.Prisma.SettingsScalarFieldEnum = {
--- a/lib/generated/prisma/index.d.ts
+++ b/lib/generated/prisma/index.d.ts
@ -2162,6 +2162,10 @@ export namespace Prisma {
    os: string | null
    ip: string | null
    url: string | null
+    cpu: string | null
+    gpu: string | null
+    ram: string | null
+    disk: string | null
  }

  export type ServerMaxAggregateOutputType = {
@ -2170,6 +2174,10 @@ export namespace Prisma {
    os: string | null
    ip: string | null
    url: string | null
+    cpu: string | null
+    gpu: string | null
+    ram: string | null
+    disk: string | null
  }

  export type ServerCountAggregateOutputType = {
@ -2178,6 +2186,10 @@ export namespace Prisma {
    os: number
    ip: number
    url: number
+    cpu: number
+    gpu: number
+    ram: number
+    disk: number
    _all: number
  }

@ -2196,6 +2208,10 @@ export namespace Prisma {
    os?: true
    ip?: true
    url?: true
+    cpu?: true
+    gpu?: true
+    ram?: true
+    disk?: true
  }

  export type ServerMaxAggregateInputType = {
@ -2204,6 +2220,10 @@ export namespace Prisma {
    os?: true
    ip?: true
    url?: true
+    cpu?: true
+    gpu?: true
+    ram?: true
+    disk?: true
  }

  export type ServerCountAggregateInputType = {
@ -2212,6 +2232,10 @@ export namespace Prisma {
    os?: true
    ip?: true
    url?: true
+    cpu?: true
+    gpu?: true
+    ram?: true
+    disk?: true
    _all?: true
  }

@ -2307,6 +2331,10 @@ export namespace Prisma {
    os: string | null
    ip: string | null
    url: string | null
+    cpu: string | null
+    gpu: string | null
+    ram: string | null
+    disk: string | null
    _count: ServerCountAggregateOutputType | null
    _avg: ServerAvgAggregateOutputType | null
    _sum: ServerSumAggregateOutputType | null
@ -2334,6 +2362,10 @@ export namespace Prisma {
    os?: boolean
    ip?: boolean
    url?: boolean
+    cpu?: boolean
+    gpu?: boolean
+    ram?: boolean
+    disk?: boolean
  }, ExtArgs["result"]["server"]>

  export type serverSelectCreateManyAndReturn<ExtArgs extends $Extensions.InternalArgs = $Extensions.DefaultArgs> = $Extensions.GetSelect<{
@ -2342,6 +2374,10 @@ export namespace Prisma {
    os?: boolean
    ip?: boolean
    url?: boolean
+    cpu?: boolean
+    gpu?: boolean
+    ram?: boolean
+    disk?: boolean
  }, ExtArgs["result"]["server"]>

  export type serverSelectUpdateManyAndReturn<ExtArgs extends $Extensions.InternalArgs = $Extensions.DefaultArgs> = $Extensions.GetSelect<{
@ -2350,6 +2386,10 @@ export namespace Prisma {
    os?: boolean
    ip?: boolean
    url?: boolean
+    cpu?: boolean
+    gpu?: boolean
+    ram?: boolean
+    disk?: boolean
  }, ExtArgs["result"]["server"]>

  export type serverSelectScalar = {
@ -2358,9 +2398,13 @@ export namespace Prisma {
    os?: boolean
    ip?: boolean
    url?: boolean
+    cpu?: boolean
+    gpu?: boolean
+    ram?: boolean
+    disk?: boolean
  }

-  export type serverOmit<ExtArgs extends $Extensions.InternalArgs = $Extensions.DefaultArgs> = $Extensions.GetOmit<"id" | "name" | "os" | "ip" | "url", ExtArgs["result"]["server"]>
+  export type serverOmit<ExtArgs extends $Extensions.InternalArgs = $Extensions.DefaultArgs> = $Extensions.GetOmit<"id" | "name" | "os" | "ip" | "url" | "cpu" | "gpu" | "ram" | "disk", ExtArgs["result"]["server"]>

  export type $serverPayload<ExtArgs extends $Extensions.InternalArgs = $Extensions.DefaultArgs> = {
    name: "server"
@ -2371,6 +2415,10 @@ export namespace Prisma {
      os: string | null
      ip: string | null
      url: string | null
+      cpu: string | null
+      gpu: string | null
+      ram: string | null
+      disk: string | null
    }, ExtArgs["result"]["server"]>
    composites: {}
  }
@ -2799,6 +2847,10 @@ export namespace Prisma {
    readonly os: FieldRef<"server", 'String'>
    readonly ip: FieldRef<"server", 'String'>
    readonly url: FieldRef<"server", 'String'>
+    readonly cpu: FieldRef<"server", 'String'>
+    readonly gpu: FieldRef<"server", 'String'>
+    readonly ram: FieldRef<"server", 'String'>
+    readonly disk: FieldRef<"server", 'String'>
  }
    

@ -4189,7 +4241,11 @@ export namespace Prisma {
    name: 'name',
    os: 'os',
    ip: 'ip',
-    url: 'url'
+    url: 'url',
+    cpu: 'cpu',
+    gpu: 'gpu',
+    ram: 'ram',
+    disk: 'disk'
  };

  export type ServerScalarFieldEnum = (typeof ServerScalarFieldEnum)[keyof typeof ServerScalarFieldEnum]
@ -4381,6 +4437,10 @@ export namespace Prisma {
    os?: StringNullableFilter<"server"> | string | null
    ip?: StringNullableFilter<"server"> | string | null
    url?: StringNullableFilter<"server"> | string | null
+    cpu?: StringNullableFilter<"server"> | string | null
+    gpu?: StringNullableFilter<"server"> | string | null
+    ram?: StringNullableFilter<"server"> | string | null
+    disk?: StringNullableFilter<"server"> | string | null
  }

  export type serverOrderByWithRelationInput = {
@ -4389,6 +4449,10 @@ export namespace Prisma {
    os?: SortOrderInput | SortOrder
    ip?: SortOrderInput | SortOrder
    url?: SortOrderInput | SortOrder
+    cpu?: SortOrderInput | SortOrder
+    gpu?: SortOrderInput | SortOrder
+    ram?: SortOrderInput | SortOrder
+    disk?: SortOrderInput | SortOrder
  }

  export type serverWhereUniqueInput = Prisma.AtLeast<{
@ -4400,6 +4464,10 @@ export namespace Prisma {
    os?: StringNullableFilter<"server"> | string | null
    ip?: StringNullableFilter<"server"> | string | null
    url?: StringNullableFilter<"server"> | string | null
+    cpu?: StringNullableFilter<"server"> | string | null
+    gpu?: StringNullableFilter<"server"> | string | null
+    ram?: StringNullableFilter<"server"> | string | null
+    disk?: StringNullableFilter<"server"> | string | null
  }, "id">

  export type serverOrderByWithAggregationInput = {
@ -4408,6 +4476,10 @@ export namespace Prisma {
    os?: SortOrderInput | SortOrder
    ip?: SortOrderInput | SortOrder
    url?: SortOrderInput | SortOrder
+    cpu?: SortOrderInput | SortOrder
+    gpu?: SortOrderInput | SortOrder
+    ram?: SortOrderInput | SortOrder
+    disk?: SortOrderInput | SortOrder
    _count?: serverCountOrderByAggregateInput
    _avg?: serverAvgOrderByAggregateInput
    _max?: serverMaxOrderByAggregateInput
@ -4424,6 +4496,10 @@ export namespace Prisma {
    os?: StringNullableWithAggregatesFilter<"server"> | string | null
    ip?: StringNullableWithAggregatesFilter<"server"> | string | null
    url?: StringNullableWithAggregatesFilter<"server"> | string | null
+    cpu?: StringNullableWithAggregatesFilter<"server"> | string | null
+    gpu?: StringNullableWithAggregatesFilter<"server"> | string | null
+    ram?: StringNullableWithAggregatesFilter<"server"> | string | null
+    disk?: StringNullableWithAggregatesFilter<"server"> | string | null
  }

  export type settingsWhereInput = {
@ -4551,6 +4627,10 @@ export namespace Prisma {
    os?: string | null
    ip?: string | null
    url?: string | null
+    cpu?: string | null
+    gpu?: string | null
+    ram?: string | null
+    disk?: string | null
  }

  export type serverUncheckedCreateInput = {
@ -4559,6 +4639,10 @@ export namespace Prisma {
    os?: string | null
    ip?: string | null
    url?: string | null
+    cpu?: string | null
+    gpu?: string | null
+    ram?: string | null
+    disk?: string | null
  }

  export type serverUpdateInput = {
@ -4566,6 +4650,10 @@ export namespace Prisma {
    os?: NullableStringFieldUpdateOperationsInput | string | null
    ip?: NullableStringFieldUpdateOperationsInput | string | null
    url?: NullableStringFieldUpdateOperationsInput | string | null
+    cpu?: NullableStringFieldUpdateOperationsInput | string | null
+    gpu?: NullableStringFieldUpdateOperationsInput | string | null
+    ram?: NullableStringFieldUpdateOperationsInput | string | null
+    disk?: NullableStringFieldUpdateOperationsInput | string | null
  }

  export type serverUncheckedUpdateInput = {
@ -4574,6 +4662,10 @@ export namespace Prisma {
    os?: NullableStringFieldUpdateOperationsInput | string | null
    ip?: NullableStringFieldUpdateOperationsInput | string | null
    url?: NullableStringFieldUpdateOperationsInput | string | null
+    cpu?: NullableStringFieldUpdateOperationsInput | string | null
+    gpu?: NullableStringFieldUpdateOperationsInput | string | null
+    ram?: NullableStringFieldUpdateOperationsInput | string | null
+    disk?: NullableStringFieldUpdateOperationsInput | string | null
  }

  export type serverCreateManyInput = {
@ -4582,6 +4674,10 @@ export namespace Prisma {
    os?: string | null
    ip?: string | null
    url?: string | null
+    cpu?: string | null
+    gpu?: string | null
+    ram?: string | null
+    disk?: string | null
  }

  export type serverUpdateManyMutationInput = {
@ -4589,6 +4685,10 @@ export namespace Prisma {
    os?: NullableStringFieldUpdateOperationsInput | string | null
    ip?: NullableStringFieldUpdateOperationsInput | string | null
    url?: NullableStringFieldUpdateOperationsInput | string | null
+    cpu?: NullableStringFieldUpdateOperationsInput | string | null
+    gpu?: NullableStringFieldUpdateOperationsInput | string | null
+    ram?: NullableStringFieldUpdateOperationsInput | string | null
+    disk?: NullableStringFieldUpdateOperationsInput | string | null
  }

  export type serverUncheckedUpdateManyInput = {
@ -4597,6 +4697,10 @@ export namespace Prisma {
    os?: NullableStringFieldUpdateOperationsInput | string | null
    ip?: NullableStringFieldUpdateOperationsInput | string | null
    url?: NullableStringFieldUpdateOperationsInput | string | null
+    cpu?: NullableStringFieldUpdateOperationsInput | string | null
+    gpu?: NullableStringFieldUpdateOperationsInput | string | null
+    ram?: NullableStringFieldUpdateOperationsInput | string | null
+    disk?: NullableStringFieldUpdateOperationsInput | string | null
  }

  export type settingsCreateInput = {
@ -4819,6 +4923,10 @@ export namespace Prisma {
    os?: SortOrder
    ip?: SortOrder
    url?: SortOrder
+    cpu?: SortOrder
+    gpu?: SortOrder
+    ram?: SortOrder
+    disk?: SortOrder
  }

  export type serverAvgOrderByAggregateInput = {
@ -4831,6 +4939,10 @@ export namespace Prisma {
    os?: SortOrder
    ip?: SortOrder
    url?: SortOrder
+    cpu?: SortOrder
+    gpu?: SortOrder
+    ram?: SortOrder
+    disk?: SortOrder
  }

  export type serverMinOrderByAggregateInput = {
@ -4839,6 +4951,10 @@ export namespace Prisma {
    os?: SortOrder
    ip?: SortOrder
    url?: SortOrder
+    cpu?: SortOrder
+    gpu?: SortOrder
+    ram?: SortOrder
+    disk?: SortOrder
  }

  export type serverSumOrderByAggregateInput = {
--- a/lib/generated/prisma/index.js
+++ b/lib/generated/prisma/index.js
--- a/lib/generated/prisma/package.json
+++ b/lib/generated/prisma/package.json
@ -1,5 +1,5 @@
 {
-  "name": "prisma-client-3cca458213079308f6a48d11bf199a5e86068a203caa155a2d3c336d3e840807",
+  "name": "prisma-client-de4b921f48dce9241799741dfcfe396adaf367f0b3f9e641b2d7d6d97a5849aa",
  "main": "index.js",
  "types": "index.d.ts",
  "browser": "index-browser.js",
--- a/lib/generated/prisma/query_engine-windows.dll.node.tmp384
+++ b/lib/generated/prisma/query_engine-windows.dll.node.tmp384
--- a/lib/generated/prisma/wasm.js
+++ b/lib/generated/prisma/wasm.js
@ -134,7 +134,11 @@ exports.Prisma.ServerScalarFieldEnum = {
  name: 'name',
  os: 'os',
  ip: 'ip',
-  url: 'url'
+  url: 'url',
+  cpu: 'cpu',
+  gpu: 'gpu',
+  ram: 'ram',
+  disk: 'disk'
 };

 exports.Prisma.SettingsScalarFieldEnum = {
--- a/package-lock.json
+++ b/package-lock.json
@ -17,6 +17,7 @@
        "@radix-ui/react-select": "^2.1.7",
        "@radix-ui/react-separator": "^1.1.3",
        "@radix-ui/react-slot": "^1.2.0",
+        "@radix-ui/react-tabs": "^1.1.4",
        "@radix-ui/react-tooltip": "^1.2.0",
        "@types/axios": "^0.9.36",
        "@types/js-cookie": "^3.0.6",
@ -1701,6 +1702,36 @@
        }
      }
    },
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.4.tgz",
+      "integrity": "sha512-fuHMHWSf5SRhXke+DbHXj2wVMo+ghVH30vhX3XVacdXqDl+J4XWafMIGOOER861QpBx1jxgwKXL2dQnfrsd8MQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.3",
+        "@radix-ui/react-primitive": "2.0.3",
+        "@radix-ui/react-roving-focus": "1.1.3",
+        "@radix-ui/react-use-controllable-state": "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-tooltip": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.0.tgz",
--- a/package.json
+++ b/package.json
@ -18,6 +18,7 @@
    "@radix-ui/react-select": "^2.1.7",
    "@radix-ui/react-separator": "^1.1.3",
    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-tabs": "^1.1.4",
    "@radix-ui/react-tooltip": "^1.2.0",
    "@types/axios": "^0.9.36",
    "@types/js-cookie": "^3.0.6",
--- a/prisma/migrations/20250412183017_server/migration.sql
+++ b/prisma/migrations/20250412183017_server/migration.sql
@ -0,0 +1,5 @@
+-- AlterTable
+ALTER TABLE "server" ADD COLUMN     "cpu" TEXT,
+ADD COLUMN     "disk" TEXT,
+ADD COLUMN     "gpu" TEXT,
+ADD COLUMN     "ram" TEXT;
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@ -32,6 +32,10 @@ model server {
  os            String?
  ip            String?
  url           String?
+  cpu           String?
+  gpu           String?
+  ram           String?
+  disk          String?
 }

 model settings {