hunjing/frontend/src/app/(app)/characters/[characterId]/page.tsx

import Link from "next/link";
import { notFound } from "next/navigation";

import { CharacterIdentityCard } from "@/components/characters/CharacterIdentityCard";
import { CovenantPanel } from "@/components/characters/CovenantPanel";
import { FormStudio } from "@/components/xingyi/FormStudio";
import { CharacterLifecycleBar } from "@/components/characters/CharacterLifecycleBar";
import { ModelPolicyEditForm } from "@/components/characters/ModelPolicyEditForm";
import { ProfileEditForm } from "@/components/characters/ProfileEditForm";
import { PageContainer } from "@/components/layout/PageContainer";
import { ErrorState } from "@/components/shared/StateViews";
import { CharacterStatusBadge } from "@/components/ui/StatusBadge";

import { serverApi } from "@/lib/api/server-client";
import { describeError } from "@/lib/utils/error";
import { formatDateTime } from "@/lib/utils/format";
import type { Covenant } from "@/lib/api/covenants";
import type {
  FormAnchorData,
  FormData,
  VoiceProfileData,
} from "@/lib/api/xingyi";
import type { Character } from "@/types/api";

export const dynamic = "force-dynamic";

/**
 * 人物详情页：生命周期操作 + 档案编辑 + 模型策略编辑。
 * Server Component 预取 getCharacter；写操作后 router.refresh() 重新拉取，以服务端数据为准。
 */
export default async function CharacterDetailPage({
  params,
}: {
  params: Promise<{ characterId: string }>;
}) {
  const { characterId } = await params;

  let character = null;
  let covenant: Covenant | null = null;
  let error: string | null = null;
  try {
    character = await serverApi.get<Character>(`/characters/${characterId}`);
  } catch (e) {
    error = describeError(e);
  }
  // 缘契独立拉取，失败静默（无缘契是合法状态）
  try {
    covenant = await serverApi.get<Covenant | null>(
      `/covenants/by-character/${characterId}`,
    );
  } catch {
    covenant = null;
  }
  // 形仪三区独立拉取，失败静默（无形仪是合法状态——启镜只需最小形仪）
  let anchor: FormAnchorData = {
    character_id: characterId,
    features: {},
    age_presentation: "adult",
    permissions: {},
    mutable_scope: {},
  };
  let forms: FormData[] = [];
  let voices: VoiceProfileData[] = [];
  let primary: FormData | null = null;
  try {
    [anchor, forms, voices, primary] = await Promise.all([
      serverApi.get<FormAnchorData>(`/characters/${characterId}/form-anchor`),
      serverApi.get<FormData[]>(`/characters/${characterId}/forms`),
      serverApi.get<VoiceProfileData[]>(`/characters/${characterId}/voices`),
      serverApi.get<FormData | null>(
        `/characters/${characterId}/forms/primary`,
      ),
    ]);
  } catch {
    /* 空态合法 */
  }

  if (error) {
    return (
      <PageContainer title="人物详情">
        <ErrorState message={error} />
      </PageContainer>
    );
  }
  if (!character) return notFound();

  return (
    <PageContainer
      title={character.display_name || character.name}
      description={`内部名称：${character.name} · 创建于 ${formatDateTime(character.created_at)}`}
    >
      <div className="mb-4 flex flex-wrap items-center gap-3">
        <CharacterStatusBadge status={character.status} />
        <CharacterLifecycleBar character={character} />
        <Link
          href={`/characters/${character.id}/materials`}
          className="ml-auto rounded-lg border border-border-glass bg-glass px-3 py-1 text-xs text-patina hover:underline"
        >
          资料与沉淀 →
        </Link>
      </div>

      <CharacterIdentityCard
        character={character}
        primaryMediaRef={primary?.media_ref ?? null}
      />

      <div className="mt-6">
        <CovenantPanel characterId={character.id} initialCovenant={covenant} />
      </div>

      <div className="mt-6">
        <FormStudio
          characterId={character.id}
          initialAnchor={anchor}
          initialForms={forms}
          initialVoices={voices}
        />
      </div>

      <div className="mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2">
        <ProfileEditForm character={character} />
        <ModelPolicyEditForm character={character} />
      </div>
    </PageContainer>
  );
}