feat: 电商页面 KeepAlive 保活机制，切换页面不再丢失生成状态

通过 display:none 模式实现轻量 KeepAlive，电商页面首次访问后保持挂载，
切换到其他页面再切回时所有右侧面板状态（上传图片、生成进度、结果）完整保留。
同时清理项目中的临时文件和本地冗余图片。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/App.tsx

@@ -14,7 +14,7 @@ import {
   ToolOutlined,
   WalletOutlined,
 } from "@ant-design/icons";
-import { lazy, Suspense, useCallback, useEffect, useMemo, useRef } from "react";
+import { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import ErrorBoundary from "./components/ErrorBoundary";
 import { reportError } from "./utils/errorReporting";
 import { initNotificationPermission } from "./utils/generationNotifier";
@@ -284,6 +284,12 @@ function App() {
   const markAllNotificationsRead = useAppStore((s) => s.markAllNotificationsRead);
   const clearAppState = useAppStore((s) => s.clearAppState);
 
+  const [ecommerceEverMounted, setEcommerceEverMounted] = useState(false);
+  const isEcommerceActive = activeView === "ecommerce" || activeView === "ecommerceHub";
+  useEffect(() => {
+    if (isEcommerceActive && !ecommerceEverMounted) setEcommerceEverMounted(true);
+  }, [isEcommerceActive]); // eslint-disable-line react-hooks/exhaustive-deps
+
   // Dismiss boot splash after first render
   useEffect(() => {
     const splash = document.getElementById("app-boot-splash");
@@ -1075,20 +1081,7 @@ function App() {
         return <AssetsPage isAuthenticated={Boolean(session)} onOpenLogin={handleOpenLogin} />;
       case "ecommerce":
       case "ecommerceHub":
-        return (
-          <EcommercePage
-            projects={projects}
-            isAuthenticated={Boolean(session)}
-            onStartCreate={handleStartCreate}
-            onOpenProject={handleOpenProject}
-            onDeleteProject={handleDeleteProject}
-            onImportWorkflow={handleImportWorkflow}
-            onCreateTask={handleCreateTask}
-            onRequireLogin={handleRequireTaskLogin}
-            initialTemplate={pendingEcommerceTemplate}
-            onInitialTemplateConsumed={() => setPendingEcommerceTemplate(null)}
-          />
-        );
+        return null;
       case "digitalHuman":
         return (
           <DigitalHumanPage
@@ -1241,6 +1234,24 @@ function App() {
         <PageTransition viewKey={activeView}>
           {activePage}
         </PageTransition>
+
+        {/* KeepAlive: EcommercePage stays mounted once visited */}
+        {ecommerceEverMounted && (
+          <div style={{ display: isEcommerceActive ? undefined : "none" }}>
+            <EcommercePage
+              projects={projects}
+              isAuthenticated={Boolean(session)}
+              onStartCreate={handleStartCreate}
+              onOpenProject={handleOpenProject}
+              onDeleteProject={handleDeleteProject}
+              onImportWorkflow={handleImportWorkflow}
+              onCreateTask={handleCreateTask}
+              onRequireLogin={handleRequireTaskLogin}
+              initialTemplate={pendingEcommerceTemplate}
+              onInitialTemplateConsumed={() => setPendingEcommerceTemplate(null)}
+            />
+          </div>
+        )}
       </Suspense>
       </ErrorBoundary>