fix(session): 图片时间戳数值排序+刷新后暂停态还原

- image_store list_images/list_crops 字典序跨位数错乱（999>1000、11000<2000）——
  用户反馈'最近画面未按时间轴排列'，改为解析文件名数值升序（解析失败回退字典序兜底）
- live_session_status 暴露 paused——recording/paused 事件只发一次，页面刷新后
  右侧面板挂载晚于事件，靠拉取还原状态机（防'正在初始化…'卡死）
- 单测 +2（跨位数数值排序回归）；1066 测试全绿

Author: Aparencia

app/src-tauri/src/commands_live.rs

@@ -25,6 +25,9 @@ pub struct LiveSessionStatus {
     pub session_id: Option<i64>,
     /// P3：引擎预热是否已就绪（前端"开始即录"提示）
     pub prepared: bool,
+    /// 2026-08 修复：是否处于暂停（挂载拉取恢复右侧面板状态机用——
+    /// recording 事件只发一次，刷新/重进页面后需靠此字段还原 phase）
+    pub paused: bool,
 }
 
 /// 启动实时捕获会话（REQ-007~012 汇总入口）。
@@ -126,7 +129,7 @@ fn trigger_auto_refine(state: &AppState, session_id: i64) {
     });
 }
 
-/// 查询实时会话状态（活动会话 id + 预热就绪标记）。
+/// 查询实时会话状态（活动会话 id + 预热就绪标记 + 暂停标记）。
 #[tauri::command]
 pub fn live_session_status(state: State<'_, AppState>) -> LiveSessionStatus {
     LiveSessionStatus {
@@ -136,6 +139,7 @@ pub fn live_session_status(state: State<'_, AppState>) -> LiveSessionStatus {
             state.live_session.prepare_status(),
             crate::live_session_prepare::PrepareStatus::Ready
         ),
+        paused: state.live_session.is_paused(),
     }
 }
 

app/src-tauri/src/image_store.rs

@@ -136,7 +136,11 @@ impl SessionImageStore {
         Ok(format!("crop/{}", name))
     }
 
