perf: replace shell icon bundle

src/features/script-tokens/TokenUsagePage.tsx

@@ -1,16 +1,5 @@
-import {
-  ArrowLeftOutlined,
-  BarChartOutlined,
-  CheckCircleOutlined,
-  LeftOutlined,
-  LineChartOutlined,
-  ReloadOutlined,
-  RightOutlined,
-  TeamOutlined,
-  UserOutlined,
-  WarningOutlined,
-} from "@ant-design/icons";
 import { useCallback, useEffect, useMemo, useState } from "react";
+import { ShellIcon } from "../../components/ShellIcon";
 import "../../styles/pages/more-tools.css";
 import "../../styles/pages/script-tokens-v5.css";
 import "../../styles/pages/script-tokens.css";
@@ -246,7 +235,7 @@ function TokenUsagePage({
         <header className="management-center-toolbar" aria-label="管理中心操作">
           <div className="management-center-toolbar__title">
             <button type="button" className="management-center-toolbar__back" aria-label="返回工具盒" onClick={onOpenMore}>
-              <ArrowLeftOutlined />
+              <ShellIcon name="arrow-left" />
             </button>
             <span>
               <strong>管理中心</strong>
@@ -257,18 +246,18 @@ function TokenUsagePage({
             {enterpriseUsageLoading ? "正在同步企业用量" : enterpriseUsageError || "服务器已连接"}
           </span>
           <button type="button" onClick={refreshEnterpriseUsage} disabled={enterpriseUsageLoading}>
-            <ReloadOutlined />
+            <ShellIcon name="reload" />
             刷新数据
           </button>
           <button type="button" className="is-muted-action">
-            <UserOutlined />
+            <ShellIcon name="user" />
             成员管理
           </button>
         </header>
 
         {isLowBalance ? (
           <div className="management-balance-alert" role="alert">
-            <WarningOutlined />
+            <ShellIcon name="warning" />
             <span>当前余额 {formatCredits(availableBalanceCents)}，可能不足以完成下一次生成，请及时充值。</span>
           </div>
         ) : null}
@@ -287,7 +276,7 @@ function TokenUsagePage({
           <article className="management-card management-card--chart">
             <div className="management-card__head">
               <h2>
-                <BarChartOutlined />
+                <ShellIcon name="bar-chart" />
                 模型消耗分布
               </h2>
               <span>{enterpriseUsageLoading ? "SYNC" : modelBreakdown.length ? `${modelBreakdown.length} 个模型` : "LIVE"}</span>
@@ -309,7 +298,7 @@ function TokenUsagePage({
               </div>
             ) : (
               <div className="management-empty-chart">
-                <BarChartOutlined />
+                <ShellIcon name="bar-chart" />
                 <span>暂无模型用量数据</span>
               </div>
             )}
@@ -318,7 +307,7 @@ function TokenUsagePage({
           <article className="management-card management-status-card">
             <div className="management-card__head">
               <h2>
-                <LineChartOutlined />
+                <ShellIcon name="line-chart" />
                 系统状态
               </h2>
             </div>
@@ -347,7 +336,7 @@ function TokenUsagePage({
         <section className="management-card management-members">
           <div className="management-card__head">
             <h2>
-              <TeamOutlined />
+              <ShellIcon name="team" />
               团队成员 ({members.length})
             </h2>
             <button type="button">{isEnterpriseAdmin ? "企业管理员" : "当前账号"}</button>
@@ -366,7 +355,7 @@ function TokenUsagePage({
                   <b>{member.taskCount} 调用</b>
                   <b>{formatDateTime(member.lastUsedAt)}</b>
                 </span>
-                <CheckCircleOutlined />
+                <ShellIcon name="check-circle" />
               </article>
             ))}
           </div>
@@ -375,7 +364,7 @@ function TokenUsagePage({
         <section className="management-card management-records">
           <div className="management-card__head">
             <h2>
-              <BarChartOutlined />
+              <ShellIcon name="bar-chart" />
               调用记录
             </h2>
             <span>{records.length} 条记录</span>
@@ -411,11 +400,11 @@ function TokenUsagePage({
           {records.length > pageSize && (
             <div className="management-record-pagination">
               <button type="button" disabled={recordPage === 0} onClick={() => setRecordPage((p) => p - 1)}>
-                <LeftOutlined />
+                <ShellIcon name="chevron-left" />
               </button>
               <span>{recordPage + 1} / {totalPages}</span>
               <button type="button" disabled={recordPage >= totalPages - 1} onClick={() => setRecordPage((p) => p + 1)}>
-                <RightOutlined />
+                <ShellIcon name="chevron-right" />
               </button>
             </div>
           )}