/**
 * Center - 个人中心仪表板主页面
 *
 * 对应路由：/home/center
 * 功能：自选股监控、关注事件、投资规划等
 */

import React from 'react';
import { Box } from '@chakra-ui/react';
import FeatureEntryPanel from './components/FeatureEntryPanel';
import InvestmentPlanningCenter from './components/InvestmentPlanningCenter';
import MarketDashboard from '@views/Profile/components/MarketDashboard';
import ForumCenter from '@views/Profile/components/ForumCenter';
import { THEME } from '@views/Profile/components/MarketDashboard/constants';

/**
 * Center 组件
 * 个人中心仪表板主页面
 *
 * 注意：右侧 WatchSidebar 已移至全局 GlobalSidebar（在 MainLayout 中渲染）
 */
const Center: React.FC = () => {

  return (
    <Box bg={THEME.bg.primary} minH="100vh" overflowX="hidden">
      <Box px={{ base: 3, md: 4 }} py={{ base: 4, md: 6 }} maxW="container.xl" mx="auto">
        {/* 市场概览仪表盘 */}
        <Box mb={4}>
          <MarketDashboard />
        </Box>

        {/* 价值论坛 / 互动中心 */}
        <Box mb={4}>
          <ForumCenter />
        </Box>

        {/* 功能入口面板 */}
        <Box mb={4}>
          <FeatureEntryPanel />
        </Box>

        {/* 投资规划中心（整合了日历、计划、复盘，应用 FUI 毛玻璃风格） */}
        <Box>
          <InvestmentPlanningCenter />
        </Box>
      </Box>
    </Box>
  );
};

export default Center;
