"use client"; import Link from "next/link"; import { useApp } from "@/lib/app-context"; /** * 侧边栏项目信息卡（Phase 1）。 * * 展示当前项目名、绑定的默认风格缩略图（占位），以及快捷入口： * 风格库 / 角色库 / 项目设置。数据来自 placeholder-store 的占位数据。 */ export function ProjectCard() { const { activeProject, stylePacks } = useApp(); if (!activeProject) return null; const defaultStyle = activeProject.defaultStyleId ? stylePacks.find((s) => s.id === activeProject.defaultStyleId) : stylePacks[0]; return (

当前项目 P1

{defaultStyle ? ( {defaultStyle.name.slice(0, 2)} ) : ( )}

{activeProject.name}

{activeProject.type} {defaultStyle && <> · {defaultStyle.name}}

风格角色设置

); }