From 74fa12231986c469a864de93696cb09ef9015d77 Mon Sep 17 00:00:00 2001
From: "Logan.Li" <admin@attacker.club>
Date: Sat, 25 Jul 2026 14:28:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Agent=20=E5=AE=89?=
 =?UTF-8?q?=E8=A3=85=E5=90=91=E5=AF=BC=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 限制弹窗尺寸并支持内容滚动
- Tabs 等分宽度并截断长文案，避免越界
---
 frontend/src/components/agent/AgentWizard.tsx | 29 ++++++++++---------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/agent/AgentWizard.tsx b/frontend/src/components/agent/AgentWizard.tsx
index 06dae82..31bd17a 100644
--- a/frontend/src/components/agent/AgentWizard.tsx
+++ b/frontend/src/components/agent/AgentWizard.tsx
@@ -230,7 +230,8 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-2xl dg-card text-[var(--dg-text-primary)]">
+      {/* 限制向导尺寸并允许内部滚动，避免长文案或窄屏突破弹窗边框。 // Logan.Li */}
+      <DialogContent className="w-[calc(100%-2rem)] max-w-2xl max-h-[calc(100vh-2rem)] overflow-y-auto dg-card text-[var(--dg-text-primary)]">
         <DialogHeader>
           <DialogTitle className="text-[var(--dg-text-primary)]">
             {server ? `部署 Agent → ${server.hostname}` : i18n.t('agent.agentwizardtsx.s812cc1a5')}
@@ -243,26 +244,26 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
           </DialogDescription>
         </DialogHeader>
 
-        <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
-          <TabsList className="bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)]">
-            <TabsTrigger value="auto" className="data-[state=active]:bg-[var(--dg-bg-active)]">
-              <Terminal className="h-4 w-4 mr-1.5" />
-              {isWindowsServer ? 'PowerShell 安装' : i18n.t('agent.agentwizardtsx.s1a2b3c4d')}
+        <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full min-w-0">
+          <TabsList className="grid h-auto w-full grid-cols-3 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)]">
+            <TabsTrigger value="auto" className="min-w-0 justify-center px-2 text-xs sm:text-sm data-[state=active]:bg-[var(--dg-bg-active)]">
+              <Terminal className="h-4 w-4 mr-1 shrink-0 sm:mr-1.5" />
+              <span className="truncate">{isWindowsServer ? 'PowerShell 安装' : i18n.t('agent.agentwizardtsx.s1a2b3c4d')}</span>
             </TabsTrigger>
             {server && !isWindowsServer && (
-              <TabsTrigger value="ssh" className="data-[state=active]:bg-[var(--dg-bg-active)]">
-                <Zap className="h-4 w-4 mr-1.5" />
-                {i18n.t('agent.agentwizardtsx.s2b3c4d5e')}
+              <TabsTrigger value="ssh" className="min-w-0 justify-center px-2 text-xs sm:text-sm data-[state=active]:bg-[var(--dg-bg-active)]">
+                <Zap className="h-4 w-4 mr-1 shrink-0 sm:mr-1.5" />
+                <span className="truncate">{i18n.t('agent.agentwizardtsx.s2b3c4d5e')}</span>
               </TabsTrigger>
             )}
             {!server && (
-              <TabsTrigger value="ssh" className="data-[state=active]:bg-[var(--dg-bg-active)] opacity-50 cursor-not-allowed" disabled>
-                <Zap className="h-4 w-4 mr-1.5" />
-                SSH一键安装
+              <TabsTrigger value="ssh" className="min-w-0 justify-center px-2 text-xs sm:text-sm data-[state=active]:bg-[var(--dg-bg-active)] opacity-50 cursor-not-allowed" disabled>
+                <Zap className="h-4 w-4 mr-1 shrink-0 sm:mr-1.5" />
+                <span className="truncate">SSH一键安装</span>
               </TabsTrigger>
             )}
-            <TabsTrigger value="manual" className="data-[state=active]:bg-[var(--dg-bg-active)]">
-              {i18n.t('agent.agentwizardtsx.s3c4d5e6f')}
+            <TabsTrigger value="manual" className="min-w-0 justify-center px-2 text-xs sm:text-sm data-[state=active]:bg-[var(--dg-bg-active)]">
+              <span className="truncate">{i18n.t('agent.agentwizardtsx.s3c4d5e6f')}</span>
             </TabsTrigger>
           </TabsList>