feat: add phone frequency controls and modularize codebase

src/apps/client/ClientHome.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from 'react';
 import {
   BadgeCheck,
-  BellRing,
+  ClipboardList,
   FileText,
   PenLine,
   Plus,
@@ -66,10 +66,10 @@ export function ClientHome() {
 
   const sendTrendOption = useMemo(
     () => createLineOption({
-      labels: ['今日'],
+      labels: dashboard?.hourlySendTrend.map((item) => item.label) ?? [],
       series: [
-        { name: '提交量', data: [dashboard?.today.sent ?? 0] },
-        { name: '成功量', data: [dashboard?.today.delivered ?? 0] },
+        { name: '提交量', data: dashboard?.hourlySendTrend.map((item) => item.submittedCount) ?? [] },
+        { name: '成功量', data: dashboard?.hourlySendTrend.map((item) => item.successCount) ?? [] },
       ],
     }),
     [dashboard],
@@ -134,12 +134,12 @@ export function ClientHome() {
             <button className="quick-action" onClick={() => navigate('/client/templates')} type="button">
               <FileText size={20} />
               <span>模板管理</span>
-              <small>进入真实模板列表</small>
+              <small>进入模板列表</small>
             </button>
             <button className="quick-action" onClick={() => navigate('/client/signatures')} type="button">
               <PenLine size={20} />
               <span>签名管理</span>
-              <small>进入真实签名列表</small>
+              <small>进入签名列表</small>
             </button>
             <button className="quick-action" onClick={() => navigate('/client/billing')} type="button">
               <WalletCards size={20} />
@@ -155,16 +155,18 @@ export function ClientHome() {
               <h2>账户状态</h2>
               <p className="muted">企业认证与资源用量。</p>
             </div>
-            <Tag tone={account?.status === 'active' ? 'success' : 'warning'}>{account?.status ?? '未知'}</Tag>
+            <Tag tone={dashboard?.clientOverview?.certificationStatus === 'certified' ? 'success' : 'warning'}>
+              {dashboard?.clientOverview?.certificationStatus === 'certified' ? '已认证' : '未认证'}
+            </Tag>
           </div>
           <div className="summary-list">
             <div>
               <span>企业主体</span>
-              <strong>{account?.tenant?.name ?? account?.tenantId ?? '当前租户'}</strong>
+              <strong>{dashboard?.clientOverview?.enterpriseName ?? account?.tenant?.name ?? '企业信息未完善'}</strong>
             </div>
             <div>
-              <span>默认签名</span>
-              <strong>由发送资源 API 管理</strong>
+              <span>签名数量</span>
+              <strong>{dashboard?.clientOverview?.signatureCount ?? 0} 个</strong>
             </div>
             <div>
               <span>最近充值</span>
@@ -184,36 +186,36 @@ export function ClientHome() {
       </div>
 
       <div className="overview-grid overview-grid--three">
-        <div className="surface mini-status-card">
+        <button className="surface mini-status-card mini-status-card--action" onClick={() => navigate('/client/templates')} type="button">
           <BadgeCheck size={22} />
           <div>
             <span>模板状态</span>
-            <strong>{dashboard?.pendingAuditCount ?? 0} 待处理</strong>
+            <strong>{dashboard?.pendingAudits.templates ?? 0} 个待审核</strong>
             <small>点击进入模板明细</small>
           </div>
-        </div>
-        <div className="surface mini-status-card">
+        </button>
+        <button className="surface mini-status-card mini-status-card--action" onClick={() => navigate('/client/signatures')} type="button">
           <PenLine size={22} />
           <div>
             <span>签名状态</span>
-            <strong>真实 API</strong>
+            <strong>{dashboard?.pendingAudits.signatures ?? 0} 个待审核</strong>
             <small>点击进入签名明细</small>
           </div>
-        </div>
-        <div className="surface mini-status-card">
-          <BellRing size={22} />
+        </button>
+        <button className="surface mini-status-card mini-status-card--action" onClick={() => navigate('/client/batch-tasks')} type="button">
+          <ClipboardList size={22} />
           <div>
-            <span>服务提醒</span>
-            <strong>通道运行正常</strong>
-            <small>备用通道有排队批次，请关注发送详情。</small>
+            <span>批量任务</span>
+            <strong>{dashboard?.clientOverview?.pendingBatchTaskCount ?? 0} 个待审核</strong>
+            <small>点击进入批量任务菜单</small>
           </div>
-        </div>
+        </button>
       </div>
 
       <div className="chart-grid">
         <div className="surface chart-card">
           <h2>今日发送趋势</h2>
-          <p className="muted">按 3 小时聚合提交量和成功量。</p>
+          <p className="muted">按北京时间逐小时展示提交量和成功量。</p>
           <Chart height={300} option={sendTrendOption} />
         </div>
         <div className="surface chart-card">