GMW/services/frontend/src/app/(dashboard)/messages/page.tsx

/**
 * Messages page — Server Component.
 *
 * Reads the URL (guild/channel/tab/selected) on the server and, when a guild
 * is already selected, fetches the first message page server-side so the
 * initial list is server-rendered, not a client round-trip.
 */
import { getMessages, type MessagePageResult } from "@/lib/api/server";
import MessagesView from "./view";

export default async function MessagesPage({
  searchParams,
}: {
  searchParams: Promise<Record<string, string | string[] | undefined>>;
}) {
  const sp = await searchParams;
  const guild = typeof sp.guild === "string" ? sp.guild : "";
  const channel = typeof sp.channel === "string" ? sp.channel : "";
  const selected = typeof sp.selected === "string" ? sp.selected : null;
  const tab =
    typeof sp.tab === "string" && ["all", "images", "review"].includes(sp.tab)
      ? (sp.tab as "all" | "images" | "review")
      : "all";

  let initialPage: MessagePageResult | undefined;
  if (guild) {
    initialPage = await getMessages(guild, channel || undefined).catch(
      () => undefined,
    );
  }

  return (
    <MessagesView
      initialGuild={guild}
      initialChannel={channel}
      initialDetailId={selected}
      initialTab={tab}
      initialMessagePage={initialPage}
    />
  );
}