觀察

書庫管理 app 管理模式的工具列右側有「已選擇: {count}/{total}」文字（library_display_extensions.dart:134-147）。驗收看到的永遠是「…」— 第一假設是計數沒接上。

程式碼事實推翻這個假設：計數來源 selectedBookIds.length / books.length 是同步、reactive 的，勾選即時更新 — 資料層完全正常。「…」的成因在版面：同一個 Row 裡，模式切換按鈕佔 Flexible(flex: 2)、中間的 Spacer() 也參與自由寬度分配，「已選擇」文字分到的份額在窄幕下容不下整串，TextOverflow.ellipsis 把它壓縮成「…」。

判讀

1. 回饋鏈的驗證要驗到像素層。「state 有值、widget 有綁」不等於使用者看得到 — 版面是回饋鏈的最後一環，layout starvation（flex 優先權競爭把某個元件的空間擠到零）讓正確的資料以「…」呈現。診斷時「資料壞了」和「版面壓掉了」是兩條完全不同的修法，先分清楚再動手。

2. ellipsis 對短關鍵資訊是錯誤的降級策略。ellipsis 的適用場景是「長文字截尾仍保留頭部資訊」（書名、路徑）；「已選擇: 3/45」這種短計數被截、剩下的「…」不保留任何資訊。關鍵狀態文字的降級策略應該是縮短格式（「3/45」）、換行、或保障最小寬度 — 不是 ellipsis。

3. Spacer 與 Flexible 同列是寬度競爭的常見形態。Spacer（等同 Expanded）與同列的 flex 元件按比例分配自由寬度 — 文字分到的份額由 flex 配置決定、不由內容需求決定，寬幕開發機上可能剛好夠、窄幕下容不下整串。這類問題只在特定寬度現形，驗收要在窄幕跑。

4. 等比縮放套件不會攔到這類問題。專案全程使用 flutter_screenutil，它做的是設計稿座標到裝置座標的數值換算、工作在 layout 之前的常數層；空間分配發生在 layout 協商層（Row 把有限寬度分給 flex 子元件、輸入是動態內容），換算工具不參與。比例正確不等於空間夠用 —「有用響應式套件」不構成版面不會擠壓的保證，完整判讀見 #228 等比縮放不管空間分配。

策略

1. 關鍵狀態文字給最小寬度保障或更高的 flex 優先權，可壓縮的是裝飾性元素、不是回饋。

2. 文字降級策略按資訊密度選：短計數用縮格式（去掉「已選擇:」前綴、只留「3/45」）、長文字才用 ellipsis。

3. 診斷「顯示不出來」先分層：state 有值嗎（debug 印）→ 綁定對嗎（widget 讀哪個欄位）→ 版面給了空間嗎（layout inspector 看實際寬度）。這個案例卡在第三層。

下一步路由

• 結果通知的完整設計 → 互動回饋三層模型
• 資料正確但 UI 未反映的另一種形態 → U.C9 提取成功卻誤報失敗
• 管理模式的佔位操作 → U.C20 管理模式操作全是佔位