@kangsicj/dcinsideenhancer 1.3.6 → 1.3.8

package/dist/DCInsideEnhancer.user.js

@@ -2,7 +2,7 @@
 // @name         DCInside Enhancer
 // @name:ko      디시 인핸서
 // @namespace    https://github.com/kangsicj/DCInsideEnhancer
-// @version      1.3.6
+// @version      1.3.8
 // @description  DCInside filter & enhancer — mobile & PC. Block users/words/heads/notices/images & GIFs across posts, infinite list, zoom viewer, theme sync, encrypted multi-device sync (no account, no tracking).
 // @description:ko 디시인사이드 차단·편의 기능 (모바일·PC) - 유저·단어(제목/본문)·말머리·공지 차단, 같은/비슷한 이미지·움짤 모든 글 차단, 디시콘 제거, 차단 미디어 데이터 절약, 목록 자동 보충·무한 스크롤·뒤로 가기 위치 복원, 스크랩, 이미지 확대뷰 개선, 야간모드 자동 연동, 암호화 기기 간 동기화 (계정 없음·추적 없음)
 // @author       kangsicj
@@ -37,7 +37,7 @@
     window.__dcInsideEnhancer = true;
     window.__dcRefinery = true;
 
-    const SCRIPT_VERSION = '1.3.6';
+    const SCRIPT_VERSION = '1.3.8';
     const PROJECT_URL = 'https://github.com/kangsicj/DCInsideEnhancer';
     const DONATE_URL = 'https://fairy.hada.io/@kangsicj';
     const DONATE_URL_BMC = 'https://buymeacoffee.com/kangsicj';
@@ -74,7 +74,10 @@
         searchHistory: 'dc_search_history',
         blockHits: 'dc_block_hits',
         alarmSeen: 'dc_alarm_marks',
-        seenVersion: 'dc_seen_version'
+        seenVersion: 'dc_seen_version',
+        memos: 'dc_user_memos',
+        watch: 'dc_watch',
+        liveSeen: 'dc_live_seen'
     };
 
     const OBSOLETE_STORAGE = ['dc_media_hash_cache', 'dc_media_host_caps'];
@@ -194,6 +197,7 @@
         hoverPreview: true,
         previewHover: false,
         alarmSystemNotify: false,
+        watchAlerts: true,
         pcFitWidth: true,
         autoHideScrollbar: true,
         scrapIntercept: true,
@@ -203,6 +207,8 @@
         autoFillList: true,
         infiniteScroll: true,
         streamOnPost: true,
+        liveRefresh: true,
+        liveRefreshSec: 60,
         showScrollTop: true,
         keepBlockLog: true,
         logRetentionDays: 30,
@@ -786,7 +792,9 @@
             align-items: center;
             justify-content: flex-end;
             gap: 8px;
+            box-sizing: border-box;
             width: 100%;
+            max-width: 100%;
             margin: 3px 0 10px;
             font-size: 11px;
             line-height: 1.4;
@@ -802,6 +810,12 @@
             background: var(--dc-ghost-bg);
         }
 
+        .dc-media-tools.dc-media-tools-blocked:not([style*="width"]),
+        .dc-media-tools.dc-media-tools-deferred:not([style*="width"]) {
+            width: fit-content;
+            min-width: 240px;
+        }
+
         .dc-media-tools-label {
             color: var(--dc-text);
             opacity: .7;
@@ -1021,6 +1035,11 @@
         #dc-custom-modal .dc-modal-tab .dc-tab-ico { flex: 0 0 auto; font-size: 13px; line-height: 1; }
         #dc-custom-modal .dc-modal-tab .dc-tab-txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; }
 
+        @media (max-width: 520px) {
+            #dc-custom-modal .dc-modal-tab { flex-direction: column; gap: 2px; height: 44px; font-size: 11px; letter-spacing: -.5px; }
+            #dc-custom-modal .dc-modal-tab .dc-tab-ico { font-size: 15px; }
+        }
+
         #dc-custom-modal .dc-section-title {
             display: flex;
             align-items: center;
@@ -2937,6 +2956,160 @@
                 animation: none !important;
             }
         }
