feat: Company - 5个事件（页面浏览、股票搜索、Tab 切换、自选股管理）

src/views/Company/index.js

@@ -34,6 +34,8 @@ import FinancialPanorama from './FinancialPanorama';
 import ForecastReport from './ForecastReport';
 import MarketDataView from './MarketDataView';
 import CompanyOverview from './CompanyOverview';
+// 导入 PostHog 追踪 Hook
+import { useCompanyEvents } from './hooks/useCompanyEvents';
 
 const CompanyIndex = () => {
   const [searchParams, setSearchParams] = useSearchParams();
@@ -42,7 +44,18 @@ const CompanyIndex = () => {
   const { colorMode, toggleColorMode } = useColorMode();
   const toast = useToast();
   const { isAuthenticated } = useAuth();
-  
+
+  // 🎯 PostHog 事件追踪
+  const {
+    trackStockSearched,
+    trackTabChanged,
+    trackWatchlistAdded,
+    trackWatchlistRemoved,
+  } = useCompanyEvents({ stockCode });
+
+  // Tab 索引状态（用于追踪 Tab 切换）
+  const [currentTabIndex, setCurrentTabIndex] = useState(0);
+
   const bgColor = useColorModeValue('white', 'gray.800');
   const tabBg = useColorModeValue('gray.50', 'gray.700');
   const activeBg = useColorModeValue('blue.500', 'blue.400');
@@ -86,6 +99,9 @@ const CompanyIndex = () => {
   
   const handleSearch = () => {
     if (inputCode && inputCode !== stockCode) {
+      // 🎯 追踪股票搜索
+      trackStockSearched(inputCode, stockCode);
+
       setStockCode(inputCode);
       setSearchParams({ scode: inputCode });
     }
@@ -123,6 +139,10 @@ const CompanyIndex = () => {
 
         logger.api.response('DELETE', url, resp.status);
         if (!resp.ok) throw new Error('删除失败');
+
+        // 🎯 追踪移除自选
+        trackWatchlistRemoved(stockCode);
+
         setIsInWatchlist(false);
         toast({ title: '已从自选移除', status: 'info', duration: 1500 });
       } else {
@@ -140,6 +160,10 @@ const CompanyIndex = () => {
 
         logger.api.response('POST', url, resp.status);
         if (!resp.ok) throw new Error('添加失败');
+
+        // 🎯 追踪加入自选
+        trackWatchlistAdded(stockCode);
+
         setIsInWatchlist(true);
         toast({ title: '已加入自选', status: 'success', duration: 1500 });
       }
@@ -226,7 +250,18 @@ const CompanyIndex = () => {
         {/* 数据展示区域 */}
         <Card bg={bgColor} shadow="lg">
           <CardBody p={0}>
-            <Tabs variant="soft-rounded" colorScheme="blue" size="lg">
+            <Tabs
+              variant="soft-rounded"
+              colorScheme="blue"
+              size="lg"
+              index={currentTabIndex}
+              onChange={(index) => {
+                const tabNames = ['公司概览', '股票行情', '财务全景', '盈利预测'];
+                // 🎯 追踪 Tab 切换
+                trackTabChanged(index, tabNames[index], currentTabIndex);
+                setCurrentTabIndex(index);
+              }}
+            >
               <TabList p={4} bg={tabBg}>
                 <Tab 
                   _selected={{