המלצה | חדש בפורום! נושאים שנצפו לאחרונה!

[לאצי]

@צדיק-תמים כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

ועוד של GPT

טעות, AI STUDIO..

@צדיק-תמים כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

(שלא מכיר את הAPIs שנודביבי חושפים בצד לקוח ולכן עושה שטיקים נוראים)

לא הבנתי. אפשר הסבר לפשוטי העם?

[צדיק תמים]

@לאצי אתה מזהה מעבר בין עמודים על ידי MutationObserver במקום הhooks ש nodebb פולט, מחלץ מידע על הנושא הנוכחי עם טריקים במקום לקחת מajaxify.data, וכן הלאה

[קראנץ' ונילה]

@לאצי סליחה על הבורות,
אני גולש מאנדרואיד, התקנתי את התוסף, איך אני נכנס לזה?
אולי תתן קישור

[צדיק תמים]

@קראנץ-x27-ונילה איך התקנת את התוסף באנדרואיד?
אפשר להתקין תוספים רק בדפדפן Kiwi

[קראנץ' ונילה]

@צדיק-תמים
חנות האינטרנט של כרום - קישור שהוא הביא בתחילת ההסבר

[צדיק תמים]

@קראנץ-x27-ונילה זה התקין לך במחשב לא במכשיר הנוכחי

[קראנץ' ונילה]

@צדיק-תמים איך? אין לי מחשב

[מים אחרונים]

@קראנץ-x27-ונילה אין לך מחשב נוסף שמחובר לאותו חשבון?

[קראנץ' ונילה]

@מים-אחרונים יש

[קראנץ' ונילה]

@מים-אחרונים אין חנות כרום לאנדרואיד?

[צדיק תמים]

@קראנץ-x27-ונילה "נוסף לשולחן העבודה"
שולחן עבודה = מחשב

[יוסף אלחנן]

@קראנץ-x27-ונילה כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

@מים-אחרונים אין חנות כרום לאנדרואיד?

@צדיק-תמים כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

אפשר להתקין תוספים רק בדפדפן Kiwi

אגב, @צדיק-תמים כמה שאני יודע, אין גרסאות חדשות לזה והוא לא בטוח מבחינת אבטחה וכדו'
שמעת על זה?

[מים אחרונים]

@קראנץ-x27-ונילה הוא התקין לך על המחשב שבו אתה מחובר

[קראנץ' ונילה]

@יוסף-אלחנן אם כן כרום לא היו מפרסמים

[מים אחרונים]

אולי כדאי באמת לפתח תוסף עם שיפורים למתמחים טופ
כל ההצעות ייעול
כל הרעיונות יכנסו לתוסף אחד שיפותח ויתווסף, כשנודביבי יוסיפו את זה להגדרות שלהם אז יהיה ניתן להסיר.

[לאצי]

@צדיק-תמים כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

@לאצי אתה מזהה מעבר בין עמודים על ידי MutationObserver במקום הhooks ש nodebb פולט, מחלץ מידע על הנושא הנוכחי עם טריקים במקום לקחת מajaxify.data, וכן הלאה

אני רואה שאתה מבין, אז אולי תכתוב את זה אתה בנודביבי בדרך הנכונה? (או שפשוט תנחה את AI איך לכתוב את זה לנודביבי... יותר קל...)

[צדיק תמים]

@יוסף-אלחנן כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

אגב, @צדיק-תמים כמה שאני יודע, אין גרסאות חדשות לזה והוא לא בטוח מבחינת אבטחה וכדו'
שמעת על זה?

מעניין לא שמעתי

הם מציעים חלופה (חלקית לדעתי) כאן: https://github.com/kiwibrowser/src.next#kiwi-browser

[יוסף אלחנן]

@צדיק-תמים אוקיי, אבל הוא מעדכן שלא יצאו עוד עידכונים...

[לאצי]

היי, שימו לב! בפורום נודביבי זה קיים בפרופיל המשתמש!
(אצלי זה בקישור https://community.nodebb.org/me/read)
מעניין למה פה זה לא קיים.
עריכה: זה מה שענו לי בנודביבי - הם כנראה צריכים לשדרג את ה-nodebb שלהם לגרסה העדכנית ביותר.

אז @שמואל , בבקשה.

Spoiler

אגב, עברתי קצת על פורום נודביבי וראיתי שהרבה דברים שם שונים לגמרי מכאן. כלומר, הרבה מהצעות הייעול שישנם כאן בפורום כבר מיושמות מזמן בנודביבי

[עדלאידע]

יפה מאוד! יעיל בהחלט!

@לאצי כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

וכאן המקום להודות ל @עדלאידע שבהשראת הסקריפט שלו יצרתי את הסקריפט הזה.

תהיה בריא...
ההשראה גרמה לך גם לחפש את האלמנט "פוסטים אחרונים" ולשים את הכפתור שלך מתחתיו...
עכשיו מי שמשתמש בסקריפט שלי ושלך - הכפתורים שלנו רבים בינהם מי יהיה מתחת ל"פוסטים אחרונים"
אתה יכול לראות כשאתה עושה כמה ריענונים קשיחים שכל פעם כפתור אחר נמצא מתחת ל"פוסטים אחרונים"
שיניתי את הסקריפט שלך כך שהכפתור יחפש את "נושאים שלא נפתרו" ויהיה מעליו.

חוץ מזה, עצבן אותי שהטולטיפ מאוד שונה מהטולטיפ המקורי

אז עצבתי את זה כמו הטולטיפ המקורי

ואז נזכרתי שבסקריפט שלי בכלל אין טולטיפ...

אז הוספתי גם בו טולטיפ

וגם הגדרתי שכשהסרגל כפתורים במצב מורחב, אז:

1. הטולטיפ לא יהיה מוצג
2. יהיה כתוב "נצפו לאחרונה"
   

וגם הסרתי קטעים מיותרים בקוד (והיה קצת יותר מידי...)
אז תהנה:

עריכה: תוקן באג שגרם שיראו רק כ-15 נושאים, ועכשיו הוא שומר את ה-100 נושאים אחרונים שנצפו.

בנוסף, הוספתי כפתור ליד כל נושא למחיקה של אותו הנושא.

    //   , שיפרתי את הלוגיקה של הסקריפט וניקיתי אותו משורות מיותרות.

Spoiler

נכון שעכשיו הוא כמעט כפול שורות מלפני זה,
אבל זה נטו בגלל שבמקום לדחוס הרבה קטעי קוד בשורה אחת, כמנהג ה-AI
שמתי כל קטע קוד בשורה נפרדת, כדי שהסקריפט יהיה קריא וברור יותר

// ==UserScript==
// @name        רשימת נושאים שנצפו לאחרונה במתמחים.טופ
// @namespace   http://tampermonkey.net/
// @version     2.0.6
// @description סקריפט שמוסיף למתמחים.טופ כפתור לרשימת הנושאים שנצפו לאחרונה.
// @author      לאצי&AI
// @match       https://mitmachim.top/*
// @icon        https://mitmachim.top/assets/uploads/files/1744298283200-font_awesome_5_solid_history.svg.png
// @grant       GM_addStyle
// @grant       GM_getValue
// @grant       GM_setValue
// @grant       GM_deleteValue
// @run-at      document-idle
// ==/UserScript==

(function() {
    'use strict';

    const config = {
        storageKey: 'mitmachim_last_viewed_topics',
        maxHistoryItems: 100,
        topicUrlPrefix: 'https://mitmachim.top/topic/',
        debounceDelay: 300,
        dependencyCheck: {
            maxChecks: 120,
            checkInterval: 100,
        },
        tooltip: {
            text: "נצפו לאחרונה",
            gap: -88.5,
        },
        selectors: {
            navBar: 'nav[component="sidebar/left"] ul#main-nav',
            topicTitleSpan: 'h1[component="post/header"] span[component="topic/title"]',
            recentPostsItem: 'li a[href="/recent"]',
            unresolvedTopicsItem: 'li[data-bs-original-title="נושאים שלא נפתרו"]',
            contentArea: '#content',
            popup: '#last-viewed-popup',
            popupList: '#last-viewed-list',
            popupSearchInput: '#last-viewed-search',
            popupNoResults: '#last-viewed-no-results',
            clearHistoryButton: '#clear-last-viewed',
            closePopupButton: '.close-popup-btn',
            sidebarButtonLi: '#last-viewed-btn-li',
            sidebarButtonAnchor: 'a#last-viewed-btn',
        },
        cssClasses: {
            navItem: 'nav-item mx-2',
            navLink: 'nav-link navigation-link d-flex gap-2 justify-content-between align-items-center',
            navTextSpan: 'd-flex gap-2 align-items-center text-nowrap truncate-open',
            navTextInnerSpan: 'nav-text small visible-open fw-semibold text-truncate',
            badge: 'position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary hidden',
            iconSpan: 'position-relative',
            popupControls: 'popup-controls',
            closePopupButton: 'close-popup-btn',
            deleteButton: 'last-viewed-delete-btn',
        },
        html: {
            sidebarButton: `
                <li class="nav-item mx-2" id="last-viewed-btn-li" data-bs-original-title="נצפו לאחרונה">
                    <a class="nav-link navigation-link d-flex gap-2 justify-content-between align-items-center" href="#" role="button" id="last-viewed-btn" aria-label="נצפו לאחרונה">
                        <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
                            <span class="position-relative">
                                <i class="fa fa-fw fa-history" data-content=""></i>
                                <span component="navigation/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary hidden"></span>
                            </span>
                            <span class="nav-text small visible-open fw-semibold text-truncate">נצפו לאחרונה</span>
                        </span>
                        <span component="navigation/count" class="visible-open badge rounded-1 bg-primary hidden"></span>
                    </a>
                </li>
            `,
            deleteIcon: '<i class="fa fa-trash"></i>',
        },
    };

    const styles = `
        #last-viewed-popup { display: flex; flex-direction: column; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 550px; max-height: 80vh; overflow-y: auto; background-color: var(--bs-body-bg, #ffffff); color: var(--bs-body-color, #212529); border: 1px solid var(--bs-border-color, #dee2e6); box-shadow: 0 5px 15px rgba(0,0,0,0.2); padding: 20px; z-index: 1060; direction: rtl; font-family: "Assistant", sans-serif; font-size: 14px; border-radius: var(--bs-border-radius, 0.375rem); }
        #last-viewed-popup h2 { flex-shrink: 0; margin-top: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0,0,0,0.175)); color: var(--bs-heading-color, inherit); text-align: right; font-size: 1.25rem; font-weight: 600; }
        #last-viewed-popup ul#last-viewed-list { flex-grow: 1; list-style: none; padding: 0; margin: 0; overflow-y: auto; }
        #last-viewed-popup li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed var(--bs-border-color-translucent, rgba(0,0,0,0.1)); text-align: right; line-height: 1.5; padding-left: 25px; }
        #last-viewed-popup li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
        #last-viewed-popup a { text-decoration: none; color: var(--bs-link-color, #0d6efd); font-weight: 600; }
        #last-viewed-popup a:hover { text-decoration: underline; color: var(--bs-link-hover-color, #0a58ca); }
        #last-viewed-popup .popup-controls { flex-shrink: 0; display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding-top: 10px; border-top: 1px solid var(--bs-border-color-translucent, rgba(0,0,0,0.175)); }
        #last-viewed-popup .close-popup-btn, #last-viewed-popup #clear-last-viewed { padding: 0.375rem 0.75rem; font-size: 0.9rem; border-radius: var(--bs-border-radius-sm, 0.25rem); cursor: pointer; text-align: center; vertical-align: middle; user-select: none; border: 1px solid transparent; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
        #last-viewed-popup .close-popup-btn { color: var(--bs-secondary-color, #6c757d); background-color: var(--bs-secondary-bg, #e9ecef); border-color: var(--bs-secondary-border, #dee2e6); }
        #last-viewed-popup .close-popup-btn:hover { background-color: var(--bs-secondary-active-bg, #ced4da); }
        #last-viewed-popup #clear-last-viewed { color: var(--bs-danger-color, #dc3545); background-color: var(--bs-danger-bg, #f8d7da); border-color: var(--bs-danger-border, #f5c2c7); }
        #last-viewed-popup #clear-last-viewed:hover { background-color: var(--bs-danger-active-bg, #f1aeb5); }
        #last-viewed-popup::-webkit-scrollbar { width: 7px; height: 7px; background-color: #e6f9ff; border-radius: 4px; }
        #last-viewed-popup::-webkit-scrollbar-thumb { background: #99ceff; border-radius: 100px; }
        #last-viewed-popup::-webkit-scrollbar:hover { width: 12px; }
        /* Search box styles */
        #last-viewed-search-container { flex-shrink: 0; margin-bottom: 15px; }
        #last-viewed-search { width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-clip: padding-box; border: 1px solid var(--bs-border-color); appearance: none; border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
        #last-viewed-search:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); }
        #last-viewed-search::placeholder { color: #6c757d; opacity: 1; }
        #last-viewed-no-results { text-align: center; color: #6c757d; margin-top: 1rem; display: none; }
        /* Dynamic Tooltip Styles */
        #last-viewed-dynamic-tooltip{position:fixed;background-color:#212529;color:#fff;padding:2px 10px;border-radius:6px;font-size:16px;font-weight:150;font-family:"Assistant",sans-serif;white-space:nowrap;z-index:1100;pointer-events:none;--arrow-size:6px;}
        #last-viewed-dynamic-tooltip::before{content:"";position:absolute;top:50%;left:100%;margin-top:calc(-1*var(--arrow-size));border-width:var(--arrow-size);border-style:solid;border-color:transparent transparent transparent #212529;}
        /* Delete Button Style */
        .${config.cssClasses.deleteButton} { position: absolute; left: 5px; top: 35%; transform: translateY(-50%); background: none; border: none; color: #dc3545; cursor: pointer; opacity: 0; transition: opacity 0.3s ease-in-out; font-size: 1.0em; }
        #last-viewed-popup li:hover .${config.cssClasses.deleteButton} { opacity: 1; }
    `;
    GM_addStyle(styles);

    function getLastViewed() {
        const data = GM_getValue(config.storageKey, '[]');
        try {
            return JSON.parse(data);
        } catch (e) {
            return [];
        }
    }

    function setLastViewed(items) {
        GM_setValue(config.storageKey, JSON.stringify(items));
    }

    function addTopicToHistory(topicTitle, topicUrl) {
        if (!topicTitle || !topicUrl) return;
        topicTitle = topicTitle.trim();
        const normalizedUrl = topicUrl.split('?')[0].split('#')[0];
        let items = getLastViewed();
        const existingIndex = items.findIndex(item => item && item.url === normalizedUrl && item.title === topicTitle);
        if (existingIndex !== -1) {
            const existingItem = items.splice(existingIndex, 1)[0];
            existingItem.timestamp = Date.now();
            items.push(existingItem);
        } else {
            items.push({ title: topicTitle, url: normalizedUrl, timestamp: Date.now() });
        }
        setLastViewed(items);
    }

    function getTopicDetailsFromPage() {
        const currentUrl = window.location.href;
        if (!currentUrl.startsWith(config.topicUrlPrefix)) {
            return null;
        }
        let title = '';
        let $titleSpan = $(config.selectors.topicTitleSpan);
        if ($titleSpan.length > 0) {
            let $tempSpan = $titleSpan.clone();
            $tempSpan.find('span[style*="font-size: 10px"]').remove();
            title = $tempSpan.text().replace(/\s+/g, ' ').trim();
        }
        if (!title) {
            title = document.title.replace(/ \| מתמחים טופ.*/, '').trim();
        }
        const normalizedUrl = currentUrl.split('?')[0].split('#')[0];
        return { title: title, url: normalizedUrl };
    }

    let debounceTimer;
    function debounce(func, delay) {
        return function(...args) {
            clearTimeout(debounceTimer);
            debounceTimer = setTimeout(() => {
                if (typeof func === 'function') {
                    func.apply(this, args);
                }
            }, delay);
        };
    }
    const saveCurrentTopicDebounced = debounce(function() {
        const currentTopic = getTopicDetailsFromPage();
        if (currentTopic && currentTopic.title) {
            addTopicToHistory(currentTopic.title, currentTopic.url);
        }
    }, config.debounceDelay);

    function closePopupAndRemoveListener() {
        const $popup = $(config.selectors.popup);
        if ($popup.length) {
            $(document).off('click.closeLastViewed');
            $popup.remove();
        }
    }

    function addClosePopupListener() {
        $(document).off('click.closeLastViewed');
        $(document).on('click.closeLastViewed', function(event) {
            if (!$(config.selectors.popup).length) {
                $(document).off('click.closeLastViewed');
                return;
            }
            if (!$(event.target).closest(config.selectors.popup).length && !$(event.target).closest(config.selectors.sidebarButtonLi).length) {
                closePopupAndRemoveListener();
            }
        });
    }

    function filterLastViewedList() {
        const searchTerm = $(config.selectors.popupSearchInput).val().toLowerCase().trim();
        const $listItems = $(config.selectors.popupList + ' li');
        let visibleCount = 0;
        $listItems.each(function() {
            const $item = $(this);
            const itemText = $item.find('a').text().toLowerCase();
            if (itemText.includes(searchTerm)) {
                $item.show();
                visibleCount++;
            } else {
                $item.hide();
            }
        });
        if (visibleCount === 0 && $listItems.length > 0) {
            $(config.selectors.popupNoResults).show();
        } else {
            $(config.selectors.popupNoResults).hide();
        }
    }

    function showLastViewedPopup() {
        if ($(config.selectors.popup).length) return;
        closePopupAndRemoveListener();
        let items = getLastViewed();
        const uniqueItems = [];
        const seenTitles = new Set();

        for (let i = items.length - 1; i >= 0; i--) {
            const item = items[i];
            if (!seenTitles.has(item.title)) {
                uniqueItems.push(item);
                seenTitles.add(item.title);
            }
        }

        items = uniqueItems;

        const popup = document.createElement('div');
        popup.id = config.selectors.popup.substring(1);
        const searchContainer = document.createElement('div');
        searchContainer.id = 'last-viewed-search-container';
        const searchInput = document.createElement('input');
        searchInput.type = 'search';
        searchInput.id = config.selectors.popupSearchInput.substring(1);
        searchInput.placeholder = 'חיפוש בנצפו לאחרונה...';
        searchInput.className = 'form-control';
        searchContainer.appendChild(searchInput);
        popup.appendChild(searchContainer);
        const title = document.createElement('h2');
        title.textContent = 'שרשורים שנצפו לאחרונה';
        popup.appendChild(title);
        if (items.length === 0) {
            const emptyMsg = document.createElement('p');
            emptyMsg.textContent = 'לא נצפו שרשורים לאחרונה.';
            popup.appendChild(emptyMsg);
        } else {
            const list = document.createElement('ul');
            list.id = config.selectors.popupList.substring(1);
            for (let i = 0; i < items.length; i++) {
                const item = items[i];
                const listItem = document.createElement('li');
                const link = document.createElement('a');
                link.href = item.url;
                link.textContent = item.title || 'ללא כותרת';
                link.target = '_blank';
                listItem.appendChild(link);

                const deleteButton = document.createElement('button');
                deleteButton.className = config.cssClasses.deleteButton;
                deleteButton.innerHTML = config.html.deleteIcon;
                deleteButton.addEventListener('click', function(event) {
                    event.stopPropagation();
                    const itemToRemoveUrl = item.url;
                    let currentHistory = getLastViewed();
                    currentHistory = currentHistory.filter(historyItem => historyItem.url !== itemToRemoveUrl);
                    setLastViewed(currentHistory);
                    $(listItem).remove();
                    if ($(config.selectors.popupList + ' li').length === 0) {
                        $(config.selectors.popupNoResults).text('לא נצפו שרשורים לאחרונה.').show();
                    }
                });
                listItem.appendChild(deleteButton);

                list.appendChild(listItem);
            }
            popup.appendChild(list);
            const noResultsMsg = document.createElement('p');
            noResultsMsg.id = config.selectors.popupNoResults.substring(1);
            noResultsMsg.textContent = 'לא נמצאו שרשורים תואמים.';
            popup.appendChild(noResultsMsg);
        }
        const controlsDiv = document.createElement('div');
        controlsDiv.className = config.cssClasses.popupControls;
        const clearButton = document.createElement('button');
        clearButton.textContent = 'נקה היסטוריה';
        clearButton.id = config.selectors.clearHistoryButton.substring(1);
        controlsDiv.appendChild(clearButton);
        const closeButton = document.createElement('button');
        closeButton.textContent = 'סגור';
        closeButton.className = config.cssClasses.closePopupButton;
        controlsDiv.appendChild(closeButton);
        popup.appendChild(controlsDiv);
        document.body.appendChild(popup);
        $(config.selectors.clearHistoryButton).on('click', function(e) {
            e.stopPropagation();
            if (confirm('האם אתה בטוח שברצונך למחוק את היסטוריית הצפייה?')) {
                GM_deleteValue(config.storageKey);
                closePopupAndRemoveListener();
            }
        });
        $(config.selectors.closePopupButton).on('click', function(e) {
            e.stopPropagation();
            closePopupAndRemoveListener();
        });
        $(config.selectors.popupSearchInput).on('input', filterLastViewedList);
        setTimeout(addClosePopupListener, 50);
        $(config.selectors.popupSearchInput).trigger('focus');
    }

    let currentTooltip = null;
    function showDynamicTooltip(targetElement) {
        const sidebar = document.querySelector('nav[component="sidebar/left"]');
        if (sidebar && sidebar.classList.contains('open')) {
            return;
        }
        removeDynamicTooltip();
        currentTooltip = document.createElement('div');
        currentTooltip.id = 'last-viewed-dynamic-tooltip';
        currentTooltip.textContent = config.tooltip.text;
        document.body.appendChild(currentTooltip);
        const rect = targetElement.getBoundingClientRect();
        const tooltipRect = currentTooltip.getBoundingClientRect();
        let top = rect.top + (rect.height / 2) - (tooltipRect.height / 2);
        let left = rect.left + rect.width + config.tooltip.gap - 58;
        if (top < 5) top = 5;
        if (top + tooltipRect.height > window.innerHeight - 5) top = window.innerHeight - tooltipRect.height - 5;
        if (left + tooltipRect.width > window.innerWidth - 5) left = window.innerWidth - tooltipRect.width - 5;
        currentTooltip.style.top = `${top}px`;
        currentTooltip.style.left = `${left}px`;
        currentTooltip.style.right = 'auto';
    }

    function removeDynamicTooltip() {
        if (currentTooltip) {
            currentTooltip.remove();
            currentTooltip = null;
        }
    }

    function createSidebarButton() {
        if ($(config.selectors.sidebarButtonLi).length > 0) {
            return;
        }
        const $navList = $(config.selectors.navBar);
        if ($navList.length === 0) {
            return;
        }
        const $recentPostsItem = $navList.find(config.selectors.recentPostsItem).closest('li');
        if ($recentPostsItem.length === 0) {
            return;
        }

        const $newItem = $(config.html.sidebarButton);

        $newItem.find(config.selectors.sidebarButtonAnchor).on('click', function(event) {
            event.preventDefault();
            event.stopPropagation();
            removeDynamicTooltip();
            showLastViewedPopup();
        });
        $newItem.on('mouseenter', function(event) {
            showDynamicTooltip(event.currentTarget);
        }).on('mouseleave', function() {
            removeDynamicTooltip();
        });

        try {
            $newItem.insertBefore($(config.selectors.unresolvedTopicsItem));
            setTimeout(() => {
                if ($(config.selectors.sidebarButtonLi).length > 0) {
                } else {
                }
            }, 50);
        } catch (e) {
        }
    }

    let observer = null;
    function setupMutationObserver() {
        const targetNode = document.querySelector(config.selectors.contentArea);
        if (!targetNode) {
            setTimeout(setupMutationObserver, 1000);
            return;
        }
        const observerConfig = { childList: true, subtree: true };
        const observerCallback = function(mutationsList, observer) {
            let titleSpanFound = false;
            for (const mutation of mutationsList) {
                if (mutation.type === 'childList') {
                    mutation.addedNodes.forEach(node => {
                        if (node.nodeType === Node.ELEMENT_NODE) {
                            if ($(node).find(config.selectors.topicTitleSpan).length > 0 || $(node).is(config.selectors.topicTitleSpan)) {
                                titleSpanFound = true;
                            }
                        }
                    });
                }
                if (titleSpanFound) break;
            }
            if (titleSpanFound) {
                saveCurrentTopicDebounced();
            }
        };
        observer = new MutationObserver(observerCallback);
        observer.observe(targetNode, observerConfig);

        const parentObserver = new MutationObserver(mutations => {
            mutations.forEach(mutation => {
                mutation.removedNodes.forEach(removedNode => {
                    if (removedNode.id === config.selectors.contentArea.substring(1)) {
                        if (observer) observer.disconnect();
                        setTimeout(setupMutationObserver, 50);
                    }
                });
            });
        });
        if (targetNode.parentNode) {
            parentObserver.observe(targetNode.parentNode, { childList: true });
        }
    }

    function ensureDependencies(callback) {
        let checks = 0;
        const interval = setInterval(function() {
            const jQueryReady = typeof $ === 'function';
            const $navList = jQueryReady ? $(config.selectors.navBar) : null;
            const navListReady = $navList && $navList.length > 0;

            if (navListReady) {
                clearInterval(interval);
                try {
                    callback();
                } catch (e) {
                }
            } else {
                checks++;
                if (checks >= config.dependencyCheck.maxChecks) {
                    clearInterval(interval);
                }
            }
        }, config.dependencyCheck.checkInterval);
    }

    function initialize() {
        if (typeof createSidebarButton !== 'function' || typeof saveCurrentTopicDebounced !== 'function' || typeof setupMutationObserver !== 'function') {
            return;
        }
        createSidebarButton();
        saveCurrentTopicDebounced();
        setupMutationObserver();
    }

    ensureDependencies(initialize);

})();