+
+        table.gall_list .gall_writer .addbox { max-width: none !important; flex-wrap: wrap; }
+        table.gall_list .gall_writer .nickname,
+        table.gall_list .gall_writer .addbox .nickname {
+            max-width: 100% !important;
+            white-space: normal !important;
+            overflow: visible !important;
+            text-overflow: clip !important;
+            word-break: break-all;
+            flex-shrink: 1 !important;
+        }
+        table.gall_list .gall_writer .nickname em { line-height: 15px !important; }
+
+        .dc-memo-chip {
+            display: inline-block;
+            max-width: 12em;
+            margin-left: 4px;
+            padding: 0 5px;
+            border-radius: 6px;
+            background: var(--dc-accent-soft);
+            color: var(--dc-accent-ink);
+            font-size: 11px;
+            line-height: 16px;
+            vertical-align: middle;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-weight: 500;
+        }
+        .ginfo li .dc-memo-chip { float: none; }
+        .dc-watch-user::before {
+            content: "⭐";
+            margin-right: 2px;
+            font-size: .85em;
+        }
+        .dc-memo-dialog {
+            position: fixed;
+            inset: 0;
+            z-index: 2147483200;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 16px;
+            background: var(--dc-overlay);
+        }
+        .dc-memo-box {
+            width: min(420px, 100%);
+            padding: 16px;
+            border-radius: 14px;
+            background: var(--dc-surface);
+            color: var(--dc-text);
+            box-shadow: var(--dc-shadow);
+            font-size: 14px;
+        }
+        .dc-memo-head { display: flex; gap: 8px; align-items: baseline; margin-bottom: 10px; min-width: 0; }
+        .dc-memo-head span { color: var(--dc-text-dim); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+        .dc-memo-box textarea {
+            box-sizing: border-box;
+            width: 100%;
+            min-height: 96px;
+            padding: 10px;
+            border: 1px solid var(--dc-border);
+            border-radius: 10px;
+            background: var(--dc-surface-2);
+            color: var(--dc-text);
+            font: inherit;
+            font-size: 16px;
+            resize: vertical;
+        }
+        .dc-memo-sub { margin-top: 6px; color: var(--dc-text-dim); font-size: 12px; }
+        .dc-memo-actions { display: flex; gap: 8px; align-items: center; margin-top: 12px; }
+        .dc-memo-actions span { flex: 1; }
+        .dc-memo-actions button {
+            padding: 8px 14px;
+            border: 1px solid var(--dc-border);
+            border-radius: 10px;
+            background: var(--dc-surface);
+            color: var(--dc-text);
+            font-size: 14px;
+            cursor: pointer;
+        }
+        .dc-memo-actions button.primary { border-color: var(--dc-accent); background: var(--dc-accent); color: var(--dc-on-accent); }
+        .dc-memo-actions button.danger { border-color: transparent; background: var(--dc-danger-soft); color: var(--dc-danger-ink); }
+        .dc-block-popover .dc-pop-extra { display: flex; gap: 4px; margin-top: 6px; }
+        .dc-block-popover .dc-pop-mini {
+            flex: 1;
+            padding: 6px 4px;
+            border: 1px solid var(--dc-border);
+            border-radius: 8px;
+            background: transparent;
+            color: var(--dc-text);
+            font-size: 12px;
+            white-space: nowrap;
+            cursor: pointer;
+        }
+        .dc-block-popover .dc-pop-mini:hover { background: var(--dc-accent-soft); }
+        .dc-block-popover .dc-pop-mini.on { border-color: var(--dc-accent); color: var(--dc-accent-ink); }
+        .dc-author-bar {
+            display: flex;
+            gap: 8px;
+            align-items: center;
+            justify-content: space-between;
+            margin: 6px 0;
+            padding: 8px 12px;
+            border-radius: 10px;
+            background: var(--dc-accent-soft);
+            color: var(--dc-text);
+            font-size: 13px;
+            line-height: 1.4;
+        }
+        .dc-author-bar button {
+            flex: none;
+            padding: 4px 10px;
+            border: 1px solid var(--dc-border);
+            border-radius: 8px;
+            background: var(--dc-surface);
+            color: var(--dc-accent-ink);
+            font-size: 12px;
+            cursor: pointer;
+        }
+        .dc-author-other { display: none !important; }
+        html.dc-peek .dc-author-other { display: revert !important; opacity: .45; }
+        .dc-live-pill {
+            position: fixed;
+            top: calc(env(safe-area-inset-top, 0px) + 64px);
+            left: 50%;
+            z-index: 2147483000;
+            padding: 8px 16px;
+            border: none;
+            border-radius: 999px;
+            background: var(--dc-accent);
+            color: var(--dc-on-accent);
+            box-shadow: var(--dc-shadow-sm);
+            font-size: 13px;
+            font-weight: 600;
+            opacity: 0;
+            transform: translate(-50%, -12px);
+            pointer-events: none;
+            transition: opacity .2s ease, transform .2s ease;
+            cursor: pointer;
+        }
+        .dc-live-pill.show { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
+        .dc-live-new { animation: dc-live-flash 3.5s ease-out; }
+        .dc-live-new > td { animation: dc-live-flash 3.5s ease-out; }
+        @keyframes dc-live-flash {
+            0%, 40% { background-color: rgba(91,110,214,.16); }
+            100% { background-color: transparent; }
+        }
+        .dc-live-watch .subjectin,
+        .dc-live-watch .gall_tit a:first-child { font-weight: 700; }
+        @media (prefers-reduced-motion: reduce) {
+            .dc-live-pill { transition: none; }
+            .dc-live-new, .dc-live-new > td { animation: none; }
+        }
     `;
 
     let styleEl = null;
@@ -3542,7 +3715,7 @@
 
     let netQueue = Promise.resolve();
 
-    const siteFetchText = (url, options = {}, { background = false, auto = false } = {}) => {
+    const siteFetchText = (url, options = {}, { background = false, auto = false, probe = false } = {}) => {
         const run = async () => {
             let state = readNetState();
 
@@ -3623,6 +3796,14 @@
 
             let { response, text } = await fetchOnce('');
 
+            if (probe) {
+                if (!response.ok) {
+                    throw new Error(`HTTP ${response.status}`);
+                }
+
+                return text;
+            }
+
             if (looksBlockedResponse(response, text)) {
                 if (unreliableWindow(startedAt) || truncatedResponse(response, text)) {
                     throw new NetTransientError('unreliable');
@@ -5697,6 +5878,76 @@
     const isDeferActive = () =>
         settings.deferHeavyMedia === true || (settings.autoSaveData !== false && connectionSaveData());
 
+    const mediaBoxes = new WeakMap();
+
+    const fitToolsToMedia = (mediaEl, tools) => {
+        const parent = tools.parentElement;
+
+        let box = mediaBoxes.get(mediaEl) || tools._dcBox;
+
+        if (mediaBoxes.has(mediaEl)) {
+            tools._dcBox = box;
+        }
+
+        if (!box && mediaEl.tagName === 'IMG') {
+            const width = Number(mediaEl.getAttribute('width')) || mediaEl.naturalWidth || 0;
+
+            box = width > 40 ? { width, left: null } : null;
+        }
+
+        if (!box || !parent) {
+            tools.style.removeProperty('width');
+            tools.style.removeProperty('margin-left');
+            return;
+        }
+
+        const parentRect = parent.getBoundingClientRect();
+        const room = parent.clientWidth || parentRect.width;
+        const width = Math.min(box.width, room || box.width);
+        let left = box.left === null ? 0 : box.left - parentRect.left - (parseFloat(getComputedStyle(parent).paddingLeft) || 0);
+
+        if (!(left > 0) || left + width > room + 1) {
+            left = 0;
+        }
+
+        tools.style.setProperty('width', `${Math.round(width)}px`);
+        tools.style.setProperty('margin-left', `${Math.round(left)}px`);
+    };
+
+    const refitMediaTools = mediaEl => {
+        const tools = mediaTools.get(mediaEl);
+        const host = mediaHosts.get(mediaEl) || mediaEl;
+
+        if (!tools || !tools.isConnected) {
+            return;
+        }
+
+        if (!host.classList.contains('dc-media-hidden')) {
+            const shown = mediaEl.getBoundingClientRect();
+
+            if (shown.width > 40) {
+                mediaBoxes.set(mediaEl, { width: shown.width, left: shown.left });
+            }
+        }
+
+        fitToolsToMedia(mediaEl, tools);
+    };
+
+    let refitTimer = null;
+
+    window.addEventListener('resize', () => {
+        clearTimeout(refitTimer);
+        refitTimer = setTimeout(() => {
+            document.querySelectorAll('.dc-media-tools').forEach(tools => {
+                const mediaEl = tools.previousElementSibling && tools.previousElementSibling.matches('img, video') ? tools.previousElementSibling : null;
+
+                if (mediaEl) {
+                    refitMediaTools(mediaEl);
+                }
+            });
+        }, 200);
+    }, { passive: true });
+
     const readToolIds = tools => (tools.dataset.dcMediaIds || '').split(',').filter(Boolean);
 
     const createTools = () => {
@@ -5796,6 +6047,12 @@
             mediaEl.classList.remove('dc-media-hidden');
         }
 
+        const shown = mediaEl.getBoundingClientRect();
+
+        if (shown.width > 40 && !blocked && !deferred && !host.classList.contains('dc-media-hidden')) {
+            mediaBoxes.set(mediaEl, { width: shown.width, left: shown.left });
+        }
+
         host.classList.toggle('dc-media-hidden', blocked || deferred);
 
         const tools = existing && existing.isConnected ? existing : createTools();
@@ -5824,6 +6081,12 @@
         tools.querySelector('.dc-media-btn-load').hidden = !deferred;
 
         mediaSignature.set(mediaEl, signature);
+        fitToolsToMedia(mediaEl, tools);
+
+        if (!mediaBoxes.has(mediaEl) && !blocked && !deferred && !mediaEl.dataset.dcFitWatch) {
+            mediaEl.dataset.dcFitWatch = '1';
+            mediaEl.addEventListener(mediaEl.tagName === 'VIDEO' ? 'loadedmetadata' : 'load', () => refitMediaTools(mediaEl), { once: true });
+        }
 
         return tools;
     };
@@ -5872,12 +6135,36 @@
         });
     };
 
+    const zoomSourceUrl = el => {
+        const rel = el.getAttribute('data-rel');
+        let url = rel && rel !== 'null' ? rel : el.getAttribute('data-original') || el.getAttribute('ori-data');
+
+        if (el.hasAttribute('data-gif')) {
+            url = el.getAttribute('data-gif');
+        }
+
+        return url || '';
+    };
+
+    const findZoomSource = (mediaEl, slide, popup, zoomSources) => {
+        const slideSrc = mediaEl.getAttribute('src') || '';
+        const bySrc = slideSrc && zoomSources.find(el => zoomSourceUrl(el) === slideSrc);
+
+        if (bySrc) {
+            return bySrc;
+        }
+
+        const index = slide && popup ? [...popup.querySelectorAll('.swiper-slide')].indexOf(slide) : -1;
+        const listed = zoomSources.filter(el => zoomSourceUrl(el));
+
+        return index >= 0 ? listed[index] || null : null;
+    };
+
     const applyZoomSlideBlock = (element, zoomSources) => {
         const mediaEl = getMediaElement(element);
         const slide = mediaEl.closest('.swiper-slide');
         const popup = mediaEl.closest(ZOOM_POPUP_SELECTOR);
-        const index = slide && popup ? [...popup.querySelectorAll('.swiper-slide')].indexOf(slide) : -1;
-        const source = index >= 0 ? zoomSources[index] : null;
+        const source = findZoomSource(mediaEl, slide, popup, zoomSources);
         const ids = [...new Set([...resolveMediaIds(mediaEl), ...(source ? resolveMediaIds(source) : [])])];
 
         if (!ids.length) {
@@ -6137,19 +6424,29 @@
         }
 
         let counts = null;
+        let answered = false;
 
         const $ = window.jQuery;
 
         if ($ && $.ajax) {
             counts = await new Promise(resolve => {
                 $.ajax({ url: '/ajax/userCnt', type: 'post', data: { user: code }, timeout: 6000 })
-                    .done(res => resolve(res && res.board ? { post: String(res.board), reply: String(res.comment || '0') } : null))
+                    .done(res => {
+                        answered = true;
+                        resolve(res && res.board ? { post: String(res.board), reply: String(res.comment || '0') } : null);
+                    })
                     .fail(() => resolve(null));
             });
         }
 
+        if (answered) {
+            gallogCountCache.set(code, counts);
+
+            return counts;
+        }
+
         if (!counts) {
-            const html = await siteFetchText(`https://m.dcinside.com/gallog/${encodeURIComponent(code)}`, { credentials: 'same-origin' });
+            const html = await siteFetchText(`https://m.dcinside.com/gallog/${encodeURIComponent(code)}`, { credentials: 'same-origin' }, { probe: true });
             const text = html.replace(/<[^>]+>/g, ' ');
             const post = (text.match(/게시물\s*\(\s*([\d,]+)\s*\)/) || [])[1] || '';
             const reply = (text.match(/댓글\s*\(\s*([\d,]+)\s*\)/) || [])[1] || '';
@@ -6183,10 +6480,11 @@
         const ip = (keys.find(k => k.type === 'ip') || {}).value || '';
         const target = code || ip;
         const gallog = code ? `/gallog/${encodeURIComponent(code)}` : '';
-        const search = mobileSearchUrl(nick);
+        const search = authorSearchUrl(keys) || mobileSearchUrl(nick);
         const me = (document.getElementById('user_id') || {}).value || '';
         const isMe = !!code && code === me;
-        const canMemo = !!target && typeof window.openMemoLayerView === 'function';
+        const memo = memoForKeys(keys);
+        const watched = isWatchedKeys(keys);
         const blockLabel = (type, value, label) => `${blockedUsers.includes(`${type}::${value}`) ? '차단 해제' : '차단'}(${label})`;
         const row = (attrs, label) => `<li><a ${attrs}>${escapeHtml(label)}</a></li>`;
         const menu = document.createElement('div');
@@ -6209,7 +6507,8 @@
             '<ul class="lst">' +
             (code ? row(`href="${escapeHtml(gallog)}"`, '갤로그') : '') +
             (search ? row(`href="${escapeHtml(search)}"`, '작성글 검색') : '') +
-            (!isMe && canMemo ? row('href="#" data-act="memo"', '이용자 메모') : '') +
+            (!isMe ? row('href="#" data-act="memo"', memo ? `📝 메모 · ${memo.text.length > 14 ? `${memo.text.slice(0, 14)}…` : memo.text}` : '📝 메모 남기기') : '') +
+            (!isMe ? row('href="#" data-act="watch"', watched ? '⭐ 관심 사용자 해제' : '☆ 관심 사용자 (새 글 알림)') : '') +
             (!isMe && nick ? row(`href="#" data-key="${escapeHtml(`nick::${nick}`)}"`, blockLabel('nick', nick, '닉네임')) : '') +
             (!isMe && code ? row(`href="#" data-key="${escapeHtml(`id::${code}`)}"`, blockLabel('id', code, '식별 코드')) : '') +
             (!isMe && !code && ip ? row(`href="#" data-key="${escapeHtml(`ip::${ip}`)}"`, blockLabel('ip', ip, 'IP')) : '') +
@@ -6227,7 +6526,14 @@
             if (link.dataset.act === 'memo') {
                 event.preventDefault();
                 closePopover();
-                window.openMemoLayerView(target);
+                openMemoEditor(keys, nick || target);
+                return;
+            }
+
+            if (link.dataset.act === 'watch') {
+                event.preventDefault();
+                closePopover();
+                toggleWatchUser(keys);
                 return;
             }
 
@@ -6304,9 +6610,36 @@
                     );
                 })
                 .join('') +
