From 500dc234898486b3c64b2584b34721c269fda45c Mon Sep 17 00:00:00 2001
From: "mula.liu" <mula.liu@163.com>
Date: Mon, 2 Mar 2026 13:47:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E6=96=87=E4=BB=B6=E5=A4=84?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/dashboard/BotDashboardModule.css  | 20 +++++++++++
 .../modules/dashboard/BotDashboardModule.tsx  | 35 ++++++++++++-------
 2 files changed, 43 insertions(+), 12 deletions(-)

diff --git a/frontend/src/modules/dashboard/BotDashboardModule.css b/frontend/src/modules/dashboard/BotDashboardModule.css
index 24f4821..03dd835 100644
--- a/frontend/src/modules/dashboard/BotDashboardModule.css
+++ b/frontend/src/modules/dashboard/BotDashboardModule.css
@@ -1409,6 +1409,26 @@
   max-height: calc(100vh - 170px);
 }
 
+.workspace-preview-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.workspace-preview-header-text {
+  min-width: 0;
+  display: grid;
+  gap: 4px;
+}
+
+.workspace-preview-header-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  flex: 0 0 auto;
+}
+
 .workspace-preview-body {
   border: 1px solid var(--line);
   border-radius: 10px;
diff --git a/frontend/src/modules/dashboard/BotDashboardModule.tsx b/frontend/src/modules/dashboard/BotDashboardModule.tsx
index 09d0f94..02fe5a4 100644
--- a/frontend/src/modules/dashboard/BotDashboardModule.tsx
+++ b/frontend/src/modules/dashboard/BotDashboardModule.tsx
@@ -2531,9 +2531,29 @@ export function BotDashboardModule({
       {workspacePreview && (
         <div className="modal-mask" onClick={closeWorkspacePreview}>
           <div className={`modal-card modal-preview ${workspacePreviewFullscreen ? 'modal-preview-fullscreen' : ''}`} onClick={(e) => e.stopPropagation()}>
-            <div className="modal-title-row">
-              <h3>{t.filePreview}</h3>
-              <span className="modal-sub mono">{workspacePreview.path}</span>
+            <div className="modal-title-row workspace-preview-header">
+              <div className="workspace-preview-header-text">
+                <h3>{t.filePreview}</h3>
+                <span className="modal-sub mono">{workspacePreview.path}</span>
+              </div>
+              <div className="workspace-preview-header-actions">
+                <button
+                  className="btn btn-secondary btn-sm icon-btn"
+                  onClick={() => setWorkspacePreviewFullscreen((v) => !v)}
+                  title={workspacePreviewFullscreen ? (isZh ? '退出全屏' : 'Exit full screen') : (isZh ? '全屏预览' : 'Full screen')}
+                  aria-label={workspacePreviewFullscreen ? (isZh ? '退出全屏' : 'Exit full screen') : (isZh ? '全屏预览' : 'Full screen')}
+                >
+                  {workspacePreviewFullscreen ? <Minimize2 size={14} /> : <Maximize2 size={14} />}
+                </button>
+                <button
+                  className="btn btn-secondary btn-sm icon-btn"
+                  onClick={closeWorkspacePreview}
+                  title={t.close}
+                  aria-label={t.close}
+                >
+                  <X size={14} />
+                </button>
+              </div>
             </div>
             <div className={`workspace-preview-body ${workspacePreview.isMarkdown ? 'markdown' : ''}`}>
               {workspacePreview.isImage ? (
@@ -2562,14 +2582,6 @@ export function BotDashboardModule({
             <div className="row-between">
               <span className="workspace-preview-meta mono">{workspacePreview.ext || '-'}</span>
               <div style={{ display: 'inline-flex', alignItems: 'center', gap: 8 }}>
-                <button
-                  className="btn btn-secondary"
-                  onClick={() => setWorkspacePreviewFullscreen((v) => !v)}
-                  title={workspacePreviewFullscreen ? (isZh ? '退出全屏' : 'Exit full screen') : (isZh ? '全屏预览' : 'Full screen')}
-                  aria-label={workspacePreviewFullscreen ? (isZh ? '退出全屏' : 'Exit full screen') : (isZh ? '全屏预览' : 'Full screen')}
-                >
-                  {workspacePreviewFullscreen ? <Minimize2 size={14} /> : <Maximize2 size={14} />}
-                </button>
                 <a
                   className="btn btn-secondary"
                   href={`${APP_ENDPOINTS.apiBase}/bots/${selectedBotId}/workspace/download?path=${encodeURIComponent(workspacePreview.path)}&download=1`}
@@ -2579,7 +2591,6 @@ export function BotDashboardModule({
                 >
                   {t.download}
                 </a>
-                <button className="btn btn-primary" onClick={closeWorkspacePreview}>{t.close}</button>
               </div>
             </div>
           </div>