1 files changed, 19 insertions, 5 deletions
diff --git a/src/features/messages.js b/src/features/messages.js
index c8b5683..2b175e2 100644
--- a/src/features/messages.js
+++ b/src/features/messages.js
@@ -13918,9 +13918,12 @@ export function messagesFeature(ctx) {
   // videos by default on a phone that's in vertical orientation and only
   // horizontal videos if the phone is in landscape but have some kind of
   // control to toggle the ability to see all videos".)
-  const CLIPS_FIT_KEY = 'coinos-clips-fit'; // 'all', or unset: the screen's way round
-  const clipsAll = () => { try { return localStorage.getItem(CLIPS_FIT_KEY) === 'all'; } catch { return false; } };
-  const setClipsAll = (all) => { try { if (all) localStorage.setItem(CLIPS_FIT_KEY, 'all'); else localStorage.removeItem(CLIPS_FIT_KEY); } catch {} };
+  // On a desktop-sized window every shape is the default (Adam, 2026-10-22:
+  // the justified rows hold both); a phone keeps to its way round.
+  const CLIPS_FIT_KEY = 'coinos-clips-fit'; // 'all', 'fit' (the screen's way round), or unset: the device's default
+  const bigWindow = () => { try { return matchMedia('(min-width: 1000px) and (min-height: 600px)').matches; } catch { return false; } };
+  const clipsAll = () => { try { const v = localStorage.getItem(CLIPS_FIT_KEY); return v === 'all' || (v !== 'fit' && bigWindow()); } catch { return bigWindow(); } };
+  const setClipsAll = (all) => { try { if (all === bigWindow()) localStorage.removeItem(CLIPS_FIT_KEY); else localStorage.setItem(CLIPS_FIT_KEY, all ? 'all' : 'fit'); } catch {} };
   const screenTall = () => window.innerHeight >= window.innerWidth;
   const clipSize = (url) => {
     const d = videoInfo.get(url) || {};
@@ -13928,7 +13931,13 @@ export function messagesFeature(ctx) {
     const w = k && (k.w || k.width), hh = k && (k.h || k.height);
     return w && hh ? { w, h: hh } : null;
   };
-  const clipShape = (url) => { const z = clipSize(url); return z ? (z.h > z.w ? 'tall' : z.h < z.w ? 'wide' : 'square') : null; };
+  // (no size yet: the still's proportions, which a grid of every shape has
+  // loaded without measuring anything — so going back to one shape finds
+  // the clips' shapes known)
+  const clipShape = (url) => {
+    const z = clipSize(url), r = z ? z.w / z.h : posterAr.get(url);
+    return r ? (r < 0.99 ? 'tall' : r > 1.01 ? 'wide' : 'square') : null;
+  };
   // width over height, kept between a phone's upright 9:16 and a cinema 2:1
   // (a stray 32:9 or 1:4 would make a tile a sliver); unknown: a square
   // (until the clip's size is known, the still's own proportions: the
@@ -15736,8 +15745,13 @@ export function messagesFeature(ctx) {
   function pagerFit() {
     if (!pager) return;
     const cur = pager.cur || pager.anchor, cg = cur && cur.closest('.mp-group');
+    // the grid's pager goes by the grid's rule: a clip of a shape not yet
+    // known stays out until it's measured (fitClip measures it); a page's
+    // pager shows one until it's known not to fit
+    const strict = pager.kind === 'videos' && !pagerSource();
+    const ok = (u) => (strict ? fitClip(u) : clipFits(u) !== false);
     for (const g of pagerGroups(true)) {
-      const fits = g._opened || g === cg || [...g._row.children].some((s) => { const m = s.querySelector('.mp-media'); return !m || clipFits(m.getAttribute('data-full') || m.getAttribute('data-src')) !== false; });
+      const fits = g._opened || g === cg || [...g._row.children].some((s) => { const m = s.querySelector('.mp-media'); return !m || ok(m.getAttribute('data-full') || m.getAttribute('data-src')); });
       pagerToggleGroup(g, 'mp-off', !fits);
     }
   }