feat(reports): drop the report centre intro; docs for self edit and account menu (S3+S4)

「我的报告」 starts at 报告记录: the supporting paragraph and the overview
line are gone. CHANGELOG, DESIGN, the real-device checklist and PROGRESS
for TASK-self-edit-avatar-menu-20260928.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01N4f2nya58RoRu4yEmJgRGE
This commit is contained in:
Jesse_Chen
2026-09-29 00:50:22 +08:00
co-authored by Claude Opus 5.5
parent c15def0c50
commit cfed06822f
8 changed files with 155 additions and 47 deletions
+1 -25
View File
@@ -3738,8 +3738,7 @@ input:not([type="radio"]):not([type="checkbox"]):not([class^="ant-"]):not([class
.payment-qr-badge { position: absolute; top: 50%; left: 50%; display: grid; width: 44px; height: 44px; padding: 4px; transform: translate(-50%, -50%); border: 4px solid #fff; border-radius: 12px; background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 18%); }
.payment-qr-badge svg { display: block; width: 100%; height: 100%; }
/* Global report centre — quiet archive, independent from chat sessions. */.report-center-hero,
.report-center-section{
/* Global report centre — quiet archive, independent from chat sessions. */.report-center-section{
width: min(900px, 100%);
margin-inline: auto;
}.report-center-section-heading button:focus-visible,
@@ -3750,28 +3749,6 @@ input:not([type="radio"]):not([type="checkbox"]):not([class^="ant-"]):not([class
}.report-center-section-heading button svg,
.personal-report-back svg,
.personal-report-action-end svg{ width: 16px; height: 16px; }
.report-center-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: var(--space-8);
padding: var(--space-10) 0 var(--space-8);
}
.report-center-hero > div { max-width: 760px; }
.report-center-hero > div > p:not(.report-center-meta) {
max-width: 660px;
margin: var(--space-4) 0 0;
color: var(--color-ink-secondary);
font-size: var(--type-body-md);
line-height: 1.65;
text-wrap: pretty;
}
.report-center-meta {
margin: var(--space-4) 0 0;
color: var(--color-ink-tertiary);
font-size: var(--type-caption);
line-height: 1.4;
}
.report-center-section-heading {
display: flex;
align-items: center;
@@ -3951,7 +3928,6 @@ input:not([type="radio"]):not([type="checkbox"]):not([class^="ant-"]):not([class
.report-center-message p { margin: 0; color: var(--color-ink-secondary); font-size: var(--type-body-sm); }
@media (max-width: 767px) {
.report-center-hero { grid-template-columns: 1fr; align-items: start; gap: var(--space-6); padding-block: var(--space-8) var(--space-6); }
.report-center-row { grid-template-columns: 1fr; gap: var(--space-3); }
.report-center-row-actions { justify-content: flex-start; justify-self: start; }
.report-center-failure { justify-self: start; }
@@ -3,7 +3,7 @@
import { AppLink } from "@/components/app-link";
import { Clock3, FileText, RefreshCw } from "lucide-react";
import { InlineSpinner } from "@/components/inline-spinner";
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { useCallback, useEffect, useRef, useState } from "react";
import { SecondaryPageShell } from "@/components/secondary-page-shell";
import { readCurrentSubjectScope, useCurrentSubjectScope, useCurrentSubjectReady } from "@/lib/current-subject";
@@ -127,11 +127,6 @@ export function PersonalReportCenter() {
onPoll: refresh,
});
const latestReady = useMemo(
() => state.reports.find((report) => report.status === "ready") ?? null,
[state.reports],
);
const removeReport = useCallback((id: string) => {
deletedIds.current.add(id);
invalidateReportsPage();
@@ -161,15 +156,6 @@ export function PersonalReportCenter() {
actions={<GeneratePersonalReportButton onCreated={() => void load()} />}
>
<div className="report-center-body">
<section className="report-center-hero">
<div>
<p>有填报到分钟的出生时间即可生成;未校正会标明为方向性参考。只有日期和时段时,完整本命报告需要具体分钟,生时校正可选。与某一次对话无关。创建后会在后台继续处理,你无需停留等待。</p>
<p className="report-center-meta" aria-label="报告概览">
共 {state.reports.length} 份 · 已完成 {state.reports.filter((report) => report.status === "ready").length} 份 · {hasGenerating ? "有报告生成中" : latestReady ? "最新报告可查看" : "尚待生成"}
</p>
</div>
</section>
<section className="report-center-section">
<div className="report-center-section-heading">
<h2>报告记录</h2>