From dfc17530bfc222a8c6cbb0ed855add1be4057b25 Mon Sep 17 00:00:00 2001
From: 732642856 <732642856@qq.com>
Date: Fri, 17 Jul 2026 13:07:31 +0800
Subject: [PATCH] Add default chart card to profile sheet

---
 frontend/src/app/globals.css |  3 +++
 frontend/src/app/page.tsx    | 10 +++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 920d2c13..d1b421d9 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -355,6 +355,9 @@ button:disabled { cursor: default; opacity: .45; }
 .sheet-section { border-bottom: 1px solid var(--color-border); padding: var(--space-6) 0; border-color: var(--color-border); }
 .section-toggle b, .section-heading b { display: block; font-family: var(--font-display); font-size: var(--type-title-md); font-weight: 400; }
 .section-toggle small, .section-heading small { display: block; margin-top: 4px; color: var(--color-ink-secondary); font-weight: 400; font-size: var(--type-caption); }
+.default-chart-card { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-5); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-subtle); }
+.default-chart-card span, .default-chart-card small { display: block; color: var(--color-ink-secondary); font-size: var(--type-caption); }
+.default-chart-card strong { display: block; margin: 4px 0; color: var(--color-ink); font-size: var(--type-body); font-weight: 500; }
 
 input, select { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid var(--color-border-strong); color: var(--color-ink); border-color: var(--color-border-strong); border-radius: var(--radius-md); background: var(--color-canvas); font-size: 14px; }
 input:disabled, select:disabled { color: var(--color-ink-tertiary); background: var(--color-canvas-muted); }
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 9620881d..dd5de2aa 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -308,7 +308,7 @@ function ProfileFields({ value, onChange }: { value: Profile; onChange: (profile
     <>
       <label>
         <span>如何称呼你</span>
-        <input required autoComplete="name" maxLength={80} placeholder="例如：林遥" value={value.name} onChange={(event) => onChange({ ...value, name: event.target.value })} />
+        <input id="profile-name" required autoComplete="name" maxLength={80} placeholder="例如：林遥" value={value.name} onChange={(event) => onChange({ ...value, name: event.target.value })} />
       </label>
       <BirthMomentFields value={value} onChange={onChange} />
       <BirthLocationFields value={value} onChange={onChange} />
@@ -1595,6 +1595,14 @@ export default function Home() {
 
           <section className="sheet-section birth-section">
             <div className="section-heading"><b>出生资料</b><small>加密传输并保存到云端，用于此账号的所有对话</small></div>
+            <div className="default-chart-card" aria-label="当前默认星盘">
+              <div>
+                <span>当前默认星盘</span>
+                <strong>{profileDraft.name.trim() || "未命名"}</strong>
+                <small>角色：本人</small>
+              </div>
+              <button className="button-secondary" type="button" onClick={() => profileDialog.current?.querySelector<HTMLInputElement>("#profile-name")?.focus()}>管理星盘库</button>
+            </div>
             {profileNotice && <p className="form-success" role="status">{profileNotice}</p>}
             <form className="profile-form" onSubmit={saveProfile}>
               <ProfileFields value={profileDraft} onChange={setProfileDraft} />