fix image history deletion and scrolling

Co-Authored-By: Codex <noreply@openai.com>

web/src/app/image/page.tsx

@@ -603,16 +603,13 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
         }
         const nextTurn = {
           ...turn,
+          prompt: part === "prompt" ? "" : turn.prompt,
           promptDeleted: part === "prompt" ? true : turn.promptDeleted,
           resultsDeleted: part === "results" ? true : turn.resultsDeleted,
           status: part === "results" && turn.status === "generating" ? "error" as const : turn.status,
           images:
             part === "results"
-              ? turn.images.map((image) =>
-                  image.status === "loading"
-                    ? { ...image, status: "error" as const, error: "生成结果已删除" }
-                    : image,
-                )
+              ? turn.images.map((image) => ({ id: image.id, status: "error" as const, error: "生成结果已删除" }))
               : turn.images,
         };
         return nextTurn.promptDeleted && nextTurn.resultsDeleted ? null : nextTurn;
@@ -760,7 +757,7 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
   const handleReuseTurnConfig = useCallback(async (conversationId: string, turnId: string) => {
     const conversation = conversationsRef.current.find((item) => item.id === conversationId);
     const turn = conversation?.turns.find((item) => item.id === turnId);
-    if (!conversation || !turn) {
+    if (!conversation || !turn || !turn.prompt.trim()) {
       return;
     }
 
@@ -964,7 +961,7 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
     async (conversationId: string, turnId: string) => {
       const conversation = conversationsRef.current.find((item) => item.id === conversationId);
       const sourceTurn = conversation?.turns.find((turn) => turn.id === turnId);
-      if (!conversation || !sourceTurn) {
+      if (!conversation || !sourceTurn || !sourceTurn.prompt.trim()) {
         return;
       }
 
@@ -1013,6 +1010,9 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
           if (turn.id !== turnId) {
             return turn;
           }
+          if (!turn.prompt.trim()) {
+            return turn;
+          }
 
           const images = turn.images.map((image) =>
             image.id === imageId
@@ -1115,7 +1115,7 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
 
   return (
     <>
-      <section className="mx-auto grid min-h-0 flex-1 w-full max-w-[1380px] grid-cols-1 gap-2 px-0 pb-[calc(env(safe-area-inset-bottom)+0.5rem)] sm:gap-3 sm:px-3 sm:pb-6 lg:grid-cols-[240px_minmax(0,1fr)]">
+      <section className="mx-auto grid h-[calc(100dvh-6.5rem)] min-h-0 w-full max-w-[1380px] grid-cols-1 gap-2 overflow-hidden px-0 pb-[calc(env(safe-area-inset-bottom)+0.5rem)] sm:h-[calc(100dvh-5.25rem)] sm:gap-3 sm:px-3 sm:pb-6 lg:grid-cols-[240px_minmax(0,1fr)]">
         <div className="hidden h-full min-h-0 border-r border-stone-200/70 pr-3 lg:block">
           <ImageSidebar
             conversations={conversations}

web/src/app/layout.tsx

@@ -31,8 +31,8 @@ export default function RootLayout({
         }}
       >
         <Toaster position="top-center" richColors offset={48} />
-        <main className="h-screen overflow-hidden bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.92),_rgba(245,239,231,0.96)_42%,_rgba(240,235,227,0.99)_100%)] px-4 pt-0 pb-2 text-stone-900 sm:px-6 sm:pt-2 lg:px-8">
-          <div className="mx-auto box-border flex h-full max-w-[1440px] flex-col gap-2 pt-[env(safe-area-inset-top)] sm:gap-5 sm:pt-0">
+        <main className="min-h-screen overflow-x-hidden bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.92),_rgba(245,239,231,0.96)_42%,_rgba(240,235,227,0.99)_100%)] px-4 pt-0 pb-2 text-stone-900 sm:px-6 sm:pt-2 lg:px-8">
+          <div className="mx-auto box-border flex min-h-screen max-w-[1440px] flex-col gap-2 pt-[env(safe-area-inset-top)] sm:gap-5 sm:pt-0">
             <TopNav />
             {children}
           </div>