+            '<div class="dc-pop-extra">' +
+            `<button type="button" class="dc-pop-mini" data-act="memo" title="${memoForKeys(keys) ? '메모 고치기' : '메모 남기기'}">📝 메모</button>` +
+            `<button type="button" class="dc-pop-mini${isWatchedKeys(keys) ? ' on' : ''}" data-act="watch" title="${isWatchedKeys(keys) ? '관심 사용자 해제' : '관심 사용자 등록 (새 글 알림)'}">${isWatchedKeys(keys) ? '⭐ 관심' : '☆ 관심'}</button>` +
+            (authorSearchUrl(keys) ? '<button type="button" class="dc-pop-mini" data-act="search">🔍 작성글</button>' : '') +
+            '</div>' +
 
             '<button type="button" class="dc-pop-site">⋯ 사이트 메뉴 (갤로그·작성글)</button>';
 
+        popover.querySelector('.dc-pop-extra').addEventListener('click', event => {
+            const act = event.target instanceof Element ? event.target.closest('[data-act]')?.dataset.act : '';
+
+            if (!act) {
+                return;
+            }
+
+            event.preventDefault();
+            event.stopPropagation();
+            closePopover();
+
+            const nickKey = keys.find(k => k.type === 'nick');
+
+            if (act === 'memo') {
+                openMemoEditor(keys, nickKey ? nickKey.value : '');
+            } else if (act === 'watch') {
+                toggleWatchUser(keys);
+            } else if (act === 'search') {
+                location.href = authorSearchUrl(keys);
+            }
+        });
+
         popover.querySelector('.dc-pop-site').addEventListener('click', event => {
             event.preventDefault();
             event.stopPropagation();
@@ -7112,6 +7445,25 @@
             hideEmptyReplyGroups(collapse);
         });
 
