From 18541db9d4c6bfbc8493eac9fa288d9e80326e3c Mon Sep 17 00:00:00 2001
From: admin <572701190@qq.com>
Date: Sun, 3 May 2026 00:08:55 +0800
Subject: [PATCH] separate workspace data source and processing sections

---
 WebSite/src/App.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/WebSite/src/App.tsx b/WebSite/src/App.tsx
index a79f59d..c663b42 100644
--- a/WebSite/src/App.tsx
+++ b/WebSite/src/App.tsx
@@ -668,14 +668,14 @@ export default function App() {
           {currentPage === 'workspace' && (
             <div className="min-h-full flex gap-6 animate-in fade-in zoom-in-95 duration-300">
               <div className="w-[380px] space-y-4 shrink-0">
-                <div className="bg-white p-5 rounded-2xl border shadow-sm space-y-5">
-                  <div className={`flex items-center gap-3 text-xs font-bold px-3 py-2 rounded-xl ${backendOnline ? 'bg-green-50 text-green-700' : 'bg-amber-50 text-amber-700'}`}>
-                    {backendOnline ? <Server size={16} /> : <AlertCircle size={16} />}
-                    <span>{backendMessage}</span>
-                  </div>
+                <div className={`flex items-center gap-3 text-xs font-bold px-4 py-3 rounded-2xl border ${backendOnline ? 'bg-green-50 text-green-700 border-green-100' : 'bg-amber-50 text-amber-700 border-amber-100'}`}>
+                  {backendOnline ? <Server size={16} /> : <AlertCircle size={16} />}
+                  <span>{backendMessage}</span>
+                </div>
 
+                <div className="bg-white p-5 rounded-2xl border shadow-sm space-y-4">
                   <div className="space-y-3">
-                    <label className="text-[10px] font-bold text-slate-400 uppercase tracking-widest block">影像库数据源与输出结果</label>
+                    <label className="text-[10px] font-bold text-slate-400 uppercase tracking-widest block">影像库数据源</label>
                     <div className="space-y-2">
                       <div className="flex items-center justify-between text-[10px] font-bold text-slate-500">
                         <span className="flex items-center gap-2"><Database size={12} /> 当前 DICOM 数据集</span>
@@ -696,6 +696,10 @@ export default function App() {
                       </select>
                     </div>
                   </div>
+                </div>
+
+                <div className="bg-white p-5 rounded-2xl border shadow-sm space-y-5">
+                  <label className="text-[10px] font-bold text-slate-400 uppercase tracking-widest block">仰头数据处理及结果输出</label>
 
                   <div className="space-y-4 pt-2">
                     <div>