chore: initial commit for phase05

2026-02-21 16:59:21 +03:00
parent 218452706c
commit 0941a9ba46
43 changed files with 4431 additions and 17 deletions
@@ -0,0 +1,102 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { Play, Square, RotateCcw, Skull } from 'lucide-react';
+import { api } from '@/lib/api';
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DialogClose,
+} from '@/components/ui/dialog';
+
+interface PowerControlsProps {
+  serverId: string;
+  orgId: string;
+  status: string;
+}
+
+export function PowerControls({ serverId, orgId, status }: PowerControlsProps) {
+  const queryClient = useQueryClient();
+
+  const powerMutation = useMutation({
+    mutationFn: (action: string) =>
+      api.post(`/organizations/${orgId}/servers/${serverId}/power`, { action }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['server', orgId, serverId] });
+      queryClient.invalidateQueries({ queryKey: ['servers', orgId] });
+    },
+  });
+
+  const isRunning = status === 'running';
+  const isStopped = status === 'stopped' || status === 'error';
+  const isTransitioning = status === 'starting' || status === 'stopping' || status === 'installing';
+
+  return (
+    <div className="flex items-center gap-2">
+      <Button
+        size="sm"
+        onClick={() => powerMutation.mutate('start')}
+        disabled={!isStopped || powerMutation.isPending}
+        className="bg-green-600 hover:bg-green-700"
+      >
+        <Play className="h-4 w-4" />
+        Start
+      </Button>
+
+      <Button
+        size="sm"
+        variant="secondary"
+        onClick={() => powerMutation.mutate('restart')}
+        disabled={!isRunning || powerMutation.isPending}
+      >
+        <RotateCcw className="h-4 w-4" />
+        Restart
+      </Button>
+
+      <Button
+        size="sm"
+        variant="outline"
+        onClick={() => powerMutation.mutate('stop')}
+        disabled={!isRunning || powerMutation.isPending}
+      >
+        <Square className="h-4 w-4" />
+        Stop
+      </Button>
+
+      <Dialog>
+        <DialogTrigger asChild>
+          <Button
+            size="sm"
+            variant="destructive"
+            disabled={isTransitioning && !isRunning}
+          >
+            <Skull className="h-4 w-4" />
+            Kill
+          </Button>
+        </DialogTrigger>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Kill Server</DialogTitle>
+            <DialogDescription>
+              This will forcefully terminate the server process. Any unsaved data may be lost.
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter>
+            <DialogClose asChild>
+              <Button variant="outline">Cancel</Button>
+            </DialogClose>
+            <DialogClose asChild>
+              <Button variant="destructive" onClick={() => powerMutation.mutate('kill')}>
+                Kill Server
+              </Button>
+            </DialogClose>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}