Merge remote-tracking branch 'origin/main' into codex/vp-jain-provenance
This commit is contained in:
@@ -302,9 +302,9 @@ button:disabled { cursor: default; opacity: .45; }
|
||||
.onboarding-card-heading b { font-family: var(--font-display); font-size: var(--type-title-md); font-weight: 400; }
|
||||
.onboarding-card-heading small { color: var(--color-ink-secondary); line-height: 1.5; font-size: var(--type-caption); }
|
||||
|
||||
.starter-list { border-top: 1px solid var(--color-border); display: grid; grid-template-columns: 1.08fr .92fr; grid-template-rows: 1fr 1fr; gap: var(--space-3); border: 0; }
|
||||
.starter-list button { width: 100%; display: grid; align-items: center; border-bottom: 1px solid var(--color-border); cursor: pointer; text-align: left; transition: background-color 120ms ease-out, transform 120ms ease-out; min-height: 92px; grid-template-columns: minmax(0, 1fr) 20px; gap: var(--space-3); padding: var(--space-5); border: 0; border-radius: var(--radius-lg); background: var(--color-canvas-muted); }
|
||||
.starter-list button:first-child { min-height: 196px; grid-row: 1 / span 2; align-content: end; border: 1px solid color-mix(in srgb, var(--color-action) 18%, var(--color-border)); background: var(--color-action-soft); color: var(--color-ink); }
|
||||
.starter-list { border-top: 1px solid var(--color-border); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); border: 0; }
|
||||
.starter-list button { width: 100%; display: grid; align-items: end; border-bottom: 1px solid var(--color-border); cursor: pointer; text-align: left; transition: background-color 120ms ease-out, transform 120ms ease-out; min-height: 156px; grid-template-columns: minmax(0, 1fr) 20px; gap: var(--space-3); padding: var(--space-5); border: 1px solid transparent; border-radius: var(--radius-lg); background: var(--color-canvas-muted); }
|
||||
.starter-list button:first-child { border-color: color-mix(in srgb, var(--color-action) 18%, var(--color-border)); background: var(--color-action-soft); color: var(--color-ink); }
|
||||
.starter-list button:first-child .starter-content span { color: var(--color-ink); white-space: normal; }
|
||||
.starter-list button:first-child .starter-arrow { color: var(--color-action); }
|
||||
.starter-content { min-width: 0; display: grid; gap: var(--space-2); }
|
||||
@@ -312,9 +312,17 @@ button:disabled { cursor: default; opacity: .45; }
|
||||
.starter-content span { overflow: hidden; color: var(--color-ink); font-family: var(--font-display); font-size: var(--type-title-md); line-height: 1.4; text-overflow: clip; text-wrap: pretty; white-space: normal; }
|
||||
.starter-arrow { width: 17px; height: 17px; color: var(--color-ink-secondary); }
|
||||
.product-entrypoints { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
|
||||
.product-entrypoints button { min-height: 84px; border: 1px solid var(--color-border); background: var(--color-canvas); }
|
||||
.product-entrypoints button { min-height: 132px; align-items: end; border: 1px solid var(--color-border); background: var(--color-canvas); }
|
||||
.product-entrypoints span { display: grid; gap: var(--space-2); }
|
||||
.product-entrypoints small { color: var(--color-ink-secondary); line-height: 1.45; font-size: var(--type-caption); }
|
||||
.daily-starlanguage-card { min-height: 132px; display: grid; gap: var(--space-3); padding: var(--space-5); border: 1px solid color-mix(in srgb, var(--color-action) 16%, var(--color-border)); border-radius: var(--radius-lg); background: var(--color-canvas); }
|
||||
.daily-starlanguage-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
|
||||
.daily-starlanguage-heading > span { color: var(--color-action); font-size: var(--type-overline); font-weight: 600; letter-spacing: 1.5px; }
|
||||
.daily-starlanguage-heading button { min-height: 36px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; color: var(--color-ink); font-size: var(--type-caption); }
|
||||
.daily-starlanguage-card dl { display: grid; gap: var(--space-2); margin: 0; }
|
||||
.daily-starlanguage-card div { display: grid; gap: 4px; }
|
||||
.daily-starlanguage-card dt { color: var(--color-ink-secondary); font-size: var(--type-caption); }
|
||||
.daily-starlanguage-card dd { margin: 0; color: var(--color-ink); line-height: 1.45; }
|
||||
.starter-loading { color: var(--color-ink-secondary); margin-left: 0; padding: var(--space-5); border-radius: var(--radius-lg); background: var(--color-canvas-muted); font-size: 14px; }
|
||||
.starter-note { margin: 10px 0 0; color: var(--color-ink-secondary); line-height: 1.5; grid-column: 1 / -1; font-size: 13px; }
|
||||
|
||||
@@ -466,8 +474,7 @@ input:disabled, select:disabled { color: var(--color-ink-tertiary); background:
|
||||
@media (min-width: 768px) and (max-width: 900px) {
|
||||
.chat-app { grid-template-columns: 240px minmax(0, 1fr); }
|
||||
.starter-list { grid-template-columns: 1fr; grid-template-rows: auto; }
|
||||
.starter-list button, .starter-list button:first-child { min-height: 92px; grid-row: auto; padding: var(--space-4); }
|
||||
.starter-list button:first-child { min-height: 112px; }
|
||||
.starter-list button, .starter-list button:first-child, .product-entrypoints button { min-height: 112px; grid-row: auto; padding: var(--space-4); }
|
||||
.product-entrypoints { grid-template-columns: 1fr; }
|
||||
.auth-shell { grid-template-columns: 1.2fr .8fr; }
|
||||
.auth-story, .auth-panel { padding: var(--space-8); }
|
||||
@@ -483,8 +490,7 @@ input:disabled, select:disabled { color: var(--color-ink-tertiary); background:
|
||||
.welcome { padding: var(--space-6) 0 var(--space-10); }
|
||||
.welcome > .onboarding-message:first-child .message-bubble p { font-size: var(--type-display-sm); }
|
||||
.starter-list { grid-template-columns: 1fr; grid-template-rows: auto; }
|
||||
.starter-list button, .starter-list button:first-child { min-height: 96px; grid-row: auto; padding: var(--space-4); }
|
||||
.starter-list button:first-child { min-height: 136px; }
|
||||
.starter-list button, .starter-list button:first-child, .product-entrypoints button { min-height: 112px; grid-row: auto; padding: var(--space-4); }
|
||||
.product-entrypoints { grid-template-columns: 1fr; }
|
||||
.message-list { width: 100%; padding: var(--space-5) var(--space-4) var(--space-12); }
|
||||
.message-content { max-width: 88%; }
|
||||
|
||||
@@ -73,6 +73,7 @@ type OnboardingSuggestion = { theme: Exclude<Theme, "general">; text: string };
|
||||
type OnboardingContent = { greeting: string; suggestions: OnboardingSuggestion[] };
|
||||
type OnboardingStep = "name" | "birth" | "place";
|
||||
type GreetingPeriod = "morning" | "noon" | "afternoon" | "evening" | "late-night";
|
||||
type DailyStarlanguageCard = { trend: string; action: string; caution: string };
|
||||
type SessionReadResult = { readonly sessions: ChatSession[]; readonly fallbackSessionIds: string[] };
|
||||
type PendingConsultation = {
|
||||
readonly requestId: string;
|
||||
@@ -106,6 +107,13 @@ const previewModelCatalog = parsePublicModelCatalog({
|
||||
|
||||
const presetOnboardingMessage = "你好,我是 Jyotisha。\n开始前,我想先认识你。\n请问我该怎么称呼你?";
|
||||
|
||||
const dailyStarlanguageCards: DailyStarlanguageCard[] = [
|
||||
{ trend: "先收束,再推进。适合把一个悬而未决的问题拆小。", action: "选一件最重要的事,给它留出 45 分钟不被打断的时间。", caution: "避免在情绪最满时做承诺。" },
|
||||
{ trend: "适合整理关系与边界。越清楚,越不容易被外界节奏带走。", action: "把今天要回复的人和要推迟的事分开列出来。", caution: "不要把暂时的沉默误读成最终答案。" },
|
||||
{ trend: "执行力比灵感更重要。小步完成会比大计划更有力量。", action: "先完成一个可交付版本,再考虑优化。", caution: "别让完美感拖慢开始。" },
|
||||
{ trend: "适合观察资源流向:时间、注意力、金钱都算。", action: "检查一个正在消耗你的习惯,并给它设上限。", caution: "不要为了短期安心做长期成本高的选择。" },
|
||||
];
|
||||
|
||||
const greetingVariants: Record<GreetingPeriod, Array<(name: string) => string>> = {
|
||||
morning: [
|
||||
(name) => `早上好,${name}。今天最想先看什么?`,
|
||||
@@ -326,6 +334,13 @@ function buildDailyStarlanguageQuestion(profile: Profile) {
|
||||
].join("\n");
|
||||
}
|
||||
|
||||
function buildDailyStarlanguageCard(profile: Profile) {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
const seed = `${today}-${profile.date}-${profile.time}-${profile.provinceCode}-${profile.cityCode}`;
|
||||
const index = Array.from(seed).reduce((sum, char) => sum + char.charCodeAt(0), 0) % dailyStarlanguageCards.length;
|
||||
return dailyStarlanguageCards[index];
|
||||
}
|
||||
|
||||
function buildBirthTimeRectificationQuestion(profile: Profile) {
|
||||
return [
|
||||
`请为${profile.name || "我"}做生时校正辅助。`,
|
||||
@@ -717,6 +732,7 @@ export default function Home() {
|
||||
}, [accountId, profile]);
|
||||
|
||||
const profileComplete = isProfileComplete(profile);
|
||||
const dailyStarlanguage = profileComplete ? buildDailyStarlanguageCard(profile) : null;
|
||||
const onboardingPending = profileComplete && !onboarding && !onboardingError;
|
||||
const currentOnboardingMessage = onboardingJustCompleted
|
||||
? startGreeting || completedOnboardingMessage(profileDraft.name.trim())
|
||||
@@ -1953,10 +1969,18 @@ export default function Home() {
|
||||
})}
|
||||
{onboardingError && <p className="starter-note">Agent 的个性化入门问题暂时不可用,已显示安全的默认问题。</p>}
|
||||
<div className="product-entrypoints" aria-label="常用占星入口">
|
||||
<button type="button" disabled={!hydrated || Boolean(pendingSessionId) || cancellationPending || !account || !modelCatalog} onClick={draftDailyStarlanguageQuestion}>
|
||||
<span><b>今日星语</b><small>基于默认星盘生成今日趋势;探索性日提示,不是确定预测。</small></span>
|
||||
<ArrowUpRight className="starter-arrow" aria-hidden="true" />
|
||||
</button>
|
||||
<article className="daily-starlanguage-card" aria-label="今日星语">
|
||||
<div className="daily-starlanguage-heading">
|
||||
<span>今日星语</span>
|
||||
<button type="button" disabled={!hydrated || Boolean(pendingSessionId) || cancellationPending || !account || !modelCatalog} onClick={draftDailyStarlanguageQuestion}>深入看今日 <ArrowUpRight className="starter-arrow" aria-hidden="true" /></button>
|
||||
</div>
|
||||
<dl>
|
||||
<div><dt>今日趋势</dt><dd>{dailyStarlanguage?.trend}</dd></div>
|
||||
<div><dt>行动建议</dt><dd>{dailyStarlanguage?.action}</dd></div>
|
||||
<div><dt>今日提醒</dt><dd>{dailyStarlanguage?.caution}</dd></div>
|
||||
</dl>
|
||||
<small>探索性日提示,不是确定预测。</small>
|
||||
</article>
|
||||
<button type="button" disabled={!hydrated || Boolean(pendingSessionId) || cancellationPending || !account || !modelCatalog} onClick={draftBirthTimeRectificationQuestion}>
|
||||
<span><b>生时校正</b><small>收集事件证据并给候选出生时间段,不能直接改写默认星盘。</small></span>
|
||||
<ArrowUpRight className="starter-arrow" aria-hidden="true" />
|
||||
|
||||
@@ -7,6 +7,11 @@ PAGE = Path("frontend/src/app/page.tsx")
|
||||
def test_daily_starlanguage_entrypoint_is_productized() -> None:
|
||||
source = PAGE.read_text(encoding="utf-8")
|
||||
assert "今日星语" in source
|
||||
assert "buildDailyStarlanguageCard" in source
|
||||
assert "daily-starlanguage-card" in source
|
||||
assert "今日趋势" in source
|
||||
assert "行动建议" in source
|
||||
assert "今日提醒" in source
|
||||
assert "draftDailyStarlanguageQuestion" in source
|
||||
assert "探索性日提示" in source
|
||||
assert "不是确定预测" in source
|
||||
|
||||
Reference in New Issue
Block a user