MediaWiki:Common.js: Difference between revisions

No edit summary
Tag: Reverted
Undo revision 7268 by Vaishnavi (talk)
Tag: Undo
Line 1: Line 1:
/**
/* MediaWiki:Common.js */
* gr_annotations.js —  grantha.io inline Notes + Bookmarks + Footnotes + Feedback  (v6 + Strategy B + Footnotes tab)
*/


/* global mw, $ */
(function () {
( function () {
  'use strict';


  var CONTENT_SEL  = '#mw-content-text';
     var LS_SCRIPT_KEY = 'grantha_reader_script';
  var BM_LS_KEY     = 'grantha_bm_'  + ( ( window.mw && mw.config.get( 'wgPageName' ) ) || '' );
     var currentScript = 'deva';
  var NT_LS_KEY    = 'grantha_nt_' + ( ( window.mw && mw.config.get( 'wgPageName' ) ) || '' );
  var pageTitle     = ( window.mw && mw.config.get( 'wgPageName' ) ) || '';
  var currentUser  = ( window.mw && mw.config.get( 'wgUserName' ) ) || '';
  var userInitial  = currentUser ? currentUser.charAt( 0 ).toUpperCase() : '?';
  var currentUserEmail = '';


  if ( currentUser && window.mw ) {
    function devanagariToTamil(text) {
    new mw.Api().get({ action: 'query', meta: 'userinfo', uiprop: 'email', formatversion: 2 })
        var CONSONANTS = {
      .then( function (data) {
            'क': 'க', 'ख': 'க', 'ग': 'க', 'घ': 'க', 'ङ': 'ங',
        var info = data && data.query && data.query.userinfo;
            'च': 'ச', 'छ': 'ச', 'ज': 'ஜ', 'झ': 'ஜ', 'ञ': 'ஞ',
        if ( info && info.email ) currentUserEmail = info.email;
            'ट': 'ட', 'ठ': 'ட', 'ड': 'ட', 'ढ': 'ட', 'ण': 'ண',
      } ).catch( function () {} );
            'त': 'த', 'थ': 'த', 'द': 'த', 'ध': 'த', 'न': 'ந',
  }
            'प': 'ப', 'फ': 'ப', 'ब': 'ப', 'भ': 'ப', 'म': 'ம',
            'य': 'ய', 'र': 'ர', 'ल': 'ல', 'ळ': 'ள', 'व': 'வ',
            'श': 'ஶ', 'ष': 'ஷ', 'स': 'ஸ', 'ह': 'ஹ'
        };
        var DIACRITICS = {
            'ा': 'ா', 'ि': 'ி', 'ी': 'ீ', 'ु': 'ு', 'ू': 'ூ',
            'े': 'ே', 'ै': 'ை', 'ो': 'ோ', 'ौ': 'ௌ'
        };
        var VOWELS = {
            'अ': 'அ', 'आ': 'ஆ', 'इ': 'இ', 'ई': 'ஈ', 'उ': 'உ', 'ऊ': 'ஊ',
            'ए': 'ஏ', 'ऐ': 'ஐ', 'ओ': 'ஓ', 'औ': 'ஔ', 'ऽ': 'ऽ'
        };
        var MISC = {
            'ं':'ம்', 'ः':':', 'ँ':'ம்', 'ॐ':'ௐ',
            '०': '0', '१': '1', '२': '2', '३': '3', '४': '4',
            '५': '5', '६': '6', '७': '7', '८': '8', '९': '9'
        };
        var HALANTA = '्';
        var chars = Array.from(text), result = '', i = 0;
        while (i < chars.length) {
            var ch = chars[i], next = chars[i + 1];
            if (CONSONANTS[ch]) {
                var base = CONSONANTS[ch];
                if (next === HALANTA) { result += base + '்'; i += 2; }
                else if (next === 'ृ') { result += base + '்ரி'; i += 2; }
                else if (next === 'ॄ') { result += base + '்ரீ'; i += 2; }
                else if (DIACRITICS[next]) { result += base + DIACRITICS[next]; i += 2; }
                else { result += base; i++; }  // inherent 'a'
            }
            else if (ch === 'ऋ') { result += 'ரி'; i++; }
            else if (ch === 'ॠ') { result += 'ரீ'; i++; }
            else if (VOWELS[ch]) { result += VOWELS[ch]; i++; }
            else if (MISC[ch]) { result += MISC[ch]; i++; }
            else { result += ch; i++; }
        }
        return result;
    }


  if ( window.mw ) {
    function devanagariToIAST(text) {
    var ns = mw.config.get( 'wgNamespaceNumber' );
        var CONSONANTS = {
    if ( ns < 0 ) return;
            'क': 'k', 'ख': 'kh', 'ग': 'g', 'घ': 'gh', 'ङ': 'ṅ',
  }
            'च': 'c', 'छ': 'ch', 'ज': 'j', 'झ': 'jh', 'ञ': 'ñ',
            'ट': 'ṭ', 'ठ': 'ṭh', 'ड': 'ḍ', 'ढ': 'ḍh', 'ण': 'ṇ',
            'त': 't', 'थ': 'th', 'द': 'd', 'ध': 'dh', 'न': 'n',
            'प': 'p', 'फ': 'ph', 'ब': 'b', 'भ': 'bh', 'म': 'm',
            'य': 'y', 'र': 'r', 'ल': 'l', 'ळ': 'ḷ', 'व': 'v',
            'श': 'ś', 'ष': 'ṣ', 'स': 's', 'ह': 'h'
        };
        var DIACRITICS = {
            'ा': 'ā', 'ि': 'i', 'ी': 'ī', 'ु': 'u', 'ू': 'ū',
            'ृ': 'ṛ', 'ॄ': 'ṝ', 'े': 'e', 'ै': 'ai', 'ो': 'o', 'ौ': 'au'
        };
        var VOWELS = {
            'अ': 'a', 'आ': 'ā', 'इ': 'i', 'ई': 'ī', 'उ': 'u', 'ऊ': 'ū',
            'ऋ': 'ṛ', 'ॠ': 'ṝ', 'ए': 'e', 'ऐ': 'ai', 'ओ': 'o', 'औ': 'au', 'ऽ': "'"
        };
        var MISC = {
            'ं': 'ṃ', 'ः': 'ḥ', 'ँ': 'm̐', 'ॐ': 'oṃ',
            '०': '0', '१': '1', '२': '2', '३': '3', '४': '4',
            '५': '5', '६': '6', '७': '7', '८': '8', '९': '9'
        };
        var HALANTA = '्';
        var chars = Array.from(text), result = '', i = 0;
        while (i < chars.length) {
            var ch = chars[i], next = chars[i + 1];
            if (CONSONANTS[ch]) {
                var base = CONSONANTS[ch];
                if (next === HALANTA) { result += base; i += 2; }
                else if (DIACRITICS[next]) { result += base + DIACRITICS[next]; i += 2; }
                else if (next === 'ं' || next === 'ः') { result += base + 'a' + MISC[next]; i += 2; }
                else { result += base + 'a'; i++; }
            }
            else if (VOWELS[ch]) { result += VOWELS[ch]; i++; }
            else if (DIACRITICS[ch]) { result += DIACRITICS[ch]; i++; }
            else if (MISC[ch]) { result += MISC[ch]; i++; }
            else { result += ch; i++; }
        }
        return result;
    }


  var _selRange  = null;
    var SCRIPT_MAP = {
  var _selText    = '';
        kn: {
  var _selRect    = null;
            'अ': 'ಅ', 'आ': 'ಆ', 'इ': 'ಇ', 'ई': 'ಈ', 'उ': 'ಉ', 'ऊ': 'ಊ', 'ऋ': 'ಋ', 'ॠ': 'ೠ',
  var _notes      = [];
            'ए': 'ಏ', 'ऐ': 'ಐ', 'ओ': 'ಓ', 'औ': 'ಔ', 'ऽ': 'ಽ',
  var _bookmarks  = [];
            'क': 'ಕ', 'ख': 'ಖ', 'ग': 'ಗ', 'घ': 'ಘ', 'ङ': 'ಙ',
  var _activeTab  = 'notes';
            'च': 'ಚ', 'छ': 'ಛ', 'ज': 'ಜ', 'झ': 'ಝ', 'ञ': 'ಞ',
  var _selVersion = 0;
            'ट': 'ಟ', 'ठ': 'ಠ', 'ड': 'ಡ', 'ढ': 'ಢ', 'ण': 'ಣ',
  var _fabSelVer  = -1;
            'त': 'ತ', 'थ': 'ಥ', 'द': 'ದ', 'ध': 'ಧ', 'न': 'ನ',
  var _mobile    = window.innerWidth < 768 || 'ontouchstart' in window;
            'प': 'ಪ', 'फ': 'ಫ', 'ब': 'ಬ', 'भ': 'ಭ', 'म': 'ಮ',
  var _fabTouched = false; // flag to prevent hideActions when tapping fab
            'य': 'ಯ', 'र': 'ರ', 'ल': 'ಲ', 'ळ': 'ಳ', 'व': 'ವ',
            'श': 'ಶ', 'ष': 'ಷ', 'स': 'ಸ', 'ह': 'ಹ',
            'ा': 'ಾ', 'ि': 'ಿ', 'ी': 'ೀ', 'ु': 'ು', 'ू': 'ೂ',
            'ृ': 'ೃ', 'ॄ': 'ೄ', 'े': 'ೇ', 'ै': 'ೈ', 'ो': 'ೋ', 'ौ': 'ೌ',
            'ं': 'ಂ', 'ः': 'ಃ', '्': '್', 'ँ': 'ಁ',
            '०': '೦', '१': '೧', '२': '೨', '३': '೩', '४': '೪',
            '५': '೫', '६': '೬', '७': '೭', '८': '೮', '९': '೯'
        },
        te: {
            'अ': 'అ', 'आ': 'ఆ', 'इ': 'ఇ', 'ई': 'ఈ', 'उ': 'ఉ', 'ऊ': 'ఊ', 'ऋ': 'ఋ', 'ॠ': 'ౠ',
            'ए': 'ఏ', 'ऐ': 'ఐ', 'ओ': 'ఓ', 'औ': 'ఔ', 'ऽ': 'ఽ',
            'क': 'క', 'ख': 'ఖ', 'ग': 'గ', 'घ': 'ఘ', 'ङ': 'ఙ',
            'च': 'చ', 'छ': 'ఛ', 'ज': 'జ', 'झ': 'ఝ', 'ञ': 'ఞ',
            'ट': 'ట', 'ठ': 'ఠ', 'ड': 'డ', 'ढ': 'ఢ', 'ण': 'ణ',
            'त': 'త', 'थ': 'థ', 'द': 'ద', 'ध': 'ధ', 'न': 'న',
            'प': 'ప', 'फ': 'ఫ', 'ब': 'బ', 'भ': 'భ', 'म': 'మ',
            'य': 'య', 'र': 'ర', 'ल': 'ల', 'ळ': 'ళ', 'व': 'వ',
            'श': 'శ', 'ष': 'ష', 'स': 'స', 'ह': 'హ',
            'ा': 'ా', 'ि': 'ి', 'ी': 'ీ', 'ु': 'ు', 'ू': 'ూ',
            'ृ': 'ృ', 'ॄ': 'ౄ', 'े': 'ే', 'ै': 'ై', 'ो': 'ో', 'ौ': 'ౌ',
            'ं': 'ం', 'ः': 'ః', '्': '్', 'ँ': 'ఁ',
            '०': '౦', '१': '౧', '२': '౨', '३': '౩', '४': '౪',
            '५': '౫', '६': '౬', '७': '౭', '८': '౮', '९': '౯'
        }
    };


  function uid() { return 'gra_' + Date.now() + '_' + Math.random().toString(36).slice(2,7); }
    var PRE = [
  function esc(s) {
        [/ङ्क/g, 'ंक'], [/ङ्ख/g, 'ंख'], [/ङ्ग/g, 'ंग'], [/ङ्घ/g, 'ंघ'],
    return String(s||'').replace(/&/g,'&amp;').replace(/</g,'&lt;')
        [/ञ्च/g, 'ंच'], [/ञ्ज/g, 'ंज'], [/ण्ट/g, 'ंट'], [/ण्ड/g, 'ंड'],
                        .replace(/>/g,'&gt;').replace(/"/g,'&quot;');
        [/न्त/g, 'ंत'], [/न्द/g, 'ंद'], [/म्ब/g, 'ंब'], [/म्भ/g, 'ंभ']
  }
     ];
  function nowIso() { return new Date().toISOString().replace(/\.\d{3}Z$/,'Z'); }
  function fmtTs(ts) {
    try {
      var d = new Date(ts);
      return d.toLocaleDateString('en-IN',{day:'numeric',month:'short',year:'numeric'})
          + ' ' + d.toLocaleTimeString('en-IN',{hour:'2-digit',minute:'2-digit',hour12:false});
     } catch(e){ return ts; }
  }
  function clamp(v,lo,hi){ return Math.max(lo,Math.min(hi,v)); }
  function isMobile() { return _mobile; }


  var $fab, $mobileBar, $panel, $backdrop;
    function transliterateText(text, script) {
  var $ntComposer, $ntInput, $ntSubmit;
        if (script === 'en') return devanagariToIAST(text);
  var $bmComposer, $bmInput, $bmSubmit;
        if (script === 'ta') return devanagariToTamil(text);
  var $fbComposer, $fbIssueType, $fbText, $fbEmail, $fbSubmit, $fbQuote;
        var map = SCRIPT_MAP[script];
  // CHANGED: added $tabFootnotes / $paneFootnotes alongside the existing
        if (!map) return text;
  // Notes/Bookmarks tab+pane refs, for the Footnotes tab. REMOVED: the
        var t = text;
  // earlier $tabSandarbha/$paneSandarbha — that feature was replaced by
        PRE.forEach(function (p) { t = t.replace(p[0], p[1]); });
  // the real Ullekha citation-index mechanism (see quickedit.js), which
        return Array.from(t).map(function (ch) {
  // works entirely through common.js's own site-wide logic and needs no
            return map[ch] !== undefined ? map[ch] : ch;
  // panel integration here at all.
        }).join('');
  var $tabNotes, $tabBookmarks, $tabFootnotes, $paneNotes, $paneBookmarks, $paneFootnotes;
    }


  function buildDom() {
     var translatableSpans = [];
     $fab = $( [
      '<div id="gra-fab" role="toolbar" aria-label="Feedback / Notes / Bookmark">',
      '  <button class="gra-fab-btn" id="gra-fab-note" type="button" aria-label="Note">',
      '    <span class="gra-icon gra-icon-note" aria-hidden="true"></span>',
      '    <span class="gra-fab-btn-label">Note</span>',
      '  </button>',
      '  <button class="gra-fab-btn" id="gra-fab-bookmark" type="button" aria-label="Mark">',
      '    <span class="gra-icon gra-icon-bookmark" aria-hidden="true"></span>',
      '    <span class="gra-fab-btn-label">Mark</span>',
      '  </button>',
      '  <button class="gra-fab-btn" id="gra-fab-feedback" type="button" aria-label="Feedback">',
      '    <span class="gra-icon gra-icon-feedback" aria-hidden="true"></span>',
      '    <span class="gra-fab-btn-label">Feedback</span>',
      '  </button>',
      '  <button class="gra-fab-btn" id="gra-fab-search" type="button" aria-label="Search">',
      '    <span class="gra-icon gra-icon-search" aria-hidden="true"></span>',
      '    <span class="gra-fab-btn-label">Search</span>',
      '  </button>',
      '  <button class="gra-fab-btn gra-fab-btn-dismiss" id="gra-fab-dismiss" type="button" aria-label="Dismiss">',
      '    <span class="gra-icon gra-icon-dismiss" aria-hidden="true"></span>',
      '    <span class="gra-fab-btn-label">Close</span>',
      '  </button>',
      '</div>',
    ].join('') );
    $('body').append($fab);


     $mobileBar = $('<div id="gra-mobile-bar"></div>');
     function tagTextNodes() {
    $('body').append($mobileBar);
        var content = document.querySelector('.mw-parser-output');
        if (content) {
            var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);
            var nodes = [];
            while (walker.nextNode()) nodes.push(walker.currentNode);
            nodes.forEach(function (node) {
                var p = node.parentNode;
                if (!p) return;
                if (p.hasAttribute && p.hasAttribute('data-deva')) return;
                if (p.closest) {
                    if (p.closest('.gr-controls')) return;
                    if (p.closest('.mw-editsection')) return;
                }
                var orig = node.textContent;
                if (!orig.trim()) return;
                var span = document.createElement('span');
                span.setAttribute('data-deva', orig);
                span.textContent = orig;
                p.replaceChild(span, node);
                translatableSpans.push(span);
            });
        }
        document.querySelectorAll('.vector-toc .vector-toc-text').forEach(function (span) {
            if (span.hasAttribute('data-deva')) return;
            var orig = span.textContent;
            if (!orig.trim()) return;
            span.setAttribute('data-deva', orig);
            translatableSpans.push(span);
        });
    }


     $fbComposer = $( [
     function applyScript(script) {
      '<div class="gra-composer" id="gra-fb-composer" role="dialog" aria-label="Send feedback">',
        currentScript = script;
      '  <div class="gra-composer-header">',
        translatableSpans.forEach(function (span) {
      '    <span class="gra-icon gra-icon-feedback" aria-hidden="true"></span>',
            if (!span.parentNode) return;
      '    <strong>Feedback</strong>',
            var orig = span.getAttribute('data-deva');
      '    <button class="gra-btn-x" id="gra-fb-close" title="Close">✕</button>',
            if (!orig) return;
      '  </div>',
            span.textContent = (script === 'deva')
      '  <div class="gra-fb-quote-label">Selected text:</div>',
                ? orig
      '  <div class="gra-fb-quote" id="gra-fb-quote"></div>',
                : transliterateText(orig, script);
      '  <div class="gra-fb-field-label">Issue type</div>',
        });
      ' <select class="gra-fb-select" id="gra-fb-issue">',
     }
      '    <option value="">— Choose —</option>',
      '    <option value="wrong_text">Formatting error</option>',
      '    <option value="reference_issue">Reference issue</option>',
      '   <option value="spelling_mistake">Spelling mistake</option>',
      '    <option value="other">Other</option>',
      '  </select>',
      '  <div class="gra-fb-field-label">Details (optional)</div>',
      '  <textarea class="gra-composer-input" id="gra-fb-text" placeholder="Describe the issue…" rows="3"></textarea>',
      '  <div class="gra-fb-field-label">Your email (optional)</div>',
      '  <input class="gra-composer-input gra-fb-email-input" id="gra-fb-email" type="email" placeholder="you@example.com" autocomplete="email">',
      '  <div class="gra-composer-actions">',
      '    <button class="gra-btn-cancel" id="gra-fb-cancel">Cancel</button>',
      '   <button class="gra-btn-submit" id="gra-fb-submit" disabled>Send</button>',
      '  </div>',
      '  <div class="gra-fb-status" id="gra-fb-status"></div>',
      '</div>',
    ].join('') );
     $('body').append($fbComposer);


     $ntComposer = $( [
     function _isNoTocPage() {
      '<div class="gra-composer" id="gra-nt-composer" role="dialog" aria-label="Add note">',
        var pn = (window.mw && mw.config && mw.config.get('wgPageName')) || '';
      '  <div class="gra-composer-user">',
        return pn === 'Main_Page' || /^[A-Za-z0-9_]+:About$/.test(pn);
      '    <div class="gra-avatar">' + esc(currentUser ? userInitial : '✎') + '</div>',
     }
      '    <div class="gra-composer-uname">' + esc(currentUser || 'Notes') + '</div>',
      '  </div>',
      '  <textarea class="gra-composer-input" id="gra-nt-input" placeholder="Write a note…" rows="3"></textarea>',
      ' <div class="gra-composer-actions">',
      '    <button class="gra-btn-cancel" id="gra-nt-cancel">Cancel</button>',
      '    <button class="gra-btn-submit" id="gra-nt-submit" disabled>Save Note</button>',
      '  </div>',
      '</div>',
    ].join('') );
     $('body').append($ntComposer);


     $bmComposer = $( [
     function renameTocTitle() {
      '<div class="gra-bm-composer" id="gra-bm-composer" role="dialog" aria-label="Bookmark">',
        if (_isNoTocPage()) return;
      ' <div class="gra-bm-composer-label">',
        var toc = document.querySelector('.vector-toc');
      '   <span class="gra-icon gra-icon-bookmark" aria-hidden="true"></span>',
        if (!toc) return;
      '    Save bookmark',
        var titleEl = toc.querySelector('.vector-toc-title') || toc.querySelector('.vector-pinnable-header-label');
      ' </div>',
        if (!titleEl) return;
      ' <input class="gra-composer-input" id="gra-bm-input" type="text" placeholder="Name this bookmark…" autocomplete="off">',
        var LABEL = 'विषयसूची';
      '  <div class="gra-composer-actions">',
        var span = titleEl.querySelector('.gr-toc-title');
      '    <button class="gra-btn-cancel" id="gra-bm-cancel">Cancel</button>',
        if (!span) {
      '   <button class="gra-btn-submit" id="gra-bm-submit">Save</button>',
            titleEl.innerHTML = '';
      '  </div>',
            span = document.createElement('span');
      '</div>',
            span.className = 'gr-toc-title';
    ].join('') );
            span.setAttribute('data-deva', LABEL);
    $('body').append($bmComposer);
            titleEl.appendChild(span);
            translatableSpans.push(span);
        }
        span.textContent = currentScript === 'deva' ? LABEL : transliterateText(LABEL, currentScript);
    }


     $panel = $( [
     function removeTocBeginning() {
      '<div id="gra-panel" role="complementary" aria-label="Notes">',
        if (_isNoTocPage()) return;
      '  <div id="gra-panel-head">',
        var toc = document.querySelector('.vector-toc');
      '    <div id="gra-panel-title"></div>',
        if (!toc) return;
      '   <button id="gra-panel-close" title="Close">✕</button>',
        var el = toc.querySelector('#vector-toc-beginning');
      '  </div>',
        if (!el) {
      '  <div id="gra-tabs">',
            var items = toc.querySelectorAll('.vector-toc-list-item');
      '    <button class="gra-tab gra-tab-active" id="gra-tab-notes">',
            for (var i = 0; i < items.length; i++) {
      '      <span class="gra-icon gra-icon-note" aria-hidden="true"></span> Notes',
                var a = items[i].querySelector('a');
      '    </button>',
                if (a) {
      '    <button class="gra-tab" id="gra-tab-bookmarks">',
                    var href = a.getAttribute('href') || '';
      '     <span class="gra-icon gra-icon-bookmark" aria-hidden="true"></span> Bookmarks',
                    if (href.indexOf('#') === -1) { el = items[i]; break; }
      '    </button>',
                }
      '    <button class="gra-tab" id="gra-tab-footnotes">',
            }
      '     <span class="gra-icon gra-icon-footnote" aria-hidden="true"></span> Footnotes',
        }
      '   </button>',
        if (el && el.parentNode) el.parentNode.removeChild(el);
      ' </div>',
    }
      '  <div id="gra-panel-body">',
      '    <div class="gra-pane gra-pane-active" id="gra-pane-notes"></div>',
      '    <div class="gra-pane" id="gra-pane-bookmarks"></div>',
      '    <div class="gra-pane" id="gra-pane-footnotes"></div>',
      '  </div>',
      '</div>',
    ].join('') );
    $('body').append($panel);


     $backdrop = $('<div id="gra-backdrop" aria-hidden="true"></div>');
     function expandTocSections() {
    $('body').append($backdrop);
        if (_isNoTocPage()) return;
        var toc = document.querySelector('.vector-toc');
        if (!toc) return;
        toc.querySelectorAll('.vector-toc-list-item-collapsed').forEach(function (li) {
            li.classList.remove('vector-toc-list-item-collapsed');
        });
    }


     var $toggle = $( [
     function injectTocDocNav() {
      '<button id="gra-toggle" aria-label="Notes">',
        if (_isNoTocPage()) return;
      ' <span class="gra-icon gra-icon-note" id="gra-toggle-icon" aria-hidden="true"></span>',
        var toc = document.querySelector('.vector-toc');
      ' <span id="gra-toggle-badge" aria-live="polite"></span>',
        if (!toc) return;
      '</button>',
        if (document.getElementById('gr-toc-doc-nav')) return;
    ].join('') );
        var artPath = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1';
    $('body').append($toggle);
        var pageTitle = (window.mw && mw.config && mw.config.get('wgPageName')) || '';
    $toggle.on('click', function() {
        var teekaPage = document.querySelector('.gr-teeka-page');
      $panel.hasClass('gra-panel-open') ? closePanel() : openPanel(_activeTab);
        var primarySlug = teekaPage ? (teekaPage.getAttribute('data-primary') || '') : '';
     });
        if (!primarySlug) { primarySlug = pageTitle.split('/')[0]; }
        if (!primarySlug) return;
        function wikiUrl(slug) {
            if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(slug);
            return artPath.replace('$1', encodeURIComponent(slug).replace(/%2F/g, '/'));
        }
        var docTitleEl = document.querySelector('.gr-doc-title');
        var hasMoolaPage = docTitleEl && docTitleEl.getAttribute('data-has-moola') === '1';
        var hasUllekhaPage = docTitleEl && docTitleEl.getAttribute('data-has-ullekha') === '1';
        var showMoolaPage = !teekaPage && hasMoolaPage;
        var showMoolaBack = !!teekaPage;
        var showUllekha = hasUllekhaPage || !!teekaPage;
        if (!showMoolaPage && !showMoolaBack && !showUllekha) return;
        var nav = document.createElement('div');
        nav.id = 'gr-toc-doc-nav';
        nav.setAttribute('class', 'toc-main-links');
        function makeBtn(href, label) {
            var a = document.createElement('a');
            a.href = href;
            a.setAttribute('class', 'toc-main-link-item');
            var lspan = document.createElement('span');
            lspan.setAttribute('data-deva', label);
            lspan.textContent = (currentScript && currentScript !== 'deva') ? transliterateText(label, currentScript) : label;
            translatableSpans.push(lspan);
            a.appendChild(lspan);
            a.addEventListener('mouseover', function () { this.style.opacity = '0.72'; });
            a.addEventListener('mouseout', function () { this.style.opacity = '1'; });
            return a;
        }
        if (showMoolaPage) nav.appendChild(makeBtn(wikiUrl(primarySlug + '/Moola'), 'मूलम्'));
        if (showMoolaBack) nav.appendChild(makeBtn(wikiUrl(primarySlug), 'मूल'));
        if (showUllekha) nav.appendChild(makeBtn(wikiUrl(primarySlug + '/Ullekha'), 'उल्लेख'));
        var tocContents = toc.querySelector('.vector-toc-contents');
        if (tocContents) toc.insertBefore(nav, tocContents);
        else toc.appendChild(nav);
     }


     $('#gra-panel-title').text(pageTitle.replace(/_/g,' ').split('/')[0].slice(0,30));
     var _headingObserver = null;
    $tabNotes    = $('#gra-tab-notes');
    $tabBookmarks = $('#gra-tab-bookmarks');
    $tabFootnotes = $('#gra-tab-footnotes');
    $paneNotes    = $('#gra-pane-notes');
    $paneBookmarks= $('#gra-pane-bookmarks');
    $paneFootnotes= $('#gra-pane-footnotes');
    $ntInput      = $('#gra-nt-input');
    $ntSubmit    = $('#gra-nt-submit');
    $bmInput      = $('#gra-bm-input');
    $bmSubmit    = $('#gra-bm-submit');
    $fbIssueType  = $('#gra-fb-issue');
    $fbText      = $('#gra-fb-text');
    $fbEmail      = $('#gra-fb-email');
    $fbSubmit    = $('#gra-fb-submit');
    $fbQuote      = $('#gra-fb-quote');
  }


  function captureSelection() {
    function attachHeadingObserver() {
    var sel = window.getSelection();
        if (_isNoTocPage()) return;
    if (!sel || sel.isCollapsed || !sel.rangeCount) return false;
        if (_headingObserver) return;
    var range = sel.getRangeAt(0);
        if (!window.IntersectionObserver) return;
    var text  = sel.toString().trim();
        var ACTIVE_COLOR = '#f57c00';
    if (!text || text.length < 2) return false;
        var _activeId = null;
    var contentEl = document.querySelector(CONTENT_SEL);
        var content = document.querySelector('.mw-parser-output');
    if (!contentEl) return false;
        if (!content) return;
    var ancestor = range.commonAncestorContainer;
        var headings = Array.from(content.querySelectorAll('h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]'));
    if (ancestor.nodeType === 3) ancestor = ancestor.parentNode;
        if (!headings.length) return;
    if (!ancestor || !contentEl.contains(ancestor)) return false;
        var toc = document.querySelector('.vector-toc');
    var _editorEl = document.getElementById('se-surface') ||
        if (!toc) return;
                     document.querySelector('.se-outer');
        function getTocLink(id) { return toc.querySelector('a[href="#' + CSS.escape(id) + '"]'); }
    if ( _editorEl && _editorEl.contains(ancestor) ) return false;
        function getTocLi(id) { var a = getTocLink(id); return a ? a.closest('.vector-toc-list-item') : null; }
    if ( document.body.classList.contains('gra-editing') ) return false;
        function clearActive() {
    _selText  = text;
            toc.querySelectorAll('.vector-toc-list-item').forEach(function (li) {
    _selRect  = range.getBoundingClientRect();
                li.classList.remove('vector-toc-list-item-active');
    try { _selRange = range.cloneRange(); }
                var lnk = li.querySelector('.vector-toc-link');
    catch(e){ _selRange = null; }
                if (!lnk) return;
    return true;
                lnk.style.removeProperty('color');
  }
                lnk.style.setProperty('font-weight', '400', 'important');
                lnk.querySelectorAll('*').forEach(function (el) { el.style.removeProperty('color'); el.style.setProperty('font-weight', '400', 'important'); });
            });
        }
        function setActive(id) {
            if (_activeId === id) return;
            _activeId = id;
            clearActive();
            if (!id) return;
            var li = getTocLi(id);
            if (!li) return;
            li.classList.add('vector-toc-list-item-active');
            var hasActiveChild = !!li.querySelector('.vector-toc-list-item .vector-toc-list-item-active');
            if (!hasActiveChild) {
                var lnk = li.querySelector('.vector-toc-link');
                if (lnk) {
                     lnk.style.setProperty('color', ACTIVE_COLOR, 'important');
                    lnk.style.setProperty('font-weight', '700', 'important');
                    lnk.querySelectorAll('*').forEach(function (el) { el.style.setProperty('color', ACTIVE_COLOR, 'important'); el.style.setProperty('font-weight', '700', 'important'); });
                }
            }
            var anc = li.parentNode;
            while (anc && anc !== toc) {
                if (anc.classList) anc.classList.remove('vector-toc-list-item-collapsed');
                if (anc.tagName === 'UL' || anc.tagName === 'LI') anc.style.removeProperty('display');
                anc = anc.parentNode;
            }
            var sticky = document.querySelector('.vector-sticky-pinned-container');
            var scrollEl = sticky || toc;
            if (scrollEl.scrollHeight > scrollEl.clientHeight) {
                var lr = li.getBoundingClientRect();
                var cr = scrollEl.getBoundingClientRect();
                if (lr.top < cr.top + 8 || lr.bottom > cr.bottom - 8) {
                    scrollEl.scrollTop += lr.top - cr.top - scrollEl.clientHeight / 2 + li.offsetHeight / 2;
                }
            }
        }
        var _visible = new Set();
        _headingObserver = new IntersectionObserver(function (entries) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) _visible.add(entry.target.id);
                else _visible.delete(entry.target.id);
            });
            var topId = null, topY = Infinity;
            _visible.forEach(function (id) {
                var el = document.getElementById(id);
                if (el) { var y = el.getBoundingClientRect().top; if (y >= 0 && y < topY) { topY = y; topId = id; } }
            });
            if (!topId) {
                var bestY = -Infinity;
                headings.forEach(function (h) { var y = h.getBoundingClientRect().top; if (y < 0 && y > bestY) { bestY = y; topId = h.id; } });
            }
            setActive(topId || null);
        }, { rootMargin: '-60px 0px -65% 0px', threshold: 0 });
        headings.forEach(function (h) { _headingObserver.observe(h); });
    }


  function reCaptureFromDOM() {
    function setupToc() {
    if (!_selText) return false;
        if (_isNoTocPage()) return;
    var contentEl = document.querySelector(CONTENT_SEL);
        var toc = document.querySelector('.vector-toc');
    if (!contentEl) return false;
        if (!toc) return;
    var found = findTextInContent(contentEl, _selText.slice(0,80).replace(/…$/,'').trim());
        removeTocBeginning();
    if (!found) return false;
        renameTocTitle();
    _selRange = found;
        expandTocSections();
     return true;
        injectTocDocNav();
  }
        attachHeadingObserver();
     }


  function tryShowActions() {
    function init() {
    if ($fbComposer && $fbComposer.hasClass('gra-composer-visible')) return;
        var HIDE_IDS = ['vector-appearance', 'vector-appearance-pinned-container', 'vector-appearance-unpinned-container'];
    if ($ntComposer && $ntComposer.hasClass('gra-composer-visible')) return;
        function removeHiddenEls() {
    if ($bmComposer && $bmComposer.hasClass('gra-composer-visible')) return;
            HIDE_IDS.forEach(function (id) { var el = document.getElementById(id); if (el && el.parentNode) el.parentNode.removeChild(el); });
    if (!captureSelection()) { hideActions(); return; }
            var pt = document.getElementById('vector-page-tools') || document.querySelector('.vector-page-tools-pinned-container');
    _fabSelVer = _selVersion;
            if (pt) pt.querySelectorAll('[aria-controls="vector-appearance"]').forEach(function (el) { if (el.parentNode) el.parentNode.removeChild(el); });
    showFab(_selRect);
        }
  }
        removeHiddenEls();
 
        (function detectTeekaMode() {
  function showFab(rect) {
            var tp = document.querySelector('.gr-teeka-page');
    if (!rect) return;
            if (!tp) return;
    var fabW, fabH, top, left;
            var primary = tp.getAttribute('data-primary') || '';
    if (_mobile) {
            var artPath = (window.mw && mw.config.get('wgArticlePath')) || '/wiki/$1';
      $fab.css({ position: '', top: '', left: '', visibility: '' })
            var mainUrl = artPath.replace('$1', primary);
          .addClass('gra-fab-visible gra-fab-mobile-docked');
            var refParam = window.location.search.match(/[?&]ref=([01])/);
      return;
            if (refParam) { document.body.classList.add(refParam[1] === '1' ? 'gr-ref-mode' : 'gr-standalone'); return; }
            var ref = document.referrer || '';
            document.body.classList.add((ref && primary && ref.indexOf(mainUrl) !== -1) ? 'gr-ref-mode' : 'gr-standalone');
        }());
        if (window.MutationObserver) {
            var hideObs = new MutationObserver(function (mutations) {
                var dirty = false;
                mutations.forEach(function (m) { if (m.addedNodes.length) dirty = true; });
                if (dirty) removeHiddenEls();
            });
            hideObs.observe(document.body, { childList: true, subtree: false });
            setTimeout(function () { hideObs.disconnect(); }, 6000);
        }
        var content = document.querySelector('.mw-parser-output');
        var alreadyTagged = content && content.querySelector('[data-deva]');
        if (!alreadyTagged) { translatableSpans = []; tagTextNodes(); }
        else {
            document.querySelectorAll('.vector-toc .vector-toc-text:not([data-deva])').forEach(function (span) {
                var orig = span.textContent; if (!orig.trim()) return;
                span.setAttribute('data-deva', orig); translatableSpans.push(span);
            });
        }
        var saved = (function () { try { return localStorage.getItem(LS_SCRIPT_KEY); } catch (e) { return null; } }());
        if (saved && saved !== 'deva') { applyScript(saved); } else { currentScript = 'deva'; }
        setTimeout(setupToc, 200);
     }
     }
    fabW = 46; fabH = 126;
    top  = rect.top + (rect.height / 2) - (fabH / 2);
    left = rect.right + 10;
    if (left + fabW > window.innerWidth - 8) left = rect.left - fabW - 10;
    top  = clamp(top,  8, window.innerHeight - fabH - 8);
    left = clamp(left, 8, window.innerWidth  - fabW - 8);
    $fab.css({ top: top + 'px', left: left + 'px' }).addClass('gra-fab-visible');
  }


  function hideFab() { $fab.removeClass('gra-fab-visible gra-fab-mobile-docked'); }
    window.addEventListener('gr-script-change', function (e) {
  function hideActions() { hideFab(); }
        var script = e && e.detail && e.detail.script;
        if (script) applyScript(script);
    });
 
    window.addEventListener('gr-new-content', function (e) {
        var container = e && e.detail && e.detail.container;
        if (!container) return;
        var walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT);
        var nodes = [];
        while (walker.nextNode()) nodes.push(walker.currentNode);
        nodes.forEach(function (node) {
            var p = node.parentNode;
            if (!p || (p.hasAttribute && p.hasAttribute('data-deva'))) return;
            var orig = node.textContent;
            if (!orig.trim()) return;
            var span = document.createElement('span');
            span.setAttribute('data-deva', orig);
            span.textContent = currentScript !== 'deva' ? transliterateText(orig, currentScript) : orig;
            p.replaceChild(span, node);
            translatableSpans.push(span);
        });
    });


  function wrapSelection(id, cssClass) {
    var range = _selRange;
    _selRange = null;
    if (!range) return null;
     try {
     try {
      if (!document.contains(range.startContainer) ||
        var _grBC = new BroadcastChannel('gr-script');
          !document.contains(range.endContainer)) return null;
        _grBC.onmessage = function (e) {
     } catch(e) { return null; }
            var script = e && e.data && e.data.script;
     function makeSpan() {
            if (script) { currentScript = script; var sel = document.querySelector('.gr-script-sel'); if (sel) sel.value = script; applyScript(script); }
      var sp = document.createElement('span');
        };
      sp.className = cssClass;
     } catch (e) { }
      sp.setAttribute('data-gra-id', id);
 
      return sp;
     if (window.mw) {
        mw.hook('wikipage.content').add(function () {
            setTimeout(function () {
                var content = document.querySelector('.mw-parser-output');
                var alreadyTagged = content && content.querySelector('[data-deva]');
                if (!alreadyTagged) { translatableSpans = []; tagTextNodes(); }
                else {
                    document.querySelectorAll('.vector-toc .vector-toc-text:not([data-deva])').forEach(function (span) {
                        var orig = span.textContent; if (!orig.trim()) return;
                        span.setAttribute('data-deva', orig); translatableSpans.push(span);
                    });
                }
                if (currentScript !== 'deva') applyScript(currentScript);
                setupToc();
            }, 150);
        });
     }
     }
    try {
      var span = makeSpan();
      range.surroundContents(span);
      if (span.parentNode) return span;
    } catch(e) {}
    try {
      var frag = range.extractContents();
      var sp2  = makeSpan();
      sp2.appendChild(frag);
      range.insertNode(sp2);
      if (sp2 && sp2.parentNode) return sp2;
    } catch(e2) {}
    return null;
  }


  function openFeedbackComposer() {
     if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); }
     hideActions();
     else { init(); }
    $fbQuote.text(_selText.slice(0,200) + (_selText.length > 200 ? '…' : ''));
 
    $fbIssueType.val('');
}());  /* ← end of main IIFE */
    $fbText.val('');
    $fbSubmit.prop('disabled', true);
    $('#gra-fb-status').text('').removeClass('gra-fb-ok gra-fb-err');
    if (currentUserEmail) $fbEmail.val(currentUserEmail);
     else $fbEmail.val('');
    if (!_mobile) $fbComposer.css({top:'', left:'', transform:''});
    $fbComposer.addClass('gra-composer-visible');
    $backdrop.addClass('gra-backdrop-visible');
    setTimeout(function(){ $fbIssueType.focus(); }, isMobile() ? 300 : 0);
   }


  function closeFeedbackComposer() {
    $fbComposer.removeClass('gra-composer-visible');
    $backdrop.removeClass('gra-backdrop-visible');
    _selRange = null; _selText = ''; _selRect = null;
  }


  function submitFeedback() {
// ── Inject "Help" and "About" links into the header ─────────────────
     var issueType = $fbIssueType.val();
(function () {
    var details  = $fbText.val().trim();
     function wikiHref(title) {
    var email    = $fbEmail.val().trim();
        if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(title);
    var quote    = $fbQuote.text();
        var ap = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1';
     if (!issueType) return;
        return ap.replace('$1', title);
     $fbSubmit.prop('disabled', true).text('Sending…');
     }
    $('#gra-fb-status').text('').removeClass('gra-fb-ok gra-fb-err');
     var linkStyle = ['color:rgba(255,255,255,0.88)', 'font-size:0.88em', 'font-family:system-ui,sans-serif', 'font-weight:500', 'text-decoration:none', 'padding:4px 10px', 'border-radius:4px', 'margin-right:4px', 'transition:color 0.15s,background 0.15s', 'white-space:nowrap'].join(';');
    var issueLabels = {
     function makeHeaderLink(id, href, label) {
      wrong_text: 'Formatting error', reference_issue: 'Reference issue',
        var a = document.createElement('a');
      spelling_mistake: 'Spelling mistake', other: 'Other'
        a.id = id; a.href = href; a.textContent = label; a.style.cssText = linkStyle;
    };
        a.addEventListener('mouseover', function () { this.style.color = '#fff'; this.style.background = 'rgba(255,255,255,0.12)'; });
     var payload = new FormData();
        a.addEventListener('mouseout', function () { this.style.color = 'rgba(255,255,255,0.88)'; this.style.background = 'transparent'; });
    payload.append('issue_type',    issueLabels[issueType] || issueType);
        return a;
    payload.append('page',          pageTitle.replace(/_/g,' '));
    }
    payload.append('url',          window.location.href);
    function injectHeaderLinks() {
    payload.append('selected_text', quote);
         if (document.getElementById('gr-about-link')) return;
    payload.append('details',       details || '');
         var headerEnd = document.querySelector('.vector-header-end') || document.querySelector('#vector-user-links') || document.querySelector('.mw-header');
    payload.append('user_email',   email || currentUserEmail || '');
        if (!headerEnd) return;
    payload.append('wiki_user',     currentUser || 'anonymous');
        var helpLink = makeHeaderLink('gr-help-link', wikiHref('My_wiki:Help'), 'Help');
    fetch('/feedback.php', {method:'POST', body:payload})
        var aboutLink = makeHeaderLink('gr-about-link', wikiHref('My_wiki:About'), 'About');
      .then(function(r){ return r.json(); })
      .then(function(data){
         if (data && data.ok) showFeedbackSuccess();
         else showFeedbackError(data && data.error ? data.error : 'Could not send.');
      })
      .catch(function(){ showFeedbackError('Network error. Please try again.'); });
  }


  function showFeedbackSuccess() {
        var userName = window.mw ? mw.config.get('wgUserName') : null;
    $fbSubmit.prop('disabled', false).text('Send');
        var isAnon = !userName || (window.mw && mw.config.get('wgUserId') === null);
    $('#gra-fb-status').text('✓ Feedback sent. Thank you!').addClass('gra-fb-ok');
    setTimeout(closeFeedbackComposer, 2500);
  }
  function showFeedbackError(msg) {
    $fbSubmit.prop('disabled', false).text('Send');
    $('#gra-fb-status').text('✗ ' + msg).addClass('gra-fb-err');
  }


  function openNoteComposer() {
        // Build the trailing auth element (Login link for anon, dropdown for logged-in)
    hideActions();
        var authEl = null;
    if (!_mobile) $ntComposer.css({ top: '', left: '', transform: '' });
        if (isAnon) {
    $ntComposer.addClass('gra-composer-visible');
            if (!document.getElementById('gr-header-login')) {
    $backdrop.addClass('gra-backdrop-visible');
                authEl = makeHeaderLink('gr-header-login', wikiHref('Special:UserLogin'), 'Login');
    setTimeout(function(){ $ntInput.focus(); }, isMobile() ? 300 : 0);
            }
  }
        } else if (!document.getElementById('gr-header-user')) {
            authEl = buildHeaderUserDropdown(userName);
        }


  function closeNoteComposer() {
        var ul = document.querySelector('.vector-user-links') || document.querySelector('#pt-userpage');
    $ntComposer.removeClass('gra-composer-visible');
        if (ul && ul.parentNode === headerEnd) {
    $backdrop.removeClass('gra-backdrop-visible');
            if (authEl) headerEnd.insertBefore(authEl, ul);
    $ntInput.val('');
            headerEnd.insertBefore(aboutLink, authEl || ul);
    $ntSubmit.prop('disabled', true);
            headerEnd.insertBefore(helpLink, aboutLink);
    _selRange = null; _selText = ''; _selRect = null;
        } else {
  }
            headerEnd.appendChild(helpLink);
            headerEnd.appendChild(aboutLink);
            if (authEl) headerEnd.appendChild(authEl);
        }
    }


  function submitNote() {
    function buildHeaderUserDropdown(userName) {
    var text = $ntInput.val().trim();
        var wrap = document.createElement('div');
    if (!text) return;
        wrap.id = 'gr-header-user';
    var id    = uid();
        wrap.style.cssText = 'position:relative;display:inline-block;margin-right:4px;';
    var ts    = nowIso();
    var quote = _selText.slice(0,120) + (_selText.length > 120 ? '…' : '');
    if (!_selRange && _selText) reCaptureFromDOM();
    var span  = wrapSelection(id, 'gra-note-highlight');
    if (span) span.setAttribute('data-gra-quote', quote);
    _notes.push({id:id, ts:ts, quote:quote, text:text});
    persistNotes();
    persistNoteHighlight(id, quote);
    renderNoteCards();
    closeNoteComposer();
    openPanel('notes');
  }


  function persistNotes() {
        var trigger = document.createElement('button');
    try { localStorage.setItem(NT_LS_KEY, JSON.stringify(_notes)); } catch(e){}
        trigger.id = 'gr-header-user-trigger';
  }
        trigger.type = 'button';
  function loadNotes() {
        trigger.setAttribute('aria-haspopup', 'true');
    try { var r = localStorage.getItem(NT_LS_KEY); if (r) _notes = JSON.parse(r)||[]; } catch(e){}
        trigger.setAttribute('aria-expanded', 'false');
  }
        trigger.style.cssText = [
            'display:inline-flex', 'align-items:center', 'gap:5px',
            'color:rgba(255,255,255,0.88)', 'font-size:0.88em',
            'font-family:system-ui,sans-serif', 'font-weight:500',
            'background:transparent', 'border:none', 'cursor:pointer',
            'padding:4px 10px', 'border-radius:4px', 'white-space:nowrap',
            'transition:color 0.15s,background 0.15s'
        ].join(';');
        trigger.innerHTML =
            '<span>' + userName.replace(/</g, '&lt;') + '</span>' +
            '<span id="gr-header-caret" style="font-size:0.8em;transition:transform 0.2s;">\u25be</span>';
        trigger.addEventListener('mouseover', function () { this.style.color = '#fff'; this.style.background = 'rgba(255,255,255,0.12)'; });
        trigger.addEventListener('mouseout', function () { if (menu.style.display === 'none') { this.style.color = 'rgba(255,255,255,0.88)'; this.style.background = 'transparent'; } });


  function openBookmarkComposer() {
        var menu = document.createElement('div');
    hideActions();
        menu.id = 'gr-header-user-menu';
    if (!_mobile) $bmComposer.css({ top: '', left: '', transform: '' });
        menu.setAttribute('role', 'menu');
    $bmComposer.addClass('gra-composer-visible');
        menu.style.cssText = [
    $backdrop.addClass('gra-backdrop-visible');
            'display:none', 'position:absolute', 'top:100%', 'right:0', 'margin-top:4px',
    setTimeout(function(){ $bmInput.focus(); }, isMobile() ? 300 : 0);
            'min-width:150px', 'background:#fff', 'border-radius:6px',
  }
            'box-shadow:0 4px 16px rgba(0,0,0,0.18)', 'overflow:hidden', 'z-index:1000'
        ].join(';');


  function closeBookmarkComposer() {
        var itemStyle = 'display:block;padding:10px 16px;font-size:0.9em;color:#2c1810;text-decoration:none;font-family:system-ui,sans-serif;background:#fff;';
    $bmComposer.removeClass('gra-composer-visible');
        function makeMenuItem(href, label, id) {
    $backdrop.removeClass('gra-backdrop-visible');
            var a = document.createElement('a');
    $bmInput.val('');
            a.href = href; a.setAttribute('role', 'menuitem');
    _selRange = null; _selText = ''; _selRect = null;
            a.textContent = label; a.style.cssText = itemStyle;
  }
            if (id) a.id = id;
            a.addEventListener('mouseover', function () { this.style.background = '#f5efe9'; });
            a.addEventListener('mouseout', function () { this.style.background = '#fff'; });
            return a;
        }


  function submitBookmark() {
        menu.appendChild(makeMenuItem(wikiHref('Special:Profile'), 'Profile'));
    var name  = $bmInput.val().trim() || ('Bookmark ' + (_bookmarks.length+1));
        menu.appendChild(makeMenuItem('#', 'Log out', 'gr-header-logout'));
    var id    = uid();
    var quote = _selText.slice(0,120) + (_selText.length > 120 ? '…' : '');
    if (!_selRange && _selText) reCaptureFromDOM();
    var span  = wrapSelection(id, 'gra-bookmark-highlight');
    if (span) { span.setAttribute('data-gra-id', id); span.setAttribute('data-gra-name', name); }
    _bookmarks.push({id:id, name:name, quote:quote, ts:nowIso()});
    persistBookmarks();
    renderBookmarkCards();
    closeBookmarkComposer();
    openPanel('bookmarks');
  }


  function deleteBookmark(id) {
        function setOpen(open) {
    _bookmarks = _bookmarks.filter(function(b){ return b.id !== id; });
            menu.style.display = open ? 'block' : 'none';
    var span = document.querySelector('[data-gra-id="'+id+'"].gra-bookmark-highlight');
            trigger.setAttribute('aria-expanded', open ? 'true' : 'false');
    if (span && span.parentNode) {
            var caret = document.getElementById('gr-header-caret');
      var p = span.parentNode;
            if (caret) caret.style.transform = open ? 'rotate(180deg)' : '';
      while (span.firstChild) p.insertBefore(span.firstChild, span);
            if (open) { trigger.style.color = '#fff'; trigger.style.background = 'rgba(255,255,255,0.12)'; }
      p.removeChild(span);
            else { trigger.style.color = 'rgba(255,255,255,0.88)'; trigger.style.background = 'transparent'; }
    }
        }
    persistBookmarks(); renderBookmarkCards();
  }


  function persistBookmarks() {
        trigger.addEventListener('click', function (e) {
    try { localStorage.setItem(BM_LS_KEY, JSON.stringify(_bookmarks)); } catch(e){}
            e.stopPropagation();
  }
            setOpen(menu.style.display === 'none');
  function loadBookmarks() {
        });
    try { var r = localStorage.getItem(BM_LS_KEY); if (r) _bookmarks = JSON.parse(r)||[]; } catch(e){}
        document.addEventListener('click', function (e) {
  }
            if (!wrap.contains(e.target)) setOpen(false);
        });


  function openPanel(tab) {
        // Logout: POST with CSRF token (same approach as the desktop dropdown)
    _activeTab = tab || _activeTab;
        menu.querySelector('#gr-header-logout').addEventListener('click', function (e) {
    switchTab(_activeTab);
            e.preventDefault();
    $panel.addClass('gra-panel-open');
            if (window.mw && mw.user && mw.user.tokens) {
    $backdrop.addClass('gra-backdrop-visible');
                var t = mw.user.tokens.get('csrfToken');
  }
                if (t) {
  function closePanel() {
                    var script = (mw.util && mw.util.wikiScript) ? mw.util.wikiScript() : '/index.php';
    $panel.removeClass('gra-panel-open');
                    var form = document.createElement('form');
    $backdrop.removeClass('gra-backdrop-visible');
                    form.method = 'post';
  }
                    form.action = script + '?title=Special:UserLogout';
  // CHANGED: added the footnotes case, alongside notes/bookmarks.
                    form.style.display = 'none';
  function switchTab(tab) {
                    form.innerHTML =
    _activeTab = tab;
                        '<input type="hidden" name="wpEditToken" value="' + String(t).replace(/"/g, '&quot;') + '">' +
    $tabNotes.toggleClass('gra-tab-active', tab==='notes');
                        '<input type="hidden" name="title" value="Special:UserLogout">' +
    $tabBookmarks.toggleClass('gra-tab-active', tab==='bookmarks');
                        '<input type="hidden" name="returnto" value="Main Page">';
    $tabFootnotes.toggleClass('gra-tab-active', tab==='footnotes');
                    document.body.appendChild(form);
    $paneNotes.toggleClass('gra-pane-active', tab==='notes');
                    form.submit();
    $paneBookmarks.toggleClass('gra-pane-active', tab==='bookmarks');
                    return;
    $paneFootnotes.toggleClass('gra-pane-active', tab==='footnotes');
                }
    if (tab==='notes') renderNoteCards();
            }
    else if (tab==='bookmarks') renderBookmarkCards();
            if (window.mw && mw.Api) {
    else renderFootnoteCards();
                new mw.Api().postWithToken('csrf', { action: 'logout' })
  }
                    .done(function () { location.href = '/Main_Page'; })
                    .fail(function () { location.href = '/index.php?title=Special:UserLogout'; });
            } else {
                location.href = '/index.php?title=Special:UserLogout';
            }
        });


  function renderNoteCards() {
        wrap.appendChild(trigger);
    if (!_notes.length) {
        wrap.appendChild(menu);
      $paneNotes.html('<div class="gra-empty-state">No notes yet.<br>Select text and tap ✎ to add one.</div>');
        return wrap;
      return;
     }
     }
     var html = '';
     if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', injectHeaderLinks);
    _notes.slice().reverse().forEach(function(n){
    else injectHeaderLinks();
      html += '<div class="gra-note-card" data-gra-id="'+esc(n.id)+'">'
}());
            + '<div class="gra-card-header">'
 
            + '<span class="gra-icon gra-icon-note" aria-hidden="true"></span>'
            + '<div class="gra-card-meta">'
            + (n.ts ? '<div class="gra-card-ts">'+esc(fmtTs(n.ts))+'</div>' : '')
            + '</div>'
            + '<button class="gra-note-del" data-del-id="'+esc(n.id)+'" title="Delete">×</button>'
            + '</div>'
            + (n.quote ? '<div class="gra-card-quote">'+esc(n.quote)+'</div>' : '')
            + '<div class="gra-card-text">'+esc(n.text)+'</div>'
            + '</div>';
    });
    $paneNotes.html(html);
  }


  function deleteNote(id) {
// ── Main page: by-Grantha / by-Author toggle ──────────────────────
     _notes = _notes.filter(function(n){ return n.id !== id; });
(function () {
    var span = document.querySelector('[data-gra-id="'+id+'"].gra-note-highlight');
     function grHomeView(v) {
    if (span && span.parentNode) {
        var gView = document.getElementById('gr-view-grantha');
      var p = span.parentNode;
        var aView = document.getElementById('gr-view-author');
      while (span.firstChild) p.insertBefore(span.firstChild, span);
        var gBtn = document.getElementById('gr-toggle-grantha');
      p.removeChild(span);
        var aBtn = document.getElementById('gr-toggle-author');
        if (!gView || !aView || !gBtn || !aBtn) return;
        gView.style.display = (v === 'grantha') ? '' : 'none';
        aView.style.display = (v === 'author') ? '' : 'none';
        gBtn.className = 'gr-toggle-btn' + (v === 'grantha' ? ' gr-toggle-active' : '');
        aBtn.className = 'gr-toggle-btn' + (v === 'author' ? ' gr-toggle-active' : '');
        try { localStorage.setItem('gr_home_view', v); } catch (e) { }
     }
     }
    try {
}());
      var s = JSON.parse(localStorage.getItem(NT_LS_KEY+'_hl')||'[]');
 
      s = s.filter(function(h){ return h.id !== id; });
      localStorage.setItem(NT_LS_KEY+'_hl', JSON.stringify(s));
    } catch(e){}
    persistNotes(); renderNoteCards();
  }


  function renderBookmarkCards() {
// ── Ullekha reference link handler ─────────────────────────────────
     if (!_bookmarks.length) {
(function () {
      $paneBookmarks.html('<div class="gra-empty-state">No bookmarks yet.<br>Select text and tap 🔖 to save one.</div>');
     function highlightOnArrival() {
      return;
        var search = window.location.search;
        if (!search) return;
        var m = search.match(/[?&]hlUllekha=([^&]+)/);
        if (!m) return;
        var needle;
        try { needle = decodeURIComponent(m[1]); } catch (e) { return; }
        if (!needle || needle.length < 4) return;
        function doHighlight() {
            var content = document.querySelector('.mw-parser-output');
            if (!content) return;
            var snippet = needle.slice(0, 40);
            var found = false;
            var spans = content.querySelectorAll('[data-deva]');
            for (var i = 0; i < spans.length && !found; i++) {
                var spanEl = spans[i];
                var orig = spanEl.getAttribute('data-deva') || '';
                if (orig.indexOf(snippet) === -1) continue;
                var idx = orig.indexOf(snippet);
                var hlText = orig.slice(idx, Math.min(idx + needle.length, orig.length));
                var mark = document.createElement('mark');
                mark.className = 'gr-ullekha-highlight';
                mark.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;';
                mark.textContent = hlText;
                var parent = spanEl.parentNode;
                if (!parent) continue;
                var before = document.createTextNode(orig.slice(0, idx));
                var after = document.createTextNode(orig.slice(idx + hlText.length));
                parent.insertBefore(before, spanEl); parent.insertBefore(mark, spanEl); parent.insertBefore(after, spanEl); parent.removeChild(spanEl);
                setTimeout(function () { mark.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100);
                found = true;
            }
            if (!found) {
                var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);
                while (walker.nextNode() && !found) {
                    var node = walker.currentNode;
                    var txt = node.textContent || '';
                    if (txt.indexOf(snippet) === -1) continue;
                    var idx2 = txt.indexOf(snippet);
                    var mark2 = document.createElement('mark');
                    mark2.className = 'gr-ullekha-highlight';
                    mark2.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;';
                    mark2.textContent = txt.slice(idx2, Math.min(idx2 + needle.length, txt.length));
                    var p = node.parentNode;
                    p.insertBefore(document.createTextNode(txt.slice(0, idx2)), node);
                    p.insertBefore(mark2, node);
                    p.insertBefore(document.createTextNode(txt.slice(idx2 + mark2.textContent.length)), node);
                    p.removeChild(node);
                    setTimeout(function () { mark2.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100);
                    found = true;
                }
            }
        }
        doHighlight();
    }
    function wireUllekhaLinks() {
        document.querySelectorAll('.gr-ullekha-ref-link').forEach(function (wrap) {
            var anchor = wrap.getAttribute('data-anchor') || '';
            var hl = wrap.getAttribute('data-hl') || '';
            var a = wrap.querySelector('a');
            if (!a) return;
            var base = a.href.split('#')[0];
            var encoded = encodeURIComponent(hl);
            a.href = base + (hl ? '?hlUllekha=' + encoded : '') + (anchor ? '#' + anchor : '');
        });
     }
     }
     var html = '';
     if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { highlightOnArrival(); wireUllekhaLinks(); }); }
    _bookmarks.slice().reverse().forEach(function(b){
    else { highlightOnArrival(); wireUllekhaLinks(); }
      html += '<div class="gra-bookmark-card" data-gra-id="'+esc(b.id)+'">'
}());
            + '<span class="gra-icon gra-icon-bookmark" aria-hidden="true"></span>'
 
            + '<div class="gra-bookmark-info">'
/* ── Search result highlight ──────────────────────────────────── */
            + '<div class="gra-bookmark-name">'+esc(b.name)+'</div>'
/* EXACT REPLACEMENT for the search highlight IIFE in MediaWiki:Common.js.
            + (b.quote ? '<div class="gra-bookmark-quote">'+esc(b.quote)+'</div>' : '')
* Only changes from the original working version:
            + '</div>'
*  - Mobile bar: full-width terracotta bottom bar instead of floating pill
            + '<button class="gra-bookmark-del" data-del-id="'+esc(b.id)+'" title="Remove">×</button>'
*  - showDismissBar: guard added (if !count return) to prevent empty bar
            + '</div>';
* Everything else (storeQueryForLink, applyHighlight, wrapMatches) is
    });
* identical to the version that was working.
    $paneBookmarks.html(html);
*/
  }
(function () {


  // NEW: Footnotes tab — unlike Notes/Bookmarks, footnotes aren't personal
    function storeQueryForLink(url, query) {
  // localStorage annotations, they're real saved page content (QuickEdit
        try {
  // writes .gra-qe-footnotes/.gra-qe-footnote-item directly into the saved
            var a = document.createElement('a');
  // HTML). So this reads straight off the live DOM on every open, no
            a.href = url;
  // fetch, no storage — verified the scan + both-direction lookup logic
            sessionStorage.setItem('gr_search_hl', JSON.stringify({
  // against realistic saved-footnote HTML before wiring this in (6/6 pass).
                query: query,
  function renderFootnoteCards() {
                pathname: a.pathname
    var items = document.querySelectorAll(CONTENT_SEL + ' .gra-qe-footnote-item');
            }));
    if (!items.length) {
        } catch (e) { }
      $paneFootnotes.html('<div class="gra-empty-state">No footnotes on this page.</div>');
      return;
     }
     }
    var html = '';
    Array.prototype.forEach.call(items, function (li) {
      var numEl = li.querySelector('.gra-qe-footnote-num');
      var quoteEl = li.querySelector('.gra-qe-footnote-quote');
      var textEl = li.querySelector('.gra-qe-footnote-text');
      var num = numEl ? numEl.textContent.trim() : '';
      // CHANGED: was showing the NUMBER as the card's primary line and the
      // footnote's own note text as secondary — nowhere did it show WHICH
      // text in the document the footnote actually belongs to, which was
      // the whole point of being able to identify one footnote from
      // another. Now shows the referenced quote as primary (matching how
      // Notes/Bookmarks already identify themselves by quote, not by an
      // arbitrary id), with the number as a small prefix and the
      // footnote's own note text as secondary. Falls back to the note
      // text alone if a footnote predates this change and has no quote
      // span at all, rather than showing nothing.
      var quote = quoteEl ? quoteEl.textContent : '';
      var text = textEl ? textEl.textContent : (quoteEl ? '' : li.textContent);
      var primary = quote ? (num + ' ' + quote) : (num + ' ' + text);
      var id = li.getAttribute('data-gra-id') || '';
      html += '<div class="gra-bookmark-card gra-footnote-card" data-gra-id="'+esc(id)+'">'
            + '<span class="gra-icon gra-icon-footnote" aria-hidden="true"></span>'
            + '<div class="gra-bookmark-info">'
            + '<div class="gra-bookmark-name">'+esc(primary)+'</div>'
            + (quote ? '<div class="gra-bookmark-quote">'+esc(text)+'</div>' : '')
            + '</div>'
            + '</div>';
    });
    $paneFootnotes.html(html);
  }


  function scrollToHighlight(id) {
    function applyHighlight() {
    var el = document.querySelector('[data-gra-id="'+id+'"]');
        var stored;
    if (!el) return;
        try {
    el.scrollIntoView({behavior:'smooth', block:'center'});
            stored = JSON.parse(sessionStorage.getItem('gr_search_hl') || 'null');
    el.classList.add('gra-hl-active');
        } catch (e) { return; }
    setTimeout(function(){ el.classList.remove('gra-hl-active'); }, 2000);
        if (!stored || !stored.query) return;
  }
 
        var currentPath = window.location.pathname;
        var storedPath = stored.pathname || '';
 
        function normPath(p) { return decodeURIComponent(p).replace(/\/+$/, ''); }
        if (storedPath && normPath(storedPath) !== normPath(currentPath)) {
            try { sessionStorage.removeItem('gr_search_hl'); } catch (e) { }
            return;
        }


  function wireEvents() {
        var query = stored.query.trim();
        if (!query) return;


    /* Suppress native context menu inside article content (Android/desktop) */
        try { sessionStorage.removeItem('gr_search_hl'); } catch (e) { }
    document.addEventListener('contextmenu', function(e) {
      var tag = e.target.tagName;
      if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return;
      var c = document.querySelector(CONTENT_SEL);
      if (c && c.contains(e.target)) e.preventDefault();
    }, { passive: false });


    /* Desktop mouseup */
        var delays = [0, 200, 600];
    $(document).on('mouseup', function(e){
        delays.forEach(function (ms) {
      if (e.button !== 0) return;
            setTimeout(function () {
      if (_mobile) return;
                if (document.querySelector('.gr-search-hl')) return;
      setTimeout(tryShowActions, 20);
                highlightText(query);
     });
            }, ms);
        });
     }
 
    function highlightText(query) {
        var content = document.querySelector('#mw-content-text .mw-parser-output');
        if (!content) return;


    /* Separate timers so mobile + desktop never clobber each other */
        var raw = query.replace(/^"|"$/g, '').trim();
    var _selTimer    = null;  /* desktop debounce */
        if (!raw) return;
    var _mobShowTimer = null; /* mobile show-on-touchend */


    /* Mobile: show fab quickly after finger lifts (selection settled).
        var patterns = [];
      180ms feels instant while still letting the range stabilise. */
        patterns.push(escapeRegex(raw));
    document.addEventListener('touchend', function(e) {
        raw.split(/\s+/).forEach(function (w) {
      if (!_mobile) return;
            if (w.length >= 2) patterns.push(escapeRegex(w));
      if ($fab[0] && $fab[0].contains(e.target)) return;
         });
      clearTimeout(_mobShowTimer);
      _mobShowTimer = setTimeout(function() {
        var sel = window.getSelection();
        if (!sel || sel.isCollapsed || !sel.toString().trim()) return;
         tryShowActions();
      }, 180);
    }, { passive: true });


    /* Mobile: only HIDE the fab when selection is cleared while it's visible.
        var matched = false;
      (Reposition isn't needed now that the bar is docked, and re-running
        for (var pi = 0; pi < patterns.length; pi++) {
      showFab here was causing the lag/flicker.) */
            var re;
    document.addEventListener('selectionchange', function() {
            try { re = new RegExp('(' + patterns[pi] + ')', 'gi'); }
      if (!_mobile) return;
            catch (e) { continue; }
      if (!$fab.hasClass('gra-fab-visible')) return;
            var count = wrapMatches(content, re);
      var sel = window.getSelection();
            if (count > 0) { matched = true; break; }
      if (!sel || sel.isCollapsed || !sel.toString().trim()) {
        }
        clearTimeout(_mobShowTimer);
        hideActions();
      }
    });


    /* selectionchange debounced (desktop only) */
         if (!matched) return;
    document.addEventListener('selectionchange', function() {
      if (_mobile) return;
      _selVersion++;
      clearTimeout(_selTimer);
      var v = _selVersion;
      _selTimer = setTimeout(function(){
         if (v !== _selVersion) return;
        if (_fabSelVer === v) return;
        tryShowActions();
      }, 600);
    });


    /* ── KEY FIX: fab touchstart sets flag to prevent hideActions ── */
        var first = document.querySelector('.gr-search-hl');
    $fab[0].addEventListener('touchstart', function(e) {
        if (first) {
      _fabTouched = true;
            first.scrollIntoView({ behavior: 'smooth', block: 'center' });
      /* Don't propagate to document handler */
            first.classList.add('gr-search-hl-pulse');
      e.stopPropagation();
            setTimeout(function () { first.classList.remove('gr-search-hl-pulse'); }, 2000);
    }, { passive: true });
        }


    /* Click outside → hide actions (blocked if fab was touched) */
        showDismissBar(query);
    $(document).on('mousedown touchstart', function(e){
     }
      if (_fabTouched) { _fabTouched = false; return; }
      var t = e.target;
      if ($fab[0]        && $fab[0].contains(t))        return;
      if ($fbComposer[0] && $fbComposer[0].contains(t)) return;
      if ($ntComposer[0] && $ntComposer[0].contains(t)) return;
      if ($bmComposer[0] && $bmComposer[0].contains(t)) return;
      hideActions();
     });


    /* ── FAB buttons — use touchend for mobile, click for desktop ── */
     function escapeRegex(s) {
     function fabAction(btnId, action) {
        return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
      var el = document.getElementById(btnId);
      if (!el) return;
      /* touchend: fires before document touchstart clears _selRange */
      el.addEventListener('touchend', function(e) {
        e.preventDefault();
        e.stopPropagation();
        if (!_selRange && !reCaptureFromDOM()) return;
        action();
      }, { passive: false });
      /* click: for desktop */
      el.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        if (!_selRange && !reCaptureFromDOM()) return;
        action();
      });
     }
     }


     fabAction('gra-fab-note',    openNoteComposer);
     function wrapMatches(root, re) {
    fabAction('gra-fab-bookmark', openBookmarkComposer);
        var count = 0;
    fabAction('gra-fab-feedback', openFeedbackComposer);
        var walker = document.createTreeWalker(
            root, NodeFilter.SHOW_TEXT, {
            acceptNode: function (node) {
                var p = node.parentElement;
                if (!p) return NodeFilter.FILTER_REJECT;
                var tag = p.tagName.toUpperCase();
                if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'NOSCRIPT') return NodeFilter.FILTER_REJECT;
                if (p.classList.contains('gr-search-hl')) return NodeFilter.FILTER_REJECT;
                return NodeFilter.FILTER_ACCEPT;
            }
        }, false
        );
 
        var nodes = [];
        var node;
        while ((node = walker.nextNode())) nodes.push(node);
 
        nodes.forEach(function (textNode) {
            var val = textNode.nodeValue;
            if (!re.test(val)) return;
            re.lastIndex = 0;
 
            var frag = document.createDocumentFragment();
            var last = 0;
            var m;
            while ((m = re.exec(val)) !== null) {
                if (m.index > last) {
                    frag.appendChild(document.createTextNode(val.slice(last, m.index)));
                }
                var span = document.createElement('span');
                span.className = 'gr-search-hl';
                span.textContent = m[0];
                frag.appendChild(span);
                last = m.index + m[0].length;
                count++;
            }
            if (last < val.length) {
                frag.appendChild(document.createTextNode(val.slice(last)));
            }
            textNode.parentNode.replaceChild(frag, textNode);
        });


    document.getElementById('gra-fab-search').addEventListener('touchend', function(e) {
        return count;
      e.preventDefault(); e.stopPropagation();
     }
      var q = _selText;
      hideActions();
      _selRange = null; _selText = ''; _selRect = null;
      if (q && window.showSearchDialog) { window.showSearchDialog(q); }
    }, { passive: false });
    document.getElementById('gra-fab-search').addEventListener('click', function(e) {
      e.preventDefault(); e.stopPropagation();
      var q = _selText;
      hideActions();
      _selRange = null; _selText = ''; _selRect = null;
      if (q && window.showSearchDialog) { window.showSearchDialog(q); }
      else if (q) { $(document).trigger($.Event('keydown', {ctrlKey:true, key:'k', keyCode:75})); }
     });


     /* ── Dismiss button: hide toolbar + clear selection (mobile) ── */
     function showDismissBar(query) {
    (function () {
        var existing = document.getElementById('gr-hl-bar');
      var dismissEl = document.getElementById('gra-fab-dismiss');
         if (existing) existing.remove();
      if (!dismissEl) return;
      function doDismiss(e) {
        e.preventDefault(); e.stopPropagation();
        hideActions();
        _selRange = null; _selText = ''; _selRect = null;
         if (window.getSelection) {
          var s = window.getSelection();
          if (s && s.removeAllRanges) s.removeAllRanges();
        }
      }
      dismissEl.addEventListener('touchend', doDismiss, { passive: false });
      dismissEl.addEventListener('click', doDismiss);
    }());


    /* Feedback composer */
        var count = document.querySelectorAll('.gr-search-hl').length;
    $fbIssueType.on('change', function(){ $fbSubmit.prop('disabled', !$(this).val()); });
        if (!count) return;
    $('#gra-fb-cancel, #gra-fb-close').on('click', closeFeedbackComposer);
    $fbSubmit.on('click', submitFeedback);
    $fbText.on('keydown', function(e){ if(e.key==='Escape') closeFeedbackComposer(); });


    /* Note composer */
        var isMob = window.innerWidth < 768 || !!document.getElementById('mw-mf-viewport');
    $ntInput.on('input', function(){ $ntSubmit.prop('disabled', !$(this).val().trim()); });
        var bar = document.createElement('div');
    $('#gra-nt-cancel').on('click', closeNoteComposer);
        bar.id = 'gr-hl-bar';
    $ntSubmit.on('click', submitNote);
    $ntInput.on('keydown', function(e){
      if ((e.ctrlKey||e.metaKey) && e.key==='Enter') submitNote();
      if (e.key==='Escape') closeNoteComposer();
    });


    /* Bookmark composer */
        if (isMob) {
    $('#gra-bm-cancel').on('click', closeBookmarkComposer);
            bar.className = 'gr-search-hl-mobile';
    $bmSubmit.on('click', submitBookmark);
    $bmInput.on('keydown', function(e){
      if (e.key==='Enter') submitBookmark();
      if (e.key==='Escape') closeBookmarkComposer();
    });


    /* Panel */
            bar.innerHTML =
    $('#gra-panel-close').on('click', closePanel);
                '<button id="gr-hl-results" class="gr-search-bar-btn">' +
    $backdrop.on('click touchend', function(e){
                '<span class="gra-icon gra-icon-search" aria-hidden="true"></span>' +
      e.preventDefault();
                '<span>' + count + ' match' + (count === 1 ? '' : 'es') + '</span></button>' +
      if ($fbComposer.hasClass('gra-composer-visible')) closeFeedbackComposer();
                '<button id="gr-hl-prev" class="gr-search-bar-btn">' +
      else if ($ntComposer.hasClass('gra-composer-visible')) closeNoteComposer();
                '<span class="gra-icon gra-icon-prev" aria-hidden="true"></span>' +
      else if ($bmComposer.hasClass('gra-composer-visible')) closeBookmarkComposer();
                '<span>Prev</span></button>' +
      else closePanel();
                '<button id="gr-hl-next" class="gr-search-bar-btn">' +
    });
                '<span class="gra-icon gra-icon-next" aria-hidden="true"></span>' +
    $tabNotes.on('click', function(){ switchTab('notes'); });
                '<span>Next</span></button>' +
    $tabBookmarks.on('click', function(){ switchTab('bookmarks'); });
                '<button id="gr-hl-dismiss" class="gr-search-bar-btn">' +
    // NEW: third tab.
                '<span class="gra-icon gra-icon-dismiss" aria-hidden="true"></span>' +
    $tabFootnotes.on('click', function(){ switchTab('footnotes'); });
                '<span>Close</span></button>';
        } else {
            bar.style.cssText = [
                'position:fixed', 'bottom:0', 'left:0', 'right:0', 'z-index:10200',
                'background:#b5451b', 'color:#fff', 'padding:10px 16px',
                'display:flex', 'align-items:center', 'justify-content:space-between',
                'font-family:system-ui,sans-serif', 'font-size:14px',
                'box-shadow:0 -2px 8px rgba(0,0,0,0.2)'
            ].join(';');


    $paneNotes.on('click', '.gra-note-card', function(e){
            var nav = document.createElement('div');
      if ($(e.target).hasClass('gra-note-del')) return;
            nav.style.cssText = 'display:flex;align-items:center;gap:12px;';
      var id = $(this).attr('data-gra-id');
            nav.innerHTML =
      if (id) { closePanel(); scrollToHighlight(id); }
                '<span>🔍 <strong>' + escHtml(query) + '</strong> — ' + count + ' match' + (count === 1 ? '' : 'es') + '</span>' +
    });
                '<button id="gr-hl-prev" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">↑ Prev</button>' +
    $paneNotes.on('click', '.gra-note-del', function(e){
                '<button id="gr-hl-next" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">↓ Next</button>' +
      e.stopPropagation();
                '<button id="gr-hl-results" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">← Results</button>';
      var id = $(this).attr('data-del-id');
            bar.appendChild(nav);
      if (id) deleteNote(id);
    });
    $paneBookmarks.on('click', '.gra-bookmark-card', function(e){
      if ($(e.target).hasClass('gra-bookmark-del')) return;
      var id = $(this).attr('data-gra-id');
      if (id) { closePanel(); scrollToHighlight(id); }
    });
    $paneBookmarks.on('click', '.gra-bookmark-del', function(e){
      e.stopPropagation();
      var id = $(this).attr('data-del-id');
      if (id) deleteBookmark(id);
    });
    // CHANGED: footnote highlights now carry data-gra-id (see quickedit.js's
    // redesign — plain highlight span, no href/marker element anymore), so
    // this can reuse the EXACT same scrollToHighlight(id) helper Notes/
    // Bookmarks already use below, instead of custom href-parsing logic
    // that broke every time the marker format changed.
    $paneFootnotes.on('click', '.gra-footnote-card', function(){
      var id = $(this).attr('data-gra-id');
      if (id) { closePanel(); scrollToHighlight(id); }
    });


    $(CONTENT_SEL).on('click', '.gra-note-highlight', function(){
            var db = document.createElement('button');
      var id = $(this).attr('data-gra-id');
            db.id = 'gr-hl-dismiss'; db.textContent = '✕ Close';
      openPanel('notes');
            db.style.cssText = 'background:rgba(255,255,255,0.15);border:none;color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;';
      setTimeout(function(){
            bar.appendChild(db);
        var $card = $paneNotes.find('[data-gra-id="'+id+'"]');
        if ($card.length) {
          $card.addClass('gra-card-active');
          $card[0].scrollIntoView({behavior:'smooth', block:'nearest'});
          setTimeout(function(){ $card.removeClass('gra-card-active'); }, 2000);
         }
         }
      }, 100);
 
    });
        document.body.appendChild(bar);
    $(CONTENT_SEL).on('click', '.gra-bookmark-highlight', function(){
 
      var id = $(this).attr('data-gra-id');
        var hlEls = Array.from(document.querySelectorAll('.gr-search-hl'));
      openPanel('bookmarks');
         var current = 0;
      setTimeout(function(){
 
         var $card = $paneBookmarks.find('[data-gra-id="'+id+'"]');
         function goTo(idx) {
         if ($card.length) $card[0].scrollIntoView({behavior:'smooth', block:'nearest'});
            hlEls.forEach(function (el) { el.classList.remove('gr-search-hl-current'); });
      }, 100);
            current = ((idx % hlEls.length) + hlEls.length) % hlEls.length;
    });
            hlEls[current].classList.add('gr-search-hl-current');
    // CHANGED: was .gra-qe-footnote-ref a with e.preventDefault() (it used
            hlEls[current].scrollIntoView({ behavior: 'smooth', block: 'center' });
    // to be a real link). Now a plain highlight span, same as notes/
    // bookmarks — no href to prevent, id read directly via data-gra-id,
    // and the handler is now identical in shape to the two right above it.
    $(CONTENT_SEL).on('click', '.gra-qe-footnote-highlight', function(){
      var id = $(this).attr('data-gra-id');
      openPanel('footnotes');
      setTimeout(function(){
        var $card = $paneFootnotes.find('[data-gra-id="'+id+'"]');
        if ($card.length) {
          $card.addClass('gra-card-active');
          $card[0].scrollIntoView({behavior:'smooth', block:'nearest'});
          setTimeout(function(){ $card.removeClass('gra-card-active'); }, 2000);
         }
         }
      }, 100);
    });


    // NEW: cross-document links from QuickEdit's Link picker. No real
        function dismiss() { clearHighlights(); bar.remove(); }
    // href is ever saved (confirmed directly: MediaWiki's sanitizer
 
     // escapes <a href> into visible literal text on this wiki, even for
        var nb = document.getElementById('gr-hl-next');
     // a full absolute URL) — the target lives in data-gr-href instead,
        var pb = document.getElementById('gr-hl-prev');
     // and this handler is what actually performs the navigation.
        var rb = document.getElementById('gr-hl-results');
     $(CONTENT_SEL).on('click', '.gr-crosslink', function(){
        var db2 = document.getElementById('gr-hl-dismiss');
      var href = $(this).attr('data-gr-href');
        if (nb) nb.onclick = function () { goTo(current + 1); };
      if (!href) return;
        if (pb) pb.onclick = function () { goTo(current - 1); };
      var newWin = window.open(href, '_blank');
        if (db2) db2.onclick = dismiss;
      if (newWin) newWin.opener = null; // more reliable cross-browser than relying on window.open's features string
        if (rb) rb.onclick = function () {
     });
            bar.remove(); clearHighlights();
            if (window.showSearchDialog) window.showSearchDialog(query);
        };
     }
 
     function clearHighlights() {
        document.querySelectorAll('.gr-search-hl').forEach(function (span) {
            var p = span.parentNode; if (!p) return;
            while (span.firstChild) p.insertBefore(span.firstChild, span);
            p.removeChild(span);
        });
     }
 
     function escHtml(s) {
        return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    }
 
    function injectHighlightCSS() {
        if (document.getElementById('gr-hl-css')) return;
        var s = document.createElement('style');
        s.id = 'gr-hl-css';
        s.textContent = [
            '.gr-search-hl{background:#fff176;color:#1a1a1a;border-radius:2px;padding:0 1px;box-shadow:0 0 0 1px rgba(181,69,27,0.25);}',
            '.gr-search-hl-current{background:#ffb300!important;box-shadow:0 0 0 2px #b5451b!important;}',
            '@keyframes gr-hl-pulse{0%{background:#ffb300;}50%{background:#fff176;}100%{background:#fff176;}}',
            '.gr-search-hl-pulse{animation:gr-hl-pulse 1.2s ease 2;}',
        ].join('');
        document.head.appendChild(s);
     }
 
    injectHighlightCSS();


     $(document).on('keydown', function(e){
     if (document.readyState === 'loading') {
      if (e.key !== 'Escape') return;
        document.addEventListener('DOMContentLoaded', applyHighlight);
      if ($fbComposer.hasClass('gra-composer-visible')) closeFeedbackComposer();
    } else {
      else if ($ntComposer.hasClass('gra-composer-visible')) closeNoteComposer();
        applyHighlight();
      else if ($bmComposer.hasClass('gra-composer-visible')) closeBookmarkComposer();
     }
      else closePanel();
     });
  }


  function persistNoteHighlight(id, quote) {
    if (window.mw) {
    try {
        mw.hook('wikipage.content').add(function () {
      var s = JSON.parse(localStorage.getItem(NT_LS_KEY+'_hl')||'[]');
            setTimeout(applyHighlight, 100);
      s = s.filter(function(h){ return h.id !== id; });
        });
      s.push({id:id, quote:quote});
     }
      localStorage.setItem(NT_LS_KEY+'_hl', JSON.stringify(s));
     } catch(e){}
  }


  function restoreNoteHighlights() {
     window.grStoreSearchHL = storeQueryForLink;
     var s = [];
    try { s = JSON.parse(localStorage.getItem(NT_LS_KEY+'_hl')||'[]'); } catch(e){}
    s.forEach(function(h){
      if (!h.quote || !h.id) return;
      if (document.querySelector('[data-gra-id="'+h.id+'"].gra-note-highlight')) return;
      var needle = h.quote.replace(/…$/,'').trim().slice(0,80);
      if (!needle) return;
      var range = findTextInContent(document.querySelector(CONTENT_SEL), needle);
      if (!range) return;
      var sp = document.createElement('span');
      sp.className = 'gra-note-highlight';
      sp.setAttribute('data-gra-id', h.id);
      try { range.surroundContents(sp); } catch(e){}
    });
  }


  function restoreBookmarkHighlights() {
}());
    _bookmarks.forEach(function(b){
      if (!b.quote) return;
      if (document.querySelector('[data-gra-id="'+b.id+'"].gra-bookmark-highlight')) return;
      var needle = b.quote.replace(/…$/,'').trim().slice(0,60);
      if (!needle) return;
      var found = findTextInContent(document.querySelector(CONTENT_SEL), needle);
      if (!found) return;
      var sp = document.createElement('span');
      sp.className = 'gra-bookmark-highlight';
      sp.setAttribute('data-gra-id', b.id);
      sp.setAttribute('data-gra-name', b.name);
      try { found.surroundContents(sp); } catch(e){}
    });
  }


  function findTextInContent(root, needle) {
/* ═══════════════════════════════════════════════════════════════
     if (!root || !needle) return null;
  Mobile addon — only runs on Minerva (mobile) skin
     var text = root.textContent || '';
  ═══════════════════════════════════════════════════════════════ */
    var idx  = text.indexOf(needle);
(function () {
    if (idx < 0) return null;
     if (!document.body.classList.contains('skin-minerva')) return;
    var iter = document.createNodeIterator(root, NodeFilter.SHOW_TEXT, null, false);
     function injectMenuLinks() {
    var pos = 0, node, startNode, startOffset, endNode, endOffset;
        if (document.getElementById('gr-mob-menu-items')) return;
    while ((node = iter.nextNode())) {
        var navDrawer = document.querySelector('.navigation-drawer');
      var len = node.nodeValue.length;
        if (!navDrawer) return;
      if (!startNode && pos + len > idx) { startNode = node; startOffset = idx - pos; }
        var wrap = document.createElement('div'); wrap.id = 'gr-mob-menu-items'; wrap.style.cssText = 'width:100%;background:#fff;margin-top:8px;';
      var endIdx = idx + needle.length;
        var itemStyle = 'display:flex;align-items:center;gap:14px;padding:15px 20px;font-size:16px;color:#2c1810;text-decoration:none;font-family:system-ui,sans-serif;border-bottom:1px solid #f0ebe6;background:#fff;';
      if (startNode && pos + len >= endIdx) { endNode = node; endOffset = endIdx - pos; break; }
        function makeItem(href, label) { var a = document.createElement('a'); a.href = href; a.style.cssText = itemStyle; a.innerHTML = '<span>' + label + '</span>'; return a; }
      pos += len;
        wrap.appendChild(makeItem('/Main_Page', 'Home'));
        wrap.appendChild(makeItem('/My_wiki:Help', 'Help'));
        wrap.appendChild(makeItem('/My_wiki:About', 'About'));
        var userName = window.mw ? mw.config.get('wgUserName') : null;
        if (userName) {
            wrap.appendChild(makeItem((window.mw && mw.util && mw.util.getUrl) ? mw.util.getUrl('Special:Profile') : '/Special:Profile', 'Profile'));
            var la = document.querySelector('a[href*="action=logout"]');
            wrap.appendChild(makeItem(la ? la.href : '/index.php?title=Special:UserLogout', 'Log out'));
        }
        else wrap.appendChild(makeItem('/index.php?title=Special:UserLogin', 'Log in'));
        var pageLeft = document.getElementById('mw-mf-page-left');
        if (pageLeft) { while (pageLeft.firstChild) pageLeft.removeChild(pageLeft.firstChild); pageLeft.style.removeProperty('display'); pageLeft.appendChild(wrap); }
        else navDrawer.appendChild(wrap);
    }
    function injectMoolaUllekhaLinks() {
        if (document.getElementById('gr-mob-doc-nav')) return;
        var pageName = (window.mw && mw.config && mw.config.get('wgPageName')) || '';
        if (pageName === 'Main_Page' || !pageName) return;
        function wikiUrl(slug) { if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(slug); return ((window.mw && mw.config.get('wgArticlePath')) || '/wiki/$1').replace('$1', encodeURIComponent(slug).replace(/%2F/g, '/')); }
        var teekaPage = document.querySelector('.gr-teeka-page');
        var primarySlug = teekaPage ? (teekaPage.getAttribute('data-primary') || pageName.split('/')[0]) : pageName.split('/')[0];
        var docTitleEl = document.querySelector('.gr-doc-title');
        var hasMoolaPage = docTitleEl && docTitleEl.getAttribute('data-has-moola') === '1';
        var hasUllekhaPage = docTitleEl && docTitleEl.getAttribute('data-has-ullekha') === '1';
        var showMoolam = !!teekaPage || hasMoolaPage, showUllekha = hasUllekhaPage || !!teekaPage;
        if (!showMoolam && !showUllekha) return;
        var nav = document.createElement('div'); nav.id = 'gr-mob-doc-nav';
        nav.style.cssText = 'display:flex;gap:10px;padding:10px 16px 8px;background:#fdf8f5;border-bottom:1px solid #f0e0d6;font-family:system-ui,sans-serif;';
        function makeLink(href, label) { var a = document.createElement('a'); a.href = href; a.textContent = label; a.style.cssText = 'display:inline-flex;align-items:center;padding:5px 16px;border-radius:20px;background:#fff;border:1.5px solid #e8cfc4;color:#b5451b;font-size:14px;font-weight:600;text-decoration:none;'; return a; }
        if (teekaPage) nav.appendChild(makeLink(wikiUrl(primarySlug), 'मूल'));
        else if (hasMoolaPage) nav.appendChild(makeLink(wikiUrl(primarySlug + '/Moola'), 'मूलम्'));
        if (showUllekha) nav.appendChild(makeLink(wikiUrl(primarySlug + '/Ullekha'), 'उल्लेख'));
        var h1 = document.getElementById('firstHeading') || document.querySelector('.page-heading, h1.firstHeading, .mw-first-heading');
        if (h1 && h1.parentNode) h1.parentNode.insertBefore(nav, h1.nextSibling);
        else { var ct = document.getElementById('mw-content-text'); if (ct) ct.insertBefore(nav, ct.firstChild); }
     }
     }
     if (!startNode || !endNode) return null;
     function boot() { injectMenuLinks(); injectMoolaUllekhaLinks();}
     try {
     if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);
      var r = document.createRange();
    else boot();
      r.setStart(startNode, startOffset);
    if (window.mw) mw.hook('wikipage.content');
      r.setEnd(endNode, endOffset);
}());
      return r;
    } catch(e){ return null; }
  }


  $(function() {
(function () {
     _mobile = window.innerWidth < 768 || 'ontouchstart' in window;
     'use strict';
     window.addEventListener('resize', function(){
    mw.hook('wikipage.content').add(function () {
      _mobile = window.innerWidth < 768 || 'ontouchstart' in window;
        setTimeout(function () {
            var blocks = document.querySelectorAll('.collapsible-block, .toggle-list');
            Array.prototype.forEach.call(blocks, function (el) { if (!el.parentNode) { try { el.remove(); } catch (e) { } } });
        }, 0);
    });
    if (mw.config.get('wgPageName') !== 'Main_Page') return;
     mw.loader.using('mediawiki.util').done(function () {
        $(function () { applyHomeToggleOffset(); window.addEventListener('resize', applyHomeToggleOffset, { passive: true }); setTimeout(applyHomeToggleOffset, 300); setTimeout(applyHomeToggleOffset, 800); });
     });
     });
     buildDom();
     function applyHomeToggleOffset() {
    wireEvents();
        var bar = document.getElementById('gr-static-bar'); if (!bar) return;
    loadNotes();
        var barBottom = Math.round(bar.getBoundingClientRect().bottom);
    loadBookmarks();
        [document.getElementById('gr-home'), document.getElementById('gr-home-toggle'), document.querySelector('#mw-content-text .mw-parser-output > .gr-home, #mw-content-text .mw-parser-output > *:first-child')].forEach(function (el) { if (el) el.style.scrollMarginTop = (barBottom + 4) + 'px'; });
     setTimeout(function(){
        var isMob = window.innerWidth < 768 || !!document.getElementById('mw-mf-viewport');
      try { restoreNoteHighlights(); } catch(e){}
        if (isMob) { var toggleEl = document.getElementById('gr-home-toggle'); if (toggleEl) { var tr = toggleEl.getBoundingClientRect(); if (tr.top < barBottom) { var cp = parseInt(window.getComputedStyle(document.body).paddingTop, 10) || 0; document.body.style.paddingTop = (cp + (barBottom - tr.top) + 4) + 'px'; } } }
      try { restoreBookmarkHighlights(); } catch(e){}
    }
     }, 500);
     $(function () {
  });
        var $toggle = $('#gr-home-toggle'), $viewG = $('#gr-view-grantha'), $viewA = $('#gr-view-author'), $btnG = $('#gr-toggle-grantha'), $btnA = $('#gr-toggle-author');
 
        if (!$toggle.length || !$viewG.length || !$viewA.length) return; if ($toggle.data('gr-wired')) return; $toggle.data('gr-wired', true);
}() );
        function showView(which) { if (which === 'grantha') { $viewG.show(); $viewA.hide(); $btnG.addClass('gr-toggle-active'); $btnA.removeClass('gr-toggle-active'); } else { $viewA.show(); $viewG.hide(); $btnA.addClass('gr-toggle-active'); $btnG.removeClass('gr-toggle-active'); } try { localStorage.setItem('grantha_home_tab', which); } catch (e) { } }
        $btnG.on('click keydown', function (e) { if (e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ') return; showView('grantha'); });
        $btnA.on('click keydown', function (e) { if (e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ') return; showView('author'); });
        try { var saved = localStorage.getItem('grantha_home_tab'); if (saved === 'author') showView('author'); else showView('grantha'); } catch (e) { showView('grantha'); }
     });
}());
// ── Replace MediaWiki user links with a single username dropdown (Profile + Logout) ──
(function () {
    function wikiHref(title) {
        if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(title);
        var ap = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1';
        return ap.replace('$1', title);
    }
}());