fix: The issue of total data consumption flex height when the main control list on the home page exceeds 4

Author: Mecozea

web/src/components/ui/file-log-viewer.tsx

@@ -89,9 +89,15 @@ export const FileLogViewer: React.FC<FileLogViewerProps> = ({
 
       const data = await response.json();
 
-      if (data.success && Array.isArray(data.logs)) {
-        setLogs(data.logs);
-        onLogsChangeRef.current?.(data.logs);
+      if (data.success && data.data && Array.isArray(data.data.logs)) {
+        // 转换API返回的格式到FileLogEntry格式
+        const convertedLogs: FileLogEntry[] = data.data.logs.map((log: any) => ({
+          timestamp: log.timestamp || new Date().toISOString(),
+          content: log.message || log.content || '',
+          filePath: log.filePath || 'file'
+        }));
+        setLogs(convertedLogs);
+        onLogsChangeRef.current?.(convertedLogs);
         // 延迟滚动到底部
         setTimeout(scrollToBottom, 100);
       } else {
@@ -264,10 +270,10 @@ export const FileLogViewer: React.FC<FileLogViewerProps> = ({
               const lines = log.content.split('\n').filter(line => line.length > 0);
               return lines.map((line, lineIndex) => (
                 <div key={`${index}-${lineIndex}`} className="text-gray-300 leading-5">
-                  <span 
-                    className="break-all" 
-                    dangerouslySetInnerHTML={{ 
-                      __html: processAnsiColors(line) 
+                  <span
+                    className="break-all"
+                    dangerouslySetInnerHTML={{
+                      __html: line // API已经处理过ANSI颜色，直接使用
                     }}
                   />
                 </div>

web/src/components/ui/traffic-overview-chart.tsx

@@ -311,7 +311,7 @@ function TrafficOverviewChartComponent({
   }
 
   return (
-    <Card as="dl" className="h-full min-h-[400px] dark:border-default-100 border border-transparent">
+    <Card as="dl" className="h-[470px] dark:border-default-100 border border-transparent">
       <section className="flex flex-col flex-nowrap h-full">
         <div className="flex flex-col justify-between gap-y-2 p-5 flex-shrink-0">
           <div className="flex flex-col gap-y-2">

web/src/pages/dashboard/index.tsx

@@ -679,13 +679,13 @@ export default function DashboardPage() {
 
         {/* 主控列表 - 右侧卡片 */}
         <div className="lg:h-full">
-          <Card className="h-full min-h-[400px] dark:border-default-100 border border-transparent">
+          <Card className=" h-[469px] dark:border-default-100 border border-transparent">
             <CardHeader className="p-5 pb-0">
               <div className="flex flex-col items-start gap-1 w-full">
                 <span className="text-base font-semibold text-foreground">主控列表</span>
               </div>
             </CardHeader>
-            <CardBody className="p-5 pt-3">
+            <CardBody className="p-5 pt-3 overflow-y-auto scrollbar-hide">
               <div className="space-y-3">
                 {loading ? (
                   // 加载状态骨架屏