大量修改UI

core/frontend/src/components/app-shell.tsx

@@ -1,10 +1,8 @@
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import type { MouseEvent as ReactMouseEvent } from "react";
 import { createPortal } from "react-dom";
-import { AlertCircle, Check, Info, LogOut } from "lucide-react";
+import { AlertCircle, Boxes, Check, Info, LogOut, Settings, UsersRound } from "lucide-react";
 import { IconKitSvg } from "./IconKitSvg";
 import { useBodyScrollLock } from "./overlays";
-import { api, setToken } from "../api";
 import type { Product, Project, Team, User } from "../types";
 import type { Notice, Page } from "../routes/route-config";
 
@@ -15,10 +13,10 @@ type Command = { id: string; group: string; label: string; sub: string; page: Pa
 const SHELL_COMMANDS: Command[] = [
   { id: "dashboard", group: "导航", label: "工作台", sub: "任务队列、今日消耗、项目进度", page: "dashboard", icon: "dashboard", key: "D" },
   { id: "products", group: "导航", label: "商品库", sub: "管理 SKU、商品图册、卖点信息", page: "products", icon: "package", key: "P" },
-  { id: "projects", group: "导航", label: "视频项目", sub: "查看五阶段短视频流水线", page: "projects", icon: "clapperboard", key: "V" },
+  { id: "projects", group: "导航", label: "视频创作", sub: "从商品或参考视频出发，选择生产方式", page: "projects", icon: "clapperboard", key: "V" },
   { id: "asset-factory", group: "导航", label: "图片生成", sub: "模特上身图、平台套图、图片创作", page: "assetFactory", icon: "sparkles", key: "I" },
   { id: "free-create", group: "导航", label: "自由创作", sub: "AI 视频生成 · 全能参考 / 首尾帧", page: "freeCreate", icon: "film", key: "F" },
-  { id: "library", group: "导航", label: "资产库", sub: "素材、人物、场景、成片统一管理", page: "library", icon: "folder", key: "A" },
+  { id: "library", group: "导航", label: "成品库", sub: "素材、人物、场景、成片统一管理", page: "library", icon: "folder", key: "A" },
   { id: "team", group: "导航", label: "团队", sub: "成员、权限、额度、协作记录", page: "team", icon: "users" },
   { id: "account", group: "导航", label: "消费", sub: "余额、充值、账单流水", page: "account", icon: "creditCard" },
   { id: "settings", group: "导航", label: "设置", sub: "个人信息、通知、安全、偏好", page: "settings", icon: "settings" },
@@ -73,7 +71,7 @@ function CommandPalette({ open, onClose, navigate, canManageBilling = true }: {
             <div className="shell-command-empty">
               <IconKitSvg name="search" />
               <span>没有匹配的入口</span>
-              <span className="shell-command-section">// 换个关键词试试</span>
+              <span className="shell-command-section">换个关键词试试</span>
             </div>
           )}
           {items.map((cmd, i) => {
@@ -113,7 +111,7 @@ const ACCOUNT_ITEMS: { act: Page; icon: string; label: string }[] = [
   { act: "account", icon: "creditCard", label: "消费与余额" }
 ];
 
-function AccountMenu({ anchorRect, onClose, navigate, logout, user, team, canManageBilling = true }: {
+export function AccountMenu({ anchorRect, onClose, navigate, logout, user, team, canManageBilling = true }: {
   anchorRect: DOMRect;
   onClose: () => void;
   navigate: Navigate;
@@ -196,10 +194,10 @@ const NAV: NavDef[] = [
   { id: "dashboard", page: "dashboard", label: "工作台", icon: "dashboard" },
   { id: "products", page: "products", label: "商品库", icon: "package" },
   { id: "models", page: "models", label: "模特库", icon: "model" },
-  { id: "projects", page: "projects", label: "视频项目", icon: "clapperboard" },
+  { id: "projects", page: "projects", label: "视频创作", icon: "clapperboard" },
   { id: "asset-factory", page: "assetFactory", label: "图片生成", icon: "sparkles" },
   { id: "free-create", page: "freeCreate", label: "自由创作", icon: "film" },
-  { id: "library", page: "library", label: "资产库", icon: "library" },
+  { id: "library", page: "library", label: "成品库", icon: "library" },
   { id: "team", page: "team", label: "团队", icon: "users" },
   { id: "account", page: "account", label: "消费", icon: "creditCard" },
   { id: "trash", page: "trash", label: "垃圾桶", icon: "trash" },
@@ -208,7 +206,7 @@ const NAV: NavDef[] = [
 const RESOURCE_NAV: Array<{ id: string; page: Page; label: string }> = [
   { id: "products", page: "products", label: "商品库" },
   { id: "models", page: "models", label: "模特库" },
-  { id: "library", page: "library", label: "资产库" },
+  { id: "library", page: "library", label: "成品库" },
   // 成品库先隐藏,后续再加回资源中心
   { id: "account", page: "account", label: "消费" },
   { id: "trash", page: "trash", label: "垃圾桶" },
@@ -258,11 +256,10 @@ const PAGE_TO_NAV: Partial<Record<Page, Page>> = {
   settingsNotify: "settings"
 };
 
-export function Sidebar({ page, navigate, user, team, canManageBilling = true, products, projects, productTotal, projectTotal, aiUnread, logout, onOpenAdmin }: {
+export function Sidebar({ page, navigate, user, canManageBilling = true, products, projects, productTotal, projectTotal, aiUnread, onOpenAdmin }: {
   page: Page;
   navigate: Navigate;
   user: User;
-  team: Team | null;
   // 主账号(owner=超管)才看得到「团队」「消费」入口;子账号隐藏(PMC#3)。默认 true 兼容旧调用。
   canManageBilling?: boolean;
   products: Product[];
@@ -271,9 +268,6 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
   projectTotal?: number;
   // YYX#row22:未读生成任务总数 → 「图片生成」右侧数字胶囊
   aiUnread?: number;
-  // 退出登录。父级(App.tsx)有完整 logout 闭包时传入;未传时用自带兜底
-  // (best-effort 调登出接口 + 清 token + 跳 /login),保证侧栏账户菜单的"退出"今天就可用。
-  logout?: () => void;
   // 平台超管入口:仅 user.is_platform_admin 时显示,点了进 /admin 后台
   onOpenAdmin?: () => void;
 }) {
@@ -292,7 +286,6 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
   const badges: Partial<Record<string, number>> = { products: productTotal ?? products.length, projects: projectTotal ?? projects.length };
   // YYX#row22:有未读生成任务才显示胶囊(0 不显示)
   if (aiUnread && aiUnread > 0) badges["asset-factory"] = aiUnread;
-  const avatar = (team?.name || user.username || "A").slice(0, 1).toUpperCase();
 
   // 收窄/展开导航:与设计稿 Shell.toggleSidebarCollapse 一致 —— 切 body.sidebar-collapsed
   // 类(CSS 在 design-restraint.css),并持久化到 localStorage。
@@ -319,20 +312,6 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
     else if (topModule) setResourceOpen(false);
   }, [activeMajor, topModule]);
 
-  // 账户下拉菜单:点侧栏 .user 用其 DOMRect 当锚点展开,再次点击收起(toggle)。
-  const [accountAnchor, setAccountAnchor] = useState<DOMRect | null>(null);
-  const toggleAccountMenu = (event: ReactMouseEvent<HTMLElement>) => {
-    const rect = event.currentTarget.getBoundingClientRect();
-    setAccountAnchor((prev) => (prev ? null : rect));
-  };
-  // 退出兜底:父级未传 logout 时,自行 best-effort 调登出接口 + 清 token + 跳登录页。
-  const handleLogout = () => {
-    if (logout) { logout(); return; }
-    void api.logout().catch(() => undefined);
-    setToken(null);
-    window.location.href = "/login";
-  };
-
   // 命令面板:Ctrl/Cmd K,以及顶栏搜索按钮
   const [paletteOpen, setPaletteOpen] = useState(false);
   useEffect(() => {
@@ -360,8 +339,8 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
     {mobileNavOpen && <div className="mobile-nav-backdrop" onClick={() => setMobileNavOpen(false)} />}
     <aside className={`sidebar${mobileNavOpen ? " mobile-open" : ""}`}>
       <div className="sidebar-head">
-        <a className="brand" href="/dashboard" aria-label="Airshelf 工作台" onClick={(event) => { event.preventDefault(); navigate("dashboard"); }}>
-          <span className="brand-clip"><img className="brand-logo" src="/assets/logo.png" alt="Airshelf" /></span>
+        <a className="brand" href="/dashboard" aria-label="影擎工作台" onClick={(event) => { event.preventDefault(); navigate("dashboard"); }}>
+          <span className="brand-clip"><img className="brand-logo" src="/assets/yz/logo-horizontal.png" alt="影擎" /></span>
         </a>
       </div>
       <button
@@ -391,7 +370,7 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
           }}
         >
           <span className="major-dot" aria-hidden="true" />
-          <IconKitSvg name="library" />
+          <Boxes size={16} strokeWidth={2} />
           <span>资源中心</span>
           <span className="chev"><IconKitSvg name="chevronRight" /></span>
         </button>
@@ -417,7 +396,7 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
           onClick={(event) => { event.preventDefault(); setMobileNavOpen(false); navigate("team"); }}
         >
           <span className="major-dot" aria-hidden="true" />
-          <IconKitSvg name="users" />
+          <UsersRound size={18} strokeWidth={2} />
           <span>团队中心</span>
         </a>
         <a
@@ -426,7 +405,7 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
           onClick={(event) => { event.preventDefault(); setMobileNavOpen(false); navigate("settings"); }}
         >
           <span className="major-dot" aria-hidden="true" />
-          <IconKitSvg name="settings" />
+          <Settings size={18} strokeWidth={2} />
           <span>设置</span>
         </a>
       </div>
@@ -446,34 +425,8 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
           </nav>
         </>
       )}
-      <div className="aside-foot">
-        <div
-          className="user"
-          role="button"
-          tabIndex={0}
-          aria-haspopup="menu"
-          aria-expanded={accountAnchor !== null}
-          title="账户"
-          onClick={toggleAccountMenu}
-          onKeyDown={(event) => { if (event.key === "Enter" || event.key === " ") { event.preventDefault(); toggleAccountMenu(event as unknown as ReactMouseEvent<HTMLElement>); } }}
-        >
-          <div className="av">{user.avatar_url ? <img src={user.avatar_url} alt="头像" /> : avatar}</div>
-          <div className="em">{team?.name || user.username}</div>
-        </div>
-      </div>
     </aside>
     <CommandPalette open={paletteOpen} onClose={() => setPaletteOpen(false)} navigate={navigate} canManageBilling={canManageBilling} />
-    {accountAnchor && (
-      <AccountMenu
-        anchorRect={accountAnchor}
-        onClose={() => setAccountAnchor(null)}
-        navigate={navigate}
-        logout={handleLogout}
-        user={user}
-        team={team}
-        canManageBilling={canManageBilling}
-      />
-    )}
     </>
   );
 }