Dockerfile

@@ -21,12 +21,6 @@ RUN make
 
 FROM scratch
 
-COPY --from=alpine /etc/ssl/certs/ca-certificates.crt /etc/ssl/certs/
-COPY --from=ghcr.io/tarampampam/curl:8.6.0 /bin/curl /bin/curl
 COPY --from=backend /app/main /bin/main
 
-HEALTHCHECK --interval=5m --timeout=2s --retries=3 --start-period=15s CMD [ \
+CMD [ "/bin/main" ]
-    "curl", "--fail", "http://127.0.0.1:3909" \
-]
-
-ENTRYPOINT [ "main" ]

README.md

@@ -31,7 +31,7 @@ If you install Garage using Docker, you can install this web UI alongside Garage
 ```yml
 services:
   garage:
-    image: dxflrs/garage:v2.0.0
+    image: dxflrs/garage:v1.0.1
     container_name: garage
     volumes:
       - ./garage.toml:/etc/garage.toml
@@ -41,7 +41,7 @@ services:
     ports:
       - 3900:3900
       - 3901:3901
-      - 3902:3902
+      - 3902:3903
       - 3903:3903
 
   webui:
@@ -62,7 +62,7 @@ services:
 Get the latest binary from the [release page](https://github.com/khairul169/garage-webui/releases/latest) according to your OS architecture. For example:
 
 ```sh
-$ wget -O garage-webui https://github.com/khairul169/garage-webui/releases/download/1.1.0/garage-webui-v1.1.0-linux-amd64
+$ wget -O garage-webui https://github.com/khairul169/garage-webui/releases/download/1.0.7/garage-webui-v1.0.7-linux-amd64
 $ chmod +x garage-webui
 $ sudo cp garage-webui /usr/local/bin
 ```
@@ -136,14 +136,9 @@ admin_token = "YOUR_ADMIN_TOKEN_HERE"
 metrics_token = "YOUR_METRICS_TOKEN_HERE"
 ```
 
-However, if it fails to load, you can set `API_BASE_URL` & `API_ADMIN_KEY` environment variables instead.
+However, if it fails to load, you can set these environment variables instead:
-
-### Environment Variables
-
-Configurable envs:
 
 - `CONFIG_PATH`: Path to the Garage `config.toml` file. Defaults to `/etc/garage.toml`.
-- `BASE_PATH`: Base path or prefix for Web UI.
 - `API_BASE_URL`: Garage admin API endpoint URL.
 - `API_ADMIN_KEY`: Admin API key.
 - `S3_REGION`: S3 Region.
@@ -151,9 +146,7 @@ Configurable envs:
 
 ### Authentication
 
