Merge branch 'feature_2025/251117_pref' into feature_2025/251121_h5UI

* feature_2025/251117_pref: (159 commits)
  feat: UI调整
  feat: 将滚动事件移东到组件内部
  feat: 去掉背景组件
  feat: 拆分左侧栏、中间聊天区、右侧栏组件, Hooks 提取
  feat: 简化主组件 index.js - 使用组件组合方式重构
  feat: 创建 ChatArea 组件（含 MessageRenderer、ExecutionStepsDisplay 子组件）
  feat:拆分工具函数
  feat: 拆分BackgroundEffects 背景渐变装饰层
  feat: RightSidebar (~420 行) - 模型/工具/统计 Tab 面板（单文件）
  feat:  LeftSidebar (~280 行) - 对话历史列表 + 用户信息卡片
  feat: 修复bug
  pref:移除黑夜模式
  feat: 修复警告
  feat: 提取常量配置
  feat: 修复ts报错
  feat:  StockChartModal.tsx 替换 KLine 实现
  update pay function
  update pay function
  update pay function
  update pay function
  ...

src/views/LimitAnalyse/components/DataVisualizationComponents.js

@@ -50,21 +50,24 @@ import {
     Treemap,
     Area, AreaChart,
 } from 'recharts';
+// 词云库 - 支持两种实现
 import { Wordcloud } from '@visx/wordcloud';
 import { scaleLog } from '@visx/scale';
 import { Text as VisxText } from '@visx/text';
-
+import ReactECharts from 'echarts-for-react';
+import 'echarts-wordcloud';
 // 颜色配置
 const CHART_COLORS = [
     '#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEEAD',
     '#D4A5A5', '#9B6B6B', '#E9967A', '#B19CD9', '#87CEEB'
 ];
 
-// 词云颜色
+// 词云颜色常量
 const WORDCLOUD_COLORS = ['#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEEAD'];
 
-// 词云图组件（使用 @visx/wordcloud，兼容 React 18）
-const WordCloud = ({ data }) => {
+// ==================== 词云组件实现 1: @visx/wordcloud ====================
+// 使用 SVG 渲染，React 18 原生支持，配置灵活
+const VisxWordCloud = ({ data }) => {
     const [dimensions, setDimensions] = useState({ width: 0, height: 400 });
     const containerRef = useRef(null);
 
@@ -99,7 +102,7 @@ const WordCloud = ({ data }) => {
     }
 
     const words = data.slice(0, 100).map(item => ({
-        text: item.name || item.text,
+        name: item.name || item.text,
         value: item.value || item.count || 1
     }));
 
@@ -151,6 +154,85 @@ const WordCloud = ({ data }) => {
     );
 };
 
+// ==================== 词云组件实现 2: ECharts Wordcloud ====================
+// 使用 Canvas 渲染，内置交互效果（tooltip、emphasis），配置简单
+const EChartsWordCloud = ({ data }) => {
+    if (!data || data.length === 0) {
+        return (
+            <Center h="400px">
+                <VStack>
+                    <Text color="gray.500">暂无词云数据</Text>
+                </VStack>
+            </Center>
+        );
+    }
+
+    const words = data.slice(0, 100).map(item => ({
+        name: item.name || item.text,
+        value: item.value || item.count || 1
+    }));
+
+    const option = {
+        tooltip: {
+            show: true
+        },
+        series: [{
+            type: 'wordCloud',
+            shape: 'circle',
+            left: 'center',
+            top: 'center',
+            width: '100%',
+            height: '100%',
+            sizeRange: [16, 80],
+            rotationRange: [-90, 0],
+            rotationStep: 90,
+            gridSize: 8,
+            drawOutOfBound: false,
+            layoutAnimation: true,
+            textStyle: {
+                fontFamily: 'Microsoft YaHei, sans-serif',
+                fontWeight: 'bold',
+                color: function () {
+                    return WORDCLOUD_COLORS[Math.floor(Math.random() * WORDCLOUD_COLORS.length)];
+                }
+            },
+            emphasis: {
+                focus: 'self',
+                textStyle: {
+                    textShadowBlur: 10,
+                    textShadowColor: '#333'
+                }
+            },
+            data: words
+        }]
+    };
+
+    return (
+        <ReactECharts
+            option={option}
+            style={{ height: '400px', width: '100%' }}
+            opts={{ renderer: 'canvas' }}
+        />
+    );
+};
+
+// ==================== 词云组件包装器 ====================
+// 统一接口，支持切换两种实现方式
+const WordCloud = ({ data, engine = 'echarts' }) => {
+    if (!data || data.length === 0) {
+        return (
+            <Center h="400px">
+                <VStack>
+                    <Text color="gray.500">暂无词云数据</Text>
+                </VStack>
+            </Center>
+        );
+    }
+
+    // 根据 engine 参数选择实现方式
+    return engine === 'visx' ? <VisxWordCloud data={data} /> : <EChartsWordCloud data={data} />;
+};
+
 // 板块热力图组件
 const SectorHeatMap = ({ data }) => {
     if (!data) return null;