feat(saves): 截图缩略图墙（M251 · D54 全套：解码/缓存/上限/可见失败）

按 D54 落地，解码在 palette-extract、缓存在 presenter、像素随快照走、壳层只画。

palette-extract（上一提交）→ presenter：
- dto/saves/preview.rs：ScreenshotPreview{NotGenerated,Ready,Failed} + ThumbnailView
  （带 is_consistent：长度 ≠ w×h×4 的像素不许进渲染器）+ ScreenshotThumbKind；
  ScreenshotView 新增 preview 字段（像素不落盘，随 IPC 面走）；
- host/saves/thumbs.rs：attach() 在后台线程（spawn_list 同一条线程）按 mtime 倒序解前
  60 张、单张 >8 MiB 先查大小不进解码器、失败也逐条带原因；进程级 memo 键 =
  (路径, mtime, 大小)，覆盖/替换都会重解；超过 240 条只留本拍碰到的键；
- presenter 新增依赖 unlucky-palette-extract（塔已批，方向 presenter → palette-extract）。

app-iced：
- saves.rs 拆成 model / rows / wall（原文件 385 行，加完墙必破 400）：model 里建一次
  iced Handle（渲染回调零解码、零重复上传），wall 3 列排格子，没像素的格子给
  160×90 占位框 + 逐条原因；text.rs 拆出 text/saves.rs 承载存档/截图一族文案；
- i18n 加 4 条「这一格为什么没有图」（未生成/太大/读不出/解不出）+ 金表同步；
- 出图夹具（saves_shot）合成两种场景的像素，并摆出四种格子（真图×2/未生成/超限失败）。

用例：presenter 9 条（含缓存命中不重解、mtime 变了必重解、第 61 张不解、
>8MiB 不进解码器、缓存有界）+ app-iced 3 条（三种格子的副文案、坏像素降级）。

crates/app-iced/src/app/state/saves_shot.rs