-    /// 已存裁剪图相对路径列表（crop/xxx.webp，按文件名=时间戳升序）。
+    /// 已存裁剪图相对路径列表（crop/xxx.webp，按时间戳数值升序）。
+    ///
+    /// @ai-context: 修复（用户反馈"最近画面未按时间轴排列"）：文件名 = 毫秒
+    ///              时间戳，位数不固定（999/1000/11000）——字典序排序在跨位数
+    ///              时错乱（"11000"<"2000"），必须按解析出的数值排序。
     pub fn list_crops(&self) -> Vec<String> {
         let mut paths: Vec<String> = std::fs::read_dir(self.session_dir.join("crop"))
             .map(|entries| {
@@ -147,7 +151,7 @@ impl SessionImageStore {
                     .collect()
             })
             .unwrap_or_default();
-        paths.sort();
+        sort_by_timestamp(&mut paths);
         paths
     }
 
@@ -193,7 +197,12 @@ impl SessionImageStore {
         Ok(format!("full/{}", name))
     }
 
-    /// 已存图片相对路径列表（full/xxx.webp，按文件名=时间戳升序）。
+    /// 已存图片相对路径列表（full/xxx.webp，按时间戳数值升序）。
+    ///
+    /// @ai-context: 修复（用户反馈"最近画面未按时间轴排列"）：同 list_crops——
+    ///              毫秒时间戳位数不固定，字典序在跨位数时错乱
+    ///              （"999">"1000"、"11000"<"2000"），必须数值排序。
+    ///              前端"最近画面"条依赖此升序（新图追加在末尾）。
     pub fn list_images(&self) -> Vec<String> {
         let mut paths: Vec<String> = std::fs::read_dir(self.session_dir.join("full"))
             .map(|entries| {
@@ -204,11 +213,30 @@ impl SessionImageStore {
                     .collect()
             })
             .unwrap_or_default();
-        paths.sort();
+        sort_by_timestamp(&mut paths);
         paths
     }
 }
 
+/// 按文件名中的数值时间戳升序排序（full/<ts>.webp / crop/<ts>.webp）。
+///
+/// @ai-context: 纯函数（可单测）；文件名解析失败（非 <ts>.webp 形态）回退
+///              字典序兜底（防御异常文件不 panic、不丢条目）。
+fn sort_by_timestamp(paths: &mut Vec<String>) {
+    fn ts_of(rel: &str) -> Option<u64> {
+        rel.rsplit_once('/')
+            .and_then(|(_, name)| name.strip_suffix(".webp"))
+            .and_then(|ts| ts.parse::<u64>().ok())
+    }
+    paths.sort_by(|a, b| match (ts_of(a), ts_of(b)) {
+        (Some(ta), Some(tb)) => ta.cmp(&tb),
+        // 解析失败条目靠后（按字典序稳定兜底）
+        (Some(_), None) => std::cmp::Ordering::Less,
+        (None, Some(_)) => std::cmp::Ordering::Greater,
+        (None, None) => a.cmp(b),
+    });
+}
+
 /// 统计目录内 WebP 文件数（预算恢复用；目录不存在/读失败按 0 计）。
 fn count_webp(dir: &Path) -> usize {
     std::fs::read_dir(dir)

app/src-tauri/src/image_store_tests.rs

@@ -178,6 +178,36 @@ fn list_images_sorted_by_timestamp() {
     assert_eq!(list, vec!["full/1000.webp", "full/2000.webp", "full/3000.webp"]);
 }
 
+#[test]
+fn list_images_sorted_numerically_across_digit_lengths() {
+    // Arrange（回归：用户反馈"最近画面未按时间轴排列"——毫秒时间戳位数
+    // 不固定，字典序跨位数错乱："11000"<"2000"、"999">"1000"）
+    let dir = tempfile::tempdir().unwrap();
+    let mut store = SessionImageStore::new(dir.path().to_path_buf()).unwrap();
+    store.save_frame(11000, &seeded_frame(32, 32, 1), 32, 32).unwrap();
+    store.save_frame(999, &seeded_frame(32, 32, 2), 32, 32).unwrap();
+    store.save_frame(2000, &seeded_frame(32, 32, 3), 32, 32).unwrap();
+    store.save_frame(1000, &seeded_frame(32, 32, 4), 32, 32).unwrap();
+    // Act
+    let list = store.list_images();
+    // Assert：按数值时间戳升序（999→1000→2000→11000），而非字典序
+    assert_eq!(list, vec!["full/999.webp", "full/1000.webp", "full/2000.webp", "full/11000.webp"]);
+}
+
+#[test]
+fn list_crops_sorted_numerically_across_digit_lengths() {
+    // Arrange（回归：与 list_images 同根因——裁剪图列表同样需要时间轴序）
+    let dir = tempfile::tempdir().unwrap();
+    let mut store = SessionImageStore::new(dir.path().to_path_buf()).unwrap();
+    store.save_crop(1500, &seeded_frame(32, 32, 1), 32, 32).unwrap();
+    store.save_crop(99, &seeded_frame(32, 32, 2), 32, 32).unwrap();
+    store.save_crop(12000, &seeded_frame(32, 32, 3), 32, 32).unwrap();
+    // Act
+    let list = store.list_crops();
+    // Assert：数值升序（99→1500→12000），字典序会排成 12000<1500<99
+    assert_eq!(list, vec!["crop/99.webp", "crop/1500.webp", "crop/12000.webp"]);
+}
+
 #[test]
 fn duplicate_frame_deduped_by_dual_fingerprint() {
     // Arrange：REQ-067 去重语义——连续保存相同内容帧 → 第二次返回首次路径且不重复存

app/src-tauri/src/live_session.rs

@@ -134,6 +134,12 @@ impl LiveSessionManager {
         self.session_info.snapshot()
     }
 
+    /// 是否处于暂停（2026-08 修复：live_session_status 拉取用——recording/
+    /// paused 事件只发一次，页面刷新/重进后前端需拉取还原状态机）。
+    pub fn is_paused(&self) -> bool {
+        self.pause.paused.load(Ordering::SeqCst)
+    }
+
     /// 暂停活动会话（2026-08 A1 硬暂停：完全停采）。
     ///
     /// @ai-context: 只置共享标志——实际暂停由捕获线程边沿检测执行

app/src/components/LiveActivityPanel.tsx

@@ -16,7 +16,7 @@ import { invoke } from "@tauri-apps/api/core";
 import { listen } from "@tauri-apps/api/event";
 // 2026-08 用户需求：实时转写中显示图片数据（转写 Tab 顶部"最近画面"条，独立区域不跳动）
 import LiveImageStrip from "./LiveImageStrip";
-import type { AsrFinalEvent, OcrEvent, SessionInfo, SubtitleEvent } from "../types";
+import type { AsrFinalEvent, LiveSessionStatus, OcrEvent, SessionInfo, SubtitleEvent } from "../types";
 
 /** 定稿转写行（字幕或语音） */
 interface TranscriptLine {
@@ -128,12 +128,24 @@ export default function LiveActivityPanel({ sessionId }: { sessionId?: number |
   // 会话切换：清空旧会话信息 + 拉取兜底（live:session-info 事件在引擎就绪时
   // 发出，可能早于本面板挂载/监听注册——invoke 拉取保证信息条始终可见；
   // 拉取失败静默：无活动会话等场景语义正确）
+  // 2026-08 修复（状态不一致）：live:status recording / live:paused 事件只发
+  // 一次——页面刷新/重进课堂助手后本面板挂载晚于事件，phase 永远停在
+  // "正在初始化…"，而左侧已由 live_session_status 拉取显示"采集中"；
+  // 挂载时拉取一次按 active/paused 还原状态机（事件仍为增量更新通道）
   useEffect(() => {
     setInfo(null);
     if (!sessionId) return;
     void invoke<SessionInfo>("live_session_info")
       .then(setInfo)
       .catch(() => undefined);
+    void invoke<LiveSessionStatus>("live_session_status")
+      .then((s) => {
+        if (s.active) {
+          setPhase(s.paused ? "⏸ 已暂停（时间轴冻结）" : "● 采集中");
+          startedAtRef.current = startedAtRef.current ?? Date.now();
+        }
+      })
+      .catch(() => undefined);
   }, [sessionId]);
 
   // 时长计时（1s tick，仅展示）

app/src/components/LiveImageStrip.tsx

@@ -87,7 +87,8 @@ export default function LiveImageStrip({ sessionId }: { sessionId: number | null
 
   if (!sessionId) return null;
   // 2026-08 用户需求：最近画面按时间先后排列——后端 list_session_images
-  // 已按文件名（=时间戳）升序返回，此处不再 reverse（前→后 = 旧→新，新图追加在末尾）
+  // 已按文件名中的时间戳**数值**升序返回（字典序在跨位数时错乱，已修复），
+  // 此处不再 reverse（前→后 = 旧→新，新图追加在末尾）
   const shown = images.slice(-MAX_SHOWN);
 
   return (

app/src/types.ts

@@ -159,6 +159,8 @@ export interface LiveSessionStatus {
   sessionId: number | null;
   /** 引擎预热是否已就绪（P3："开始即录"提示） */
   prepared: boolean;
+  /** 是否处于暂停（2026-08 修复：刷新/重进页面后右侧面板状态机还原用） */
+  paused: boolean;
 }
 
 /** 视频导入进度（Rust ImportProgress，camelCase 契约） */