fix(splash): reuse latest chat message preview

src/app/splash/__tests__/splash-latest-message.helpers.test.ts

@@ -1,6 +1,9 @@
 import { describe, expect, it } from "vitest";
 
-import { getSplashLatestMessagePreview } from "@/lib/chat/splash_latest_message_preview";
+import {
+  getLatestSplashMessagePreview,
+  getSplashLatestMessagePreview,
+} from "@/lib/chat/splash_latest_message_preview";
 
 describe("getSplashLatestMessagePreview", () => {
   it("uses text content for text messages", () => {
@@ -34,6 +37,15 @@ describe("getSplashLatestMessagePreview", () => {
     ).toBe("[图片]");
   });
 
+  it("uses image placeholder for a mapped UI image message", () => {
+    expect(
+      getSplashLatestMessagePreview({
+        content: "",
+        imageUrl: "https://example.com/image.jpg",
+      }),
+    ).toBe("[图片]");
+  });
+
   it("uses voice placeholder for voice messages", () => {
     expect(
       getSplashLatestMessagePreview({
@@ -54,6 +66,35 @@ describe("getSplashLatestMessagePreview", () => {
     ).toBe("[语音]");
   });
 
+  it("uses media placeholders for mapped UI lock reasons", () => {
+    expect(
+      getSplashLatestMessagePreview({
+        content: "",
+        lockReason: "voice_message",
+      }),
+    ).toBe("[语音]");
+    expect(
+      getSplashLatestMessagePreview({
+        content: "",
+        lockReason: "image_paywall",
+      }),
+    ).toBe("[图片]");
+  });
+
+  it("skips synthetic messages when selecting the latest preview", () => {
+    expect(
+      getLatestSplashMessagePreview([
+        { content: "Real message" },
+        { content: "Greeting", isSynthetic: true },
+      ]),
+    ).toBe("Real message");
+    expect(
+      getLatestSplashMessagePreview([
+        { content: "Greeting", isSynthetic: true },
+      ]),
+    ).toBeNull();
+  });
+
   it("falls back when the latest message has no displayable content", () => {
     expect(
       getSplashLatestMessagePreview({

src/app/splash/hooks/use-splash-latest-message.ts

@@ -3,7 +3,8 @@
 import { useEffect, useState } from "react";
 
 import type { LoginStatus } from "@/data/dto/auth";
-import { fetchSplashLatestMessagePreview } from "@/lib/chat/splash_latest_message";
+import { loadSplashLatestMessagePreview } from "@/lib/chat/splash_latest_message";
+import { useSplashLatestMessageCache } from "@/providers/splash-latest-message-provider";
 import { Logger, Result } from "@/utils";
 
 const log = new Logger("SplashLatestMessage");
@@ -30,6 +31,7 @@ export function useSplashLatestMessage({
   isAuthLoading,
   loginStatus,
 }: UseSplashLatestMessageInput): UseSplashLatestMessageOutput {
+  const cache = useSplashLatestMessageCache();
   const [state, setState] = useState<SplashLatestMessageState>({
     key: "",
     loaded: false,
@@ -45,7 +47,7 @@ export function useSplashLatestMessage({
     let cancelled = false;
 
     const loadLatestMessage = async () => {
-      const result = await fetchSplashLatestMessagePreview();
+      const result = await loadSplashLatestMessagePreview({ cache });
       if (cancelled) return;
 
       if (Result.isErr(result)) {
@@ -69,7 +71,7 @@ export function useSplashLatestMessage({
     return () => {
       cancelled = true;
     };
-  }, [requestKey, shouldLoad]);
+  }, [cache, requestKey, shouldLoad]);
 
   if (!shouldLoad) return { message: null, isLoading: false };
   if (state.key !== requestKey || !state.loaded) {