feat: 个人中心仪表盘视觉打磨与交互优化

本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级： ## AppShell 导航修复 - 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航 ## ProfilePage 功能增强 - 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息 - 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏 - 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰 - 账号摘要卡片新增套餐名称和已完成任务数展示 - 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理 - 主面板标签页文字包裹 span，支持响应式隐藏 ## profile.css 滚动模型调整 - Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题 ## dark-green.css 主题样式（约 1160 行新增） - 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层 - 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条 - 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签 - 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示 - 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮 - 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板 - 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调 - 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列 - 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器
Merge pull request 'chore: re-upload current web project code' (#19 ) from reupload/current-web-20260605 into master
2026-06-05 18:28:10 +08:00 · 2026-06-05 08:13:56 +00:00 · 2026-06-05 16:08:47 +08:00 · 2026-06-05 07:21:29 +00:00 · 2026-06-05 15:14:17 +08:00 · 2026-06-05 06:58:37 +00:00
10 changed files with 1223 additions and 463 deletions
@@ -1,32 +0,0 @@
-import { serverRequest } from "./serverConnection";
-
-export interface BugFeedbackInput {
-  title: string;
-  description: string;
-  screenshotUrl?: string;
-}
-
-export interface BugFeedbackItem {
-  id: number;
-  title: string;
-  description: string;
-  screenshotUrl?: string | null;
-  status: "pending" | "approved" | "rejected";
-  adminNote?: string | null;
-  createdAt: string;
-}
-
-export const bugFeedbackClient = {
-  async submit(input: BugFeedbackInput): Promise<{ id: number; status: string; createdAt: string }> {
-    const payload = await serverRequest<{ feedback: { id: number; status: string; createdAt: string } }>(
-      "bug-feedback",
-      { method: "POST", body: input },
-    );
-    return payload.feedback;
-  },
-
-  async listMine(): Promise<BugFeedbackItem[]> {
-    const payload = await serverRequest<{ feedbacks?: BugFeedbackItem[] }>("bug-feedback/mine");
-    return Array.isArray(payload.feedbacks) ? payload.feedbacks : [];
-  },
-};
@@ -1,7 +1,6 @@
 import {
  ArrowDownOutlined,
  ArrowUpOutlined,
-  BugOutlined,
  CheckCircleOutlined,
  FlagOutlined,
  InfoCircleOutlined,
@@ -15,7 +14,6 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import type { ReactNode } from "react";
 import { publicConfigClient, type WebPublicConfig } from "../api/publicConfigClient";
 import { toast } from "./toast/toastStore";
-import { BugFeedbackModal } from "./BugFeedbackModal";
 import type { ServerConnectionHealth } from "../api/serverConnection";
 import { ossAssets } from "../data/ossAssets";
 import { canManageCommunityCases, canReviewCommunity } from "../features/community-review/communityPermissions";
@@ -70,7 +68,6 @@ function AppShell({
  const [profileOpen, setProfileOpen] = useState(false);
  const [rechargeOpen, setRechargeOpen] = useState(false);
  const [infoOpen, setInfoOpen] = useState(false);
-  const [bugFeedbackOpen, setBugFeedbackOpen] = useState(false);
  const infoRef = useRef<HTMLDivElement>(null);
  const [openSubmenuKey, setOpenSubmenuKey] = useState<WebViewKey | null>(null);
  const [publicConfig, setPublicConfig] = useState<WebPublicConfig>({});
@@ -78,7 +75,7 @@ function AppShell({
  const [navJustActivated, setNavJustActivated] = useState<WebViewKey | null>(null);
  const isAuthView = activeView === "login";
  const isImmersiveView = activeView === "agent" || activeView === "avatarConsole";
-  const showFloatingNav = (!isAuthView || !!session) && !isImmersiveView && activeView !== "home";
+  const showFloatingNav = !isAuthView && !isImmersiveView && activeView !== "home";
  const toolSurfaceViews = [
    "workbench",
    "canvas",
@@ -346,11 +343,6 @@ function AppShell({
                  onMarkAllRead={onMarkAllNotificationsRead}
                />
              )}
-              {session && (
-                <button className="info-button" type="button" aria-label="Bug反馈" title="Bug反馈" onClick={() => setBugFeedbackOpen(true)}>
-                  <BugOutlined />
-                </button>
-              )}
              <div className="info-popover-anchor" ref={infoRef}>
                <button
                  className="info-button"
@@ -499,7 +491,6 @@ function AppShell({
      </div>
      {session?.user.role === "admin" ? <AdminMonitor /> : null}
      <RechargeModal open={rechargeOpen} onClose={() => setRechargeOpen(false)} currentBalance={displayedBalanceCents} />
-      <BugFeedbackModal open={bugFeedbackOpen} onClose={() => setBugFeedbackOpen(false)} />
      <CookieConsentBanner />
    </div>
  );
@@ -1,131 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { BugOutlined, CameraOutlined, CloseOutlined } from "@ant-design/icons";
-import { bugFeedbackClient, type BugFeedbackItem } from "../api/bugFeedbackClient";
-import { uploadAssetWithProgress } from "../api/uploadWithProgress";
-import { toast } from "./toast/toastStore";
-
-interface BugFeedbackModalProps {
-  open: boolean;
-  onClose: () => void;
-}
-
-export function BugFeedbackModal({ open, onClose }: BugFeedbackModalProps) {
-  const [tab, setTab] = useState<"submit" | "history">("submit");
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [screenshotUrl, setScreenshotUrl] = useState<string | null>(null);
-  const [uploading, setUploading] = useState(false);
-  const [submitting, setSubmitting] = useState(false);
-  const [history, setHistory] = useState<BugFeedbackItem[]>([]);
-  const [historyLoading, setHistoryLoading] = useState(false);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-  const backdropRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (open && tab === "history") loadHistory();
-  }, [open, tab]);
-
-  const loadHistory = useCallback(async () => {
-    setHistoryLoading(true);
-    try {
-      const items = await bugFeedbackClient.listMine();
-      setHistory(items);
-    } catch { /* silent */ }
-    finally { setHistoryLoading(false); }
-  }, []);
-
-  const handleScreenshot = useCallback(async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    setUploading(true);
-    try {
-      const reader = new FileReader();
-      const dataUrl = await new Promise<string>((resolve) => {
-        reader.onload = () => resolve(reader.result as string);
-        reader.readAsDataURL(file);
-      });
-      const result = await uploadAssetWithProgress({ dataUrl, name: file.name, scope: "bug-feedback" });
-      setScreenshotUrl(result.url);
-    } catch { toast.error("截图上传失败"); }
-    finally { setUploading(false); }
-  }, []);
-
-  const handleSubmit = useCallback(async () => {
-    if (!title.trim()) { toast.error("请输入标题"); return; }
-    if (!description.trim()) { toast.error("请输入问题描述"); return; }
-    setSubmitting(true);
-    try {
-      await bugFeedbackClient.submit({ title: title.trim(), description: description.trim(), screenshotUrl: screenshotUrl || undefined });
-      toast.success("反馈提交成功，审核通过后将奖励 1 积分");
-      setTitle("");
-      setDescription("");
-      setScreenshotUrl(null);
-      onClose();
-    } catch (err: unknown) {
-      toast.error(err instanceof Error ? err.message : "提交失败");
-    } finally { setSubmitting(false); }
-  }, [title, description, screenshotUrl, onClose]);
-
-  if (!open) return null;
-
-  return (
-    <div className="bug-feedback-overlay" ref={backdropRef} onClick={(e) => { if (e.target === backdropRef.current) onClose(); }}>
-      <div className="bug-feedback-modal" role="dialog" aria-modal="true" aria-label="Bug反馈">
-        <div className="bug-feedback-modal__header">
-          <div className="bug-feedback-modal__tabs">
-            <button type="button" className={tab === "submit" ? "is-active" : ""} onClick={() => setTab("submit")}>提交反馈</button>
-            <button type="button" className={tab === "history" ? "is-active" : ""} onClick={() => setTab("history")}>我的反馈</button>
-          </div>
-          <button type="button" className="bug-feedback-modal__close" onClick={onClose} aria-label="关闭"><CloseOutlined /></button>
-        </div>
-        {tab === "submit" && (
-          <div className="bug-feedback-modal__form">
-            <p className="bug-feedback-modal__tip"><BugOutlined /> 提交有效 Bug 反馈，审核通过奖励 1 积分</p>
-            <label className="bug-feedback-modal__label">标题</label>
-            <input className="bug-feedback-modal__input" value={title} onChange={(e) => setTitle(e.target.value)} placeholder="简述遇到的问题" maxLength={200} />
-            <label className="bug-feedback-modal__label">问题描述</label>
-            <textarea className="bug-feedback-modal__textarea" value={description} onChange={(e) => setDescription(e.target.value)} placeholder="详细描述操作步骤、预期结果和实际结果" maxLength={5000} rows={5} />
-            <label className="bug-feedback-modal__label">截图（可选）</label>
-            <div className="bug-feedback-modal__screenshot">
-              {screenshotUrl ? (
-                <div className="bug-feedback-modal__preview">
-                  <img src={screenshotUrl} alt="截图预览" />
-                  <button type="button" onClick={() => setScreenshotUrl(null)}>移除</button>
-                </div>
-              ) : (
-                <button type="button" className="bug-feedback-modal__upload-btn" onClick={() => fileInputRef.current?.click()} disabled={uploading}>
-                  <CameraOutlined /> {uploading ? "上传中..." : "添加截图"}
-                </button>
-              )}
-              <input ref={fileInputRef} type="file" accept="image/*" hidden onChange={handleScreenshot} />
-            </div>
-            <button type="button" className="bug-feedback-modal__submit" disabled={submitting} onClick={handleSubmit}>
-              {submitting ? "提交中..." : "提交反馈"}
-            </button>
-          </div>
-        )}
-        {tab === "history" && (
-          <div className="bug-feedback-modal__history">
-            {historyLoading ? <p className="bug-feedback-modal__empty">加载中...</p> : history.length === 0 ? <p className="bug-feedback-modal__empty">暂无反馈记录</p> : (
-              <ul className="bug-feedback-modal__list">
-                {history.map((item) => (
-                  <li key={item.id} className="bug-feedback-modal__item">
-                    <div className="bug-feedback-modal__item-head">
-                      <span className="bug-feedback-modal__item-title">{item.title}</span>
-                      <span className={`bug-feedback-modal__status bug-feedback-modal__status--${item.status}`}>
-                        {item.status === "pending" ? "审核中" : item.status === "approved" ? "已通过 +1积分" : "未通过"}
-                      </span>
-                    </div>
-                    <p className="bug-feedback-modal__item-desc">{item.description}</p>
-                    {item.adminNote && <p className="bug-feedback-modal__item-note">回复：{item.adminNote}</p>}
-                    <span className="bug-feedback-modal__item-date">{new Date(item.createdAt).toLocaleDateString()}</span>
-                  </li>
-                ))}
-              </ul>
-            )}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
@@ -2874,10 +2874,6 @@ function CanvasPage({
      return;
    }

-    closeNodeContextMenus();
-    setContextMenu(null);
-    setSelectionContextMenu(null);
-
    const point = getCanvasPointFromClient(event.clientX, event.clientY);
    const zoomDelta = event.deltaY < 0 ? 1.08 : 0.92;
    setCanvasViewport((viewport) => {
@@ -260,6 +260,30 @@ function ProfilePage({
  const packageLabel = session?.user.activePackages?.[0]?.name || "按量积分";
  const avatarUrl = session?.user.avatarUrl || localAvatarUrl || null;
  const displayedBio = profileBio.trim() || "这个人还没有填写个性签名";
+  const activePanelTitle =
+    activePanel === "works"
+      ? "代表作"
+      : activePanel === "projects"
+        ? "服务器项目"
+        : activePanel === "assets"
+          ? "我的资产"
+          : "社区审核";
+  const activePanelDescription =
+    activePanel === "works"
+      ? "最近完成的高质量生成内容"
+      : activePanel === "projects"
+        ? "云端同步的创作项目"
+        : activePanel === "assets"
+          ? "可复用的图片、视频与素材"
+          : "已提交社区的案例状态";
+  const activePanelCount =
+    activePanel === "works"
+      ? visibleWorks.length
+      : activePanel === "projects"
+        ? projects.length
+        : activePanel === "assets"
+          ? savedAssets.length
+          : communityCases.length;
  const emailLooksValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.trim());
  const phoneLooksValid = /^1[3-9]\d{9}$/.test(phone.trim());
  const passwordLooksReady = password.length >= (mode === "register" ? 6 : 1);
@@ -765,9 +789,9 @@ function ProfilePage({
          className={`profile-page__banner${bannerUrl ? " has-image" : ""}`}
          style={bannerUrl ? { backgroundImage: `url(${bannerUrl})` } : undefined}
        >
-          <button type="button" className="profile-page__banner-btn" onClick={() => bannerInputRef.current?.click()}>
+          <button type="button" className="profile-page__banner-btn" onClick={() => bannerInputRef.current?.click()} aria-label="更换背景">
            <CameraOutlined />
-            更换背景
+            <span className="profile-page__banner-btn-label">更换背景</span>
          </button>
          <div className="profile-page__banner-overlay" />
        </header>
@@ -847,14 +871,16 @@ function ProfilePage({
                  className={accountPanel === "credits" ? "is-active" : ""}
                  onClick={() => setAccountPanel("credits")}
                >
-                  积分 {(totalBalance / 100).toFixed(2)}
+                  <span>可用积分</span>
+                  <strong>{(totalBalance / 100).toFixed(2)}</strong>
                </button>
                <button
                  type="button"
                  className={accountPanel === "tasks" ? "is-active" : ""}
                  onClick={() => setAccountPanel("tasks")}
                >
-                  任务 {tasks.length}
+                  <span>生成任务</span>
+                  <strong>{tasks.length}</strong>
                </button>
              </div>
              <div className="profile-page__account-summary">
@@ -863,6 +889,7 @@ function ProfilePage({
                    <span className="profile-page__account-summary-main">
                      <small>当前账号</small>
                      <strong>{displayName}</strong>
+                      <em>{packageLabel}</em>
                    </span>
                    <span className="profile-page__account-summary-metric">
                      <small>积分剩余</small>
@@ -874,6 +901,7 @@ function ProfilePage({
                    <span className="profile-page__account-summary-main">
                      <small>任务概览</small>
                      <strong>{tasks.length} 个任务</strong>
+                      <em>{completedTasks.length} 个已完成</em>
                    </span>
                    <span className="profile-page__account-summary-metric">
                      <small>已完成</small>
@@ -884,6 +912,7 @@ function ProfilePage({
              </div>
            </div>

+            <div className="profile-page__actions">
              <button type="button" className="profile-page__share-btn profile-page__share-btn--plan">
                <ShareAltOutlined />
                {packageLabel}
@@ -901,34 +930,31 @@ function ProfilePage({
                <LockOutlined />
                退出登录
              </button>
+            </div>
          </aside>

          <main className="profile-page__main">
            <div className="profile-page__main-tabs">
              <button type="button" className={activePanel === "works" ? "is-active" : ""} onClick={() => setActivePanel("works")}>
-                我的作品
+                <span>我的作品</span>
              </button>
              <button type="button" className={activePanel === "projects" ? "is-active" : ""} onClick={() => setActivePanel("projects")}>
-                我的项目
+                <span>我的项目</span>
              </button>
              <button type="button" className={activePanel === "assets" ? "is-active" : ""} onClick={() => setActivePanel("assets")}>
-                我的资产
+                <span>我的资产</span>
              </button>
              <button type="button" className={activePanel === "community" ? "is-active" : ""} onClick={() => setActivePanel("community")}>
-                社区发布
+                <span>社区发布</span>
              </button>
            </div>

            <div className="profile-page__section">
-              <span className="profile-page__section-label">
-                {activePanel === "works"
-                  ? "代表作"
-                  : activePanel === "projects"
-                    ? "服务器项目"
-                    : activePanel === "assets"
-                      ? "我的资产"
-                      : "社区审核"}
-              </span>
+              <div className="profile-page__section-head">
+                <span className="profile-page__section-label">{activePanelTitle}</span>
+                <span className="profile-page__section-desc">{activePanelDescription}</span>
+                <span className="profile-page__section-meta">{activePanelCount} 项</span>
+              </div>
              {renderActivePanel()}
            </div>
          </main>
@@ -3102,6 +3102,11 @@ function WorkbenchPage({
                                  <span>{message.taskStatusLabel || generationStatus}</span>
                                </div>
                              )}
+                              {message.role === "assistant" && message.mode === "chat" && message.status === "completed" && (
+                                <div className="ai-chat-task-billing-note">
+                                  {formatTextTokenUsage(message.taskUsage)}
+                                </div>
+                              )}
                              {(message.resultUrl || (message.result && message.status !== "thinking")) && (
                                <ResultCard
                                  message={message}
@@ -1,252 +0,0 @@
-.bug-feedback-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 1200;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.55);
-  backdrop-filter: blur(4px);
-}
-
-.bug-feedback-modal {
-  width: min(560px, 92vw);
-  max-height: 80vh;
-  overflow-y: auto;
-  border-radius: 16px;
-  background: var(--bg-panel);
-  border: 1px solid var(--border-subtle);
-  box-shadow: var(--shadow-heavy, 0 12px 40px rgba(0,0,0,0.4));
-  padding: 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.bug-feedback-modal__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.bug-feedback-modal__tabs {
-  display: flex;
-  gap: 4px;
-}
-
-.bug-feedback-modal__tabs button {
-  padding: 6px 14px;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  background: transparent;
-  color: var(--fg-muted);
-  font-size: 13px;
-  cursor: pointer;
-  transition: all 0.15s;
-}
-
-.bug-feedback-modal__tabs button.is-active {
-  background: var(--accent);
-  color: #000;
-  border-color: var(--accent);
-}
-
-.bug-feedback-modal__close {
-  width: 30px;
-  height: 30px;
-  border-radius: 8px;
-  border: none;
-  background: var(--bg-subtle);
-  color: var(--fg-muted);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: background 0.15s;
-}
-
-.bug-feedback-modal__close:hover {
-  background: var(--bg-hover);
-}
-
-.bug-feedback-modal__form {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.bug-feedback-modal__tip {
-  font-size: 13px;
-  color: var(--accent);
-  margin: 0;
-  padding: 8px 12px;
-  border-radius: 8px;
-  background: rgba(var(--accent-rgb, 0 255 136), 0.08);
-}
-
-.bug-feedback-modal__label {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--fg-muted);
-}
-
-.bug-feedback-modal__input,
-.bug-feedback-modal__textarea {
-  width: 100%;
-  padding: 10px 12px;
-  border-radius: 8px;
-  border: 1px solid var(--border-subtle);
-  background: var(--bg-subtle);
-  color: var(--fg-default);
-  font-size: 14px;
-  resize: vertical;
-}
-
-.bug-feedback-modal__textarea {
-  min-height: 100px;
-}
-
-.bug-feedback-modal__screenshot {
-  display: flex;
-  align-items: center;
-}
-
-.bug-feedback-modal__upload-btn {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 14px;
-  border-radius: 8px;
-  border: 1px dashed var(--border-subtle);
-  background: transparent;
-  color: var(--fg-muted);
-  font-size: 13px;
-  cursor: pointer;
-  transition: border-color 0.15s;
-}
-
-.bug-feedback-modal__upload-btn:hover {
-  border-color: var(--accent);
-  color: var(--accent);
-}
-
-.bug-feedback-modal__preview {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.bug-feedback-modal__preview img {
-  width: 80px;
-  height: 60px;
-  object-fit: cover;
-  border-radius: 6px;
-  border: 1px solid var(--border-subtle);
-}
-
-.bug-feedback-modal__preview button {
-  padding: 4px 10px;
-  border-radius: 6px;
-  border: 1px solid var(--border-subtle);
-  background: transparent;
-  color: var(--fg-muted);
-  font-size: 12px;
-  cursor: pointer;
-}
-
-.bug-feedback-modal__submit {
-  padding: 10px 20px;
-  border-radius: 8px;
-  border: none;
-  background: var(--accent);
-  color: #000;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: opacity 0.15s;
-}
-
-.bug-feedback-modal__submit:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.bug-feedback-modal__history {
-  min-height: 120px;
-}
-
-.bug-feedback-modal__empty {
-  text-align: center;
-  color: var(--fg-muted);
-  font-size: 13px;
-  padding: 32px 0;
-}
-
-.bug-feedback-modal__list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.bug-feedback-modal__item {
-  padding: 12px;
-  border-radius: 10px;
-  background: var(--bg-subtle);
-  border: 1px solid var(--border-subtle);
-}
-
-.bug-feedback-modal__item-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 6px;
-}
-
-.bug-feedback-modal__item-title {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--fg-default);
-}
-
-.bug-feedback-modal__status {
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 4px;
-}
-
-.bug-feedback-modal__status--pending {
-  background: rgba(255, 180, 0, 0.15);
-  color: #e6a700;
-}
-
-.bug-feedback-modal__status--approved {
-  background: rgba(0, 200, 80, 0.15);
-  color: #00c850;
-}
-
-.bug-feedback-modal__status--rejected {
-  background: rgba(255, 60, 60, 0.15);
-  color: #ff4040;
-}
-
-.bug-feedback-modal__item-desc {
-  font-size: 13px;
-  color: var(--fg-muted);
-  margin: 0 0 4px;
-  white-space: pre-wrap;
-}
-
-.bug-feedback-modal__item-note {
-  font-size: 12px;
-  color: var(--accent);
-  margin: 4px 0;
-}
-
-.bug-feedback-modal__item-date {
-  font-size: 11px;
-  color: var(--fg-muted);
-  opacity: 0.7;
-}
@@ -38,6 +38,5 @@
@import "./components/empty-state.css";
@import "./components/page-transition.css";
@import "./components/motion.css";
-@import "./components/bug-feedback-modal.css";
@import "./themes/dark-green.css";
@import "./pages/local-theme-parity.css";
@@ -15,3 +15,10 @@
 .profile-page__works-scroll .profile-page__list-grid {
  grid-template-columns: repeat(3, 1fr); /* 固定3列，刚好3×3=9个可见 */
 }
+
+/* Dashboard uses natural page scrolling instead of a nested works scroller. */
+.profile-page--dashboard .profile-page__works-scroll {
+  max-height: none;
+  overflow: visible;
+  scrollbar-width: auto;
+}
Author	SHA1	Message	Date
ludan	bbc705c8d9	feat: 个人中心仪表盘视觉打磨与交互优化本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级： ## AppShell 导航修复 - 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航 ## ProfilePage 功能增强 - 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息 - 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏 - 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰 - 账号摘要卡片新增套餐名称和已完成任务数展示 - 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理 - 主面板标签页文字包裹 span，支持响应式隐藏 ## profile.css 滚动模型调整 - Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题 ## dark-green.css 主题样式（约 1160 行新增） - 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层 - 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条 - 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签 - 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示 - 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮 - 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板 - 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调 - 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列 - 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器	2026-06-05 18:28:10 +08:00
stringadmin	796162de4d	Merge pull request 'chore: re-upload current web project code' (#19 ) from reupload/current-web-20260605 into master Reviewed-on: #19	2026-06-05 08:13:56 +00:00
stringadmin	aebe0ff827	chore: re-upload current web project code	2026-06-05 16:08:47 +08:00
stringadmin	c113d82844	Merge pull request 'feat: 实现全局响应式布局，适配不同设备、不同屏幕、不同分辨率' (#17 ) from feat/responsive-layout into master Merge PR 17 feat responsive-layout	2026-06-05 07:21:29 +00:00
stringadmin	8cf9ee3519	merge: resolve conflicts between feat/responsive-layout and master Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-06-05 15:14:17 +08:00
stringadmin	2129b29dfe	Merge pull request 'Feat/profile account polish' (#16 ) from feat/profile-account-polish into master Reviewed-on: #16	2026-06-05 06:58:37 +00:00
stringadmin	d36d46836f	merge: resolve EcommercePage.tsx conflict, integrate master into profile-account-polish Keep master's EcommercePage.tsx (has more complete upload logic from prior conflict resolution). Accept all other master changes including canvas tool panels, task lifecycle, and workbench updates. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-06-05 14:05:39 +08:00
stringadmin	91c332f567	Merge pull request 'Feat/canvas tool panels' (#15 ) from feat/canvas-tool-panels into master Reviewed-on: #15	2026-06-05 05:30:22 +00:00
ludan	b17a978e9e	Merge origin/master: 保留电商上传优化版，接入master新增面板组件冲突解决：EcommercePage.tsx 保留本地版本（上传预览大图+缩略图切换交互） master新增：6个独立面板组件、图片校验工具、视频工作区增强、CSS更新	2026-06-05 10:34:19 +08:00
ludan	6d68ab02bb	feat: 个人中心账户摘要区重构、主题色调对齐电商【账户摘要区重构】 - 新增 profile-page__account-summary 双列网格布局（主信息 + 右侧指标） - 主信息区（account-summary-main）：显示账号名/任务概览 - 指标区（account-summary-metric）：品牌绿色数字展示积分/完成数，左侧分隔线 - 任务概览改为"X 个任务"更自然的表达方式 - 替代旧 upload-card--meta/meta-item 类名体系【主题色调对齐】 - 个人中心页面背景、侧边栏、卡片统一为电商同款平坦暗色 - 移除 box-shadow 深度阴影，使用 var(--bg-panel)/var(--bg-inset) Token - Tab 切换按钮透明背景，选中态品牌绿边框+浅绿背景 - 统计卡片/简介/Bio/媒体预览卡片统一边框与背景色 - 媒体徽章、分享按钮、头像环去除阴影	2026-06-04 18:06:43 +08:00
ludan	2b65206b84	feat: 电商克隆上传交互升级、视频模型选择器图标【电商克隆 - 商品图上传交互重构】 - 新增上传预览大图区（clone-ai-upload-preview-wrap），点击缩略图可切换预览 - 选中缩略图增加 is-active 绿色边框高亮 - 预览区显示商品图编号 + 尺寸/比例/格式信息（formatProductImageSpec） - 上传区到达 7 张上限时显示"已达上限"、阻止拖拽上传、输入框禁用 - 上传图片自动异步读取尺寸（width/height），无需等待上传完成即可展示 - 已上传素材区重构为列表头（标题+计数）+ 缩略图栈式布局 - 缩略图增加序号角标（1-7），删除按钮独立于缩略图下方 - selectedProductImageId 状态自动管理：删除/新增时自动切换到有效图片【工作台 - 视频模型选择器图标】 - 新增 VIDEO_MODEL_ICON_URLS 映射（HappyHorse/Pixverse/Vidu/Wan/Kling） - SelectChip 组件在 chipId=video-model 时显示模型品牌图标 - getVideoModelIconUrl 支持中英文模糊匹配【样式】 - ecommerce.css: 预览区/素材栈/缩略图选中态/上限态完整样式 - dark-green.css: 主题层微调	2026-06-04 17:27:40 +08:00
ludan	ecade14bd0	feat: 实现全局响应式布局，适配不同设备、不同屏幕、不同分辨率 - 统一断点体系：560px(手机)、900px(平板)、1180px(小桌面) - Shell导航：900px底部导航条、560px紧凑布局、顶栏触控优化 - 电商页面：三栏布局在平板/手机下改为单栏堆叠+横向标签切换 - 工作台：启动页编辑器全宽、消息气泡适配窄屏、建议标签换行 - 画布页面：工具栏横向滚动、节点缩小、手机全屏操作 - 社区/资产库/工具页/数字人等全部17个页面补齐响应式断点 - 新增32条@media规则，媒体查询从107条增至139条	2026-06-02 17:45:57 +08:00