@@ -46,17 +46,23 @@ const OLDEST: u64 = NEWEST - 42 * 24 * 3_600_000;
 /// 其中一个世界/一张截图的 mtime 是 `None`：那是「时间未知」这条分支的唯一出图证据。
 #[must_use]
 pub fn view(instance: &str) -> unlucky_presenter::dto::SavesListView {
-    use unlucky_presenter::dto::{SavesListView, ScreenshotView, WorldView};
+    use unlucky_presenter::dto::{
+        SavesListView, ScreenshotPreview, ScreenshotThumbFailure, ScreenshotThumbKind,
+        ScreenshotView, WorldView,
+    };
 
     let world = |dir: &str, icon: bool, modified_ms: Option<u64>| WorldView {
         dir: dir.to_string(),
         icon,
         modified_ms,
     };
-    let shot = |file: &str, bytes: u64, modified_ms: Option<u64>| ScreenshotView {
-        file: file.to_string(),
-        bytes,
-        modified_ms,
+    let shot = |file: &str, bytes: u64, modified_ms: Option<u64>, preview: ScreenshotPreview| {
+        ScreenshotView {
+            file: file.to_string(),
+            bytes,
+            modified_ms,
+            preview,
+        }
     };
 
     SavesListView {
@@ -71,10 +77,38 @@ pub fn view(instance: &str) -> unlucky_presenter::dto::SavesListView {
         ],
         screenshots_dir: "D:/ULL/.ULL/data/instances/Better-MC/screenshots".to_string(),
         screenshots_exists: true,
+        // 四张截图，把缩略图墙的**四种格子**一次摆出来（M251）：
+        // ① 白天（真像素）② 黄昏（真像素）③ 「未生成预览」占位 ④ 具名的失败原因。
+        // 像素是**合成的**（下面 `scene`）：夹具不连真实解码器，出图只证明墙的排版与状态，
+        // 解码由 presenter 的 `host::saves::thumbs` 用例用真 PNG 钉住。
         screenshots: vec![
-            shot("2024-05-01_10.00.00.png", 1_887_436, Some(NEWEST)),
-            shot("2024-04-30_21.14.05.png", 2_097_152, Some(MIDDLE)),
-            shot("2024-04-20_08.30.00.png", 964_608, None),
+            shot(
+                "2024-05-01_10.00.00.png",
+                1_887_436,
+                Some(NEWEST),
+                ScreenshotPreview::Ready(scene(1)),
+            ),
+            shot(
+                "2024-04-30_21.14.05.png",
+                2_097_152,
+                Some(MIDDLE),
+                ScreenshotPreview::Ready(scene(2)),
+            ),
+            shot(
+                "2024-04-20_08.30.00.png",
+                964_608,
+                None,
+                ScreenshotPreview::NotGenerated,
+            ),
+            shot(
+                "2024-04-11_19.02.41.png",
+                9_437_184,
+                Some(OLDEST),
+                ScreenshotPreview::Failed(ScreenshotThumbFailure {
+                    kind: ScreenshotThumbKind::TooLarge,
+                    detail: "9437184 > 8388608 字节".to_string(),
+                }),
+            ),
         ],
         skipped: Vec::new(),
         // 出图夹具不造回执：默认那一张就是「刚列完目录」的样子。
@@ -165,3 +199,55 @@ pub fn seed(app: &mut crate::app::state::App, instance: &str) {
         Mode::Plain | Mode::BackedUp => {}
     }
 }
+
+/// 一张**合成的**缩略图（160×90 RGBA）：天空渐变 + 地面 + 太阳/月亮。
+///
+/// 为什么合成而不是读真图：夹具的职责是「让页面有东西可画」，而它跑在截图通道的第 3 帧——
+/// 真解码要真的有一张 PNG 在盘上、还要等后台线程回来。合成像素让出图**确定**（两张主题图
+/// 逐像素可比），并且明确地不假装自己是解码证据（那由 presenter 的用例负责）。
+///
+/// `tone`：`1` = 白天（亮天空 + 绿地面），其余 = 黄昏（橙天空 + 暗地面）。同一套几何，
+/// 两种配色——墙上两格一眼能看出"每格各画各的"。
+fn scene(tone: u8) -> unlucky_presenter::dto::ThumbnailView {
+    const W: u32 = 160;
+    const H: u32 = 90;
+    // 地平线在 2/3 高度（截图里天空总比地面多）。
+    const HORIZON: u32 = H * 2 / 3;
+    let (sky_top, sky_bottom, ground, sun): ([u8; 3], [u8; 3], [u8; 3], [u8; 3]) = if tone == 1 {
+        ([128, 176, 240], [200, 224, 248], [86, 138, 66], [255, 246, 186])
+    } else {
+        ([96, 66, 96], [232, 148, 96], [58, 74, 48], [255, 214, 150])
+    };
+    let mut pixels = Vec::with_capacity((W * H * 4) as usize);
+    for y in 0..H {
+        for x in 0..W {
+            let (r, g, b) = if y < HORIZON {
+                // 天空：从顶到底线性插值（`t` = 0..=255 的定点比例）。
+                let t = y * 255 / HORIZON.max(1);
+                let mix = |from: u8, to: u8| -> u8 {
+                    let span = i32::from(to) - i32::from(from);
+                    (i32::from(from) + span * t as i32 / 255) as u8
+                };
+                (mix(sky_top[0], sky_bottom[0]), mix(sky_top[1], sky_bottom[1]), mix(sky_top[2], sky_bottom[2]))
+            } else {
+                // 地面：按 3px 一条的条纹给出「方块地形」的观感。
+                let stripe = (y / 3) % 2 == 0;
+                let shade: u8 = if stripe { 0 } else { 14 };
+                (ground[0].saturating_sub(shade), ground[1].saturating_sub(shade), ground[2].saturating_sub(shade))
+            };
+            // 太阳/月亮：右上角一个 18px 的圆（够小，不会盖住画面主体）。
+            let (dx, dy) = (x as i32 - 126, y as i32 - 26);
+            let (r, g, b) = if dx * dx + dy * dy <= 18 * 18 {
+                (sun[0], sun[1], sun[2])
+            } else {
+                (r, g, b)
+            };
+            pixels.extend_from_slice(&[r, g, b, 255]);
+        }
+    }
+    unlucky_presenter::dto::ThumbnailView {
+        width: W,
+        height: H,
+        pixels,
+    }
+}