channel-worker 2.5.135 → 2.5.137

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "channel-worker",
-  "version": "2.5.135",
+  "version": "2.5.137",
   "description": "Channel Manager worker daemon — runs on remote machines to execute video pipeline jobs",
   "main": "lib/daemon.js",
   "bin": {

package/scripts/upload_facebook.js

@@ -741,9 +741,26 @@ const NEW_COMPOSER_URL_RE = /^https?:\/\/(www\.)?facebook\.com\/(post\/create|re
 function isNewComposerUrl(url) {
   return NEW_COMPOSER_URL_RE.test(String(url || ''));
 }
+// /reel/ hoặc /reel/<id>: Facebook có lúc PHỦ hộp thoại composer lên feed
+// Reels (10/09; Nuôi Gà Làm Giàu 23/09 13:16Z — đúng composer KIỂU CŨ "Cài đặt
+// thước phim" + nút "Chỉnh sửa" trên ảnh video, ảnh dump lệnh 6ab3d12d). Trước
+// đây cả hai khối ảnh bìa đều bỏ qua URL này → "Custom thumbnail required".
+// Ở đây phải hỏi DOM xem là composer nào (xem vòng bước đăng).
+const REEL_OVERLAY_URL_RE = /^https?:\/\/(www\.)?facebook\.com\/reel\/(\d+\/?)?($|\?|#)/i;
+function isReelOverlayUrl(url) {
+  return REEL_OVERLAY_URL_RE.test(String(url || ''));
+}
 // Chữ trên ô "tải ảnh bìa của mình lên" — khớp NGUYÊN chuỗi (sau khi gộp
 // khoảng trắng) để không dính caption hay nhãn mục "Hình thu nhỏ".
 const THUMB_PICKER_TEXT_RE = /^(?:Chọn hình thu nhỏ|Chọn ảnh thu nhỏ|Thêm hình thu nhỏ|Tải hình thu nhỏ lên|(?:Choose|Select|Add|Upload) (?:a )?(?:custom )?thumbnail)$/i;
+// Biến thể thứ ba (đo thật 23/09, page Gà Vườn Mỗi Ngày, wizard
+// /reels/create/?surface=ADDL_PROFILE_PLUS): KHÔNG có hàng ô, ảnh bìa là một
+// nút nhỏ 72x20 chữ "Ảnh bìa", aria-label "Chọn ảnh bìa", có ở cả bước
+// "Chỉnh sửa" lẫn "Cài đặt". Tách regex riêng: nút này không nằm trong hàng ô
+// nào, đi luồng riêng (applyCoverButtonThumb) và xác minh bằng nội dung ảnh.
+const COVER_BUTTON_RE = /^(?:Chọn ảnh bìa|(?:Choose|Select|Add|Edit) (?:a )?cover(?: photo| image)?)$/i;
+// Tiêu đề hộp thoại có thể mở ra từ nút đó — chưa thấy tận mắt, nhận rộng.
+const COVER_HEAD_RE = /^(?:Chọn ảnh bìa|Ảnh bìa|Chỉnh sửa ảnh bìa|(?:Choose |Select |Edit )?(?:a )?cover(?: photo| image)?)$/i;
 
 // Đọc hàng ô ảnh bìa của composer mới. Trả về ảnh chụp trạng thái để so
 // trước/sau khi dán (xem newComposerThumbVerdict), và gắn cờ DOM cho:
@@ -753,7 +770,7 @@ const THUMB_PICKER_TEXT_RE = /^(?:Chọn hình thu nhỏ|Chọn ảnh thu nhỏ|
 //   __fbpw_thumb_tile__  — ô thứ `tagIndex` (dùng khi phải bấm chọn lại)
 // Không bao giờ ném: đọc hỏng trả null, như isCustomThumbApplied.
 async function readNewComposerThumbRow(page, { diag = false, tagIndex = -1 } = {}) {
-  return page.evaluate(({ pickSrc, diag, tagIndex }) => {
+  return page.evaluate(({ pickSrc, coverSrc, diag, tagIndex }) => {
     const PICK = new RegExp(pickSrc, 'i');
     const norm = (s) => String(s || '').replace(/\s+/g, ' ').trim();
     const vis = (el) => {
@@ -880,6 +897,23 @@ async function readNewComposerThumbRow(page, { diag = false, tagIndex = -1 } = {
     }
     const customMarker = [...document.querySelectorAll('[aria-label]')].some((el) =>
       /Gỡ hình thu nhỏ tùy chỉnh|Remove( your)? custom thumbnail/i.test(el.getAttribute('aria-label') || '') && vis(el));
+    if (!row && !pickLeaf) {
+      // Không có ô "Chọn hình thu nhỏ" → thử nút "Chọn ảnh bìa" (biến thể wizard).
+      const COVER = new RegExp(coverSrc, 'i');
+      for (const root of roots) {
+        const btn = [...root.querySelectorAll('[aria-label]')].find((el) => vis(el)
+          && COVER.test(norm(el.getAttribute('aria-label'))) && !el.closest('[__fbpw_thumb_modal__]'));
+        if (!btn) continue;
+        let target = btn;
+        for (let n = btn, d = 0; n && d < 3; n = n.parentElement, d++) {
+          if (n.matches("[role='button'], button, a, [tabindex]")) { target = n; break; }
+        }
+        target.setAttribute('__fbpw_thumb_pick__', '1');
+        const r = btn.getBoundingClientRect();
+        return { found: false, pickerPresent: true, mode: 'cover-button', roots: roots.length, customMarker,
+          cover: { aria: norm(btn.getAttribute('aria-label')), text: norm(btn.innerText).slice(0, 30), size: `${Math.round(r.width)}x${Math.round(r.height)}` } };
+      }
+    }
     if (!row) {
       const miss = { found: false, pickerPresent: !!pickLeaf, roots: roots.length, customMarker };
       if (diag) {
@@ -954,7 +988,7 @@ async function readNewComposerThumbRow(page, { diag = false, tagIndex = -1 } = {
       });
     }
     return res;
-  }, { pickSrc: THUMB_PICKER_TEXT_RE.source, diag, tagIndex }).catch(() => null);
+  }, { pickSrc: THUMB_PICKER_TEXT_RE.source, coverSrc: COVER_BUTTON_RE.source, diag, tagIndex }).catch(() => null);
 }
 
 // Ảnh bìa tự chọn đã VÀO composer mới chưa? So hàng ô trước và sau khi dán
@@ -997,6 +1031,7 @@ function newComposerThumbVerdict(before, after) {
 // Tóm tắt một hàng ô cho log: "5 ô [chọn-ảnh, *khung, khung…] chọn=1 input=image/*".
 function describeThumbRow(snap) {
   if (!snap) return 'không đọc được';
+  if (snap.mode === 'cover-button') return `không có hàng ô — nút ảnh bìa "${snap.cover.text || snap.cover.aria}" (aria "${snap.cover.aria}", ${snap.cover.size})`;
   if (!snap.found) return `không thấy hàng ô (composer=${snap.roots || 0}, ô chọn-ảnh=${snap.pickerPresent ? 'có' : 'không'})`;
   const cells = (snap.tiles || []).map((t) => `${t.selected ? '*' : ''}${t.placeholder ? 'chọn-ảnh' : (t.img ? (/^(blob|data):/.test(t.img) ? 'ảnh-local' : 'khung') : '?')}`);
   return `${cells.length} ô [${cells.join(', ')}] chọn=${snap.selectedIndex ?? '?'} input=${snap.input ? snap.input.accept || '?' : 'không'} via=${snap.via}`;
@@ -1047,8 +1082,10 @@ async function confirmNewComposerThumbDialog(page, log) {
 // Gắn cờ: __fbpw_thumb_modal__ (khối), _upload__ (nút Tải lên), _save__ (mọi
 // nút Lưu, đánh số từ cuối), _input__ (input ảnh). Trả null nếu không thấy.
 async function findThumbPickerModal(page) {
-  return page.evaluate(({ pickSrc }) => {
+  return page.evaluate(({ pickSrc, coverHeadSrc }) => {
     const PICK = new RegExp(pickSrc, 'i');
+    const COVER_HEAD = new RegExp(coverHeadSrc, 'i');
+    const isHead = (t) => PICK.test(t) || COVER_HEAD.test(t);
     const norm = (s) => String(s || '').replace(/\s+/g, ' ').trim();
     const vis = (el) => {
       const r = el.getBoundingClientRect();
@@ -1061,17 +1098,18 @@ async function findThumbPickerModal(page) {
     }
     const says = (el, re) => re.test(norm(el.getAttribute('aria-label'))) || re.test(norm(el.innerText));
     const UP = /^(Tải lên|Tải ảnh lên|Upload|Upload image)$/i;
-    const SAVE = /^(Lưu|Save)$/i;
+    const SAVE = /^(Lưu|Save|Xong|Done|Áp dụng|Apply)$/i;
     const POST = /^(Đăng|Post|Share now)$/i;
-    const heads = [...document.querySelectorAll('[aria-label]')].filter((el) => PICK.test(norm(el.getAttribute('aria-label'))) && vis(el));
+    const heads = [...document.querySelectorAll('[aria-label]')].filter((el) => isHead(norm(el.getAttribute('aria-label'))) && vis(el));
     const tw = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
     for (let n = tw.nextNode(); n; n = tw.nextNode()) {
-      if (!/hình|thumbnail/i.test(n.data)) continue;
+      if (!/hình|thumbnail|ảnh bìa|cover/i.test(n.data)) continue;
       const el = n.parentElement;
-      if (el && vis(el) && PICK.test(norm(el.innerText))) heads.push(el);
+      if (el && vis(el) && isHead(norm(el.innerText))) heads.push(el);
     }
     for (const h of heads) {
       if (h.closest('[__fbpw_thumb_row__]')) continue; // chính ô chọn-ảnh trong hàng
+      if (h.closest('[__fbpw_thumb_pick__]')) continue; // chính nút "Chọn ảnh bìa"
       let box = h;
       for (let d = 0; d < 10 && box && box !== document.body; d++, box = box.parentElement) {
         const btns = [...box.querySelectorAll("[role='button'], button")].filter(vis);
@@ -1102,7 +1140,7 @@ async function findThumbPickerModal(page) {
       }
     }
     return null;
-  }, { pickSrc: THUMB_PICKER_TEXT_RE.source }).catch(() => null);
+  }, { pickSrc: THUMB_PICKER_TEXT_RE.source, coverHeadSrc: COVER_HEAD_RE.source }).catch(() => null);
 }
 
 // Ảnh xem trước trong hộp thoại có đúng là ảnh bìa của MÌNH không? Thu cả hai
@@ -1195,13 +1233,18 @@ async function uploadViaThumbPickerModal(page, thumbPath, log, modal, { previewM
   while (Date.now() - t0 < previewMs) {
     await pause(page, 1500);
     m = await findThumbPickerModal(page);
-    if (!m) return { ok: true, via, reason: 'hộp thoại tự đóng sau khi nhận ảnh' };
+    if (!m) return { ok: true, via, verified: false, reason: 'hộp thoại tự đóng sau khi nhận ảnh' };
     if (!m.preview || m.preview === beforePreview) continue;
     // URL đổi rồi — so NỘI DUNG. Lệch nhiều = FB đổi khung chứ chưa phải ảnh
     // của mình: chờ tiếp. Không so được (ảnh CDN khoá canvas) thì rơi về luật
     // đổi-URL, kèm ghi rõ vào log. Ảnh chưa nạp xong thì chờ nhịp sau.
     lastCmp = await previewMatchesThumb(page, thumbDataUrl);
     if (lastCmp.err === 'preview-not-loaded') continue;
+    if (lastCmp.err === 'tainted') {
+      // Ảnh xem trước từ CDN → tải về phía Node mà so, không đoán theo URL.
+      const rm = await remoteImagesMatchThumb(page, [m.preview], thumbDataUrl);
+      if (rm) lastCmp = { diff: rm.diff, via: 'cdn' };
+    }
     if (lastCmp.diff !== undefined && lastCmp.diff > THUMB_PREVIEW_MAX_DIFF) {
       if (!loggedMismatch) log('info', `[fb-pw] composer mới — ảnh xem trước đổi nhưng KHÔNG giống ảnh bìa của mình (lệch ${lastCmp.diff}/255) — chờ tiếp`);
       loggedMismatch = true;
@@ -1232,23 +1275,203 @@ async function uploadViaThumbPickerModal(page, thumbPath, log, modal, { previewM
   while (Date.now() - t1 < closeMs) {
     await pause(page, 1500);
     if (await findThumbPickerModal(page)) { gone = 0; continue; }
-    if (++gone >= 2) return { ok: true, via };
+    if (++gone >= 2) return { ok: true, via, verified: !!(lastCmp && lastCmp.diff !== undefined) };
   }
   log('warn', `[fb-pw] composer mới — hộp thoại "Chọn hình thu nhỏ" chưa đóng ${Math.round(closeMs / 1000)}s sau khi bấm Lưu`);
   return { ok: false, reason: 'modal-not-closed' };
 }
 
+// Bấm nút/ô chọn ảnh bìa (đã gắn cờ __fbpw_thumb_pick__) rồi chờ MỘT trong
+// hai: hộp chọn file (biến thể mở thẳng) hoặc hộp thoại chọn ảnh (biến thể đo
+// thật 23/09). Trả { via, verified, failed, reason }: `via` rỗng = chưa đưa được
+// file vào (người gọi còn đường dự phòng); `failed` = hộp thoại đã mở mà dán hỏng.
+async function clickPickerAndUpload(page, thumbPath, log) {
+  let chooser = null;
+  const chooserP = page.waitForEvent('filechooser', { timeout: 8000 }).then((c) => { chooser = c; }).catch(() => {});
+  let clickErr = '';
+  await page.locator("[__fbpw_thumb_pick__='1']").first().click({ timeout: 5000 }).catch((e) => { clickErr = String(e && e.message || e).slice(0, 80); });
+  let modal = null;
+  const tClick = Date.now();
+  while (!chooser && !modal && Date.now() - tClick < 8000) {
+    await pause(page, 800);
+    modal = await findThumbPickerModal(page);
+  }
+  void chooserP;
+  if (chooser) {
+    try {
+      await chooser.setFiles(thumbPath);
+      return { via: 'hộp chọn file', verified: false };
+    } catch (e) {
+      log('info', `[fb-pw] composer mới — hộp chọn file từ chối ảnh: ${String(e && e.message || e).slice(0, 80)}`);
+      return { via: '' };
+    }
+  }
+  if (modal) {
+    const r = await uploadViaThumbPickerModal(page, thumbPath, log, modal);
+    if (!r.ok) {
+      log('warn', `[fb-pw] composer mới — dán qua hộp thoại chọn ảnh bìa KHÔNG xong (${r.reason})`);
+      return { via: '', failed: true, reason: r.reason };
+    }
+    return { via: r.via + (r.reason ? ` (${r.reason})` : ''), verified: !!r.verified };
+  }
+  log('info', `[fb-pw] composer mới — bấm chỗ chọn ảnh bìa không mở hộp chọn file lẫn hộp thoại${clickErr ? `: ${clickErr}` : ''}`);
+  return { via: '' };
+}
+
+// So ảnh nạp từ CDN của Facebook (khác nguồn → canvas bị khoá) với ảnh bìa:
+// tải bytes bằng page.request phía Node (không qua CORS), đưa lại vào trang
+// dưới dạng data: URL (cùng nguồn) rồi so 16x16 như previewMatchesThumb. Cần
+// cho lượt Gà Vườn 23/09 12:55Z: hộp thoại nhận ảnh xong, composer hiện ảnh bìa
+// bằng URL scontent → "đọc được 0 ảnh, khoá 4" → không so được → chặn oan.
+// `cache` (Map src→diff) để vòng chờ không tải lại cùng một ảnh mỗi nhịp.
+async function remoteImagesMatchThumb(page, srcs, thumbDataUrl, cache = new Map()) {
+  let best = null;
+  for (const src of [...new Set(srcs || [])].slice(0, 6)) {
+    if (!/^https?:/i.test(src)) continue;
+    let diff = cache.has(src) ? cache.get(src) : undefined;
+    if (diff === undefined) {
+      diff = null;
+      try {
+        const resp = await page.request.get(src, { timeout: 10_000 });
+        const buf = resp.ok() ? await resp.body() : null;
+        if (buf && buf.length && buf.length < 8 * 1024 * 1024) {
+          const ct = String(resp.headers()['content-type'] || 'image/jpeg').split(';')[0];
+          diff = await page.evaluate(async ({ a, b }) => {
+            const load = (u) => new Promise((res) => { const i = new Image(); i.onload = () => res(i); i.onerror = () => res(null); i.src = u; });
+            const [ia, ib] = await Promise.all([load(a), load(b)]);
+            if (!ia || !ib) return null;
+            const sig = (img) => {
+              const c = document.createElement('canvas');
+              c.width = 16; c.height = 16;
+              const x = c.getContext('2d');
+              x.drawImage(img, 0, 0, 16, 16);
+              return x.getImageData(0, 0, 16, 16).data;
+            };
+            const p = sig(ia), q = sig(ib);
+            let d = 0;
+            for (let k = 0; k < p.length; k += 4) d += Math.abs(p[k] - q[k]) + Math.abs(p[k + 1] - q[k + 1]) + Math.abs(p[k + 2] - q[k + 2]);
+            return Math.round(d / (256 * 3));
+          }, { a: `data:${ct};base64,${buf.toString('base64')}`, b: thumbDataUrl }).catch(() => null);
+        }
+      } catch { /* tải hỏng = không tính ảnh này */ }
+      cache.set(src, diff);
+    }
+    if (diff !== null && diff !== undefined && (!best || diff < best.diff)) best = { diff, src: src.slice(0, 80) };
+  }
+  return best;
+}
+
+// Ảnh bìa của MÌNH có đang hiện trong composer không? Quét mọi ảnh ≥40px trong
+// composer (dialog Reel + vùng main của trang tạo), trừ hộp thoại chọn ảnh, so
+// nội dung 16x16 với file ảnh bìa như previewMatchesThumb. Dùng cho biến thể nút
+// "Chọn ảnh bìa": không có hàng ô để so trước/sau, nên bằng chứng duy nhất đứng
+// vững là thấy chính ảnh đó. Ảnh CDN khác nguồn khoá canvas → không tính.
+async function composerShowsThumb(page, thumbDataUrl) {
+  return page.evaluate(async ({ ours }) => {
+    const vis = (el) => {
+      const r = el.getBoundingClientRect();
+      if (r.width < 8 || r.height < 8) return false;
+      const cs = getComputedStyle(el);
+      return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
+    };
+    const roots = [...document.querySelectorAll("[role='dialog']")].filter((d) => vis(d)
+      && /thước phim|reel/i.test(`${d.getAttribute('aria-label') || ''}\n${(d.innerText || '').slice(0, 600)}`));
+    const main = document.querySelector("[role='main'], main");
+    if (main && vis(main)) roots.push(main);
+    const sig = (img) => {
+      const c = document.createElement('canvas');
+      c.width = 16; c.height = 16;
+      const x = c.getContext('2d');
+      x.drawImage(img, 0, 0, 16, 16);
+      return x.getImageData(0, 0, 16, 16).data;
+    };
+    const mine = await new Promise((res) => { const i = new Image(); i.onload = () => res(i); i.onerror = () => res(null); i.src = ours; });
+    if (!mine) return { err: 'thumb-not-decodable' };
+    const b = sig(mine);
+    const seen = new Set();
+    let readable = 0, locked = 0, best = null;
+    const lockedSrcs = [];
+    for (const root of roots) {
+      for (const im of root.querySelectorAll('img')) {
+        if (seen.has(im) || im.closest('[__fbpw_thumb_modal__]')) continue;
+        seen.add(im);
+        const r = im.getBoundingClientRect();
+        if (r.width < 40 || r.height < 40 || !vis(im) || !im.complete || !im.naturalWidth) continue;
+        let a;
+        try { a = sig(im); } catch { locked++; lockedSrcs.push(String(im.currentSrc || im.src || '')); continue; }
+        readable++;
+        let d = 0;
+        for (let k = 0; k < a.length; k += 4) d += Math.abs(a[k] - b[k]) + Math.abs(a[k + 1] - b[k + 1]) + Math.abs(a[k + 2] - b[k + 2]);
+        d = Math.round(d / (256 * 3));
+        if (!best || d < best.diff) best = { diff: d, size: `${Math.round(r.width)}x${Math.round(r.height)}` };
+      }
+    }
+    return { readable, locked, best, lockedSrcs: lockedSrcs.slice(0, 8) };
+  }, { ours: thumbDataUrl }).catch((e) => ({ err: String(e && e.message || e).slice(0, 60) }));
+}
+
+// Biến thể nút "Chọn ảnh bìa" (wizard, không có hàng ô). Chỉ nhận là đã dán khi:
+//   a) hộp thoại chọn ảnh đã cho thấy ĐÚNG ảnh của mình (so nội dung) rồi mới
+//      Lưu và đóng, hoặc
+//   b) sau khi dán, composer hiện một ảnh giống ảnh bìa của mình (lệch ≤ ngưỡng)
+//      hai nhịp liền, hoặc nút "Gỡ hình thu nhỏ tùy chỉnh" hiện.
+// Không thì trả không-dán, cổng trước Đăng chặn như mọi biến thể khác.
+async function applyCoverButtonThumb(page, thumbPath, log, snap, { verifyMs = 30_000 } = {}) {
+  log('info', `[fb-pw] composer mới — ${describeThumbRow(snap)} → dán ảnh bìa qua nút này`);
+  let thumbDataUrl = '';
+  try { thumbDataUrl = `data:image/png;base64,${fs.readFileSync(thumbPath).toString('base64')}`; } catch { /* composerShowsThumb sẽ báo thumb-not-decodable */ }
+  const base = await composerShowsThumb(page, thumbDataUrl);
+  const up = await clickPickerAndUpload(page, thumbPath, log);
+  if (up.failed || !up.via) {
+    const d = await readNewComposerThumbRow(page, { diag: true });
+    log('warn', `[fb-pw] composer mới — nút ảnh bìa: KHÔNG đưa được file vào (${up.reason || 'không mở được chỗ chọn ảnh'})${d && d.inventory ? ` nút=${JSON.stringify(d.inventory)}` : ''}`);
+    return { applied: false, reason: up.reason || 'no-upload' };
+  }
+  if (up.verified) {
+    log('info', `[fb-pw] composer mới — ảnh bìa đã vào qua ${up.via}: hộp thoại cho thấy đúng ảnh của mình rồi mới Lưu`);
+    return { applied: true, reason: 'hộp thoại xác nhận đúng ảnh' };
+  }
+  log('info', `[fb-pw] composer mới — đã đưa file ảnh bìa vào qua ${up.via}, tìm chính ảnh đó trong composer…`);
+  let streak = 0;
+  let scan = null;
+  let remote = null;
+  const remoteCache = new Map();
+  const deadline = Date.now() + verifyMs;
+  while (Date.now() < deadline) {
+    await pause(page, 2500);
+    if (await isCustomThumbApplied(page)) { if (++streak >= 2) break; continue; }
+    scan = await composerShowsThumb(page, thumbDataUrl);
+    if (scan.best && scan.best.diff <= THUMB_PREVIEW_MAX_DIFF) { if (++streak >= 2) break; continue; }
+    // Ảnh CDN khoá canvas → tải về phía Node mà so (xem remoteImagesMatchThumb).
+    if (scan.lockedSrcs && scan.lockedSrcs.length) {
+      remote = await remoteImagesMatchThumb(page, scan.lockedSrcs, thumbDataUrl, remoteCache);
+      if (remote && remote.diff <= THUMB_PREVIEW_MAX_DIFF) { if (++streak >= 2) break; continue; }
+    }
+    streak = 0;
+  }
+  const fmt = (x) => (x && !x.err ? `đọc được ${x.readable} ảnh, khoá ${x.locked}, gần nhất lệch ${x.best ? `${x.best.diff}/255 (${x.best.size})` : '—'}${x === scan && remote ? `, ảnh CDN tải về gần nhất lệch ${remote.diff}/255` : ''}` : `lỗi ${x && x.err}`);
+  if (streak >= 2) {
+    log('info', `[fb-pw] composer mới — ảnh bìa đã vào: composer hiện đúng ảnh của mình (${fmt(scan)}; trước khi dán: ${fmt(base)})`);
+    return { applied: true, reason: 'composer hiện đúng ảnh' };
+  }
+  const d = await readNewComposerThumbRow(page, { diag: true });
+  log('warn', `[fb-pw] composer mới — nút ảnh bìa: KHÔNG thấy ảnh của mình trong composer sau ${Math.round(verifyMs / 1000)}s (${fmt(scan)}; trước khi dán: ${fmt(base)})${d && d.inventory ? ` nút=${JSON.stringify(d.inventory)}` : ''}`);
+  return { applied: false, reason: 'cover-not-shown' };
+}
+
 // Dán ảnh bìa vào composer mới. Trả { applied, reason }. Không ném: thất bại
 // thì cờ customThumbDone không bật và cổng trước Đăng chặn như cũ.
 async function applyNewComposerThumb(page, thumbPath, log, { waitPickerMs = 20_000, verifyMs = 30_000 } = {}) {
   const t0 = Date.now();
   const ready = (s) => !!(s && s.found && s.pickerPresent);
+  const coverMode = (s) => !!(s && s.mode === 'cover-button');
   let snap = await readNewComposerThumbRow(page);
   // Hàng ảnh bìa chỉ hiện sau khi FB cắt xong khung từ video.
-  while (!ready(snap) && Date.now() - t0 < waitPickerMs) {
+  while (!ready(snap) && !coverMode(snap) && Date.now() - t0 < waitPickerMs) {
     await pause(page, 2500);
     snap = await readNewComposerThumbRow(page);
   }
+  if (coverMode(snap)) return applyCoverButtonThumb(page, thumbPath, log, snap, { verifyMs });
   if (!ready(snap)) {
     const d = await readNewComposerThumbRow(page, { diag: true });
     log('info', `[fb-pw] composer mới — chưa thấy ô "Chọn hình thu nhỏ" sau ${Math.round((Date.now() - t0) / 1000)}s: ${describeThumbRow(d)}${d && d.skeleton ? ` skeleton=${JSON.stringify(d.skeleton)}` : ''}${d && d.inventory ? ` nút=${JSON.stringify(d.inventory)}` : ''}`);
@@ -1267,34 +1490,9 @@ async function applyNewComposerThumb(page, thumbPath, log, { waitPickerMs = 20_0
   const before = snap;
   log('info', `[fb-pw] composer mới — hàng ảnh bìa trước khi dán: ${describeThumbRow(before)}`);
 
-  // Bấm ô chọn-ảnh rồi chờ MỘT trong hai: hộp chọn file (biến thể mở thẳng)
-  // hoặc hộp thoại "Chọn hình thu nhỏ" (biến thể đo thật 23/09).
-  let via = '';
-  let chooser = null;
-  const chooserP = page.waitForEvent('filechooser', { timeout: 8000 }).then((c) => { chooser = c; }).catch(() => {});
-  let clickErr = '';
-  await page.locator("[__fbpw_thumb_pick__='1']").first().click({ timeout: 5000 }).catch((e) => { clickErr = String(e && e.message || e).slice(0, 80); });
-  let modal = null;
-  const tClick = Date.now();
-  while (!chooser && !modal && Date.now() - tClick < 8000) {
-    await pause(page, 800);
-    modal = await findThumbPickerModal(page);
-  }
-  if (chooser) {
-    await chooser.setFiles(thumbPath).then(() => { via = 'hộp chọn file'; })
-      .catch((e) => log('info', `[fb-pw] composer mới — hộp chọn file từ chối ảnh: ${String(e && e.message || e).slice(0, 80)}`));
-  } else if (modal) {
-    const r = await uploadViaThumbPickerModal(page, thumbPath, log, modal);
-    if (!r.ok) {
-      const d = await readNewComposerThumbRow(page, { diag: true });
-      log('warn', `[fb-pw] composer mới — dán qua hộp thoại "Chọn hình thu nhỏ" KHÔNG xong (${r.reason}) — hàng ô: ${describeThumbRow(d)}`);
-      return { applied: false, reason: r.reason };
-    }
-    via = r.via + (r.reason ? ` (${r.reason})` : '');
-  } else {
-    log('info', `[fb-pw] composer mới — bấm ô "Chọn hình thu nhỏ" không mở hộp chọn file lẫn hộp thoại${clickErr ? `: ${clickErr}` : ''}`);
-  }
-  void chooserP;
+  const up = await clickPickerAndUpload(page, thumbPath, log);
+  let via = up.via;
+  if (up.failed) return { applied: false, reason: up.reason };
   if (!via) {
     await readNewComposerThumbRow(page); // cú bấm có thể làm FB dựng lại DOM → gắn cờ lại
     const input = page.locator("[__fbpw_thumb_input__='1']").first();
@@ -1861,7 +2059,7 @@ async function runOnce({ page, payload, log }) {
   } = payload || {};
   if (!video_url) throw new Error('No video_url provided');
 
-  log('info', '[fb-pw] selectors version=2026.09.23-thumb-picker-modal');
+  log('info', '[fb-pw] selectors version=2026.09.23-reel-overlay-cdn');
 
   page.on('dialog', (d) => { d.accept().catch(() => {}); });
 
@@ -2730,7 +2928,16 @@ async function runOnce({ page, payload, log }) {
       // thu nhỏ" trong hàng khung, không có nút "Chỉnh sửa hình thu nhỏ". Xem
       // applyNewComposerThumb. Chạy ở mọi bước cho tới khi dán được: form một
       // trang chỉ có một bước, wizard có thể để hàng ô ở bước sau.
-      if (!customThumbDone && thumbPath && isNewComposerUrl(page.url())) {
+      // Ở /reel/ (composer phủ lên feed Reels) hỏi DOM: có ô "Chọn hình thu
+      // nhỏ"/nút "Chọn ảnh bìa" thì là composer mới, không thì khối cũ lo.
+      const onReelOverlay = isReelOverlayUrl(page.url());
+      let reelOverlayNew = false;
+      if (!customThumbDone && thumbPath && onReelOverlay) {
+        const probe = await readNewComposerThumbRow(page);
+        reelOverlayNew = !!(probe && probe.pickerPresent);
+        log('info', `[fb-pw] composer phủ trên /reel/ — ${reelOverlayNew ? 'có dấu hiệu composer mới → luồng mới' : 'composer kiểu cũ → khối ảnh bìa cũ'}`);
+      }
+      if (!customThumbDone && thumbPath && (isNewComposerUrl(page.url()) || reelOverlayNew)) {
         const nt = await applyNewComposerThumb(page, thumbPath, log);
         if (nt.applied) customThumbDone = true;
       }
@@ -2739,8 +2946,8 @@ async function runOnce({ page, payload, log }) {
       // video preview → opens "Chỉnh sửa hình thu nhỏ" modal → "Tải lên" →
       // file picker → "Lưu"). Per user screenshots, this is the only way to
       // attach a custom thumbnail in the Page-wall composer.
-      if (!customThumbDone && thumbPath && /^https?:\/\/(www\.)?facebook\.com\/?($|\?|#)/.test(page.url())) {
-        const findThumbBtn = () => page.evaluate(() => {
+      if (!customThumbDone && thumbPath && (/^https?:\/\/(www\.)?facebook\.com\/?($|\?|#)/.test(page.url()) || (onReelOverlay && !reelOverlayNew))) {
+        const findThumbBtn = () => page.evaluate((guardNew) => {
           // Look for the thumbnail-edit button inside the REEL COMPOSER dialog
           // only — scanning all dialogs risked matching a button on the
           // page-wall photo composer (which would post a separate "Tin dạng
@@ -2760,6 +2967,11 @@ async function runOnce({ page, payload, log }) {
             if (r.width < 8 || r.height < 8) continue;
             const cs = getComputedStyle(dlg);
             if (cs.visibility === 'hidden' || cs.display === 'none') continue;
+            // Trên /reel/: composer MỚI có nút "Chỉnh sửa" riêng trên ô video —
+            // bộ dò narrow-pill dưới đây sẽ bấm nhầm vào trình sửa video. Thấy
+            // dấu hiệu composer mới thì không đụng (luồng mới sẽ lo ở bước sau).
+            if (guardNew && (/Chọn hình thu nhỏ|File phương tiện đã tải lên/i.test(dlg.innerText || '')
+              || dlg.querySelector("[aria-label='Chọn ảnh bìa']"))) continue;
             const cands = dlg.querySelectorAll("[role='button'], button, [aria-label]");
             for (const el of cands) {
               const t = (el.innerText || '').trim();
@@ -2782,7 +2994,7 @@ async function runOnce({ page, payload, log }) {
             }
           }
           return null;
-        }).catch(() => null);
+        }, onReelOverlay).catch(() => null);
         let editBtn = await findThumbBtn();
         // The "Chỉnh sửa hình thu nhỏ" pill appears AFTER FB finishes processing
         // the video AND, on the Page-wall composer, only on a LATER step (the
@@ -3795,7 +4007,7 @@ async function runOnce({ page, payload, log }) {
       // any "Chia sẻ" text on the page falls through to a feed-item's share
       // button or sidebar nav, navigating AWAY from the composer and
       // breaking the flow (iter-38 ended up on /profile.php?sk=reels_tab).
-      const onPageWall = /^https?:\/\/(www\.)?facebook\.com\/?($|\?|#)/.test(page.url());
+      const onPageWall = /^https?:\/\/(www\.)?facebook\.com\/?($|\?|#)/.test(page.url()) || isReelOverlayUrl(page.url());
       if (step >= 2 && !published && !onPageWall) {
         log('info', '[fb-pw] Tiếp ineffective — trying side-wizard jump to "Chia sẻ" step (BS only)');
         const jumpBbox = await page.evaluate(() => {
@@ -4340,6 +4552,13 @@ module.exports.__testables = {
   uploadViaThumbPickerModal,
   previewMatchesThumb,
   THUMB_PREVIEW_MAX_DIFF,
+  COVER_BUTTON_RE,
+  COVER_HEAD_RE,
+  composerShowsThumb,
+  applyCoverButtonThumb,
+  remoteImagesMatchThumb,
+  isReelOverlayUrl,
+  clickPickerAndUpload,
   // Dùng chung cho comment_facebook: script nào trượt giữa chừng cũng cần chụp
   // lại màn hình, viết bản thứ hai là sớm muộn hai bên lệch nhau.
   dumpFailure,