Feed media views: a grid of pictures, videos to flip through

All / Images / Videos sits under the feed chips (remembered).
- Images lays the feed's pictures out as a three-column grid.
- Videos opens straight into a full-screen pager: one clip per screen,
  snapping, the one on screen playing with sound (muted with an Unmute
  button when the browser refuses), the next a flick or ↓ away. Closing
  it leaves a grid of the clips.
- The pager shows only the media until tapped; a tap shows the author
  (tap for their profile), the post's words as a caption without the
  media links (tap to expand), and likes and sats in the bottom right,
  which also like and zap.
- It is a place: Back or Escape closes it. Built outside the morph, so a
  repaint never restarts a clip; off-screen clips let go of their media.
- Near the end of the grid or the pager the feed fetches older posts and
  new slides are appended.
- Toasts now sit above full-screen viewers.

tools/feed-media-views-test.js

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01ULQZS9MQa6iAsXnrJUD9Du

19 files changed, 114 insertions, 19 deletions

diff --git a/src/locales/ar.json b/src/locales/ar.json
index 57324ca..cf1de50 100644
--- a/src/locales/ar.json
+++ b/src/locales/ar.json
@@ -903,5 +903,10 @@
   "relaysSaved": "حُفظت قوائم المرحّلات",
   "relaysSave": "حفظ",
   "relaysSaving": "جارٍ الحفظ…",
-  "relaysReload": "إعادة تحميل"
+  "relaysReload": "إعادة تحميل",
+  "mediaAll": "الكل",
+  "mediaImages": "الصور",
+  "mediaVideos": "الفيديوهات",
+  "mediaNoImages": "لا صور في هذه الخلاصة بعد.",
+  "mediaNoVideos": "لا فيديوهات في هذه الخلاصة بعد."
 }
diff --git a/src/locales/bn.json b/src/locales/bn.json
index cf1a830..6ec0e94 100644
--- a/src/locales/bn.json
+++ b/src/locales/bn.json
@@ -903,5 +903,10 @@
   "relaysSaved": "রিলে তালিকা সংরক্ষিত",
   "relaysSave": "সংরক্ষণ",
   "relaysSaving": "সংরক্ষণ হচ্ছে…",
-  "relaysReload": "আবার লোড"
+  "relaysReload": "আবার লোড",
+  "mediaAll": "সব",
+  "mediaImages": "ছবি",
+  "mediaVideos": "ভিডিও",
+  "mediaNoImages": "এই ফিডে এখনও কোনো ছবি নেই।",
+  "mediaNoVideos": "এই ফিডে এখনও কোনো ভিডিও নেই।"
 }
diff --git a/src/locales/de.json b/src/locales/de.json
index d5f3d70..df72786 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -903,5 +903,10 @@
   "relaysSaved": "Relay-Listen gespeichert",
   "relaysSave": "Speichern",
   "relaysSaving": "Speichern…",
-  "relaysReload": "Neu laden"
+  "relaysReload": "Neu laden",
+  "mediaAll": "Alle",
+  "mediaImages": "Bilder",
+  "mediaVideos": "Videos",
+  "mediaNoImages": "Noch keine Bilder in diesem Feed.",
+  "mediaNoVideos": "Noch keine Videos in diesem Feed."
 }
diff --git a/src/locales/es.json b/src/locales/es.json
index 604a528..1f1c170 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -903,5 +903,10 @@
   "relaysSaved": "Listas de relés guardadas",
   "relaysSave": "Guardar",
   "relaysSaving": "Guardando…",
-  "relaysReload": "Recargar"
+  "relaysReload": "Recargar",
+  "mediaAll": "Todo",
+  "mediaImages": "Imágenes",
+  "mediaVideos": "Vídeos",
+  "mediaNoImages": "Aún no hay imágenes en este feed.",
+  "mediaNoVideos": "Aún no hay vídeos en este feed."
 }
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 22b41ed..1d7c5f4 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -903,5 +903,10 @@
   "relaysSaved": "Listes de relais enregistrées",
   "relaysSave": "Enregistrer",
   "relaysSaving": "Enregistrement…",
-  "relaysReload": "Recharger"
+  "relaysReload": "Recharger",
+  "mediaAll": "Tout",
+  "mediaImages": "Images",
+  "mediaVideos": "Vidéos",
+  "mediaNoImages": "Pas encore d’images dans ce fil.",
+  "mediaNoVideos": "Pas encore de vidéos dans ce fil."
 }
diff --git a/src/locales/hi.json b/src/locales/hi.json
index bc7f7a8..7772bc1 100644
--- a/src/locales/hi.json
+++ b/src/locales/hi.json
@@ -903,5 +903,10 @@
   "relaysSaved": "रिले सूचियाँ सहेजी गईं",
   "relaysSave": "सहेजें",
   "relaysSaving": "सहेजा जा रहा है…",
