修改部份ui

core/frontend/src/App.tsx

@@ -21,7 +21,7 @@ import type {
 } from "./types";
 import { publicModelDisplayName } from "./model-display";
 import { generationErrorText } from "./generation-error";
-import { CornerMarks, Decorations, Sidebar, ToastLike } from "./components/app-shell";
+import { CornerMarks, Decorations, openCommandPalette, Sidebar, ToastLike, topModuleForPage } from "./components/app-shell";
 import { SystemLoading } from "./components/loading";
 import {
   AccountPage,
@@ -43,35 +43,13 @@ import {
   TeamPage
 } from "./routes";
 import type { AuthMode, NavigateOptions, Notice, Page, ResolvedRoute } from "./routes/route-config";
-import { isOwnerOnlyPage, pathForPage, resolveRoute, routeLabels } from "./routes/route-config";
+import { isOwnerOnlyPage, pathForPage, resolveRoute } from "./routes/route-config";
 import { AdminApp } from "./routes/admin/admin-app";
 import { TrashPage } from "./routes/trash";
 import { ModelsPage } from "./routes/models";
 import { money } from "./routes/stage-config";
 import type { ProductBatchResult } from "./routes/products";
 
-const crumbLabels: Partial<Record<Page, string>> = {
-  dashboard: "工作台",
-  products: "商品库",
-  productDetail: "商品详情",
-  productCreateUpload: "商品库",
-  projects: "视频项目",
-  projectWizard: "新建视频项目",
-  pipeline: "生产管线",
-  library: "资产库",
-  account: "消费",
-  team: "团队",
-  messages: "消息中心",
-  assetFactory: "图片生成",
-  imageOptimize: "图片创作",
-  modelPhoto: "模特上身图",
-  modelPhotoDemoA: "模特图方案 A",
-  modelPhotoDemoB: "模特图方案 B",
-  platformCover: "平台套图",
-  settings: "设置",
-  settingsNotify: "设置"
-};
-
 /* 图片生成工作台·跨刷新持久化:把在跑的任务 id + 已出结果按 mode 存本地,
    刷新后可恢复"生成中"占位并继续轮询(worker 在后台出图,任务永不丢)。 */
 const imgwbKey = (mode?: string) => `airshelf:imgwb:${mode || "image"}`;
@@ -1004,12 +982,13 @@ export function App() {
       case "settingsNotify":
         return <SettingsPage user={currentUser} team={currentTeam} initialSection="notify" preferences={preferences} sessions={sessions} onSavePreferences={savePreferences} onRevokeSession={revokeSession} onRevokeOthers={revokeOtherSessions} onSaveProfile={saveProfile} onChangePassword={changeOwnPassword} onUploadAvatar={uploadOwnAvatar} onResetAvatar={resetOwnAvatar} onNotify={(text) => setNotice({ type: "success", text })} onLogout={logout} />;
       default:
-        return <Dashboard products={products} projects={projects} productTotal={productTotal} projectTotal={projectTotal} billing={billing} loading={!dataLoaded} navigate={navigate} onCreateProduct={(payload) => action(() => api.createProduct(payload), "")} />;
+        return <Dashboard products={products} projects={projects} productTotal={productTotal} projectTotal={projectTotal} billing={billing} userName={currentUser.username} loading={!dataLoaded} navigate={navigate} onCreateProduct={(payload) => action(() => api.createProduct(payload), "")} />;
     }
   }
 
   const avatarChar = (currentTeam.name || currentUser.username || "A").slice(0, 1).toUpperCase();
-  const here = crumbLabels[page] || routeLabels[page] || "工作台";
+  const topModule = topModuleForPage(page);
+  const searchKbd = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform) ? "⌘K" : "Ctrl K";
 
   // 生产管线 · 全屏 bespoke 布局(自带顶栏 + 步进器),脱离常规 shell
   // 这里只认「当前激活项目的完整详情」(含 stages/timeline/script_versions/metadata 等嵌套字段)。
@@ -1153,18 +1132,29 @@ export function App() {
       <main>
         <Decorations />
         <header className="topbar">
-          <div className="crumbs">
-            {page === "dashboard" ? (
-              <span className="here">工作台</span>
-            ) : (
-              <>
-                <a href="/dashboard" onClick={(event) => { event.preventDefault(); navigate("dashboard"); }}>工作台</a>
-                <span className="sep">/</span>
-                <span className="here">{here}</span>
-              </>
-            )}
+          <div className="yz-mods" role="tablist" aria-label="创作模块">
+            <button
+              className={`yz-mod${topModule === "workbench" ? " active" : ""}`}
+              type="button"
+              onClick={() => navigate("dashboard")}
+            >工作台</button>
+            <button
+              className={`yz-mod${topModule === "image" ? " active" : ""}`}
+              type="button"
+              onClick={() => navigate("assetFactory")}
+            >图片创作</button>
+            <button
+              className={`yz-mod${topModule === "video" ? " active" : ""}`}
+              type="button"
+              onClick={() => navigate("projects")}
+            >视频创作</button>
           </div>
           <div className="right">
+            <button className="top-search" type="button" onClick={() => openCommandPalette()} aria-label="搜索">
+              <IconKitSvg name="search" />
+              <span>搜索</span>
+              <span className="kbd">{searchKbd}</span>
+            </button>
             <span className="balance-chip" onClick={() => navigate("account")}>
               <IconKitSvg name="creditCard" />
               余额 <strong>{money(billing?.account.balance)}</strong>