perf: replace shell icon bundle

src/App.tsx

@@ -1,19 +1,3 @@
-import {
-  BarChartOutlined,
-  BranchesOutlined,
-  CustomerServiceOutlined,
-  DeleteOutlined,
-  FolderOpenOutlined,
-  GlobalOutlined,
-  HeartOutlined,
-  HomeOutlined,
-  LayoutOutlined,
-  RobotOutlined,
-  ShoppingOutlined,
-  SwapOutlined,
-  ToolOutlined,
-  WalletOutlined,
-} from "@ant-design/icons";
 import { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useShallow } from "zustand/react/shallow";
 import ErrorBoundary from "./components/ErrorBoundary";
@@ -37,6 +21,7 @@ import { webGenerationGateway, type CreatePreviewTaskInput } from "./api/webGene
 import { translateTaskError } from "./utils/translateTaskError";
 import { recoverAndResumeTasks } from "./services/backgroundTaskRunner";
 import AppShell from "./components/AppShell";
+import { ShellIcon } from "./components/ShellIcon";
 const NotFoundPage = lazy(() => import("./components/NotFoundPage"));
 const CompliancePage = lazy(() => import("./features/compliance/CompliancePage"));
 import { cloneWorkflow, createBlankWorkflow } from "./data/workflows";
@@ -441,24 +426,24 @@ function App() {
 
   const navItems = useMemo<WebNavItem[]>(
     () => [
-      { key: "home", label: "首页", hint: "项目入口", icon: <HomeOutlined /> },
-      { key: "workbench", label: "生成", hint: "对话生成页面", icon: <RobotOutlined /> },
+      { key: "home", label: "首页", hint: "项目入口", icon: <ShellIcon name="home" /> },
+      { key: "workbench", label: "生成", hint: "对话生成页面", icon: <ShellIcon name="robot" /> },
       {
         key: "ecommerce",
         label: "电商生成",
         hint: "AI创作与海报生成",
-        icon: <ShoppingOutlined />,
+        icon: <ShellIcon name="shopping" />,
       },
-      { key: "canvas", label: "画布", hint: "进入自由画布编排", icon: <BranchesOutlined /> },
-      { key: "community", label: "社区", hint: "案例分享与导入", icon: <GlobalOutlined /> },
-      { key: "scriptTokens", label: "剧本评分", hint: "剧本评分系统", icon: <BarChartOutlined /> },
-      { key: "tokenUsage", label: "Token消耗", hint: "成员、服务与调用记录", icon: <WalletOutlined /> },
-      { key: "providerHealth", label: "服务商健康", hint: "AI 服务商状态与监控", icon: <HeartOutlined /> },
-      { key: "assets", label: "资产库", hint: "角色、场景、道具", icon: <FolderOpenOutlined /> },
-      { key: "agent", label: "Agent", hint: "拆解与规划", icon: <RobotOutlined /> },
-      { key: "digitalHuman", label: "数字人", hint: "口播与人像生成", icon: <CustomerServiceOutlined /> },
-      { key: "characterMix", label: "角色迁移", hint: "人物视频迁移", icon: <SwapOutlined /> },
-      { key: "more", label: "工具盒", hint: "图像与镜头工具", icon: <ToolOutlined /> },
+      { key: "canvas", label: "画布", hint: "进入自由画布编排", icon: <ShellIcon name="branches" /> },
+      { key: "community", label: "社区", hint: "案例分享与导入", icon: <ShellIcon name="global" /> },
+      { key: "scriptTokens", label: "剧本评分", hint: "剧本评分系统", icon: <ShellIcon name="bar-chart" /> },
+      { key: "tokenUsage", label: "Token消耗", hint: "成员、服务与调用记录", icon: <ShellIcon name="wallet" /> },
+      { key: "providerHealth", label: "服务商健康", hint: "AI 服务商状态与监控", icon: <ShellIcon name="heart" /> },
+      { key: "assets", label: "资产库", hint: "角色、场景、道具", icon: <ShellIcon name="folder" /> },
+      { key: "agent", label: "Agent", hint: "拆解与规划", icon: <ShellIcon name="robot" /> },
+      { key: "digitalHuman", label: "数字人", hint: "口播与人像生成", icon: <ShellIcon name="customer-service" /> },
+      { key: "characterMix", label: "角色迁移", hint: "人物视频迁移", icon: <ShellIcon name="swap" /> },
+      { key: "more", label: "工具盒", hint: "图像与镜头工具", icon: <ShellIcon name="tool" /> },
     ],
     [],
   );
@@ -1455,7 +1440,7 @@ function App() {
           />
           <section className="project-delete-modal__panel">
             <span className="project-delete-modal__icon">
-              <DeleteOutlined />
+              <ShellIcon name="delete" />
             </span>
             <h2 id="project-delete-title">删除项目</h2>
             <p>确认删除项目「{pendingDeleteProject.name}」？删除后将从服务器项目列表移除。</p>