-Enable authentication by setting the `AUTH_USER_PASS` environment variable in the format `username:password_hash`, where `password_hash` is a bcrypt hash of the password.
+Enable authentication by setting `AUTH_USER_PASS` environment variable. Generate the username and password hash using the following command:
-
-Generate the username and password hash using the following command:
 
 ```bash
 htpasswd -nbBC 10 "YOUR_USERNAME" "YOUR_PASSWORD"

backend/.env.example

@@ -1,6 +0,0 @@
-#
-BASE_PATH=""
-AUTH_USER_PASS='username:$2y$10$DSTi9o0uQPEHSNlf66xMEOgm9KgVNBP3vHxA3SK0Xha2EVMb3mTXm'
-API_BASE_URL="http://garage:3903"
-S3_ENDPOINT_URL="http://garage:3900"
-API_ADMIN_KEY=""

backend/main.go

@@ -7,7 +7,6 @@ import (
 	"khairul169/garage-webui/utils"
 	"log"
 	"net/http"
-	"os"
 
 	"github.com/joho/godotenv"
 )
@@ -22,21 +21,10 @@ func main() {
 		log.Println("Cannot load garage config!", err)
 	}
 
-	basePath := os.Getenv("BASE_PATH")
 	mux := http.NewServeMux()
-
+	mux.Handle("/api/", http.StripPrefix("/api", router.HandleApiRouter()))
-	// Serve API
-	apiPrefix := basePath + "/api"
-	mux.Handle(apiPrefix+"/", http.StripPrefix(apiPrefix, router.HandleApiRouter()))
-
-	// Static files
 	ui.ServeUI(mux)
 
-	// Redirect to UI if BASE_PATH is set
-	if basePath != "" {
-		mux.Handle("/", http.RedirectHandler(basePath, http.StatusMovedPermanently))
-	}
-
 	host := utils.GetEnv("HOST", "0.0.0.0")
 	port := utils.GetEnv("PORT", "3909")
 

backend/router/browse.go

@@ -146,20 +146,11 @@ func (b *Browse) GetOneObject(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
+	w.Header().Set("Content-Type", *object.ContentType)
+	w.Header().Set("Content-Length", strconv.FormatInt(*object.ContentLength, 10))
 	w.Header().Set("Cache-Control", "max-age=86400")
 	w.Header().Set("Last-Modified", object.LastModified.Format(time.RFC1123))
-
+	w.Header().Set("Etag", *object.ETag)
-	if object.ContentType != nil {
-		w.Header().Set("Content-Type", *object.ContentType)
-	} else {
-		w.Header().Set("Content-Type", "application/octet-stream")
-	}
-	if object.ContentLength != nil {
-		w.Header().Set("Content-Length", strconv.FormatInt(*object.ContentLength, 10))
-	}
-	if object.ETag != nil {
-		w.Header().Set("Etag", *object.ETag)
-	}
 
 	_, err = io.Copy(w, object.Body)
 
@@ -292,7 +283,7 @@ func getBucketCredentials(bucket string) (aws.CredentialsProvider, error) {
 		return cacheData.(aws.CredentialsProvider), nil
 	}
 
-	body, err := utils.Garage.Fetch("/v2/GetBucketInfo?globalAlias="+bucket, &utils.FetchOptions{})
+	body, err := utils.Garage.Fetch("/v1/bucket?globalAlias="+bucket, &utils.FetchOptions{})
 	if err != nil {
 		return nil, err
 	}
@@ -309,7 +300,7 @@ func getBucketCredentials(bucket string) (aws.CredentialsProvider, error) {
 			continue
 		}
 
-		body, err := utils.Garage.Fetch(fmt.Sprintf("/v2/GetKeyInfo?id=%s&showSecretKey=true", k.AccessKeyID), &utils.FetchOptions{})
+		body, err := utils.Garage.Fetch(fmt.Sprintf("/v1/key?id=%s&showSecretKey=true", k.AccessKeyID), &utils.FetchOptions{})
 		if err != nil {
 			return nil, err
 		}
@@ -331,26 +322,15 @@ func getS3Client(bucket string) (*s3.Client, error) {
 		return nil, fmt.Errorf("cannot get credentials for bucket %s: %w", bucket, err)
 	}
 
-	// Determine endpoint and whether to disable HTTPS
-	endpoint := utils.Garage.GetS3Endpoint()
-	disableHTTPS := !strings.HasPrefix(endpoint, "https://")
-
-	// AWS config without BaseEndpoint
 	awsConfig := aws.Config{
-		Credentials: creds,
+		Credentials:  creds,
-		Region:      utils.Garage.GetS3Region(),
+		Region:       utils.Garage.GetS3Region(),
+		BaseEndpoint: aws.String(utils.Garage.GetS3Endpoint()),
 	}
 
-	// Build S3 client with custom endpoint resolver for proper signing
 	client := s3.NewFromConfig(awsConfig, func(o *s3.Options) {
 		o.UsePathStyle = true
-		o.EndpointOptions.DisableHTTPS = disableHTTPS
+		o.EndpointOptions.DisableHTTPS = true
-		o.EndpointResolver = s3.EndpointResolverFunc(func(region string, opts s3.EndpointResolverOptions) (aws.Endpoint, error) {
-			return aws.Endpoint{
-				URL:           endpoint,
-				SigningRegion: utils.Garage.GetS3Region(),
-			}, nil
-		})
 	})
 
 	return client, nil

backend/router/buckets.go

@@ -11,7 +11,7 @@ import (
 type Buckets struct{}
 
 func (b *Buckets) GetAll(w http.ResponseWriter, r *http.Request) {
-	body, err := utils.Garage.Fetch("/v2/ListBuckets", &utils.FetchOptions{})
+	body, err := utils.Garage.Fetch("/v1/bucket?list", &utils.FetchOptions{})
 	if err != nil {
 		utils.ResponseError(w, err)
 		return
@@ -27,7 +27,7 @@ func (b *Buckets) GetAll(w http.ResponseWriter, r *http.Request) {
 
 	for _, bucket := range buckets {
 		go func() {
-			body, err := utils.Garage.Fetch(fmt.Sprintf("/v2/GetBucketInfo?id=%s", bucket.ID), &utils.FetchOptions{})
+			body, err := utils.Garage.Fetch(fmt.Sprintf("/v1/bucket?id=%s", bucket.ID), &utils.FetchOptions{})
 
 			if err != nil {
 				ch <- schema.Bucket{ID: bucket.ID, GlobalAliases: bucket.GlobalAliases}

backend/schema/bucket.go

@@ -4,7 +4,6 @@ type GetBucketsRes struct {
 	ID            string       `json:"id"`
 	GlobalAliases []string     `json:"globalAliases"`
 	LocalAliases  []LocalAlias `json:"localAliases"`
-	Created       string       `json:"created"`
 }
 
 type Bucket struct {
@@ -21,7 +20,6 @@ type Bucket struct {
 	UnfinishedMultipartUploadParts int64         `json:"unfinishedMultipartUploadParts"`
 	UnfinishedMultipartUploadBytes int64         `json:"unfinishedMultipartUploadBytes"`
 	Quotas                         Quotas        `json:"quotas"`
-	Created                        string        `json:"created"`
 }
 
 type LocalAlias struct {

backend/ui/ui_prod.go

@@ -7,10 +7,7 @@ import (
 	"embed"
 	"io/fs"
 	"net/http"
-	"os"
 	"path"
-	"regexp"
-	"strings"
 )
 
 //go:embed dist
@@ -19,45 +16,19 @@ var embeddedFs embed.FS
 func ServeUI(mux *http.ServeMux) {
 	distFs, _ := fs.Sub(embeddedFs, "dist")
 	fileServer := http.FileServer(http.FS(distFs))
-	basePath := os.Getenv("BASE_PATH")
 
-	mux.Handle(basePath+"/", http.StripPrefix(basePath, http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+	mux.Handle("/", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
 		_path := path.Clean(r.URL.Path)[1:]
 
 		// Rewrite non-existing paths to index.html
 		if _, err := fs.Stat(distFs, _path); err != nil {
 			index, _ := fs.ReadFile(distFs, "index.html")
-			html := string(index)
-
-			// Set base path for the UI
-			html = strings.ReplaceAll(html, "%BASE_PATH%", basePath)
-			html = addBasePath(html, basePath)
-
 			w.Header().Add("Content-Type", "text/html")
 			w.WriteHeader(http.StatusOK)
-			w.Write([]byte(html))
+			w.Write(index)
-			return
-		}
-
-		// Add prefix to each /assets strings in js
-		if len(basePath) > 0 && strings.HasSuffix(_path, ".js") {
-			data, _ := fs.ReadFile(distFs, _path)
-			html := string(data)
-			html = strings.ReplaceAll(html, "assets/", basePath[1:]+"/assets/")
-
-			w.Header().Add("Content-Type", "text/javascript")
-			w.WriteHeader(http.StatusOK)
-			w.Write([]byte(html))
 			return
 		}
 
 		fileServer.ServeHTTP(w, r)
-	})))
+	}))
-}
-
-func addBasePath(html string, basePath string) string {
-	re := regexp.MustCompile(`(href|src)=["'](/[^"'>]+)["']`)
-	return re.ReplaceAllStringFunc(html, func(match string) string {
-		return re.ReplaceAllString(match, `$1="`+basePath+`$2"`)
-	})
 }

docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   garage:
-    image: dxflrs/garage:v2.0.0
+    image: dxflrs/garage:v1.0.1
     container_name: garage
     volumes:
       - ./garage.toml:/etc/garage.toml
@@ -8,10 +8,10 @@ services:
       - ./data:/var/lib/garage/data
     restart: unless-stopped
     ports:
-      - 3900:3900
+       - 3900:3900
-      - 3901:3901
+       - 3901:3901
-      - 3902:3903
+       - 3902:3903
-      - 3903:3903
+       - 3903:3903
 
   webui:
     image: khairul169/garage-webui:latest
@@ -24,3 +24,4 @@ services:
     environment:
       API_BASE_URL: "http://garage:3903"
       S3_ENDPOINT_URL: "http://garage:3900"
+

index.html

@@ -10,9 +10,6 @@
     <link rel="manifest" href="/site.webmanifest" />
 
     <title>Garage Web UI</title>
-    <script>
-      window.__BASE_PATH = "%BASE_PATH%";
-    </script>
   </head>
   <body>
     <div id="root"></div>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "garage-webui",
   "private": true,
-  "version": "1.1.0",
+  "version": "1.0.7",
   "type": "module",
   "scripts": {
     "dev:client": "vite",

src/app/router.tsx

@@ -2,7 +2,6 @@ import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import { lazy, Suspense } from "react";
 import AuthLayout from "@/components/layouts/auth-layout";
 import MainLayout from "@/components/layouts/main-layout";
-import { BASE_PATH } from "@/lib/consts";
 
 const LoginPage = lazy(() => import("@/pages/auth/login"));
 const ClusterPage = lazy(() => import("@/pages/cluster/page"));
@@ -11,48 +10,43 @@ const BucketsPage = lazy(() => import("@/pages/buckets/page"));
 const ManageBucketPage = lazy(() => import("@/pages/buckets/manage/page"));
 const KeysPage = lazy(() => import("@/pages/keys/page"));
 
-const router = createBrowserRouter(
+const router = createBrowserRouter([
-  [
-    {
-      path: "/auth",
-      Component: AuthLayout,
-      children: [
-        {
-          path: "login",
-          Component: LoginPage,
-        },
-      ],
-    },
-    {
-      path: "/",
-      Component: MainLayout,
-      children: [
-        {
-          index: true,
-          Component: HomePage,
-        },
-        {
-          path: "cluster",
-          Component: ClusterPage,
-        },
-        {
-          path: "buckets",
-          children: [
-            { index: true, Component: BucketsPage },
-            { path: ":id", Component: ManageBucketPage },
-          ],
-        },
-        {
-          path: "keys",
-          Component: KeysPage,
-        },
-      ],
-    },
-  ],
   {
-    basename: BASE_PATH,
+    path: "/auth",
-  }
+    Component: AuthLayout,
-);
+    children: [
+      {
+        path: "login",
+        Component: LoginPage,
+      },
+    ],
+  },
+  {
+    path: "/",
+    Component: MainLayout,
+    children: [
+      {
+        index: true,
+        Component: HomePage,
+      },
+      {
+        path: "cluster",
+        Component: ClusterPage,
+      },
+      {
+        path: "buckets",
+        children: [
+          { index: true, Component: BucketsPage },
+          { path: ":id", Component: ManageBucketPage },
+        ],
+      },
+      {
+        path: "keys",
+        Component: KeysPage,
+      },
+    ],
+  },
+]);
 
 const Router = () => {
   return (

src/components/containers/sidebar.tsx

@@ -13,9 +13,8 @@ import Button from "../ui/button";
 import { themes } from "@/app/themes";
 import appStore from "@/stores/app-store";
 import garageLogo from "@/assets/garage-logo.svg";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import api from "@/lib/api";
-import * as utils from "@/lib/utils";
 import { toast } from "sonner";
 import { useAuth } from "@/hooks/useAuth";
 
@@ -91,10 +90,12 @@ const Sidebar = () => {
 };
 
 const LogoutButton = () => {
+  const queryClient = useQueryClient();
+
   const logout = useMutation({
     mutationFn: () => api.post("/auth/logout"),
     onSuccess: () => {
-      window.location.href = utils.url("/auth/login");
+      queryClient.invalidateQueries({ queryKey: ["auth"] });
     },
     onError: (err) => {
       toast.error(err?.message || "Unknown error");

src/global.d.ts

@@ -1,7 +0,0 @@
-export {};
-
-declare global {
-  interface Window {
-    __BASE_PATH?: string;
-  }
-}

src/lib/api.ts

@@ -1,23 +1,10 @@
-import * as utils from "@/lib/utils";
-import { BASE_PATH } from "./consts";
-
 type FetchOptions = Omit<RequestInit, "headers" | "body"> & {
   params?: Record<string, any>;
   headers?: Record<string, string>;
   body?: any;
 };
 
-export const API_URL = BASE_PATH + "/api";
+export const API_URL = "/api";
-
-export class APIError extends Error {
-  status!: number;
-
-  constructor(message: string, status: number = 400) {
-    super(message);
-    this.name = "APIError";
-    this.status = status;
-  }
-}
 
 const api = {
   async fetch<T = any>(url: string, options?: Partial<FetchOptions>) {
@@ -49,18 +36,13 @@ const api = {
       ?.includes("application/json");
     const data = isJson ? await res.json() : await res.text();
 
-    if (res.status === 401 && !url.startsWith("/auth")) {
-      window.location.href = utils.url("/auth/login");
-      throw new APIError("unauthorized", res.status);
-    }
-
     if (!res.ok) {
       const message = isJson
         ? data?.message
         : typeof data === "string"
         ? data
         : res.statusText;
-      throw new APIError(message, res.status);
+      throw new Error(message);
     }
 
     return data as unknown as T;

src/lib/consts.ts

@@ -1,6 +0,0 @@
-// consts.ts
-
-export const BASE_PATH =
-  (import.meta.env.PROD ? window.__BASE_PATH : null) ||
-  import.meta.env.VITE_BASE_PATH ||
-  "";

src/lib/utils.ts

@@ -3,7 +3,6 @@ import { toast } from "sonner";
 import { twMerge } from "tailwind-merge";
 import dayjsRelativeTime from "dayjs/plugin/relativeTime";
 import dayjs from "dayjs";
-import { BASE_PATH } from "./consts";
 
 dayjs.extend(dayjsRelativeTime);
 export { dayjs };
@@ -54,7 +53,3 @@ export const copyToClipboard = async (text: string) => {
     textArea?.remove();
   }
 };
-
-export const url = (...paths: unknown[]) => {
-  return BASE_PATH + paths.join("/");
-};

src/pages/buckets/hooks.ts

@@ -18,7 +18,7 @@ export const useCreateBucket = (
   options?: UseMutationOptions<any, Error, CreateBucketSchema>
 ) => {
   return useMutation({
-    mutationFn: (body) => api.post("/v2/CreateBucket", { body }),
+    mutationFn: (body) => api.post("/v1/bucket", { body }),
     ...options,
   });
 };

src/pages/buckets/manage/hooks.ts

@@ -10,7 +10,7 @@ import { Bucket, Permissions } from "../types";
 export const useBucket = (id?: string | null) => {
   return useQuery({
     queryKey: ["bucket", id],
-    queryFn: () => api.get<Bucket>("/v2/GetBucketInfo", { params: { id } }),
+    queryFn: () => api.get<Bucket>("/v1/bucket", { params: { id } }),
     enabled: !!id,
   });
 };
@@ -18,10 +18,7 @@ export const useBucket = (id?: string | null) => {
 export const useUpdateBucket = (id?: string | null) => {
   return useMutation({
     mutationFn: (values: any) => {
-      return api.post<any>("/v2/UpdateBucket", {
+      return api.put<any>("/v1/bucket", { params: { id }, body: values });
-        params: { id },
-        body: values,
-      });
     },
   });
 };
@@ -32,8 +29,8 @@ export const useAddAlias = (
 ) => {
   return useMutation({
     mutationFn: (alias: string) => {
-      return api.post("/v2/AddBucketAlias", {
+      return api.put("/v1/bucket/alias/global", {
-        body: { bucketId, globalAlias: alias },
+        params: { id: bucketId, alias },
       });
     },
     ...options,
@@ -46,8 +43,8 @@ export const useRemoveAlias = (
 ) => {
   return useMutation({
     mutationFn: (alias: string) => {
-      return api.post("/v2/RemoveBucketAlias", {
+      return api.delete("/v1/bucket/alias/global", {
-        body: { bucketId, globalAlias: alias },
+        params: { id: bucketId, alias },
       });
     },
     ...options,
@@ -65,7 +62,8 @@ export const useAllowKey = (
   return useMutation({
     mutationFn: async (payload) => {
       const promises = payload.map(async (key) => {
-        return api.post("/v2/AllowBucketKey", {
+        console.log("test", key);
+        return api.post("/v1/bucket/allow", {
           body: {
             bucketId,
             accessKeyId: key.keyId,
@@ -90,7 +88,7 @@ export const useDenyKey = (
 ) => {
   return useMutation({
     mutationFn: (payload) => {
-      return api.post("/v2/DenyBucketKey", {
+      return api.post("/v1/bucket/deny", {
         body: {
           bucketId,
           accessKeyId: payload.keyId,
@@ -106,7 +104,7 @@ export const useRemoveBucket = (
   options?: MutationOptions<any, Error, string>
 ) => {
   return useMutation({
-    mutationFn: (id) => api.post("/v2/DeleteBucket", { params: { id } }),
+    mutationFn: (id) => api.delete("/v1/bucket", { params: { id } }),
     ...options,
   });
 };

src/pages/cluster/hooks.ts

@@ -3,7 +3,6 @@ import {
   ApplyLayoutResult,
   AssignNodeBody,
   GetClusterLayoutResult,
-  GetNodeInfoResult,
   GetStatusResult,
 } from "./types";
 import {
@@ -12,37 +11,24 @@ import {
   useQuery,
 } from "@tanstack/react-query";
 
-export const useNodeInfo = () => {
-  return useQuery({
-    queryKey: ["node-info"],
-    queryFn: () =>
-      api.get<GetNodeInfoResult>("/v2/GetNodeInfo", {
-        params: { node: "self" },
-      }),
-    select: (data) => Object.values(data?.success || {})?.[0],
-  });
-};
-
 export const useClusterStatus = () => {
   return useQuery({
     queryKey: ["status"],
-    queryFn: () => api.get<GetStatusResult>("/v2/GetClusterStatus"),
+    queryFn: () => api.get<GetStatusResult>("/v1/status"),
   });
 };
 
 export const useClusterLayout = () => {
   return useQuery({
     queryKey: ["layout"],
-    queryFn: () => api.get<GetClusterLayoutResult>("/v2/GetClusterLayout"),
+    queryFn: () => api.get<GetClusterLayoutResult>("/v1/layout"),
   });
 };
 
 export const useConnectNode = (options?: Partial<UseMutationOptions>) => {
   return useMutation<any, Error, string>({
     mutationFn: async (nodeId) => {
-      const [res] = await api.post("/v2/ConnectClusterNodes", {
+      const [res] = await api.post("/v1/connect", { body: [nodeId] });
-        body: [nodeId],
-      });
       if (!res.success) {
         throw new Error(res.error || "Unknown error");
       }
@@ -54,10 +40,7 @@ export const useConnectNode = (options?: Partial<UseMutationOptions>) => {
 
 export const useAssignNode = (options?: Partial<UseMutationOptions>) => {
   return useMutation<any, Error, AssignNodeBody>({
-    mutationFn: (data) =>
+    mutationFn: (data) => api.post("/v1/layout", { body: [data] }),
-      api.post("/v2/UpdateClusterLayout", {
-        body: { parameters: null, roles: [data] },
-      }),
     ...(options as any),
   });
 };
@@ -65,16 +48,15 @@ export const useAssignNode = (options?: Partial<UseMutationOptions>) => {
 export const useUnassignNode = (options?: Partial<UseMutationOptions>) => {
   return useMutation<any, Error, string>({
     mutationFn: (nodeId) =>
-      api.post("/v2/UpdateClusterLayout", {
+      api.post("/v1/layout", { body: [{ id: nodeId, remove: true }] }),
-        body: { parameters: null, roles: [{ id: nodeId, remove: true }] },
-      }),
     ...(options as any),
   });
 };
 
 export const useRevertChanges = (options?: Partial<UseMutationOptions>) => {
   return useMutation<any, Error, number>({
-    mutationFn: () => api.post("/v2/RevertClusterLayout"),
+    mutationFn: (version) =>
+      api.post("/v1/layout/revert", { body: { version } }),
     ...(options as any),
   });
 };
@@ -82,7 +64,7 @@ export const useRevertChanges = (options?: Partial<UseMutationOptions>) => {
 export const useApplyChanges = (options?: Partial<UseMutationOptions>) => {
   return useMutation<ApplyLayoutResult, Error, number>({
     mutationFn: (version) =>
-      api.post("/v2/ApplyClusterLayout", { body: { version } }),
+      api.post("/v1/layout/apply", { body: { version } }),
     ...(options as any),
   });
 };

src/pages/cluster/page.tsx

@@ -1,13 +1,11 @@
 import Page from "@/context/page-context";
-import { useClusterStatus, useNodeInfo } from "./hooks";
+import { useClusterStatus } from "./hooks";
 import { Card } from "react-daisyui";
 import NodesList from "./components/nodes-list";
 import { useMemo } from "react";
 
 const ClusterPage = () => {
   const { data } = useClusterStatus();
-  const { data: node } = useNodeInfo();
-
   const nodes = useMemo(() => {
     if (!data) return [];
 
@@ -29,13 +27,13 @@ const ClusterPage = () => {
         <Card.Body className="gap-1">
           <Card.Title className="mb-2">Details</Card.Title>
 
-          {/* <DetailItem title="Node ID" value={node?.nodeId} /> */}
+          <DetailItem title="Node ID" value={data?.node} />
-          <DetailItem title="Garage Version" value={node?.garageVersion} />
+          <DetailItem title="Version" value={data?.garageVersion} />
           {/* <DetailItem title="Rust version" value={data?.rustVersion} /> */}
-          <DetailItem title="DB engine" value={node?.dbEngine} />
+          <DetailItem title="DB engine" value={data?.dbEngine} />
           <DetailItem
             title="Layout version"
-            value={data?.layoutVersion || data?.layout?.version || "-"}
+            value={data?.layoutVersion || data?.layout?.version}
           />
         </Card.Body>
       </Card>

src/pages/cluster/types.ts

@@ -1,19 +1,5 @@
 //
 
-export type GetNodeInfoResult = {
-  success: {
-    [key: string]: {
-      nodeId:         string;
-      garageVersion:  string;
-      garageFeatures: string[];
-      rustVersion:    string;
-      dbEngine:       string;
-    };
-  };
-  error:   Error;
-}
-
-
 export type GetStatusResult = {
   node: string;
   garageVersion: string;

src/pages/home/hooks.ts

@@ -5,6 +5,6 @@ import { useQuery } from "@tanstack/react-query";
 export const useNodesHealth = () => {
   return useQuery({
     queryKey: ["health"],
-    queryFn: () => api.get<GetHealthResult>("/v2/GetClusterHealth"),
+    queryFn: () => api.get<GetHealthResult>("/v1/health"),
   });
 };

src/pages/keys/hooks.ts

@@ -10,7 +10,7 @@ import { CreateKeySchema } from "./schema";
 export const useKeys = () => {
   return useQuery({
     queryKey: ["keys"],
-    queryFn: () => api.get<Key[]>("/v2/ListKeys"),
+    queryFn: () => api.get<Key[]>("/v1/key?list"),
   });
 };
 
@@ -20,9 +20,9 @@ export const useCreateKey = (
   return useMutation({
     mutationFn: async (body) => {
       if (body.isImport) {
-        return api.post("/v2/ImportKey", { body });
+        return api.post("/v1/key/import", { body });
       }
-      return api.post("/v2/CreateKey", { body });
+      return api.post("/v1/key", { body });
     },
     ...options,
   });
@@ -32,7 +32,7 @@ export const useRemoveKey = (
   options?: UseMutationOptions<any, Error, string>
 ) => {
   return useMutation({
-    mutationFn: (id) => api.post("/v2/DeleteKey", { params: { id } }),
+    mutationFn: (id) => api.delete("/v1/key", { params: { id } }),
     ...options,
   });
 };

src/pages/keys/page.tsx

@@ -24,7 +24,7 @@ const KeysPage = () => {
 
   const fetchSecretKey = useCallback(async (id: string) => {
     try {
-      const result = await api.get("/v2/GetKeyInfo", {
+      const result = await api.get("/v1/key", {
         params: { id, showSecretKey: "true" },
       });
       if (!result?.secretAccessKey) {