@kangsicj/nexussync 1.1.0 → 1.2.0

package/README.md

@@ -4,7 +4,7 @@
 
 <br>
 
-[![Version](https://img.shields.io/badge/version-1.1.0-7C4DFF?style=for-the-badge)](./CHANGELOG.md)
+[![Version](https://img.shields.io/badge/version-1.2.0-7C4DFF?style=for-the-badge)](./CHANGELOG.md)
 [![Tampermonkey](https://img.shields.io/badge/Tampermonkey-PC%20%C2%B7%20Android-00485B?style=for-the-badge&logo=tampermonkey&logoColor=white)](https://www.tampermonkey.net/)
 [![iOS Safari](https://img.shields.io/badge/Userscripts-iPhone%20%C2%B7%20iPad-0A84FF?style=for-the-badge&logo=safari&logoColor=white)](https://apps.apple.com/app/userscripts/id1463298887)
 [![Sponsor](https://img.shields.io/badge/Fairy-Sponsor-FF6FB5?style=for-the-badge&logo=githubsponsors&logoColor=white)](https://fairy.hada.io/@jinny)

package/dist/NexusSync.meta.js

@@ -1,7 +1,6 @@
 // ==UserScript==
-// @name         NexusSync Ultimate: CRDT Canvas & Media Sync
-// @name:ko      넥서스싱크 얼티밋: 캔버스 및 미디어 동기화
-// @name:nl-BE   NexusSync Ultimate: Canvas & Media Synchronisatie
+// @name         NexusSync
+// @name:ko      NexusSync (넥서스싱크)
 // @namespace    https://github.com/kangsicj/NexusSync
 // @author       kangsicj
 // @homepageURL  https://github.com/kangsicj/NexusSync
@@ -9,7 +8,7 @@
 // @icon         https://cdn.jsdelivr.net/npm/@kangsicj/nexussync@latest/assets/icon.svg
 // @updateURL    https://cdn.jsdelivr.net/npm/@kangsicj/nexussync@latest/dist/NexusSync.meta.js
 // @downloadURL  https://cdn.jsdelivr.net/npm/@kangsicj/nexussync@latest/dist/NexusSync.user.js
-// @version      1.1.0
+// @version      1.2.0
 // @description  Watch any web video together in perfect sync: cinema mode, live AI subtitles & translation, chat bubbles with auto-translation, quick ink, cover, go-together to the next episode.
 // @description:ko  어떤 웹 영상이든 완벽한 싱크로 함께 보기: 시네마 모드, 실시간 AI 자막·번역, 자동 번역 말풍선 채팅, 잠깐 그리기, 가리기, 다음 화도 함께.
 // @match        *://*/*
@@ -32,5 +31,4 @@
 // @connect      api.anthropic.com
 // @connect      api-free.deepl.com
 // @connect      api.deepl.com
-// @require      https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.5.0/lz-string.min.js#sha256=95f4d1cbf099f57161b664bc048426ec3df92637801a4c79116e83315aa787e7
 // ==/UserScript==

package/dist/NexusSync.user.js

@@ -1,7 +1,6 @@
 // ==UserScript==
-// @name         NexusSync Ultimate: CRDT Canvas & Media Sync
-// @name:ko      넥서스싱크 얼티밋: 캔버스 및 미디어 동기화
-// @name:nl-BE   NexusSync Ultimate: Canvas & Media Synchronisatie
+// @name         NexusSync
+// @name:ko      NexusSync (넥서스싱크)
 // @namespace    https://github.com/kangsicj/NexusSync
 // @author       kangsicj
 // @homepageURL  https://github.com/kangsicj/NexusSync
@@ -9,7 +8,7 @@
 // @icon         https://cdn.jsdelivr.net/npm/@kangsicj/nexussync@latest/assets/icon.svg
 // @updateURL    https://cdn.jsdelivr.net/npm/@kangsicj/nexussync@latest/dist/NexusSync.meta.js
 // @downloadURL  https://cdn.jsdelivr.net/npm/@kangsicj/nexussync@latest/dist/NexusSync.user.js
-// @version      1.1.0
+// @version      1.2.0
 // @description  Watch any web video together in perfect sync: cinema mode, live AI subtitles & translation, chat bubbles with auto-translation, quick ink, cover, go-together to the next episode.
 // @description:ko  어떤 웹 영상이든 완벽한 싱크로 함께 보기: 시네마 모드, 실시간 AI 자막·번역, 자동 번역 말풍선 채팅, 잠깐 그리기, 가리기, 다음 화도 함께.
 // @match        *://*/*
@@ -32,20 +31,23 @@
 // @connect      api.anthropic.com
 // @connect      api-free.deepl.com
 // @connect      api.deepl.com
-// @require      https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.5.0/lz-string.min.js#sha256=95f4d1cbf099f57161b664bc048426ec3df92637801a4c79116e83315aa787e7
 // ==/UserScript==
 
 (async function () {
     'use strict';
 
+    // lz-string 1.5.0 — MIT License, © pieroxy (https://github.com/pieroxy/lz-string). Bundled so
+    // no extra file has to be fetched (and verified) by the userscript manager.
+    const LZString = (() => { var LZString=function(){var r=String.fromCharCode,o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",e={};function t(r,o){if(!e[r]){e[r]={};for(var n=0;n<r.length;n++)e[r][r.charAt(n)]=n}return e[r][o]}var i={compressToBase64:function(r){if(null==r)return"";var n=i._compress(r,6,function(r){return o.charAt(r)});switch(n.length%4){default:case 0:return n;case 1:return n+"===";case 2:return n+"==";case 3:return n+"="}},decompressFromBase64:function(r){return null==r?"":""==r?null:i._decompress(r.length,32,function(n){return t(o,r.charAt(n))})},compressToUTF16:function(o){return null==o?"":i._compress(o,15,function(o){return r(o+32)})+" "},decompressFromUTF16:function(r){return null==r?"":""==r?null:i._decompress(r.length,16384,function(o){return r.charCodeAt(o)-32})},compressToUint8Array:function(r){for(var o=i.compress(r),n=new Uint8Array(2*o.length),e=0,t=o.length;e<t;e++){var s=o.charCodeAt(e);n[2*e]=s>>>8,n[2*e+1]=s%256}return n},decompressFromUint8Array:function(o){if(null==o)return i.decompress(o);for(var n=new Array(o.length/2),e=0,t=n.length;e<t;e++)n[e]=256*o[2*e]+o[2*e+1];var s=[];return n.forEach(function(o){s.push(r(o))}),i.decompress(s.join(""))},compressToEncodedURIComponent:function(r){return null==r?"":i._compress(r,6,function(r){return n.charAt(r)})},decompressFromEncodedURIComponent:function(r){return null==r?"":""==r?null:(r=r.replace(/ /g,"+"),i._decompress(r.length,32,function(o){return t(n,r.charAt(o))}))},compress:function(o){return i._compress(o,16,function(o){return r(o)})},_compress:function(r,o,n){if(null==r)return"";var e,t,i,s={},u={},a="",p="",c="",l=2,f=3,h=2,d=[],m=0,v=0;for(i=0;i<r.length;i+=1)if(a=r.charAt(i),Object.prototype.hasOwnProperty.call(s,a)||(s[a]=f++,u[a]=!0),p=c+a,Object.prototype.hasOwnProperty.call(s,p))c=p;else{if(Object.prototype.hasOwnProperty.call(u,c)){if(c.charCodeAt(0)<256){for(e=0;e<h;e++)m<<=1,v==o-1?(v=0,d.push(n(m)),m=0):v++;for(t=c.charCodeAt(0),e=0;e<8;e++)m=m<<1|1&t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;e<h;e++)m=m<<1|t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=c.charCodeAt(0),e=0;e<16;e++)m=m<<1|1&t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}0==--l&&(l=Math.pow(2,h),h++),delete u[c]}else for(t=s[c],e=0;e<h;e++)m=m<<1|1&t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;0==--l&&(l=Math.pow(2,h),h++),s[p]=f++,c=String(a)}if(""!==c){if(Object.prototype.hasOwnProperty.call(u,c)){if(c.charCodeAt(0)<256){for(e=0;e<h;e++)m<<=1,v==o-1?(v=0,d.push(n(m)),m=0):v++;for(t=c.charCodeAt(0),e=0;e<8;e++)m=m<<1|1&t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;e<h;e++)m=m<<1|t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=c.charCodeAt(0),e=0;e<16;e++)m=m<<1|1&t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}0==--l&&(l=Math.pow(2,h),h++),delete u[c]}else for(t=s[c],e=0;e<h;e++)m=m<<1|1&t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;0==--l&&(l=Math.pow(2,h),h++)}for(t=2,e=0;e<h;e++)m=m<<1|1&t,v==o-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;for(;;){if(m<<=1,v==o-1){d.push(n(m));break}v++}return d.join("")},decompress:function(r){return null==r?"":""==r?null:i._decompress(r.length,32768,function(o){return r.charCodeAt(o)})},_decompress:function(o,n,e){var t,i,s,u,a,p,c,l=[],f=4,h=4,d=3,m="",v=[],g={val:e(0),position:n,index:1};for(t=0;t<3;t+=1)l[t]=t;for(s=0,a=Math.pow(2,2),p=1;p!=a;)u=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=e(g.index++)),s|=(u>0?1:0)*p,p<<=1;switch(s){case 0:for(s=0,a=Math.pow(2,8),p=1;p!=a;)u=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=e(g.index++)),s|=(u>0?1:0)*p,p<<=1;c=r(s);break;case 1:for(s=0,a=Math.pow(2,16),p=1;p!=a;)u=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=e(g.index++)),s|=(u>0?1:0)*p,p<<=1;c=r(s);break;case 2:return""}for(l[3]=c,i=c,v.push(c);;){if(g.index>o)return"";for(s=0,a=Math.pow(2,d),p=1;p!=a;)u=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=e(g.index++)),s|=(u>0?1:0)*p,p<<=1;switch(c=s){case 0:for(s=0,a=Math.pow(2,8),p=1;p!=a;)u=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=e(g.index++)),s|=(u>0?1:0)*p,p<<=1;l[h++]=r(s),c=h-1,f--;break;case 1:for(s=0,a=Math.pow(2,16),p=1;p!=a;)u=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=e(g.index++)),s|=(u>0?1:0)*p,p<<=1;l[h++]=r(s),c=h-1,f--;break;case 2:return v.join("")}if(0==f&&(f=Math.pow(2,d),d++),l[c])m=l[c];else{if(c!==h)return null;m=i+i.charAt(0)}v.push(m),l[h++]=i+m.charAt(0),i=m,0==--f&&(f=Math.pow(2,d),d++)}}};return i}(); return LZString; })();
+
     // The version of the code that is actually running (the manager's metadata can lag
     // behind when an old copy is still installed).
-    const NXU_VERSION = '1.1.0';
+    const NXU_VERSION = '1.2.0';
     // Rank used by the one-instance guard below and to tell newer builds apart in a room.
     // It is independent of the public version (1.0.0 is the first public release, after
     // private builds that reached ranks up to 10.2.0), so every older copy still installed
     // steps aside instead of this release.
-    const NXU_RANK = '11.1.0';
+    const NXU_RANK = '11.2.0';
     const NXU_SESSION = Math.random().toString(36).slice(2, 10);   // this page load   // raise with every release
     // App icon (same artwork as assets/icon.svg / @icon), inlined so it shows offline too.
     const NXU_ICON = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Ik5leHVzU3luYyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJueGJnIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNWIyZWZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmY0ZmEzIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9Im54Z2xvdyIgY3g9IjAuODIiIGN5PSIwLjE0IiByPSIwLjciPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzdjZjlmZiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN2NmOWZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibnhwbGF5IiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZlM2YxIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9Im54ciI+PHJlY3Qgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTYiIHJ4PSI1OCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNueHIpIj48cmVjdCB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgZmlsbD0idXJsKCNueGJnKSIvPjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSJ1cmwoI254Z2xvdykiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTYwIDExNiBBNzAgNzAgMCAwIDEgMTc4IDcyIi8+PHBhdGggZD0iTTE5NiAxNDAgQTcwIDcwIDAgMCAxIDc4IDE4NCIvPjwvZz48cGF0aCBkPSJNMTg2IDUwIEwyMDAgOTIgTDE1NyA4NiBaIiBmaWxsPSIjZmZmZmZmIi8+PHBhdGggZD0iTTcwIDIwNiBMNTYgMTY0IEw5OSAxNzAgWiIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Ik0xMTAgOTIgUTEwNCA4OCAxMDQgOTYgTDEwNCAxNjAgUTEwNCAxNjggMTEwIDE2NCBMMTYyIDEzMiBRMTY4IDEyOCAxNjIgMTI0IFoiIGZpbGw9InVybCgjbnhwbGF5KSIvPjwvZz48L3N2Zz4=';
@@ -3839,6 +3841,11 @@
 
     function _writeVideoStateFields(state) {
         yVideo.set('state', _stateForDoc(state));
+        // Each device also keeps its latest decision under its own key. Two devices writing the
+        // shared 'state' at the same moment are settled by Yjs in a fixed order — on a slow link
+        // the same device always won, so the other one's pause could never get through. Keys
+        // that only one device writes are never lost; readers pick the newest decision.
+        yVideo.set(DEVICE_KEY_PREFIX + STATE.userId, _stateForDoc(state));
         // Legacy mirror for clients that have not upgraded yet.
         yVideo.set('eventId', state.eventId);
         yVideo.set('sourceDeviceId', state.sourceDeviceId);
@@ -3885,8 +3892,12 @@
     function _repairAcceptedVideoState() {
         const accepted = STATE._acceptedVideoState;
         if (!accepted || !ydoc || !yVideo) return;
+        // Our own key carries what this device holds as the decision; once it shows the
+        // accepted one, every reader can see it and there is nothing to rewrite.
+        const own = _normalizeVideoState(yVideo.get(DEVICE_KEY_PREFIX + STATE.userId));
+        if (own && own.eventId === accepted.eventId) return;
         const current = _normalizeVideoState(yVideo.get('state'));
-        if (current && current.eventId === accepted.eventId) return;
+        if (current && current.eventId === accepted.eventId && own) return;
         // Writing back is only for a decision a stale writer covered up, and at most every
         // 3 s: two devices that disagree must not keep rewriting the doc at each other.
         if (accepted.action === 'heartbeat') return;
@@ -3897,13 +3908,29 @@
         logDebug(`[Authority] Restored accepted media state ${accepted.eventId}`, 'warn');
     }
 
+    const DEVICE_KEY_PREFIX = 's:';
+    // The newest decision among the shared key and every device's own key.
+    function _newestVideoState(keys) {
+        let best = null;
+        for (const key of keys) {
+            if (key !== 'state' && !(key.startsWith(DEVICE_KEY_PREFIX) && key !== DEVICE_KEY_PREFIX + STATE.userId)) continue;
+            const st = _normalizeVideoState(yVideo.get(key));
+            if (st && (!best || _isVideoStateNewer(st, best))) best = st;
+        }
+        return best;
+    }
     function _readObservedVideoState(event) {
         if (!yVideo) return null;
-        if (event && event.keysChanged && event.keysChanged.has('state')) {
-            return _normalizeVideoState(yVideo.get('state'));
+        if (event && event.keysChanged) {
+            const keys = [...event.keysChanged].filter(k => k === 'state' || k.startsWith(DEVICE_KEY_PREFIX));
+            if (keys.length) return _newestVideoState(keys);
         }
         return _readLegacyVideoState();
     }
+    function _currentDocVideoState() {
+        if (!yVideo) return null;
+        return _newestVideoState([...yVideo.keys()]) || _readLegacyVideoState();
+    }
 
     function _acceptRemoteVideoState(rawState) {
         const state = _normalizeVideoState(rawState);
@@ -3927,7 +3954,7 @@
 
     function _getVideoState() {
         if (!yVideo) return STATE._acceptedVideoState;
-        const current = _normalizeVideoState(yVideo.get('state')) || _readLegacyVideoState();
+        const current = _currentDocVideoState();
         if (!STATE._acceptedVideoState) return current;
         return _isVideoStateNewer(current, STATE._acceptedVideoState) ? current : STATE._acceptedVideoState;
     }
@@ -4920,7 +4947,7 @@
                 clearTimeout(STATE._deferredObserve);
                 STATE._deferredObserve = setTimeout(() => {
                     if (!yVideo) return;
-                    _onObservedVideoState(_normalizeVideoState(yVideo.get('state')) || _readLegacyVideoState(), true);
+                    _onObservedVideoState(_currentDocVideoState(), true);
                 }, Math.max(50, STATE.localIntentUntil - Date.now() + 60));
                 return;
             }
@@ -6579,6 +6606,8 @@
         .sync-bubble { position:absolute; top:20px; left:50%; transform:translate(-50%,-20px); background:var(--glass-strong); color:#fff; padding:10px 22px; border-radius:24px; border-left:4px solid var(--accent); font-weight:600; opacity:0; transition:opacity 0.4s, transform 0.4s; z-index:1900; white-space:nowrap; }
         .sync-bubble.visible { opacity:1; transform:translate(-50%,0); }
         /* bubbles */
+        .nexus-container.nx-composing .nx-bubbles { top:calc(70px + var(--nx-compose-h, 120px) + env(safe-area-inset-top, 0px)); }
+        .nx-bubbles { transition:top 0.25s ease; }
         .nx-bubbles { position:absolute; top:calc(64px + env(safe-area-inset-top, 0px)); left:calc(12px + env(safe-area-inset-left, 0px)); z-index:1950; display:flex; flex-direction:column; gap:8px; width:min(300px, calc(100% - 24px)); pointer-events:none; }
         .nx-bubble { pointer-events:auto; display:block; width:100%; text-align:left; border:none; cursor:pointer; color:#fff; font:inherit; background:rgba(18,20,26,0.52); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); text-shadow:0 1px 2px rgba(0,0,0,0.8);
             border-radius:16px 16px 16px 6px; padding:9px 12px 10px; box-shadow:0 8px 24px rgba(0,0,0,0.45); border-left:4px solid var(--c, #69f0ae); opacity:0; transform:translateX(-24px) scale(0.96); transition:opacity 0.25s ease, transform 0.25s ease; }
@@ -6627,13 +6656,16 @@
         .nx-next-k { font-size:11px; font-weight:800; opacity:0.75; text-transform:uppercase; letter-spacing:0.04em; }
         .nx-next-l { font-size:14px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
         .nx-next-x { flex:0 0 auto; width:28px; height:28px; border:none; border-radius:50%; background:rgba(255,255,255,0.12); color:#fff; cursor:pointer; font-size:12px; }
-        .nx-compose { position:absolute; left:50%; bottom:calc(112px + env(safe-area-inset-bottom, 0px)); z-index:2060; width:min(520px, calc(100% - 24px)); transform:translate(-50%, 16px) scale(0.96); opacity:0; pointer-events:none;
+        /* At the top: subtitles live at the bottom of the picture, and on phones the keyboard covers the bottom too. */
+        .nx-compose { position:absolute; left:50%; top:calc(60px + env(safe-area-inset-top, 0px)); z-index:2060; width:min(520px, calc(100% - 24px)); transform:translate(-50%, -14px) scale(0.96); opacity:0; pointer-events:none;
             background:rgba(16,18,24,0.58); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); border-radius:18px; padding:8px 8px 9px; text-shadow:0 1px 2px rgba(0,0,0,0.75); box-shadow:0 14px 36px rgba(0,0,0,0.55), 0 0 0 1px color-mix(in srgb, var(--c, #69f0ae) 50%, transparent);
             transition:opacity 0.22s ease, transform 0.25s cubic-bezier(.2,1.3,.4,1); display:flex; flex-direction:column; gap:6px; }
         .nx-compose.open { opacity:1; transform:translate(-50%, 0) scale(1); pointer-events:auto; }
         .nx-compose-head { display:flex; align-items:center; gap:6px; padding:0 2px 0 6px; }
         .nx-compose-to { flex:1; min-width:0; font-size:12px; font-weight:800; color:var(--c, #69f0ae); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
         .nx-compose-x { flex:0 0 auto; width:28px; height:28px; border:none; border-radius:50%; background:rgba(255,255,255,0.08); color:#fff; cursor:pointer; font-size:13px; font-family:inherit; }
+        .nx-compose-sub { font-size:13px; line-height:1.35; padding:5px 10px; border-radius:10px; background:rgba(0,0,0,0.35); color:#fff; font-weight:600; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
+        .nx-compose-sub:empty { display:none; }
         .nx-compose-chips { display:flex; gap:6px; overflow-x:auto; padding:0 2px; }
         .nx-compose-row { display:flex; gap:6px; }
         .nx-compose-input { flex:1; min-width:0; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.14); color:#fff; border-radius:999px; padding:9px 14px; font-size:16px; font-family:inherit; outline:none; }
@@ -7812,6 +7844,8 @@
                 };
                 head.append(me, to, full, x);
                 const chips = createEl('div', 'nx-compose-chips');
+                // The line being spoken right now, so writing a message never means missing it.
+                const subEcho = createEl('div', 'nx-compose-sub');
                 const row = createEl('div', 'nx-compose-row');
                 const input = createEl('input', 'nx-compose-input', '', { type: 'text', maxlength: '500', placeholder: t('talkPlaceholder'), enterkeyhint: 'send', autocomplete: 'off' });
                 const send = createEl('button', 'nx-compose-send', '➤', { type: 'button', 'aria-label': t('talkSend') });
@@ -7823,7 +7857,7 @@
                 });
                 input.addEventListener('input', () => { SOCIAL.typing(); this._armClose(); });
                 row.append(input, send);
-                wrap.append(head, chips, row);
+                wrap.append(head, subEcho, chips, row);
                 ['pointerdown', 'click', 'touchstart'].forEach(ev => wrap.addEventListener(ev, (e) => e.stopPropagation()));
                 container.appendChild(wrap);
                 this._composer = wrap;
@@ -7838,6 +7872,12 @@
             const cnt = this._composer.querySelector('.nx-hist-count');
             if (cnt) cnt.textContent = n ? (n > 99 ? '99+' : String(n)) : '';
             this._composer.classList.add('open');
+            clearInterval(this._subTimer);
+            this._subTimer = setInterval(() => this._echoSubtitle(), 300);
+            this._echoSubtitle();
+            // The bubbles step down below the open box (both live at the top now).
+            const host = getContainer();
+            if (host) { host.classList.add('nx-composing'); requestAnimationFrame(() => host.style.setProperty('--nx-compose-h', (this._composer.offsetHeight || 120) + 'px')); }
             this._fitKeyboard();
             if (!this._vvBound && window.visualViewport) {
                 this._vvBound = true;
@@ -7869,9 +7909,23 @@
             if (!this._composer) return;
             if (this._composer.classList.contains('open')) UI_GUARD.shield();
             this._composer.classList.remove('open');
+            clearInterval(this._subTimer);
+            getContainer()?.classList.remove('nx-composing');
             try { this._input?.blur(); } catch (_) { }
         },
         isOpen() { return !!this._composer?.classList.contains('open'); },
+        _echoSubtitle() {
+            const box = this._composer?.querySelector('.nx-compose-sub');
+            if (!box) return;
+            if (!this.isOpen()) { clearInterval(this._subTimer); return; }
+            let text = '';
+            const finalSlot = shadow?.getElementById('nxu-final-slot');
+            const last = finalSlot?.lastElementChild;
+            if (last && TRANSLATOR.active) text = (last.querySelector('.sub-final-text')?.textContent || '' || '').trim();
+            if (!text) { try { text = COVER._cueText(); } catch (_) { } }
+            text = String(text || '').replace(/\s+/g, ' ').trim().slice(0, 160);
+            if (box.textContent !== (text ? '💬 ' + text : '')) box.textContent = text ? '💬 ' + text : '';
+        },
         // Quick replies in the reader's language; ✏️ edits them (saved on this device).
         _renderChips() {
             const chips = this._composer?.querySelector('.nx-compose-chips');
@@ -8285,9 +8339,13 @@
         _cancelledFor: '',
         _count: null,
         enabled() { return STORE.get('nxu_auto_next', true) !== false; },
-        RX_TEXT: /(다음\s*(화|회|편|회차|에피소드|episode|ep\.?)|다음\s*$|^\s*다음|next\s*(episode|ep\b|ep\.|part|chapter|video)|^\s*next\s*$|次の(話|エピソード)|次へ|下一[集话話]|siguiente\s*episodio|épisode\s*suivant|nächste\s*folge|próximo\s*episódio|⏭|»\s*$)/i,
-        RX_ATTR: /(next[-_ ]?(ep|episode|video|btn|button|link)|btn[-_]?next|episode[-_]?next|nav[-_]?next|\bnext\b)/i,
-        RX_BAD: /(prev|이전|previous|前|上一|comment|댓글|page|페이지|article|post|기사|뉴스)/i,
+        // Words that clearly mean "next episode" …
+        RX_TEXT: /(다음\s*(화|회|편|회차|에피소드|episode|ep\.?)|next\s*(episode|ep\b|ep\.|part|chapter)|次の(話|エピソード)|下一[集话話]|siguiente\s*episodio|épisode\s*suivant|nächste\s*folge|próximo\s*episódio)/i,
+        // … and ones that only might ("다음", "Next", ⏭): they need a matching class/id too.
+        RX_WEAK: /(^\s*다음\s*[▶>»]?\s*$|^\s*next\s*[▶>»]?\s*$|^\s*⏭\s*$|次へ)/i,
+        RX_ATTR: /(next[-_ ]?(ep|episode|eps|video|chapter)|episode[-_]?next|ep[-_]?next|btn[-_]?next[-_]?ep)/i,
+        RX_ATTR_WEAK: /(btn[-_]?next|nav[-_]?next|\bnext\b)/i,
+        RX_BAD: /(prev|이전|previous|前|上一|comment|댓글|page|페이지|article|post|글|게시물|기사|뉴스|story|reply)/i,
         _visible(el) {
             if (!el.isConnected || el.closest('#nxu-host')) return false;
             const r = el.getBoundingClientRect();
@@ -8303,7 +8361,7 @@
             const here = location.origin + location.pathname + location.search;
             const out = [];
             const rel = document.querySelector('a[rel~="next"][href], link[rel~="next"][href]');
-            if (rel) out.push({ el: rel.tagName === 'A' ? rel : null, href: rel.href, label: rel.tagName === 'A' ? this._label(rel) : '', score: 40 });
+            if (rel && !this.RX_BAD.test(rel.href)) out.push({ el: rel.tagName === 'A' ? rel : null, href: rel.href, label: rel.tagName === 'A' ? this._label(rel) : '', score: 30 });
             const nodes = document.querySelectorAll('a[href], button, [role="button"], [onclick]');
             let n = 0;
             for (const el of nodes) {
@@ -8312,9 +8370,11 @@
                 const attrs = `${el.id} ${typeof el.className === 'string' ? el.className : ''} ${el.getAttribute('data-action') || ''}`;
                 let score = 0;
                 if (this.RX_TEXT.test(label)) score += 60;
-                if (this.RX_ATTR.test(attrs)) score += 25;
+                else if (this.RX_WEAK.test(label)) score += 20;
+                if (this.RX_ATTR.test(attrs)) score += 40;
+                else if (this.RX_ATTR_WEAK.test(attrs)) score += 15;
                 if (!score) continue;
-                if (this.RX_BAD.test(label) || /prev/i.test(attrs)) score -= 70;
+                if (this.RX_BAD.test(label) || /prev|page|post|article|comment/i.test(attrs)) score -= 70;
                 if (score <= 0 || !this._visible(el)) continue;
                 const href = el.tagName === 'A' ? el.href : '';
                 if (href) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kangsicj/nexussync",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Watch-together userscript: media sync, cinema mode, live AI subtitles, chat bubbles and quick ink for Tampermonkey and iOS Userscripts.",
   "keywords": [
     "userscript",