update

frontend/src/components/server/ServerManager.tsx

@@ -122,10 +122,13 @@ export function ServerManager() {
   const servers = data?.list ?? [];
   const total = data?.total ?? 0;
 
+  const getServerDisplayName = (server: JsonData) =>
+    server.alias || server.cloud_instance_name || server.hostname || server.ip || "";
+
   const openTerminal = (server: JsonData) => {
     setTerminalServer({
       id: server.id,
-      name: server.hostname,
+      name: getServerDisplayName(server),
       ip: server.ip,
       hasAuth: server.has_auth ?? true,
     });
@@ -133,12 +136,12 @@ export function ServerManager() {
   };
 
   const openRdp = (server: JsonData) => {
-    setRdpServer({ id: server.id, name: server.hostname, ip: server.ip });
+    setRdpServer({ id: server.id, name: getServerDisplayName(server), ip: server.ip });
     setRdpOpen(true);
   };
 
   const openFileBrowser = (server: JsonData) => {
-    setFileBrowserServer({ id: server.id, name: server.hostname });
+    setFileBrowserServer({ id: server.id, name: getServerDisplayName(server) });
     setFileBrowserOpen(true);
   };
 
@@ -171,9 +174,13 @@ export function ServerManager() {
 
   const handleDelete = async (id: string) => {
     const server = servers.find((s) => String(s.id) === String(id));
+    const name = server ? getServerDisplayName(server) : id;
     const ok = await confirm({
       title: t("server.deleteTitle"),
-      description: `${server?.hostname || id}`,
+      description: t("server.deleteConfirm", {
+        name,
+        ip: server?.ip || "-",
+      }),
       confirmText: t("common.delete"),
       variant: "destructive",
     });
@@ -192,7 +199,9 @@ export function ServerManager() {
     if (selectedServers.length === 0) return;
     const ok = await confirm({
       title: t("server.batchDeleteTitle"),
-      description: `${selectedServers.length}`,
+      description: t("server.batchDeleteConfirm", {
+        count: selectedServers.length,
+      }),
       confirmText: t("server.batchDelete"),
       variant: "destructive",
     });
@@ -224,6 +233,7 @@ export function ServerManager() {
     setEditingId(server.id);
     setFormData({
       hostname: server.hostname || "",
+      alias: server.alias || "",
       ip: server.ip || "",
       public_ip: server.public_ip || "",
       port: String(server.port || 22),
@@ -256,6 +266,7 @@ export function ServerManager() {
       setFormSaving(true);
       const payload: Record<string, unknown> = {
         hostname: formData.hostname,
+        alias: formData.alias,
         ip: formData.ip,
         public_ip: formData.public_ip || undefined,
         port: Number(formData.port) || 22,
@@ -306,6 +317,7 @@ export function ServerManager() {
       return;
     }
     const headers = [
+      t("server.csv.name"),
       t("server.csv.hostname"),
       t("server.csv.ip"),
       t("server.csv.publicIp"),
@@ -321,6 +333,7 @@ export function ServerManager() {
       const memGB = s.memory ? Math.round(Number(s.memory) / 1024) : 0;
       const tags = getTags(s).join(";");
       return [
+        getServerDisplayName(s),
         s.hostname || "",
         s.ip || "",
         s.public_ip || "",
@@ -482,7 +495,7 @@ export function ServerManager() {
                   />
                 </TableHead>
                 <TableHead className="text-[var(--dg-text-secondary)]">
-                  {t("server.hostname")}
+                  {t("server.assetName")}
                 </TableHead>
                 <TableHead className="text-[var(--dg-text-secondary)]">
                   {t("server.ipAddress")}