diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index a53ffe70..5f96d257 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -6,7 +6,7 @@
// 统计指标与趋势按需展开,不占据默认首屏;品牌叙事只出现在真实空状态。
// =============================================
-import { lazy, Suspense, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, lazy, Suspense, useEffect, useMemo, useRef, useState } from "react";
import Link from "next/link";
import { motion } from "framer-motion";
import {
@@ -46,6 +46,7 @@ import {
} from "@/lib/hooks";
import { safeClientErrorMessage } from "@/lib/safe-error";
import { useWorkbench } from "@/lib/workbench";
+import { InterviewLifecycleCard } from "@/components/career/InterviewLifecycleCard";
import { resolveApiBase } from "@/lib/apiBase";
@@ -746,12 +747,20 @@ export default function TodayPage() {
const packet = entry.payload?.application_packet as Record
| undefined;
const sample = benchmark?.valid_sample_count;
const task = taskSnapshotFromInbox(entry);
+ const careerTask = careerTasks?.tasks.find((candidate) => candidate.task_id === entry.task_id);
const percent = careerTaskPercent(task.progress);
+ const isInterviewTask = String(entry.payload?.event_type || "").startsWith("INTERVIEW_");
return (
-
+
+ {isInterviewTask && careerTask ? (
+
+ void Promise.all([mutateCareerTasks(), mutateAutomationInbox()])}
+ />
+
+ ) : null}
+
+
+
+ {isInterviewTask ? (
+
void Promise.all([mutateCareerTasks(), mutateAutomationInbox()])}
+ />
+ ) : null}
({ submitInterviewDebrief: vi.fn() }));
+
+vi.mock("@/lib/hooks", () => ({ submitInterviewDebrief }));
+vi.mock("next/link", () => ({
+ default: ({ href, children }: { href: string; children: ReactNode }) => {children},
+}));
+
+function task(overrides: Partial = {}): CareerTask {
+ return {
+ task_id: "career-task-interview-1",
+ task_type: "career_director",
+ source: "automation",
+ target_type: "interview",
+ target_id: "51",
+ runtime_provider: "codex",
+ status: "completed",
+ input: { event_type: "INTERVIEW_COMPLETED", calendar_event_id: 51, job_id: 42 },
+ progress: {},
+ error_id: "",
+ error: "",
+ retryable: false,
+ attempt_count: 1,
+ max_attempts: 2,
+ result_ref: "",
+ result: {
+ briefing: {
+ situation_summary: "这场面试刚结束，趁记忆还清楚先记录几个关键信息。",
+ questions: [
+ { question: "对方实际问了什么？", why_needed: "帮助识别重复考察重点。" },
+ { question: "哪个回答最需要加强？" },
+ ],
+ interview_lifecycle: { mode: "debrief", calendar_event_id: 51 },
+ },
+ },
+ created_at: null,
+ started_at: null,
+ finished_at: null,
+ ...overrides,
+ };
+}
+
+describe("InterviewLifecycleCard", () => {
+ beforeEach(() => submitInterviewDebrief.mockReset().mockResolvedValue({ status: "dispatched" }));
+
+ it("shows model-generated debrief questions and submits the owner's answers", async () => {
+ const user = userEvent.setup();
+ const onSubmitted = vi.fn();
+ render();
+
+ expect(screen.getByText("花几分钟回顾这场面试")).toBeInTheDocument();
+ expect(screen.getByText("对方实际问了什么？")).toBeInTheDocument();
+ expect(screen.getByText("帮助识别重复考察重点。")).toBeInTheDocument();
+
+ const answer = screen.getAllByRole("textbox")[0];
+ await user.type(answer, "他们问了如何验证一次上线效果。");
+ await user.click(screen.getByRole("button", { name: "整理复盘学习" }));
+
+ await waitFor(() => expect(submitInterviewDebrief).toHaveBeenCalledWith(51, [
+ "他们问了如何验证一次上线效果。",
+ "",
+ ]));
+ expect(onSubmitted).toHaveBeenCalledOnce();
+ expect(screen.getByText("已提交，OfferU 正在整理学习候选。")).toBeInTheDocument();
+ });
+
+ it("shows preparation priorities and why they matter now", () => {
+ render();
+
+ expect(screen.getByText("OfferU 为这场面试准备了什么")).toBeInTheDocument();
+ expect(screen.getByText("为什么现在：面试明天下午开始。")).toBeInTheDocument();
+ expect(screen.getByText("请介绍你如何处理优先级冲突。")).toBeInTheDocument();
+ });
+});
diff --git a/frontend/src/components/career/InterviewLifecycleCard.tsx b/frontend/src/components/career/InterviewLifecycleCard.tsx
new file mode 100644
index 00000000..1a4333f3
--- /dev/null
+++ b/frontend/src/components/career/InterviewLifecycleCard.tsx
@@ -0,0 +1,203 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { AlertTriangle, Check, Sparkles } from "lucide-react";
+import { submitInterviewDebrief, type CareerTask } from "@/lib/hooks";
+import { safeClientErrorMessage } from "@/lib/safe-error";
+
+type BriefingQuestion = {
+ question?: string;
+ why_needed?: string;
+ unlocks?: string;
+};
+
+type InterviewLifecycle = {
+ mode?: "prepare" | "debrief" | "learning_review";
+ calendar_event_id?: number;
+ summary?: string;
+ focus_areas?: string[];
+ practice_questions?: string[];
+ learning_candidates?: Array<{ title?: string; summary?: string }>;
+};
+
+function isObject(value: unknown): value is Record {
+ return Boolean(value && typeof value === "object" && !Array.isArray(value));
+}
+
+export function InterviewLifecycleCard({
+ task,
+ onSubmitted,
+}: {
+ task: CareerTask;
+ onSubmitted?: () => void;
+}) {
+ const input = isObject(task.input) ? task.input : {};
+ const result = isObject(task.result) ? task.result : {};
+ const briefing = isObject(result.briefing) ? result.briefing : {};
+ const lifecycle = isObject(briefing.interview_lifecycle)
+ ? briefing.interview_lifecycle as InterviewLifecycle
+ : null;
+ const eventType = String(input.event_type || "");
+ const calendarEventId = Number(input.calendar_event_id || lifecycle?.calendar_event_id || 0);
+ const questions = Array.isArray(briefing.questions)
+ ? briefing.questions as BriefingQuestion[]
+ : [];
+ const actions = Array.isArray(briefing.actions)
+ ? briefing.actions as Array>
+ : [];
+ const [answers, setAnswers] = useState(() => questions.map(() => ""));
+ const [submitting, setSubmitting] = useState(false);
+ const [submitted, setSubmitted] = useState(false);
+ const [error, setError] = useState("");
+ const questionKey = questions.map((question) => String(question.question || "")).join("\u0000");
+
+ useEffect(() => {
+ setAnswers((current) => current.length === questions.length
+ ? current
+ : questions.map(() => ""));
+ }, [task.task_id, questionKey, questions.length]);
+
+ if (!eventType.startsWith("INTERVIEW_") || !calendarEventId) return null;
+
+ const active = task.status === "queued" || task.status === "running";
+ const mode = lifecycle?.mode;
+ const title = mode === "prepare"
+ ? "OfferU 为这场面试准备了什么"
+ : mode === "debrief"
+ ? "花几分钟回顾这场面试"
+ : mode === "learning_review"
+ ? "面试学习候选已整理"
+ : "面试任务状态";
+
+ const handleSubmit = async () => {
+ setSubmitting(true);
+ setError("");
+ try {
+ await submitInterviewDebrief(calendarEventId, answers);
+ setSubmitted(true);
+ onSubmitted?.();
+ } catch (submitError) {
+ setError(safeClientErrorMessage(submitError, "复盘暂时没有提交成功，请稍后重试"));
+ } finally {
+ setSubmitting(false);
+ }
+ };
+
+ return (
+
+
+
+
+
+ {title}
+
+
+ {lifecycle?.summary || briefing.situation_summary || "OfferU 正在结合岗位和职业证据整理面试下一步。"}
+
+
+
+ {task.error || "职业 Agent 正在读取这场面试的岗位背景和相关学习…"}
+
+ )}
+ {(task.status === "failed" || task.status === "blocked") && (
+
+ {task.error || "这次面试分析没有完成。"}
+
+ )}
+
+ {mode === "prepare" && (
+
+ {actions.map((action, index) => (
+
+
{String(action.objective || "准备重点")}
+
为什么现在：{String(action.why_now || "")}
+
预期结果：{String(action.expected_outcome || "")}
+
+ ))}
+ {lifecycle?.focus_areas?.length ? (
+
+
建议聚焦
+
+ {lifecycle.focus_areas.map((focus, index) => - {focus}
)}
+
+
+ ) : null}
+ {lifecycle?.practice_questions?.length ? (
+
+
可以先练习
+ {lifecycle.practice_questions.map((question, index) => (
+
{question}
+ ))}
+
+ ) : null}
+
+ {submitted ? (
+
+ 已提交，OfferU 正在整理学习候选。
+
+ ) : (
+ <>
+ {questions.map((question, index) => (
+