feat(core/frontend): wire settings/avatar/image-gen + real data render (library/product-detail/pipeline)

App.tsx: thread saveProfile/changePassword/uploadAvatar/generateImages handlers + assets prop to pages.
- settings.tsx: profile save / password modal / avatar upload wired; notification/theme prefs -> localStorage
- library.tsx + product-detail: asset thumbnails + grids render real TOS preview_url
- ai-tools ImageWorkbenchPage: 生成图片 wired to /api/ai/generate-image, renders returned assets
- pipeline.tsx stage2-5: base_assets/storyboard/video_segments(adopted_asset)/timeline(clips/subtitles/bgm)
  rendered from real project data; graceful empty states
- types.ts: +VideoSegment.adopted_asset, +Timeline.subtitle_tracks/bgm_tracks
verified: tsc --noEmit clean; screenshots confirm pipeline stages 2-5 + product-detail render real data+images
(demo asset object_keys re-pointed to image objects so thumbnails resolve)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

core/frontend/src/App.tsx

@@ -236,6 +236,28 @@ export function App() {
     await reloadNotifications();
   }
 
+  async function saveProfile(payload: { name?: string; phone?: string; email?: string }) {
+    const res = await action(() => api.updateProfile(payload), "资料已保存");
+    if (res) {
+      setUser(res.user);
+      setTeam(res.team);
+    }
+  }
+
+  async function changeOwnPassword(payload: { old_password: string; new_password: string }) {
+    const res = await action(() => api.changePassword(payload), "密码已修改");
+    if (res?.token) setToken(res.token);
+  }
+
+  async function uploadOwnAvatar(formData: FormData) {
+    const res = await action(() => api.uploadAvatar(formData), "头像已更新");
+    if (res) setUser(res);
+  }
+
+  function generateImages(payload: { prompt: string; mode?: "image" | "model" | "cover"; count?: number }) {
+    return action(() => api.generateImage(payload), "图片已生成");
+  }
+
   function onAuthed(payload: { token: string; user: User; team: Team }) {
     setToken(payload.token);
     setUser(payload.user);
@@ -321,6 +343,7 @@ export function App() {
           <ProductDetailPage
             product={activeProduct}
             projects={projects.filter((project) => project.product === activeProduct.id)}
+            assets={assets}
             navigate={navigate}
             onUpdate={(payload) => action(() => api.updateProduct(activeProduct.id, payload), "商品已更新")}
           />
@@ -404,19 +427,19 @@ export function App() {
       case "assetFactory":
         return <AssetFactoryPage navigate={navigate} aiTasks={aiTasks} />;
       case "imageOptimize":
-        return <ImageWorkbenchPage mode="image" products={products} assets={assets} modelConfigs={modelConfigs} onBack={() => navigate("assetFactory")} navigate={navigate} />;
+        return <ImageWorkbenchPage mode="image" products={products} assets={assets} modelConfigs={modelConfigs} onBack={() => navigate("assetFactory")} navigate={navigate} onGenerate={generateImages} />;
       case "modelPhoto":
-        return <ImageWorkbenchPage mode="model" products={products} assets={assets} modelConfigs={modelConfigs} onBack={() => navigate("assetFactory")} navigate={navigate} />;
+        return <ImageWorkbenchPage mode="model" products={products} assets={assets} modelConfigs={modelConfigs} onBack={() => navigate("assetFactory")} navigate={navigate} onGenerate={generateImages} />;
       case "platformCover":
-        return <ImageWorkbenchPage mode="cover" products={products} assets={assets} modelConfigs={modelConfigs} onBack={() => navigate("assetFactory")} navigate={navigate} />;
+        return <ImageWorkbenchPage mode="cover" products={products} assets={assets} modelConfigs={modelConfigs} onBack={() => navigate("assetFactory")} navigate={navigate} onGenerate={generateImages} />;
       case "modelPhotoDemoA":
         return <ModelPhotoDemoPage variant="A" products={products} onBack={() => navigate("modelPhoto")} />;
       case "modelPhotoDemoB":
         return <ModelPhotoDemoPage variant="B" products={products} onBack={() => navigate("modelPhoto")} />;
       case "settings":
-        return <SettingsPage user={currentUser} team={currentTeam} />;
+        return <SettingsPage user={currentUser} team={currentTeam} onSaveProfile={saveProfile} onChangePassword={changeOwnPassword} onUploadAvatar={uploadOwnAvatar} />;
       case "settingsNotify":
-        return <SettingsPage user={currentUser} team={currentTeam} initialSection="notify" />;
+        return <SettingsPage user={currentUser} team={currentTeam} initialSection="notify" onSaveProfile={saveProfile} onChangePassword={changeOwnPassword} onUploadAvatar={uploadOwnAvatar} />;
       default:
         return <Dashboard products={products} projects={projects} assets={assets} billing={billing} navigate={navigate} />;
     }
@@ -437,6 +460,7 @@ export function App() {
         team={currentTeam}
         products={products}
         projects={projects}
+        assets={assets}
         billing={billing}
         notice={notice}
         avatarChar={avatarChar}