(props.draft.precision ?? "year");
const [date, setDate] = useState(props.draft.date ?? "");
const isValid = lifeEventSchema.safeParse({
@@ -43,12 +41,25 @@ export function BirthTimeEvidenceDraftCard(props: DraftCardProps) {
- 经历领域
- {domainLabels[props.draft.domain]}
{!isValid && 请填写与所选精度一致的有效日期；不会自动补猜缺失时间。
}
-
-
);
diff --git a/frontend/src/components/birth-time-guide-turn.tsx b/frontend/src/components/birth-time-guide-turn.tsx
index fa5c9c46..0785655b 100644
--- a/frontend/src/components/birth-time-guide-turn.tsx
+++ b/frontend/src/components/birth-time-guide-turn.tsx
@@ -2,6 +2,7 @@
import { useState } from "react";
import { CharacterRemaining } from "@/components/character-remaining";
+import { Button } from "@/components/ui/button";
import { characterRemainingVisible } from "@/lib/character-remaining";
import type { JourneyProgress } from "@/lib/birth-time-journey-turn";
import { protectOnboardingPhrases } from "@/lib/onboarding-copy";
@@ -57,11 +58,11 @@ export function BirthTimeGuideTurn(props: BirthTimeGuideTurnProps) {
Enter 发送，Shift+Enter 换行。说出大概年份也可以，不需要为了校正而猜测。
-
-
-
);
diff --git a/frontend/src/components/birth-time-intake.tsx b/frontend/src/components/birth-time-intake.tsx
index 63ffd73a..9e1612cf 100644
--- a/frontend/src/components/birth-time-intake.tsx
+++ b/frontend/src/components/birth-time-intake.tsx
@@ -2,7 +2,10 @@
import { useId, useState } from "react";
import { BirthDatePicker } from "@/components/birth-date-picker";
+import { Button } from "@/components/ui/button";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import { birthTimeConsultationOptionsCopy } from "@/lib/birth-time-consultation-consent";
import {
approximateUncertaintyOptions,
@@ -83,7 +86,8 @@ export function BirthTimeIntakeFields({ value, onPatch, lockReportedTime = false
if (lockReportedTime) return;
onPatch(patch);
};
- const groupId = useId();
+ const sourceLegendId = useId();
+ const uncertaintyLegendId = useId();
const source = value.birthTimeSource;
const isConfirmed = value.birthTimeStatus === "confirmed";
const displayState = birthTimeDisplayState(value);
@@ -143,33 +147,36 @@ export function BirthTimeIntakeFields({ value, onPatch, lockReportedTime = false
)}
{!isConfirmed && }
{usesClockTime && (
@@ -187,28 +194,38 @@ export function BirthTimeIntakeFields({ value, onPatch, lockReportedTime = false
)}
{(source === "approximate" || source === "family_exact") && (
)}
@@ -239,9 +256,10 @@ export function BirthTimeIntakeFields({ value, onPatch, lockReportedTime = false
onChange={(declaredWindowEnd) => emitTime({ declaredWindowEnd })}
/>
-
+ >完全不清楚，跳过出生时间
)}
diff --git a/frontend/src/components/birth-time-legacy-rectification.tsx b/frontend/src/components/birth-time-legacy-rectification.tsx
index 7309b902..dd414311 100644
--- a/frontend/src/components/birth-time-legacy-rectification.tsx
+++ b/frontend/src/components/birth-time-legacy-rectification.tsx
@@ -9,6 +9,7 @@ import type { LegacyJourneyClientResponse } from "@/lib/birth-time-journey-respo
import { guidedTurnIdentity } from "@/lib/birth-time-guided-turn-identity";
import type { NextAction } from "@/lib/birth-time-journey-turn";
import { ErrorToast } from "@/components/error-toast";
+import { Button } from "@/components/ui/button";
type LegacyRectificationProps = {
readonly journey: LegacyJourneyClientResponse;
@@ -75,8 +76,8 @@ export function BirthTimeLegacyRectification(props: LegacyRectificationProps) {
/>
)}
{action.kind === "score_pending" && 正在使用已确认的关键经历评分…
}
- {action.kind === "retry_scoring" && }
- {action.kind === "paused" && }
+ {action.kind === "retry_scoring" && }
+ {action.kind === "paused" && }
{showsCandidate ? (
)}
{(action.kind === "generate_dynamic_question" || action.kind === "retry_question_generation") && error && (
-
+
)}
{action.kind === "score_pending" && (
正在缩小候选范围…
- {props.controller.pollRecoverable && }
+ {props.controller.pollRecoverable && }
)}
- {action.kind === "retry_scoring" && }
- {action.kind === "paused" && }
+ {action.kind === "retry_scoring" && }
+ {action.kind === "paused" && }
{showsCandidate ? (
{emptyCopy.clock}
: null}
{compact && (
-
+
)}
{stage ? {engineMeaningToDisplayCopy(stage)}
: null}
@@ -338,9 +340,10 @@ export function RectificationBoardPeek({
}>) {
const peek = rectificationBoardPeekCopy(result, declaredTime, birthTimeSource);
return (
-
+
);
}
diff --git a/frontend/src/components/rectification-choice-card.tsx b/frontend/src/components/rectification-choice-card.tsx
index 32a540b5..60dc7da3 100644
--- a/frontend/src/components/rectification-choice-card.tsx
+++ b/frontend/src/components/rectification-choice-card.tsx
@@ -2,6 +2,8 @@
import { useState } from "react";
import { InlineSpinner } from "@/components/inline-spinner";
+import { RectificationFade } from "@/components/rectification-fade";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import {
CHOICE_STOP_LABEL,
type RectificationChoiceCard as ChoiceCard,
@@ -40,6 +42,7 @@ export function RectificationChoiceCard(props: RectificationChoiceCardProps) {
const hidePrompt = embedded || props.hidePrompt === true;
return (
+
{props.card.why_user}
) : null}
-
- {props.card.options.map((option) => (
-
- ))}
- {props.card.stop_label !== CHOICE_STOP_LABEL ? (
-
- ) : null}
-
+ {
+ const key = next[0];
+ if (!key || key === selectedKey) return;
+ if (key === "stop") {
+ stop();
+ return;
+ }
+ if (props.card.options.some((option) => option.key === key)) select(key as ChoiceKey);
+ }}
+ >
+
+ {props.card.options.map((option) => (
+
+ {option.key}. {option.label}
+
+ ))}
+ {props.card.stop_label !== CHOICE_STOP_LABEL ? (
+
+ {props.card.stop_label}
+
+ ) : null}
+
+
+
);
}
diff --git a/frontend/src/components/rectification-composer-reopen.tsx b/frontend/src/components/rectification-composer-reopen.tsx
index 247dacdb..81a0d383 100644
--- a/frontend/src/components/rectification-composer-reopen.tsx
+++ b/frontend/src/components/rectification-composer-reopen.tsx
@@ -1,3 +1,4 @@
+import { Button } from "@/components/ui/button";
import { RECTIFICATION_REOPEN_LABEL } from "@/lib/rectification-session-composer-guard";
export function RectificationComposerReopen({
@@ -10,9 +11,9 @@ export function RectificationComposerReopen({
return (
{message}
-
);
}
diff --git a/frontend/src/components/rectification-fade.tsx b/frontend/src/components/rectification-fade.tsx
new file mode 100644
index 00000000..59b2f1c1
--- /dev/null
+++ b/frontend/src/components/rectification-fade.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import { useEffect, useState, type ReactNode } from "react";
+
+import { loadDomAnimation, loadMotionReact, peekMotionReact, type MotionReact } from "@/lib/motion/load-react";
+import { motionPresets } from "@/lib/motion/presets";
+
+function useMotionReact(): MotionReact | null {
+ const [mod, setMod] = useState(() => peekMotionReact());
+ useEffect(() => {
+ if (mod) return;
+ let live = true;
+ void loadMotionReact().then((next) => {
+ if (live) setMod(next);
+ }, () => undefined);
+ return () => {
+ live = false;
+ };
+ }, [mod]);
+ return mod;
+}
+
+/**
+ * Fade once, and only when Motion was already loaded before this mount.
+ * Otherwise return the children unchanged so a late chunk does not wrap
+ * content that is already on screen. Reduced motion stays a short fade.
+ */
+export function RectificationFade({ children }: { readonly children: ReactNode }) {
+ const [readyAtMount] = useState(() => peekMotionReact() !== null);
+ const motion = useMotionReact();
+ if (!readyAtMount || motion === null) return children;
+ return {children};
+}
+
+function FadeIn({ motion, children }: { readonly motion: MotionReact; readonly children: ReactNode }) {
+ const reduced = motion.useReducedMotion();
+ const preset = motionPresets.disclosure;
+ const duration = reduced ? preset.reduced.duration : preset.duration;
+ return (
+
+
+ {children}
+
+
+ );
+}
diff --git a/frontend/src/components/rectification-range-delivery.tsx b/frontend/src/components/rectification-range-delivery.tsx
index 4c872a53..bdace93a 100644
--- a/frontend/src/components/rectification-range-delivery.tsx
+++ b/frontend/src/components/rectification-range-delivery.tsx
@@ -17,6 +17,7 @@ import {
import { RectificationVerificationReport } from "@/components/rectification-verification-report";
import { RectificationSegmentDelivery } from "@/components/rectification-segment-delivery";
import { sessionOutcomeAllowsAdopt } from "@/lib/rectification-agentic/core/rectification-decision";
+import { Button } from "@/components/ui/button";
import { deliveryWindowFromReceipt, protectVargaReport } from "@/lib/rectification-agentic/v9/delivery-window";
@@ -159,8 +160,9 @@ export function RectificationRangeDelivery({
)}
{adoptAllowed && !adoptLocked ? (
<>
-
{recordConflict && !adopted ? (
{switchToRectifiedConfirmCopy(recordConflict.reported_time, column.time)}
diff --git a/frontend/src/components/rectification-segment-delivery.tsx b/frontend/src/components/rectification-segment-delivery.tsx
index e5423b20..42be37a7 100644
--- a/frontend/src/components/rectification-segment-delivery.tsx
+++ b/frontend/src/components/rectification-segment-delivery.tsx
@@ -7,6 +7,7 @@ import { SWITCH_TO_RECTIFIED_LABEL } from "@/lib/rectification-agentic/birth-tim
import { RectificationVerificationReport } from "@/components/rectification-verification-report";
import { protectVargaReport } from "@/lib/rectification-agentic/v9/delivery-window";
import { unknownProductDeliveryCopy } from "@/lib/rectification-agentic/v9/product-delivery";
+import { Button } from "@/components/ui/button";
export function RectificationSegmentDelivery({ summary, delivery, rangeLabel, selection, resultId, busy, accepting, onAccept, adoptLocked, markdown, candidateDate, canAdopt = false }: Readonly<{
summary: SegmentSummary | null;
@@ -57,12 +58,12 @@ export function RectificationSegmentDelivery({ summary, delivery, rangeLabel, se
{showAdopt && adoption && candidateId ? (
<>
采用后按 {adoption.date ? `${adoption.date} ` : ""}{adoption.time} 排盘；原填报资料保留。
-
+
{readopt && priorAdoption && !adopted ? (
现在按 {priorAdoption.time} 排盘；改用后按 {readopt} 排盘，原填报资料保留。
) : null}
diff --git a/frontend/tests/rectification-agentic-entry.test.ts b/frontend/tests/rectification-agentic-entry.test.ts
index 315a73b9..d063a65f 100644
--- a/frontend/tests/rectification-agentic-entry.test.ts
+++ b/frontend/tests/rectification-agentic-entry.test.ts
@@ -786,7 +786,10 @@ test("time-selection cards use server adoption state and stay mutually exclusive
}));
assert.match(persistedHtml, /data-testid="persisted-question"/);
assert.match(persistedHtml, /class="rectification-choice-card is-embedded"/);
- assert.equal(persistedHtml.match(/class="birth-time-choice-option is-primary"/g)?.length, 4);
+ // 原值: class="birth-time-choice-option is-primary" 整段 class 恰好出现 4 次。
+ // 新值: 同一串作为 class 的一部分出现 4 次。
+ // 原因: K6 选项卡片改用 ToggleGroup，组件库会合并上自己的类。选项文案和读屏名称不变。
+ assert.equal(persistedHtml.match(/birth-time-choice-option is-primary/g)?.length, 4);
assert.doesNotMatch(messageLoop, /rectification-question-slot/);
assert.doesNotMatch(persistedHtml, /rectification-question-slot/);
assert.doesNotMatch(messageEntry, /rectification-question-slot/);