-  "relaysReload": "फिर से लोड करें"
+  "relaysReload": "फिर से लोड करें",
+  "mediaAll": "सभी",
+  "mediaImages": "तस्वीरें",
+  "mediaVideos": "वीडियो",
+  "mediaNoImages": "इस फ़ीड में अभी कोई तस्वीर नहीं।",
+  "mediaNoVideos": "इस फ़ीड में अभी कोई वीडियो नहीं।"
 }
diff --git a/src/locales/id.json b/src/locales/id.json
index 9318205..a4fe07f 100644
--- a/src/locales/id.json
+++ b/src/locales/id.json
@@ -239,5 +239,10 @@
   "relaysSaved": "Daftar relay disimpan",
   "relaysSave": "Simpan",
   "relaysSaving": "Menyimpan…",
-  "relaysReload": "Muat ulang"
+  "relaysReload": "Muat ulang",
+  "mediaAll": "Semua",
+  "mediaImages": "Gambar",
+  "mediaVideos": "Video",
+  "mediaNoImages": "Belum ada gambar di feed ini.",
+  "mediaNoVideos": "Belum ada video di feed ini."
 }
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 9e0e66a..b376d3b 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -903,5 +903,10 @@
   "relaysSaved": "リレーリストを保存しました",
   "relaysSave": "保存",
   "relaysSaving": "保存中…",
-  "relaysReload": "再読み込み"
+  "relaysReload": "再読み込み",
+  "mediaAll": "すべて",
+  "mediaImages": "画像",
+  "mediaVideos": "動画",
+  "mediaNoImages": "このフィードにはまだ画像がありません。",
+  "mediaNoVideos": "このフィードにはまだ動画がありません。"
 }
diff --git a/src/locales/ko.json b/src/locales/ko.json
index cd7606b..7d6bb2a 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -902,5 +902,10 @@
   "relaysSaved": "릴레이 목록 저장됨",
   "relaysSave": "저장",
   "relaysSaving": "저장 중…",
-  "relaysReload": "새로고침"
+  "relaysReload": "새로고침",
+  "mediaAll": "전체",
+  "mediaImages": "이미지",
+  "mediaVideos": "동영상",
+  "mediaNoImages": "이 피드에는 아직 이미지가 없습니다.",
+  "mediaNoVideos": "이 피드에는 아직 동영상이 없습니다."
 }
diff --git a/src/locales/mr.json b/src/locales/mr.json
index 38a9b86..a5080f2 100644
--- a/src/locales/mr.json
+++ b/src/locales/mr.json
@@ -239,5 +239,10 @@
   "relaysSaved": "रिले याद्या जतन केल्या",
   "relaysSave": "जतन करा",
   "relaysSaving": "जतन होत आहे…",
-  "relaysReload": "पुन्हा लोड करा"
+  "relaysReload": "पुन्हा लोड करा",
+  "mediaAll": "सर्व",
+  "mediaImages": "चित्रे",
+  "mediaVideos": "व्हिडिओ",
+  "mediaNoImages": "या फीडमध्ये अजून चित्रे नाहीत.",
+  "mediaNoVideos": "या फीडमध्ये अजून व्हिडिओ नाहीत."
 }
diff --git a/src/locales/pt.json b/src/locales/pt.json
index aaa25a5..142daf9 100644
--- a/src/locales/pt.json
+++ b/src/locales/pt.json
@@ -903,5 +903,10 @@
   "relaysSaved": "Listas de relays salvas",
   "relaysSave": "Salvar",
   "relaysSaving": "Salvando…",
-  "relaysReload": "Recarregar"
+  "relaysReload": "Recarregar",
+  "mediaAll": "Tudo",
+  "mediaImages": "Imagens",
+  "mediaVideos": "Vídeos",
+  "mediaNoImages": "Ainda não há imagens neste feed.",
+  "mediaNoVideos": "Ainda não há vídeos neste feed."
 }
diff --git a/src/locales/ru.json b/src/locales/ru.json
index c8af847..c94fb56 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -903,5 +903,10 @@
   "relaysSaved": "Списки реле сохранены",
   "relaysSave": "Сохранить",
   "relaysSaving": "Сохранение…",
-  "relaysReload": "Обновить"
+  "relaysReload": "Обновить",
+  "mediaAll": "Все",
+  "mediaImages": "Фото",
+  "mediaVideos": "Видео",
+  "mediaNoImages": "В этой ленте пока нет фото.",
+  "mediaNoVideos": "В этой ленте пока нет видео."
 }
diff --git a/src/locales/sw.json b/src/locales/sw.json
index 4a5267c..770551d 100644
--- a/src/locales/sw.json
+++ b/src/locales/sw.json
@@ -239,5 +239,10 @@
   "relaysSaved": "Orodha za relei zimehifadhiwa",
   "relaysSave": "Hifadhi",
   "relaysSaving": "Inahifadhi…",