+    const restoreFullNick = (nickElement, fullNick) => {
+        if (!fullNick || !nickElement || nickElement.dataset.dcFullNick) {
+            return;
+        }
+
+        const walker = document.createTreeWalker(nickElement, NodeFilter.SHOW_TEXT);
+
+        for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+            const match = node.nodeValue.match(/^(\s*)(.+?)(\.\.|…)(\s*(?:\([^)]*\))?\s*)$/);
+
+            if (match && match[2].length < fullNick.length && fullNick.startsWith(match[2].trim())) {
+                node.nodeValue = `${match[1]}${fullNick}${match[4]}`;
+                nickElement.dataset.dcFullNick = 'true';
+                nickElement.title = fullNick;
+                break;
+            }
+        }
+    };
+
     const processUserNode = (container, nickElement, source) => {
         if (!container || !nickElement || container.dataset.dcProcessed) {
             return;
@@ -7133,7 +7485,9 @@
 
         const keys = buildBlockKeys(info);
 
+        restoreFullNick(nickElement, info.nickname);
         attachBlockTrigger(nickElement, keys);
+        decorateUserNode(nickElement, keys);
 
         const area = IS_MOBILE_SITE ? nickElement.closest('.ginfo-area') : null;
 
@@ -7390,6 +7744,7 @@
         processMediaElements();
         pinReadColors();
         applyUserBlockState();
+        applyAuthorFilter();
         applyHeadTabVisibility();
         bindHeadTabLongPress();
         maintainListStream();
@@ -9842,6 +10197,7 @@
     ];
 
     let blockSection = 'keywords';
+    let userBlockType = 'nick';
     let blockFilter = '';
 
     const makeInputRow = (placeholder, buttonLabel, onSubmit, { maxLength = WORD_MAX_LENGTH } = {}) => {
@@ -10158,39 +10514,107 @@
         },
 
         users: area => {
-            area.appendChild(makeSectionTitle(`👤 차단한 유저 (${blockedUsers.length})`));
+            const entries = blockedUsers.map(parseBlockKey);
+            const count = type => entries.filter(entry => entry.type === type).length;
+
+            area.append(
+                makeSectionTitle(`👤 유저 차단 (${blockedUsers.length})`),
+                makeNote('기준마다 따로 모아 봅니다. 닉네임 = 같은 닉네임 모두(유동 포함), 식별코드 = 그 고닉 한 사람, IP = 그 유동 IP 대역. 닉네임을 눌러 차단하면 이곳에 쌓입니다.')
+            );
+
+            const seg = h('div', 'dc-seg dc-word-scope');
+
+            Object.keys(BLOCK_TYPE_LABELS).forEach(type => {
+                const btn = h('button', `dc-seg-btn${userBlockType === type ? ' active' : ''}`);
+
+                btn.type = 'button';
+                btn.setAttribute('aria-pressed', String(userBlockType === type));
+                btn.append(h('span', '', BLOCK_TYPE_LABELS[type]), h('span', 'dc-seg-count', String(count(type))));
+                btn.addEventListener('click', () => {
+                    userBlockType = type;
+                    blockFilter = '';
+                    rerenderModal();
+                });
+                seg.appendChild(btn);
+            });
+
+            area.appendChild(seg);
+            area.appendChild(
+                makeInputRow(
+                    userBlockType === 'ip' ? 'IP 앞자리 (예: 118.235)' : userBlockType === 'id' ? '식별코드 (갤로그 주소의 아이디)' : '닉네임',
+                    '차단',
+                    value => {
+                        const values = String(value)
+                            .split(/[,\n]/)
+                            .map(item => item.trim())
+                            .filter(Boolean)
+                            .filter(item => userBlockType !== 'ip' || /^\d{1,3}\.\d{1,3}$/.test(item));
+                        let added = 0;
+
+                        values.forEach(item => {
+                            const key = `${userBlockType}::${item}`;
+
+                            if (!blockedUsers.includes(key)) {
+                                blockedUsers = [...blockedUsers, key];
+                                added += 1;
+                            }
+                        });
+
+                        if (added) {
+                            saveUsers();
+                            refreshAfterBlockChange();
+                        } else if (userBlockType === 'ip' && values.length === 0) {
+                            showToast('IP 는 앞 두 자리(예: 118.235) 형식으로 넣어 주세요');
+                        }
+
+                        rerenderModal();
+                    },
+                    { maxLength: 400 }
+                )
+            );
 
-            const filterRow = makeFilterRow(blockedUsers.length);
+            const list = entries.filter(entry => entry.type === userBlockType);
+            const filterRow = makeFilterRow(list.length);
 
             if (filterRow) {
                 area.appendChild(filterRow);
             }
 
-            if (!blockedUsers.length) {
-                area.appendChild(makeEmpty('차단한 유저가 없습니다.'));
-                return;
+            if (!list.length) {
+                area.appendChild(makeEmpty(`${BLOCK_TYPE_LABELS[userBlockType]}(으)로 차단한 유저가 없습니다.`));
             }
 
-            blockedUsers
-                .map(parseBlockKey)
-                .forEach(entry => {
-                    area.appendChild(
-                        makeRow({
-                            title: entry.value,
-                            meta: `${BLOCK_TYPE_LABELS[entry.type]} 기준`,
-                            actions: [{ label: '해제', className: 'on', onClick: () => { toggleUserBlockKey(entry.key); rerenderModal(); } }]
-                        })
-                    );
-                });
+            const memos = readMemos();
 
-            area.appendChild(
-                makeConfirmButton('유저 차단 전체 해제', '차단한 유저를 모두 해제할까요?', () => {
-                    blockedUsers = [];
-                    saveUsers();
-                    refreshAfterBlockChange();
-                    rerenderModal();
-                })
-            );
+            list.forEach(entry => {
+                const memo = (memos[entry.key] || {}).t;
+
+                area.appendChild(
+                    makeRow({
+                        title: entry.value,
+                        chip: BLOCK_TYPE_LABELS[entry.type],
+                        chipClass: BLOCK_TYPE_CLASS[entry.type],
+                        meta: memo ? `📝 ${memo}` : '',
+                        actions: [
+                            { label: '메모', onClick: () => openMemoEditor([entry], entry.value) },
+                            { label: '해제', className: 'on', onClick: () => { toggleUserBlockKey(entry.key); rerenderModal(); } }
+                        ]
+                    })
+                );
+            });
+
+            applyListFilter(area);
+
+            if (list.length) {
+                area.appendChild(
+                    makeConfirmButton(`${BLOCK_TYPE_LABELS[userBlockType]} 차단 전체 해제`, `${BLOCK_TYPE_LABELS[userBlockType]}(으)로 차단한 유저 ${list.length}명을 모두 해제할까요?`, () => {
+                        blockedUsers = blockedUsers.filter(key => parseBlockKey(key).type !== userBlockType);
+                        saveUsers();
+                        refreshAfterBlockChange();
+                        rerenderModal();
+                    })
+                );
+            }
         },
 
         media: area => {
@@ -10477,6 +10901,19 @@
             off: '이 탭을 볼 때 말풍선으로만 알립니다.',
             refresh: 'root'
         },
+        {
+            group: 'alarm',
+            key: 'watchAlerts',
+            name: '관심 키워드·관심 사용자 새 글 알림',
+            on: '새 글 자동 이어 붙이기로 들어온 글 중 관심 키워드가 제목에 있거나 관심 사용자가 쓴 글이면 알림을 띄웁니다. 관심 목록은 🔔 관심 탭에서 관리합니다.',
+            off: '관심 글도 따로 알리지 않습니다 (목록에는 그대로 붙습니다).',
+            status: on => {
+                const watch = readWatch();
+
+                return on ? `관심 키워드 ${watch.words.length}개 · 관심 사용자 ${watch.users.length}명${settings.liveRefresh === false ? ' · 새 글 자동 이어 붙이기가 꺼져 있어 쉬는 중' : ''}` : null;
+            },
+            refresh: 'none'
+        },
         {
             group: 'alarm',
             key: 'alarmKeepPolling',
@@ -10555,6 +10992,29 @@
                     : null,
             refresh: 'stream'
         },
+        {
+            group: 'list',
+            key: 'liveRefresh',
+            name: '새 글 자동으로 이어 붙이기',
+            on: '목록 1페이지를 보는 동안 새 글을 확인해 새로고침 없이 맨 위에 붙입니다. 내려서 읽는 중이면 읽던 자리를 그대로 두고 [↑ 새 글 N개] 만 띄웁니다. 화면을 보고 있을 때만, 10분 넘게 손대지 않으면 쉽니다.',
+            off: '새 글을 보려면 직접 새로고침합니다.',
+            status: on => (on ? liveStatusText() : null),
+            refresh: 'live'
+        },
+        {
+            group: 'list',
+            key: 'liveRefreshSec',
+            parent: 'liveRefresh',
+            name: '새 글 확인 간격',
+            on: '짧을수록 빨리 보이지만 요청이 늘어납니다. 디시 서버에 부담이 되지 않게 30초보다 짧게는 확인하지 않습니다.',
+            choices: [
+                { value: 30, label: '30초' },
+                { value: 60, label: '1분' },
+                { value: 120, label: '2분' },
+                { value: 300, label: '5분' }
+            ],
+            refresh: 'live'
+        },
         {
             group: 'list',
             key: 'hideReadMark',
@@ -10757,6 +11217,10 @@
                 processElements();
                 break;
 
+            case 'live':
+                scheduleLive();
+                break;
+
             case 'theme':
                 coordinateOtherDarkScripts();
 
@@ -10785,7 +11249,7 @@
 
     const BACKUP_APP = 'dcinside-enhancer';
     const BACKUP_APP_OLD = ['dc-refinery', 'dc-optimizer'];
-    const BACKUP_KEYS = ['users', 'images', 'keywords', 'titles', 'heads', 'settings', 'scraps'];
+    const BACKUP_KEYS = ['users', 'images', 'keywords', 'titles', 'heads', 'settings', 'scraps', 'memos', 'watch'];
     const USER_KEY_RE = /^(?:nick|ip|id)::.+/;
 
     const exportData = () => ({
@@ -10799,6 +11263,8 @@
         keywords: blockedKeywords,
         titles: blockedTitles,
         heads: hiddenHeadMap,
+        memos: Object.fromEntries(Object.entries(readMemos()).filter(([, item]) => item.t)),
+        watch: readWatch(),
         settings
     });
 
@@ -10856,12 +11322,36 @@
 
         const importedScraps = Array.isArray(parsed.scraps) ? uniqueScraps(parsed.scraps.filter(isValidScrap).map(normalizeScrap)) : null;
 
+        let memos = null;
+
+        if (parsed.memos && typeof parsed.memos === 'object' && !Array.isArray(parsed.memos)) {
+            memos = {};
+            Object.entries(parsed.memos).forEach(([key, item]) => {
+                const text = item && typeof item === 'object' ? String(item.t || '').trim().slice(0, 300) : '';
+
+                if (USER_KEY_RE.test(key) && text) {
+                    memos[key] = { t: text, at: Number(item.at) || Date.now() };
+                }
+            });
+        }
+
+        let watch = null;
+
+        if (parsed.watch && typeof parsed.watch === 'object' && !Array.isArray(parsed.watch)) {
+            watch = {
+                users: Array.isArray(parsed.watch.users) ? [...new Set(parsed.watch.users.filter(key => typeof key === 'string' && USER_KEY_RE.test(key)))] : [],
+                words: Array.isArray(parsed.watch.words) ? [...new Set(parsed.watch.words.map(word => normalizeWord(String(word || ''))).filter(word => word && word.length <= 60))] : []
+            };
+        }
+
         return {
             users,
             images,
             keywords,
             titles,
             heads,
+            memos,
+            watch,
             scraps: importedScraps,
             settings: importedSettings,
             meta: {
@@ -10882,6 +11372,8 @@
         if (data.heads) parts.push(`말머리 ${headCount}${headGalleries ? `(갤러리 ${headGalleries})` : ''}`);
         if (data.images) parts.push(`이미지 ${data.images.length}`);
         if (data.scraps) parts.push(`스크랩 ${data.scraps.length}`);
+        if (data.memos && Object.keys(data.memos).length) parts.push(`메모 ${Object.keys(data.memos).length}`);
+        if (data.watch && data.watch.users.length + data.watch.words.length) parts.push(`관심 ${data.watch.users.length + data.watch.words.length}`);
         if (data.settings) parts.push('설정 포함');
 
         return parts.join(' · ') || '비어 있음';
@@ -10944,7 +11436,30 @@
             saveHiddenHeads();
         }
 
-        if (data.settings && !merge) {
+        if (data.memos) {
+            const now = Date.now();
+            const current = readMemos();
+            const next = merge ? { ...current } : {};
+
+            if (!merge) {
+                Object.keys(current).forEach(key => {
+                    next[key] = { t: '', at: now };
+                });
+            }
+
+            Object.entries(data.memos).forEach(([key, item]) => {
+                next[key] = { t: item.t, at: Math.max(now, item.at) };
+            });
+            writeMemos(next);
+        }
+
+        if (data.watch) {
+            const current = readWatch();
+
+            writeWatch(merge ? { users: [...current.users, ...data.watch.users], words: [...current.words, ...data.watch.words] } : data.watch);
+        }
+
+        if (data.settings && !merge) {
             settings = { ...settings, ...data.settings };
             saveSettings();
             applyRootSettingClasses();
@@ -11821,6 +12336,8 @@
         { key: 'scraps', label: '스크랩', fields: ['scraps'] },
         { key: 'recent', label: '최근 갤러리', fields: ['recent', 'recentOrder'] },
         { key: 'search', label: '검색 기록', fields: ['search'] },
+        { key: 'memos', label: '메모', fields: ['memos'] },
+        { key: 'watch', label: '관심 알림', fields: ['watch'] },
         { key: 'settings', label: '설정', fields: ['settings'] }
     ];
 
@@ -12003,7 +12520,9 @@
         recent: collectRecentForSync(),
         recentOrder: collectRecentOrderForSync(),
         search: collectSearchForSync(),
-        hits: collectHitsForSync()
+        hits: collectHitsForSync(),
+        memos: collectMemosForSync(),
+        watch: readWatch()
     });
 
     const skippedFields = skip => SYNC_PARTS.filter(part => skip.includes(part.key)).flatMap(part => part.fields);
@@ -12113,7 +12632,9 @@
             recent: mergeRecent(local.recent, base && base.recent, remote && remote.recent),
             recentOrder: mergeRecentOrder(local.recentOrder, remote && remote.recentOrder),
             search: mergeSearchHistory(local.search, base && base.search, remote && remote.search),
-            hits: mergeBlockHits(local.hits, remote && remote.hits)
+            hits: mergeBlockHits(local.hits, remote && remote.hits),
+            memos: mergeMemos(local.memos, remote && remote.memos),
+            watch: mergeWatch(local.watch, base && base.watch, remote && remote.watch)
         };
 
         skippedFields(skip).forEach(field => {
@@ -12149,6 +12670,12 @@
         }
         if (after.heads) diff('말머리', flatHeads(before.heads), flatHeads(after.heads));
         if (after.scraps) diff('스크랩', (before.scraps || []).map(scrapKeyOf), after.scraps.map(scrapKeyOf));
+        if (after.memos) {
+            const memoText = memos => Object.entries(memos || {}).filter(([, item]) => item && item.t).map(([key, item]) => `${key}\u0000${item.t}`);
+
+            diff('메모', memoText(before.memos), memoText(after.memos));
+        }
+        if (after.watch) diff('관심', [...((before.watch || {}).users || []), ...((before.watch || {}).words || []).map(w => `w:${w}`)], [...(after.watch.users || []), ...(after.watch.words || []).map(w => `w:${w}`)]);
 
         if (after.settings) {
             const changed = Object.keys(pickKnownSettings(after.settings)).filter(key => JSON.stringify(after.settings[key]) !== JSON.stringify((before.settings || {})[key])).length;
@@ -12170,6 +12697,8 @@
         delete data.recentOrder;
         delete data.search;
         delete data.hits;
+        delete data.memos;
+        delete data.watch;
 
         return JSON.stringify(data);
     };
@@ -12179,6 +12708,8 @@
         const recentChanged = data && 'recent' in data ? applyRecentFromSync(data.recent) : false;
         const searchChanged = data && 'search' in data ? applySearchFromSync(data.search) : false;
         const hitsChanged = data && 'hits' in data ? applyHitsFromSync(data.hits) : false;
+        const memosChanged = data && 'memos' in data ? applyMemosFromSync(data.memos) : false;
+        const watchChanged = data && 'watch' in data ? applyWatchFromSync(data.watch) : false;
         const clean = sanitizeBackup({ app: BACKUP_APP, ...data });
         const before = blockSyncData();
 
@@ -12233,7 +12764,7 @@
             refreshAfterBlockChange();
         }
 
-        return changed || recentChanged || orderChanged || searchChanged || hitsChanged;
+        return changed || recentChanged || orderChanged || searchChanged || hitsChanged || memosChanged || watchChanged;
     };
 
     const saveSyncUndo = (before, incoming, summary, from) => {
@@ -12499,6 +13030,7 @@
 
         const runId = ++syncRunId;
         const epoch = syncEpoch;
+        const startedAt = syncRunSince;
 
         const key = readSyncKey();
         const conf = readSyncConf();
@@ -12630,7 +13162,9 @@
         } catch (error) {
             syncPending = true;
 
-            if (runId !== syncRunId || (error && error.quiet) || pageLeaving || leaving || epoch !== syncEpoch || document.visibilityState === 'hidden') {
+            const interrupted = netLeavingRecently() || (netResumedAt > 0 && netResumedAt >= startedAt) || (netHiddenAt > 0 && netHiddenAt >= startedAt);
+
+            if (runId !== syncRunId || (error && error.quiet) || interrupted || pageLeaving || leaving || epoch !== syncEpoch || document.visibilityState === 'hidden') {
                 writeSyncRt({ dirty: true });
 
                 if (runId === syncRunId && !pageLeaving && document.visibilityState !== 'hidden') {
@@ -12724,7 +13258,7 @@
         rerenderModal();
     };
 
-    const SYNCED_STORAGE = [STORAGE.users, STORAGE.media, STORAGE.keywords, STORAGE.titles, STORAGE.heads, STORAGE.scraps, STORAGE.settings];
+    const SYNCED_STORAGE = [STORAGE.users, STORAGE.media, STORAGE.keywords, STORAGE.titles, STORAGE.heads, STORAGE.scraps, STORAGE.settings, STORAGE.memos, STORAGE.watch];
 
     storageWriteListeners.push(key => {
         if (!syncApplying && SYNCED_STORAGE.includes(key) && syncReady()) {
@@ -15808,6 +16342,869 @@
         return true;
     };
 
+    const MEMO_MAX = 300;
+    const MEMO_TOMBSTONE_KEEP = 90 * 24 * 60 * 60 * 1000;
+
+    let memoCache = null;
+    let watchCache = null;
+
+    window.addEventListener('storage', event => {
+        if (!event.key || event.key === STORAGE.memos || event.key === STORAGE.watch) {
+            memoCache = null;
+            watchCache = null;
+            refreshUserDecorations();
+        }
+    });
+
+    const rawStored = key => {
+        try {
+            return localStorage.getItem(key) || '';
+        } catch {
+            return '';
+        }
+    };
+
+    const readMemos = () => {
+        const rawText = rawStored(STORAGE.memos);
+
+        if (memoCache && memoCache.raw === rawText) {
+            return { ...memoCache.data };
+        }
+
+        const raw = readObject(STORAGE.memos);
+        const out = {};
+
+        Object.entries(raw || {}).forEach(([key, item]) => {
+            if (/^(?:nick|ip|id)::.+/.test(key) && item && typeof item === 'object') {
+                out[key] = { t: String(item.t || '').slice(0, MEMO_MAX), at: Number(item.at) || 0 };
+            }
+        });
+
+        memoCache = { raw: rawText, data: out };
+
+        return { ...out };
+    };
+
+    const writeMemos = memos => {
+        const now = Date.now();
+        const out = {};
+
+        Object.entries(memos).forEach(([key, item]) => {
+            if (item.t || now - item.at < MEMO_TOMBSTONE_KEEP) {
+                out[key] = item;
+            }
+        });
+
+        memoCache = null;
+        writeJson(STORAGE.memos, out);
+    };
+
+    const memoCount = () => Object.values(readMemos()).filter(item => item.t).length;
+
+    const memoForKeys = keys => {
+        const memos = readMemos();
+        const order = ['id', 'ip', 'nick'];
+
+        for (const type of order) {
+            const entry = keys.find(k => k.type === type);
+
+            if (entry && memos[entry.key] && memos[entry.key].t) {
+                return { key: entry.key, text: memos[entry.key].t };
+            }
+        }
+
+        return null;
+    };
+
+    const setMemo = (key, text) => {
+        const memos = readMemos();
+
+        memos[key] = { t: String(text || '').trim().slice(0, MEMO_MAX), at: Date.now() };
+        writeMemos(memos);
+        refreshUserDecorations();
+    };
+
+    const primaryUserKey = keys => (keys.find(k => k.type === 'id') || keys.find(k => k.type === 'ip') || keys[0] || {}).key || '';
+
+    const describeUserKey = key => {
+        const entry = parseBlockKey(key);
+
+        return `${BLOCK_TYPE_LABELS[entry.type] || ''} ${entry.value}`.trim();
+    };
+
+    const openMemoEditor = (keys, title) => {
+        const key = primaryUserKey(keys);
+
+        if (!key) {
+            return;
+        }
+
+        document.querySelector('.dc-memo-dialog')?.remove();
+
+        const current = (readMemos()[key] || {}).t || '';
+        const wrap = document.createElement('div');
+
+        wrap.className = 'dc-ui dc-memo-dialog';
+        wrap.setAttribute('role', 'dialog');
+        wrap.setAttribute('aria-modal', 'true');
+        wrap.innerHTML =
+            '<div class="dc-memo-box">' +
+            `<div class="dc-memo-head"><strong>📝 메모</strong><span>${escapeHtml(title || describeUserKey(key))}</span></div>` +
+            `<textarea maxlength="${MEMO_MAX}" placeholder="이 이용자에 대한 메모 (나만 보임 · 개수 제한 없음)"></textarea>` +
+            `<div class="dc-memo-sub">${escapeHtml(describeUserKey(key))} 기준 · 목록·댓글의 이름 옆에 보입니다</div>` +
+            '<div class="dc-memo-actions">' +
+            (current ? '<button type="button" data-act="del" class="danger">지우기</button>' : '') +
+            '<span></span><button type="button" data-act="cancel">취소</button><button type="button" data-act="save" class="primary">저장</button>' +
+            '</div></div>';
+
+        const textarea = wrap.querySelector('textarea');
+
+        textarea.value = current;
+
+        const close = () => wrap.remove();
+
+        wrap.addEventListener('click', event => {
+            const act = event.target instanceof Element ? event.target.closest('[data-act]')?.dataset.act : '';
+
+            if (event.target === wrap || act === 'cancel') {
+                close();
+            } else if (act === 'save') {
+                setMemo(key, textarea.value);
+                close();
+                showToast(textarea.value.trim() ? '📝 메모를 저장했습니다' : '📝 메모를 지웠습니다');
+            } else if (act === 'del') {
+                setMemo(key, '');
+                close();
+                showToast('📝 메모를 지웠습니다');
+            }
+        });
+
+        textarea.addEventListener('keydown', event => {
+            if (event.key === 'Escape') {
+                close();
+            }
+        });
+
+        document.body.appendChild(wrap);
+        setTimeout(() => textarea.focus(), 30);
+    };
+
+    const WATCH_WORD_MAX = 60;
+
+    const readWatch = () => {
+        const rawText = rawStored(STORAGE.watch);
+
+        if (watchCache && watchCache.raw === rawText) {
+            return { users: [...watchCache.users], words: [...watchCache.words] };
+        }
+
+        const raw = readObject(STORAGE.watch);
+        const users = Array.isArray(raw.users) ? raw.users.filter(key => typeof key === 'string' && /^(?:nick|ip|id)::.+/.test(key)) : [];
+        const words = Array.isArray(raw.words)
+            ? raw.words.map(word => normalizeWord(String(word || ''))).filter(word => word && word.length <= WATCH_WORD_MAX)
+            : [];
+
+        watchCache = { raw: rawText, users: [...new Set(users)], words: [...new Set(words)] };
+
+        return { users: [...watchCache.users], words: [...watchCache.words] };
+    };
+
+    const writeWatch = watch => {
+        watchCache = null;
+        writeJson(STORAGE.watch, { users: [...new Set(watch.users)], words: [...new Set(watch.words)] });
+        refreshUserDecorations();
+    };
+
+    const isWatchedKeys = keys => {
+        const watched = readWatch().users;
+
+        return keys.some(k => watched.includes(k.key));
+    };
+
+    const toggleWatchUser = keys => {
+        const key = primaryUserKey(keys);
+        const watch = readWatch();
+        const on = keys.some(k => watch.users.includes(k.key));
+
+        watch.users = on ? watch.users.filter(item => !keys.some(k => k.key === item)) : [...watch.users, key];
+        writeWatch(watch);
+        showToast(on ? '☆ 관심 사용자에서 뺐습니다' : `⭐ 관심 사용자로 등록했습니다 · 새 글이 올라오면 알려 드립니다`);
+    };
+
+    const addWatchWords = value => {
+        const watch = readWatch();
+        const words = String(value || '')
+            .split(/[,\n]/)
+            .map(normalizeWord)
+            .filter(word => word && word.length <= WATCH_WORD_MAX && !watch.words.includes(word));
+
+        if (words.length) {
+            watch.words = [...watch.words, ...words];
+            writeWatch(watch);
+        }
+
+        return words.length;
+    };
+
+    const decoratedNodes = new Set();
+
+    const decorateUserNode = (nickElement, keys) => {
+        if (!nickElement || !keys || !keys.length) {
+            return;
+        }
+
+        nickElement._dcDecorKeys = keys;
+        decoratedNodes.add(nickElement);
+
+        const memo = memoForKeys(keys);
+        const watched = isWatchedKeys(keys);
+        let chip = nickElement._dcMemoChip;
+
+        nickElement.classList.toggle('dc-watch-user', watched);
+
+        if (!memo) {
+            if (chip) {
+                chip.remove();
+                nickElement._dcMemoChip = null;
+            }
+
+            return;
+        }
+
+        if (!chip || !chip.isConnected) {
+            chip = document.createElement('span');
+            chip.className = 'dc-ui dc-memo-chip';
+
+            if (nickElement.tagName === 'LI') {
+                nickElement.appendChild(chip);
+            } else {
+                nickElement.insertAdjacentElement('afterend', chip);
+            }
+            nickElement._dcMemoChip = chip;
+        }
+
+        chip.textContent = `📝 ${memo.text.length > 18 ? `${memo.text.slice(0, 18)}…` : memo.text}`;
+        chip.title = memo.text;
+    };
+
+    const refreshUserDecorations = () =>
+        withSelfMutation(() => {
+            decoratedNodes.forEach(node => {
+                if (!node.isConnected) {
+                    decoratedNodes.delete(node);
+                    return;
+                }
+
+                decorateUserNode(node, node._dcDecorKeys);
+            });
+        });
+
+    const AUTHOR_HASH_RE = /(?:^#|&)dcx-author=([^&]+)/;
+
+    const authorSearchUrl = (keys, gallery = getGalleryId()) => {
+        const nick = (keys.find(k => k.type === 'nick') || {}).value || '';
+        const exact = keys.find(k => k.type === 'id') || keys.find(k => k.type === 'ip');
+
+        if (!gallery || gallery === HOME_GALLERY_KEY || !nick) {
+            return '';
+        }
+
+        let url;
+
+        if (IS_MOBILE_SITE) {
+            const kind = (location.pathname.match(/^\/(board|mini|person)\//) || [])[1] || 'board';
+
+            url = `https://m.dcinside.com/${kind}/${encodeURIComponent(gallery)}?s_type=name&serval=${encodeURIComponent(nick)}`;
+        } else {
+            const prefix = (location.pathname.match(/^\/(mgallery|mini|person)\//) || [])[1];
+
+            url = `https://gall.dcinside.com/${prefix ? `${prefix}/` : ''}board/lists/?id=${encodeURIComponent(gallery)}&s_type=search_name&s_keyword=${encodeURIComponent(nick)}`;
+        }
+
+        return exact ? `${url}#dcx-author=${encodeURIComponent(exact.key)}` : url;
+    };
+
+    const readAuthorFilter = () => {
+        const match = AUTHOR_HASH_RE.exec(location.hash);
+
+        if (!match) {
+            return null;
+        }
+
+        try {
+            const key = decodeURIComponent(match[1]);
+
+            return /^(?:ip|id)::.+/.test(key) ? parseBlockKey(key) : null;
+        } catch {
+            return null;
+        }
+    };
+
+    let authorFilterOff = false;
+
+    const rowMatchesAuthor = (li, filter) => {
+        const holder = li.dataset.dcProcessed ? li : li.querySelector('[data-dc-processed]');
+
+        if (!holder) {
+            return null;
+        }
+
+        return filter.type === 'id' ? holder.dataset.dcCode === filter.value : !holder.dataset.dcCode && holder.dataset.dcIp === filter.value;
+    };
+
+    const applyAuthorFilter = () => {
+        const filter = readAuthorFilter();
+        const listEl = filter ? pickListElement(document) : null;
+
+        if (!listEl) {
+            return;
+        }
+
+        let hidden = 0;
+
+        withSelfMutation(() => {
+            realListItems(listEl).forEach(li => {
+                const match = rowMatchesAuthor(li, filter);
+                const hide = !authorFilterOff && match === false;
+
+                li.classList.toggle('dc-author-other', hide);
+                hidden += match === false ? 1 : 0;
+            });
+
+            let bar = document.getElementById('dc-author-bar');
+
+            if (!bar) {
+                bar = document.createElement('div');
+                bar.id = 'dc-author-bar';
+                bar.className = 'dc-ui dc-author-bar';
+                streamAnchorOf(listEl).insertAdjacentElement('beforebegin', bar);
+                bar.addEventListener('click', event => {
+                    if (event.target instanceof Element && event.target.closest('button')) {
+                        authorFilterOff = !authorFilterOff;
+                        applyAuthorFilter();
+                    }
+                });
+            }
+
+            const label = `${BLOCK_TYPE_LABELS[filter.type]} ${filter.value}`;
+
+            bar.innerHTML = authorFilterOff
+                ? `<span>🔍 같은 닉네임의 글을 모두 보는 중</span><button type="button">${escapeHtml(label)} 글만</button>`
+                : `<span>🔍 <b>${escapeHtml(label)}</b> 글만 보는 중${hidden ? ` · 같은 닉네임의 다른 사람 글 ${hidden}개 숨김` : ''}</span>${hidden ? '<button type="button">모두 보기</button>' : ''}`;
+        });
+    };
+
+    const LIVE_MIN_SEC = 30;
+    const LIVE_IDLE_STOP = 10 * 60 * 1000;
+    const LIVE_INSERT_MAX = 30;
+
+    let liveTimer = null;
+    let liveBusy = false;
+    let liveLastCheck = 0;
+    let liveLastFound = 0;
+    let liveInteractAt = 0;
+    let livePill = null;
+    let livePending = 0;
+
+    const liveIntervalMs = () => Math.max(LIVE_MIN_SEC, Number(settings.liveRefreshSec) || 60) * 1000;
+
+    const isLiveListPage = () => {
+        if (settings.liveRefresh === false || isPostViewPage() || readAuthorFilter()) {
+            return false;
+        }
+
+        if (!/^\/(?:mgallery\/)?(?:board|mini|person)\//.test(location.pathname)) {
+            return false;
+        }
+
+        try {
+            const params = new URL(location.href).searchParams;
+
+            if (['s_type', 'serval', 's_keyword', 'search_head'].some(name => params.get(name))) {
+                return false;
+            }
+        } catch {
+            return false;
+        }
+
+        return currentPageNumber() === 1 && !!pickListElement(document);
+    };
+
+    const topPostNumber = listEl =>
+        realListItems(listEl).reduce((max, li) => Math.max(max, postNumber(li.dataset.dcPostKey || listItemKey(li))), 0);
+
+    const hideLivePill = () => {
+        if (livePill) {
+            livePill.classList.remove('show');
+        }
+
+        livePending = 0;
+    };
+
+    const showLivePill = (count, scrolled) => {
+        if (!livePill) {
+            livePill = document.createElement('button');
+            livePill.type = 'button';
+            livePill.className = 'dc-ui dc-live-pill';
+            livePill.addEventListener('click', () => {
+                hideLivePill();
+                window.scrollTo({ top: 0, behavior: 'smooth' });
+            });
+            document.body.appendChild(livePill);
+        }
+
+        livePending = scrolled ? livePending + count : count;
+        livePill.textContent = scrolled ? `↑ 새 글 ${livePending}개` : `✨ 새 글 ${count}개`;
+        livePill.classList.add('show');
+        clearTimeout(livePill._timer);
+
+        if (!scrolled) {
+            livePill._timer = setTimeout(hideLivePill, 2600);
+        }
+    };
+
+    const rowWriterKeys = li => {
+        const holder = li.dataset.dcProcessed ? li : li.querySelector('[data-dc-processed]');
+
+        return holder
+            ? buildBlockKeys({ nickname: holder.dataset.dcNick || '', ip: holder.dataset.dcIp || '', code: holder.dataset.dcCode || '' })
+            : [];
+    };
+
+    const rowTitle = li => cleanText((li.querySelector('.subjectin, .gall_tit a:not(.reply_numbox)') || {}).textContent || '');
+
+    const rowIsShown = li =>
+        li.isConnected &&
+        !li.classList.contains('dc-user-blocked') &&
+        !li.classList.contains('dc-head-hidden') &&
+        !li.classList.contains('dc-author-other') &&
+        getComputedStyle(li).display !== 'none';
+
+    const notifyWatchHits = rows => {
+        if (settings.watchAlerts === false || !rows.length) {
+            return;
+        }
+
+        const watch = readWatch();
+
+        if (!watch.users.length && !watch.words.length) {
+            return;
+        }
+
+        const gallery = getGalleryId();
+        const seen = readObject(STORAGE.liveSeen);
+        const seenNo = Number(seen[gallery]) || 0;
+        let maxNo = seenNo;
+        const hits = [];
+
+        rows.forEach(li => {
+            const no = postNumber(li.dataset.dcPostKey || listItemKey(li));
+
+            if (!no || no <= seenNo) {
+                return;
+            }
+
+            maxNo = Math.max(maxNo, no);
+
+            const title = rowTitle(li);
+            const lower = title.toLowerCase();
+            const word = watch.words.find(item => lower.includes(item.toLowerCase()));
+            const keys = rowWriterKeys(li);
+            const user = keys.find(k => watch.users.includes(k.key));
+
+            if (word || user) {
+                li.classList.add('dc-live-watch');
+                hits.push({ li, title, reason: word ? `키워드 '${word}'` : `관심 사용자 ${user.value}` });
+            }
+        });
+
+        if (maxNo > seenNo) {
+            writeJson(STORAGE.liveSeen, { ...seen, [gallery]: maxNo });
+        }
+
+        if (!hits.length) {
+            return;
+        }
+
+        const first = hits[0];
+        const link = first.li.querySelector(POST_LINK_SELECTOR);
+        const more = hits.length > 1 ? ` 외 ${hits.length - 1}개` : '';
+
+        showToast(`🔔 ${first.reason} · ${first.title}${more}`, {
+            actionLabel: '보기',
+            onAction: () => {
+                if (link) {
+                    link.click();
+                }
+            },
+            duration: 7000
+        });
+
+        if (canSystemNotify() && document.visibilityState === 'hidden') {
+            try {
+                const note = new window.Notification(`디시 관심 알림 · ${first.reason}`, { body: `${first.title}${more}`, tag: `dcx-watch-${gallery}` });
+
+                note.onclick = () => {
+                    window.focus();
+                    note.close();
+
+                    if (link) {
+                        link.click();
+                    }
+                };
+            } catch {
+            }
+        }
+    };
+
+    const checkLiveList = async () => {
+        if (liveBusy || !isLiveListPage() || document.visibilityState === 'hidden' || netPausedUntil()) {
+            return;
+        }
+
+        if (Date.now() - liveInteractAt > LIVE_IDLE_STOP) {
+            return;
+        }
+
+        const listEl = pickListElement(document);
+
+        if (!listEl) {
+            return;
+        }
+
+        liveBusy = true;
+        liveLastCheck = Date.now();
+
+        try {
+            const html = await siteFetchText(buildPageUrl(1), { credentials: 'same-origin', cache: 'no-store' }, { auto: true });
+            const doc = new DOMParser().parseFromString(html, 'text/html');
+            const fetched = pickListElement(doc);
+
+            if (!fetched || !listEl.isConnected) {
+                return;
+            }
+
+            const existing = new Set(realListItems(listEl).map(li => li.dataset.dcPostKey || listItemKey(li)));
+            const topNo = topPostNumber(listEl);
+            const fresh = [...fetched.children]
+                .filter(node => isListItemNode(node) && !node.classList.contains('adv-inner'))
+                .filter(node => {
+                    const key = listItemKey(node);
+
+                    return key && !existing.has(key) && postNumber(key) > topNo;
+                })
+                .slice(0, LIVE_INSERT_MAX);
+
+            if (!fresh.length || !topNo) {
+                return;
+            }
+
+            const anchor = realListItems(listEl).find(li => postNumber(li.dataset.dcPostKey || listItemKey(li)) === topNo);
+
+            if (!anchor) {
+                return;
+            }
+
+            const scrolled = window.scrollY > 120;
+            const before = anchor.getBoundingClientRect().top;
+
+            fresh.forEach(li => {
+                const node = document.adoptNode(li);
+
+                prepareAppendedItem(node);
+                node.classList.add('dc-live-new');
+                listEl.insertBefore(node, anchor);
+            });
+
+            processElements();
+
+            if (scrolled) {
+                const shift = anchor.getBoundingClientRect().top - before;
+
+                if (shift) {
+                    window.scrollBy(0, shift);
+                }
+            }
+
+            const shown = fresh.filter(rowIsShown);
+
+            liveLastFound = Date.now();
+
+            if (shown.length) {
+                showLivePill(shown.length, scrolled);
+            }
+
+            notifyWatchHits(shown);
+            setTimeout(() => fresh.forEach(li => li.classList.remove('dc-live-new')), 4000);
+        } catch {
+        } finally {
+            liveBusy = false;
+        }
+    };
+
+    const scheduleLive = () => {
+        clearTimeout(liveTimer);
+
+        if (!isLiveListPage() || document.visibilityState === 'hidden' || Date.now() - liveInteractAt > LIVE_IDLE_STOP) {
+            return;
+        }
+
+        liveTimer = setTimeout(async () => {
+            await checkLiveList();
+            scheduleLive();
+        }, liveIntervalMs());
+    };
+
+    const liveStatusText = () => {
+        if (settings.liveRefresh === false) {
+            return null;
+        }
+
+        if (!isLiveListPage()) {
+            return '갤러리 목록 1페이지에서 동작합니다.';
+        }
+
+        return liveLastCheck
+            ? `마지막 확인 ${timeAgo(liveLastCheck)}${liveLastFound ? ` · 마지막 새 글 ${timeAgo(liveLastFound)}` : ''}`
+            : '곧 첫 확인을 합니다.';
+    };
+
+    const initLive = () => {
+        const touched = () => {
+            const wasIdle = Date.now() - liveInteractAt > LIVE_IDLE_STOP;
+
+            liveInteractAt = Date.now();
+
+            if (wasIdle) {
+                if (Date.now() - liveLastCheck > liveIntervalMs()) {
+                    clearTimeout(liveTimer);
+                    liveTimer = setTimeout(() => checkLiveList().then(scheduleLive), 1500);
+                } else {
+                    scheduleLive();
+                }
+            }
+        };
+
+        ['pointerdown', 'keydown', 'wheel', 'touchstart'].forEach(type => window.addEventListener(type, touched, { passive: true, capture: true }));
+        window.addEventListener('scroll', () => {
+            touched();
+
+            if (livePill && window.scrollY < 60 && livePending) {
+                hideLivePill();
+            }
+        }, { passive: true });
+
+        document.addEventListener('visibilitychange', () => {
+            if (document.visibilityState === 'visible') {
+                if (!liveInteractAt) {
+                    return;
+                }
+
+                liveInteractAt = Date.now();
+
+                if (Date.now() - liveLastCheck > liveIntervalMs()) {
+                    clearTimeout(liveTimer);
+                    liveTimer = setTimeout(() => checkLiveList().then(scheduleLive), 2500);
+                } else {
+                    scheduleLive();
+                }
+            } else {
+                clearTimeout(liveTimer);
+            }
+        });
+
+        window.addEventListener('hashchange', () => {
+            authorFilterOff = false;
+            applyAuthorFilter();
+        });
+
+        if (Number.isFinite(window.__dcEnhancerNetScale)) {
+            window.__dcEnhancerLiveCheck = () => {
+                liveInteractAt = Date.now();
+
+                return checkLiveList();
+            };
+        }
+    };
+
+    const collectMemosForSync = () => readMemos();
+
+    const mergeMemos = (local = {}, remote) => {
+        const out = { ...(remote && typeof remote === 'object' ? remote : {}) };
+
+        Object.entries(local || {}).forEach(([key, item]) => {
+            if (!out[key] || (Number(item.at) || 0) >= (Number(out[key].at) || 0)) {
+                out[key] = item;
+            }
+        });
+
+        return out;
+    };
+
+    const applyMemosFromSync = memos => {
+        if (!memos || typeof memos !== 'object' || Array.isArray(memos)) {
+            return false;
+        }
+
+        const next = JSON.stringify(mergeMemos(readMemos(), memos));
+
+        if (next === JSON.stringify(readMemos())) {
+            return false;
+        }
+
+        memoCache = null;
+        writeJson(STORAGE.memos, JSON.parse(next));
+        refreshUserDecorations();
+
+        return true;
+    };
+
+    const mergeWatch = (local = {}, base, remote) => ({
+        users: mergeList(local.users || [], base ? base.users || [] : null, remote ? remote.users || [] : undefined),
+        words: mergeList(local.words || [], base ? base.words || [] : null, remote ? remote.words || [] : undefined)
+    });
+
+    const applyWatchFromSync = watch => {
+        if (!watch || typeof watch !== 'object') {
+            return false;
+        }
+
+        const next = { users: Array.isArray(watch.users) ? watch.users : [], words: Array.isArray(watch.words) ? watch.words : [] };
+
+        if (JSON.stringify(next) === JSON.stringify(readWatch())) {
+            return false;
+        }
+
+        watchCache = null;
+        writeJson(STORAGE.watch, next);
+        refreshUserDecorations();
+
+        return true;
+    };
+
+    const renderWatchView = area => {
+        const watch = readWatch();
+        const memos = Object.entries(readMemos()).filter(([, item]) => item.t).sort((a, b) => b[1].at - a[1].at);
+
+        area.appendChild(
+            makeNote(
+                '관심 키워드·관심 사용자의 새 글이 목록에 올라오면 알려 드립니다 (설정 › 목록 보기 › 새 글 자동으로 이어 붙이기). 메모는 개수 제한 없이 이 기기에 저장되고 동기화됩니다.'
+            )
+        );
+
+        area.appendChild(makeSectionTitle(`🔔 관심 키워드 (${watch.words.length})`));
+        area.appendChild(
+            makeInputRow('제목에 들어갈 단어 (쉼표로 여러 개)', '추가', value => {
+                addWatchWords(value);
+                rerenderModal();
+            }, { maxLength: 300 })
+        );
+
+        if (!watch.words.length) {
+            area.appendChild(makeEmpty('관심 키워드가 없습니다.'));
+        }
+
+        watch.words.forEach(word => {
+            area.appendChild(
+                makeRow({
+                    title: word,
+                    chip: '키워드',
+                    chipClass: 'scope',
+                    actions: [{
+                        label: '빼기',
+                        className: 'on',
+                        onClick: () => {
+                            const next = readWatch();
+
+                            next.words = next.words.filter(item => item !== word);
+                            writeWatch(next);
+                            rerenderModal();
+                        }
+                    }]
+                })
+            );
+        });
+
+        area.appendChild(makeSectionTitle(`⭐ 관심 사용자 (${watch.users.length})`));
+
+        if (!watch.users.length) {
+            area.appendChild(makeEmpty('닉네임을 누른 메뉴에서 ⭐ 관심 사용자로 등록할 수 있습니다.'));
+        }
+
+        watch.users.forEach(key => {
+            const entry = parseBlockKey(key);
+            const memo = (readMemos()[key] || {}).t;
+
+            area.appendChild(
+                makeRow({
+                    title: entry.value,
+                    chip: BLOCK_TYPE_LABELS[entry.type],
+                    chipClass: BLOCK_TYPE_CLASS[entry.type],
+                    meta: memo ? `📝 ${memo}` : '',
+                    actions: [{
+                        label: '빼기',
+                        className: 'on',
+                        onClick: () => {
+                            const next = readWatch();
+
+                            next.users = next.users.filter(item => item !== key);
+                            writeWatch(next);
+                            rerenderModal();
+                        }
+                    }]
+                })
+            );
+        });
+
+        area.appendChild(makeSectionTitle(`📝 이용자 메모 (${memos.length})`));
+
+        const filterRow = makeFilterRow(memos.length);
+
+        if (filterRow) {
+            area.appendChild(filterRow);
+        }
+
+        if (!memos.length) {
+            area.appendChild(makeEmpty('닉네임을 누른 메뉴의 📝 메모로 남길 수 있습니다.'));
+        }
+
+        memos.forEach(([key, item]) => {
+            const entry = parseBlockKey(key);
+
+            area.appendChild(
+                makeRow({
+                    title: item.t,
+                    chip: `${BLOCK_TYPE_LABELS[entry.type]} ${entry.value}`,
+                    chipClass: BLOCK_TYPE_CLASS[entry.type],
+                    meta: timeAgo(item.at),
+                    actions: [
+                        { label: '고치기', onClick: () => openMemoEditor([{ ...entry, key }]) },
+                        {
+                            label: '지우기',
+                            className: 'on',
+                            onClick: () => {
+                                setMemo(key, '');
+                                rerenderModal();
+                            }
+                        }
+                    ]
+                })
+            );
+        });
+
+        applyListFilter(area);
+    };
+
+    (() => {
+        const tail = ['recent', 'settings'].filter(key => MODAL_VIEWS[key]).map(key => [key, MODAL_VIEWS[key]]);
+
+        tail.forEach(([key]) => delete MODAL_VIEWS[key]);
+        MODAL_VIEWS.watch = { title: '관심·메모', tab: '🔔 관심', render: renderWatchView };
+        tail.forEach(([key, view]) => {
+            MODAL_VIEWS[key] = view;
+        });
+    })();
+
     const FAB_DRAG_THRESHOLD = 8;
     const FAB_EDGE_MARGIN = 6;
 
@@ -16785,6 +18182,7 @@
         initSiteAlarms();
         initKeyboardShortcuts();
         initHoverPreview();
+        initLive();
         restoreListSnapshot();
         processElements();