-  "relaysReload": "Pakia upya"
+  "relaysReload": "Pakia upya",
+  "mediaAll": "Zote",
+  "mediaImages": "Picha",
+  "mediaVideos": "Video",
+  "mediaNoImages": "Bado hakuna picha kwenye mlisho huu.",
+  "mediaNoVideos": "Bado hakuna video kwenye mlisho huu."
 }
diff --git a/src/locales/ta.json b/src/locales/ta.json
index cf032ac..856841e 100644
--- a/src/locales/ta.json
+++ b/src/locales/ta.json
@@ -239,5 +239,10 @@
   "relaysSaved": "ரிலே பட்டியல்கள் சேமிக்கப்பட்டன",
   "relaysSave": "சேமி",
   "relaysSaving": "சேமிக்கிறது…",
-  "relaysReload": "மீண்டும் ஏற்று"
+  "relaysReload": "மீண்டும் ஏற்று",
+  "mediaAll": "அனைத்தும்",
+  "mediaImages": "படங்கள்",
+  "mediaVideos": "வீடியோக்கள்",
+  "mediaNoImages": "இந்த ஊட்டத்தில் இன்னும் படங்கள் இல்லை.",
+  "mediaNoVideos": "இந்த ஊட்டத்தில் இன்னும் வீடியோக்கள் இல்லை."
 }
diff --git a/src/locales/te.json b/src/locales/te.json
index f45ad3e..2e7deff 100644
--- a/src/locales/te.json
+++ b/src/locales/te.json
@@ -237,5 +237,10 @@
   "relaysSaved": "రిలే జాబితాలు సేవ్ అయ్యాయి",
   "relaysSave": "సేవ్",
   "relaysSaving": "సేవ్ అవుతోంది…",
-  "relaysReload": "మళ్లీ లోడ్"
+  "relaysReload": "మళ్లీ లోడ్",
+  "mediaAll": "అన్నీ",
+  "mediaImages": "చిత్రాలు",
+  "mediaVideos": "వీడియోలు",
+  "mediaNoImages": "ఈ ఫీడ్‌లో ఇంకా చిత్రాలు లేవు.",
+  "mediaNoVideos": "ఈ ఫీడ్‌లో ఇంకా వీడియోలు లేవు."
 }
diff --git a/src/locales/tr.json b/src/locales/tr.json
index b779157..9b5dacf 100644
--- a/src/locales/tr.json
+++ b/src/locales/tr.json
@@ -902,5 +902,10 @@
   "relaysSaved": "Röle listeleri kaydedildi",
   "relaysSave": "Kaydet",
   "relaysSaving": "Kaydediliyor…",
-  "relaysReload": "Yenile"
+  "relaysReload": "Yenile",
+  "mediaAll": "Tümü",
+  "mediaImages": "Görseller",
+  "mediaVideos": "Videolar",
+  "mediaNoImages": "Bu akışta henüz görsel yok.",
+  "mediaNoVideos": "Bu akışta henüz video yok."
 }
diff --git a/src/locales/ur.json b/src/locales/ur.json
index ff7f461..3a04f22 100644
--- a/src/locales/ur.json
+++ b/src/locales/ur.json
@@ -239,5 +239,10 @@
   "relaysSaved": "ریلے فہرستیں محفوظ ہو گئیں",
   "relaysSave": "محفوظ کریں",
   "relaysSaving": "محفوظ ہو رہا ہے…",
-  "relaysReload": "دوبارہ لوڈ کریں"
+  "relaysReload": "دوبارہ لوڈ کریں",
+  "mediaAll": "سب",
+  "mediaImages": "تصاویر",
+  "mediaVideos": "ویڈیوز",
+  "mediaNoImages": "اس فیڈ میں ابھی کوئی تصویر نہیں۔",
+  "mediaNoVideos": "اس فیڈ میں ابھی کوئی ویڈیو نہیں۔"
 }
diff --git a/src/locales/vi.json b/src/locales/vi.json
index 162d73f..7393d1d 100644
--- a/src/locales/vi.json
+++ b/src/locales/vi.json
@@ -239,5 +239,10 @@
   "relaysSaved": "Đã lưu danh sách relay",
   "relaysSave": "Lưu",
   "relaysSaving": "Đang lưu…",
-  "relaysReload": "Tải lại"
+  "relaysReload": "Tải lại",
+  "mediaAll": "Tất cả",
+  "mediaImages": "Ảnh",
+  "mediaVideos": "Video",
+  "mediaNoImages": "Bảng tin này chưa có ảnh.",
+  "mediaNoVideos": "Bảng tin này chưa có video."
 }
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 995575e..f576f42 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -903,5 +903,10 @@
   "relaysSaved": "中继列表已保存",
   "relaysSave": "保存",
   "relaysSaving": "正在保存…",
-  "relaysReload": "重新加载"
+  "relaysReload": "重新加载",
+  "mediaAll": "全部",
+  "mediaImages": "图片",
+  "mediaVideos": "视频",
+  "mediaNoImages": "此动态中还没有图片。",
+  "mediaNoVideos": "此动态中还没有视频。"
 }