MediaWiki:Common.js: Difference between revisions

(73 intermediate revisions by 2 users not shown)

Line 1:

/* MediaWiki:Common.js ~~— grantha.io (v7)~~

/* MediaWiki:Common.js */

*

* Changes vs v6:

* 1. BUG FIX: Main IIFE was never properly closed — About link block was

* pasted inside it without the closing }() ); which broke the module

* boundary and killed the by-Author toggle. Each block is now its

* own self-contained IIFE.

* 2. TOC: "Beginning" link removed.

* 3. TOC: Heading label → "विषयसूची".

* 4. TOC: मूल / उल्लेख nav links injected at top of TOC panel.

* 5. TOC: All subsections expanded by default.

* 6. TOC: Only the active item is bold; all others are normal weight.

* 7. About link URL derived from wgArticlePath — works under any

* sub-path install (e.g. /My_wiki/). Points to "My_wiki:About".

* 8. TOC customisations skipped on Main_Page and About pages.

* 9. Uses Vector's native TOC with IntersectionObserver-based active highlight.

*/

( function () {

(function () {

var LS_SCRIPT_KEY = 'grantha_reader_script';

var currentScript = 'deva';

~~// ── IAST transliteration ────────────────────────────────────────~~

function devanagariToTamil(text) {

function ~~devanagariToIAST~~( text ) {

var CONSONANTS = {

'क': 'க', 'ख': 'க', 'ग': 'க', 'घ': 'க', 'ङ': 'ங',

'क':'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',

'०':'0','१':'1','२':'2','३':'3','४':'4',

'५': '5', '६': '6', '७': '7', '८': '8', '९': '9'

'५':'5','६':'6','७':'7','८':'8','९':'9'

};

var HALANTA = '्';

var chars = Array.from(text), result = '', i = 0;

var chars = Array.from( text );

while (i < chars.length) {

~~var~~ result = '';

var ch = chars[i], next = chars[i + 1];

~~var~~ i = 0;

if (CONSONANTS[ch]) {

while ( i < chars.length ) {

var base = CONSONANTS[ch];

var ch = chars[ i ];

if (next === HALANTA) { result += base + '்'; i += 2; }

~~var~~ next = chars[ i + 1 ];

else if (next === 'ृ') { result += base + '்ரி'; i += 2; }

if ( CONSONANTS[ ch ] ) {

else if (next === 'ॄ') { result += base + '்ரீ'; i += 2; }

var base = CONSONANTS[ ch ];

else if (DIACRITICS[next]) { result += base + DIACRITICS[next]; i += 2; }

if ( next === HALANTA ) { result += base; i += 2; }

else { result += base; i++; } // inherent 'a'

else if ( ~~DIACRITICS[~~ next ] ) { result += base + ~~DIACRITICS[ next ]~~; i += 2; }

}

else if ( next === 'ं' ~~|| next ==~~= 'ः' ) { result += base + ~~'a' + MISC~~[ next ]; i += 2; }

else if (ch === 'ऋ') { result += 'ரி'; i++; }

else { result += base + 'a'; i++; }

else if (ch === 'ॠ') { result += 'ரீ'; i++; }

} else if ( ~~VOWELS[~~ ch ] ) { result += ~~VOWELS[ ch ]~~; 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 if ( MISC[ ch ] ) { result += MISC[ ch ]; i++; }

else { result += ch; i++; }

}

return result;

}

~~return result;~~

}

~~// ── Character maps for Kannada / Tamil ─────────────────────────~~

function devanagariToIAST(text) {

var ~~SCRIPT_MAP~~ = {

var CONSONANTS = {

~~kn: {~~

'क': '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', 'ऽ': "'"

},

};

~~ta:~~ {

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++; }

~~'०':'0','१':'1','२':'2','३':'3','४':'4',~~

}

~~'५':'5','६':'6','७':'7','८':'8','९':'9'~~

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 ~~PRE~~ = [

var SCRIPT_MAP = {

~~[ /ङ्क/g~~, 'ंक' ], ~~[ /ङ्ख/g~~, 'ंख' ], ~~[ /ङ्ग/g~~, 'ंग' ], ~~[ /ङ्घ/g~~, 'ंघ' ],

kn: {

~~[ /ञ्च/g~~, 'ंच' ], ~~[ /ञ्ज/g~~, 'ंज' ], ~~[ /ण्ट/g~~, 'ंट' ], ~~[ /ण्ड/g~~, 'ंड' ],

'अ': 'ಅ', 'आ': 'ಆ', 'इ': 'ಇ', 'ई': 'ಈ', 'उ': 'ಉ', 'ऊ': 'ಊ', 'ऋ': 'ಋ', 'ॠ': 'ೠ',

~~[ /न्त/g~~, 'ंत' ], ~~[ /न्द/g~~, 'ंद' ], ~~[ /म्ब/g~~, 'ंब' ], ~~[ /म्भ/g~~, 'ंभ' ]

'ए': 'ಏ', 'ऐ': 'ಐ', 'ओ': 'ಓ', 'औ': 'ಔ', 'ऽ': 'ಽ',

];

'क': 'ಕ', 'ख': 'ಖ', 'ग': 'ಗ', 'घ': 'ಘ', 'ङ': 'ಙ',

'च': 'ಚ', 'छ': 'ಛ', 'ज': 'ಜ', 'झ': 'ಝ', 'ञ': 'ಞ',

'ट': 'ಟ', 'ठ': 'ಠ', 'ड': 'ಡ', 'ढ': 'ಢ', 'ण': 'ಣ',

'त': 'ತ', 'थ': 'ಥ', 'द': 'ದ', 'ध': 'ಧ', 'न': 'ನ',

'प': 'ಪ', 'फ': 'ಫ', 'ब': 'ಬ', 'भ': 'ಭ', 'म': 'ಮ',

'य': 'ಯ', 'र': 'ರ', 'ल': 'ಲ', 'ळ': 'ಳ', 'व': 'ವ',

'श': 'ಶ', 'ष': 'ಷ', 'स': 'ಸ', 'ह': 'ಹ',

'ा': 'ಾ', 'ि': 'ಿ', 'ी': 'ೀ', 'ु': 'ು', 'ू': 'ೂ',

'ृ': 'ೃ', 'ॄ': 'ೄ', 'े': 'ೇ', 'ै': 'ೈ', 'ो': 'ೋ', 'ौ': 'ೌ',

'ं': 'ಂ', 'ः': 'ಃ', '्': '್', 'ँ': 'ಁ',

'०': '೦', '१': '೧', '२': '೨', '३': '೩', '४': '೪',

'५': '೫', '६': '೬', '७': '೭', '८': '೮', '९': '೯'

},

te: {

'अ': 'అ', 'आ': 'ఆ', 'इ': 'ఇ', 'ई': 'ఈ', 'उ': 'ఉ', 'ऊ': 'ఊ', 'ऋ': 'ఋ', 'ॠ': 'ౠ',

'ए': 'ఏ', 'ऐ': 'ఐ', 'ओ': 'ఓ', 'औ': 'ఔ', 'ऽ': 'ఽ',

'क': 'క', 'ख': 'ఖ', 'ग': 'గ', 'घ': 'ఘ', 'ङ': 'ఙ',

'च': 'చ', 'छ': 'ఛ', 'ज': 'జ', 'झ': 'ఝ', 'ञ': 'ఞ',

'ट': 'ట', 'ठ': 'ఠ', 'ड': 'డ', 'ढ': 'ఢ', 'ण': 'ణ',

'त': 'త', 'थ': 'థ', 'द': 'ద', 'ध': 'ధ', 'न': 'న',

'प': 'ప', 'फ': 'ఫ', 'ब': 'బ', 'भ': 'భ', 'म': 'మ',

'य': 'య', 'र': 'ర', 'ल': 'ల', 'ळ': 'ళ', 'व': 'వ',

'श': 'శ', 'ष': 'ష', 'स': 'స', 'ह': 'హ',

'ा': 'ా', 'ि': 'ి', 'ी': 'ీ', 'ु': 'ు', 'ू': 'ూ',

'ृ': 'ృ', 'ॄ': 'ౄ', 'े': 'ే', 'ै': 'ై', 'ो': 'ో', 'ौ': 'ౌ',

'ं': 'ం', 'ः': 'ః', '्': '్', 'ँ': 'ఁ',

'०': '౦', '१': '౧', '२': '౨', '३': '౩', '४': '౪',

'५': '౫', '६': '౬', '७': '౭', '८': '౮', '९': '౯'

}

};

~~function transliterateText( text, script ) {~~

var PRE = [

~~if ( script ==~~= 'en' ~~) return devanagariToIAST( text );~~

[/ङ्क/g, 'ंक'], [/ङ्ख/g, 'ंख'], [/ङ्ग/g, 'ंग'], [/ङ्घ/g, 'ंघ'],

~~var map = SCRIPT_MAP~~[ ~~script~~ ];

[/ञ्च/g, 'ंच'], [/ञ्ज/g, 'ंज'], [/ण्ट/g, 'ंट'], [/ण्ड/g, 'ंड'],

~~if ( !map ) return text;~~

[/न्त/g, 'ंत'], [/न्द/g, 'ंद'], [/म्ब/g, 'ंब'], [/म्भ/g, 'ंभ']

~~var t = text;~~

];

~~PRE.forEach( function ( p ) { t = t.replace( p~~[ 0 ], p[ 1 ] ~~); } );~~

~~return Array.from( t ).map( function ( ch ) {~~

~~return map~~[ ch ] ~~!== undefined ? map~~[ ch ] ~~: ch;~~

~~} ).join( '' )~~;

}

~~// ── Tag all transliteratable~~ text ~~nodes once per page ───────────~~

function transliterateText(text, script) {

var ~~translatableSpans~~ = [];

if (script === 'en') return devanagariToIAST(text);

if (script === 'ta') return devanagariToTamil(text);

var map = SCRIPT_MAP[script];

if (!map) return text;

var t = text;

PRE.forEach(function (p) { t = t.replace(p[0], p[1]); });

return Array.from(t).map(function (ch) {

return map[ch] !== undefined ? map[ch] : ch;

}).join('');

}

~~function tagTextNodes() {~~

var translatableSpans = [];

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 ) {

function tagTextNodes() {

var p = node.parentNode;

var content = document.querySelector('.mw-parser-output');

if ( !p ) return;

if (content) {

if ( p.hasAttribute && p.hasAttribute( 'data-deva' ) ) return;

var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);

if ( p.closest ) {

var nodes = [];

if ( p.closest( '.gr-controls' ) ) return;

while (walker.nextNode()) nodes.push(walker.currentNode);

if ( p.closest( '.mw-editsection' ) ) return;

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;

// Note markers are [1], [2] … — machinery, not text, and

// the numbers would be transliterated along with the page.

if (p.closest('.gr-note-marker')) 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);

});

}

~~var orig = node.textContent;~~

document.querySelectorAll('.vector-toc .vector-toc-text').forEach(tagTocEntry);

~~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~~ ) {

// A contents entry is "1.2 शीर्षकम्": the number lives in its own

if ( ~~span~~.~~hasAttribute~~( '~~data~~-~~deva~~' ) ) return;

// .vector-toc-numb span, which Common.css hides. Tagging the whole

var orig = ~~span~~.textContent;

// .vector-toc-text meant transliteration replaced its contents with

if ( !orig.trim() ) return;

// one flat string — number included — so switching to Tamil or any

~~span~~.setAttribute( 'data-deva', orig );

// other script made the numbering appear. Only the label is tagged.

translatableSpans.push( ~~span~~ );

function tagTocEntry(textEl) {

~~} );~~

if (!textEl || textEl.hasAttribute('data-deva')) return;

}

var label = textEl.querySelector('[data-deva]');

if (!label) {

label = document.createElement('span');

label.className = 'gr-toc-label';

Array.prototype.slice.call(textEl.childNodes).forEach(function (n) {

if (n.nodeType === 1 && n.classList && n.classList.contains('vector-toc-numb')) return;

label.appendChild(n); // moves it, order preserved

});

textEl.appendChild(label);

}

var orig = label.textContent;

if (!orig.trim()) return;

if (!label.hasAttribute('data-deva')) label.setAttribute('data-deva', orig);

if (translatableSpans.indexOf(label) === -1) translatableSpans.push(label);

}

// ~~── Apply~~ a script ~~to all tagged spans ─────────────────────────~~

// Which script is on screen, published to CSS. Common.css §2b uses it to

function applyScript( script ) {

// swap the reading area onto --font-indic while a transliteration is

currentScript = script;

// showing: most rules here name Adishila directly, which has no Tamil,

translatableSpans.forEach( function ( span ) {

// Kannada or Telugu letters, so without this the switched text fell back

if ( !span.parentNode ) return;

// to whatever serif the visitor's machine happened to have — the reason

var orig = span.getAttribute( 'data-deva' );

// it looked uneven from one line to the next.

if ( !orig ) return;

function markScriptOnRoot(script) {

span.textContent = ( script === 'deva' )

try {

? orig

var el = document.documentElement;

: transliterateText( orig, script );

if (!el) return;

} );

if (!script || script === 'deva') el.removeAttribute('data-gr-script');

}

else el.setAttribute('data-gr-script', script);

} catch (e) { }

}

function applyScript(script) {

currentScript = script;

markScriptOnRoot(script);

translatableSpans.forEach(function (span) {

if (!span.parentNode) return;

var orig = span.getAttribute('data-deva');

if (!orig) return;

span.textContent = (script === 'deva')

? orig

: transliterateText(orig, script);

});

}

~~// ── Pages where sidebar TOC should not be modified ──────────────~~

function _isNoTocPage() {

var pn = (window.mw && mw.config && mw.config.get('wgPageName')) || '';

var pn = ( window.mw && mw.config && mw.config.get( 'wgPageName' ) ) || '';

return pn === 'Main_Page' || /^[A-Za-z0-9_]+:About$/.test(pn);

return pn === 'Main_Page' || /^[A-Za-z0-9_]+:About$/.test( pn );

}

~~// ── TOC: rename "Contents" → "विषयसूची" ────────────────────────~~

function renameTocTitle() {

if (_isNoTocPage()) return;

if ( _isNoTocPage() ) return;

var toc = document.querySelector('.vector-toc');

if (!toc) return;

var titleEl = toc.querySelector('.vector-toc-title') || toc.querySelector('.vector-pinnable-header-label');

if (!titleEl) return;

var LABEL = 'विषयसूची';

var span = titleEl.querySelector('.gr-toc-title');

if (!span) {

titleEl.innerHTML = '';

span = document.createElement('span');

span.className = 'gr-toc-title';

span.setAttribute('data-deva', LABEL);

titleEl.appendChild(span);

translatableSpans.push(span);

}

span.textContent = currentScript === 'deva' ? LABEL : transliterateText(LABEL, currentScript);

}

var toc = document.querySelector('.vector-toc');

function removeTocBeginning() {

if ( !toc ) return;

if (_isNoTocPage()) return;

var toc = document.querySelector('.vector-toc');

if (!toc) return;

var el = toc.querySelector('#vector-toc-beginning');

if (!el) {

var items = toc.querySelectorAll('.vector-toc-list-item');

for (var i = 0; i < items.length; i++) {

var a = items[i].querySelector('a');

if (a) {

var href = a.getAttribute('href') || '';

if (href.indexOf('#') === -1) { el = items[i]; break; }

}

if (el && el.parentNode) el.parentNode.removeChild(el);

}

var ~~titleEl~~ =

// The commentary list at the top of a moola page has its own heading

toc.querySelector('.vector-toc-~~title~~') ||

// (टीकाः). It isn't part of the text, so it doesn't belong in the

~~toc~~.~~querySelector~~('.vector-~~pinnable~~-~~header~~-~~label~~');

// contents. Recognised by what the section holds — the .gr-doc-teekas

// list, or a section whose only links are to /Vyakhya/ pages — with

// the heading's own wording as a last resort, since the list markup

// differs between pages and the commentary picker rewrites it.

var TEEKA_HEADINGS = /^(टीकाः?|व्याख्याः?|टीकाग्रन्थाः|Teekas?|Commentaries)$/i;

function isTeekaSection(headingEl) {

var wrap = (headingEl.closest && headingEl.closest('.mw-heading')) || headingEl;

var n = wrap.nextElementSibling, links = [], vyakhya = 0, steps = 0;

while (n && steps < 6) {

if (n.classList && n.classList.contains('gr-doc-teekas')) return true;

if (n.querySelector && n.querySelector('.gr-doc-teekas')) return true;

if ((n.tagName && /^H[1-6]$/.test(n.tagName)) || (n.classList && n.classList.contains('mw-heading'))) break;

if (n.querySelectorAll) {

Array.prototype.forEach.call(n.querySelectorAll('a[href]'), function (a) {

var href = a.getAttribute('href') || '';

if (/^#/.test(href)) return;

links.push(href);

if (/\/Vyakhya\//i.test(decodeURIComponent(href))) vyakhya++;

});

}

n = n.nextElementSibling; steps++;

}

if (links.length && vyakhya === links.length) return true;

return TEEKA_HEADINGS.test((headingEl.textContent || '').trim());

}

function removeTocTeekaEntry() {

if (_isNoTocPage()) return;

var toc = document.querySelector('.vector-toc');

if (!toc) return;

Array.prototype.forEach.call(toc.querySelectorAll('.vector-toc-link[href^="#"]'), function (a) {

var id = a.getAttribute('href').slice(1);

try { id = decodeURIComponent(id); } catch (e) { }

var h = id && document.getElementById(id);

if (!h || !isTeekaSection(h)) return;

var li = a.closest('.vector-toc-list-item');

if (li && li.parentNode) li.parentNode.removeChild(li);

});

}

if ( !~~titleEl~~ ) return;

// Section numbers ("2.1.1") are removed from the contents outright.

// Hiding them with CSS was not enough: the script switcher replaces an

// entry's contents with one flat string, which turned the hidden number

// into ordinary text — so it reappeared in Tamil, Kannada and the rest.

// They are also wrong here, since this contents list leaves entries out.

var NUMBERED = /^\s*\d+(?:\.\d+)*[.)]?\s+([\s\S]*\S)\s*$/;

function stripTocNumbers() {

var toc = document.querySelector('.vector-toc');

if (!toc) return;

Array.prototype.forEach.call(toc.querySelectorAll('.vector-toc-numb'), function (n) {

if (n.parentNode) n.parentNode.removeChild(n);

});

// Entries another script already flattened: take the number off the

// text, and off the Devanagari original the switcher re-reads.

Array.prototype.forEach.call(toc.querySelectorAll('.vector-toc-text, .vector-toc-text [data-deva]'), function (el) {

var d = el.getAttribute && el.getAttribute('data-deva');

if (d) { var md = NUMBERED.exec(d); if (md) el.setAttribute('data-deva', md[1]); }

if (!el.children.length) {

var mt = NUMBERED.exec(el.textContent);

if (mt) el.textContent = mt[1];

}

});

}

// The switcher can rewrite the contents at any time, so watch for it.

var _numbObserver = null;

function watchTocNumbers() {

var toc = document.querySelector('.vector-toc');

if (!toc || _numbObserver || !window.MutationObserver) return;

var pending = false;

_numbObserver = new MutationObserver(function () {

if (pending) return;

pending = true;

setTimeout(function () { pending = false; stripTocNumbers(); }, 50);

});

_numbObserver.observe(toc, { childList: true, subtree: true, characterData: true });

}

var ~~LABEL~~ = '~~विषयसूची~~';

function expandTocSections() {

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 span = ~~titleEl~~.querySelector('.gr-toc-~~title~~');

function injectTocDocNav() {

if (_isNoTocPage()) return;

var toc = document.querySelector('.vector-toc');

if (!toc) return;

if (document.getElementById('gr-toc-doc-nav')) return;

var artPath = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1';

var pageTitle = (window.mw && mw.config && mw.config.get('wgPageName')) || '';

var teekaPage = document.querySelector('.gr-teeka-page');

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);

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'), 'उल्लेख'));

// Under the document's own title in the page, the same as on a

// phone — not tucked into the contents panel, where these were

// easy to miss. The contents panel is only the fallback.

var docTitle = document.querySelector('#mw-content-text .gr-doc-title');

if (docTitle && docTitle.parentNode) { docTitle.parentNode.insertBefore(nav, docTitle.nextSibling); return; }

var h1 = document.getElementById('firstHeading') || document.querySelector('.mw-first-heading');

if (h1 && h1.parentNode) { h1.parentNode.insertBefore(nav, h1.nextSibling); return; }

var tocContents = toc.querySelector('.vector-toc-contents');

if (tocContents) toc.insertBefore(nav, tocContents);

else toc.appendChild(nav);

}

~~if ( !span ) {~~

var _headingObserver = null;

~~titleEl.innerHTML~~ = '';

var _tocActiveId = null;

~~span~~ = document.~~createElement~~('~~span~~');

// NEW: moved out of attachHeadingObserver's own local scope so they

~~span~~.~~className~~ = 'gr-toc-~~title~~';

// can be reused both by the scroll observer AND by a direct trigger

~~span~~.setAttribute('~~data~~-~~deva~~', ~~LABEL~~);

// for search-result clicks — was previously only reachable from

// inside attachHeadingObserver's own IntersectionObserver callback.

// _tocActiveId (was _activeId, local to attachHeadingObserver) is

// module-level now for the same reason — both callers need to share

// the same "what's currently active" state, not track it separately.

function getTocLink(id) {

var toc = document.querySelector('.vector-toc');

if (!toc) return null;

return toc.querySelector('a[href="#' + CSS.escape(id) + '"]');

}

function getTocLi(id) {

var a = getTocLink(id);

return a ? a.closest('.vector-toc-list-item') : null;

}

// Highlighting is class-only (styled in Common.css §6):

// .gr-toc-current — the one entry being read, on the <a> itself

// .gr-toc-in-path — its parent sections, marked on the <li>

// Previously this set inline colours on the active item AND on every

// element inside it, so a section with sub-sections lit up whole.

function clearActiveToc() {

var toc = document.querySelector('.vector-toc');

if (!toc) return;

toc.querySelectorAll('.gr-toc-current').forEach(function (el) { el.classList.remove('gr-toc-current'); });

toc.querySelectorAll('.gr-toc-in-path').forEach(function (el) { el.classList.remove('gr-toc-in-path'); });

}

function ownLink(li) {

return li.querySelector(':scope > .vector-toc-link') || li.querySelector('.vector-toc-link');

}

function isShown(el) {

return !!(el && (el.offsetParent || (el.getClientRects && el.getClientRects().length)));

}

// Open a collapsed section so a given entry can be seen. Vector marks a

// top-level item open with vector-toc-list-item-expanded plus

// aria-expanded on its toggle, so this matches what its own button does.

function expandTocFor(li) {

var top = li.closest ? li.closest('.vector-toc-level-1') : null;

if (!top) return;

if (!top.classList.contains('vector-toc-list-item-expanded')) {

top.classList.add('vector-toc-list-item-expanded');

var tg = top.querySelector('.vector-toc-toggle');

if (tg) tg.setAttribute('aria-expanded', 'true');

}

var anc = li.parentNode;

while (anc && anc.classList) {

anc.classList.remove('vector-toc-list-item-collapsed');

if (anc.classList.contains('vector-toc')) break;

anc = anc.parentNode;

}

~~titleEl~~.~~appendChild~~(~~span~~);

// expand=true when the reader picked the entry (TOC click, search

~~translatableSpans~~.~~push~~(~~span~~);

// result, #hash): open its section so the exact entry is shown.

}

// expand=false while scrolling: never open or close anything — if the

// entry is hidden inside a collapsed section, the section itself is

// highlighted instead, so the reader still sees where they are.

function setActiveToc(id, expand) {

var toc = document.querySelector('.vector-toc');

if (!toc) return;

var shownNow = toc.querySelector('.gr-toc-current');

if (_tocActiveId === id && !expand && shownNow && isShown(shownNow)) return;

_tocActiveId = id;

clearActiveToc();

if (!id) return;

var li = getTocLi(id);

if (!li) return;

if (expand) expandTocFor(li);

~~span.textContent =~~

var lnk = ownLink(li);

~~currentScript ==~~= ~~'deva'~~

var hostLi = li;

~~? LABEL~~

if (lnk && !isShown(lnk)) { // hidden in a collapsed section

~~: transliterateText~~(~~LABEL, currentScript~~);

var p = li.parentNode;

}

while (p && p !== toc) {

~~// ── TOC: Remove the "Beginning" / top-of-page link ─────────────~~

if (p.classList && p.classList.contains('vector-toc-list-item')) {

~~function removeTocBeginning() {~~

var pl = ownLink(p);

if ( ~~_isNoTocPage~~() ) ~~return;~~

if (pl && isShown(pl)) { lnk = pl; hostLi = p; break; }

var ~~toc~~ = ~~document.querySelector( '~~.~~vector-toc' )~~;

}

if ( !~~toc ) return;~~

p = p.parentNode;

~~var el~~ = toc~~.querySelector( '#vector-toc-beginning'~~ );

}

if ( ~~!el ) {~~

~~var items = toc~~.~~querySelectorAll~~( '.vector-toc-list-item' );

~~for ( var i = 0; i < items.length; i++~~ ) {

var a = ~~items[ i ].querySelector~~( ~~'a'~~ );

if ( a ) {

~~var href~~ = ~~a.getAttribute( 'href' ) || ''~~;

~~if ( href.indexOf( '#' )~~ =~~== -1 ) { el = items[ i ]~~; break; }

}

if (lnk) lnk.classList.add('gr-toc-current');

// Sections above it get the quieter "you are in here" treatment.

var anc = hostLi.parentNode;

while (anc && anc !== toc) {

if (anc.classList && anc.classList.contains('vector-toc-list-item')) anc.classList.add('gr-toc-in-path');

anc = anc.parentNode;

}

keepTocEntryVisible(lnk || hostLi);

}

~~if ( el && el.parentNode ) el.parentNode.removeChild( el );~~

}

// ── TOC~~: Expand all collapsed subsections on load ───────────────~~

// Scroll the TOC panel so the active entry is visible. This used to

function ~~expandTocSections~~() {

// measure the whole <li>, which for a section with sub-sections is as

if ( ~~_isNoTocPage()~~ ) return;

// tall as the entire branch — so "centre it" landed somewhere inside

var ~~toc~~ = document.~~querySelector~~( '.~~vector-toc'~~ );

// the NEXT section. It now measures the link itself, and finds the

if ( !~~toc~~ ) return;

// element that actually scrolls rather than assuming one.

~~toc~~.~~querySelectorAll~~( ~~'.vector-toc-list-item-collapsed'~~ ).~~forEach~~( ~~function~~ ( li ) {

function keepTocEntryVisible(el) {

li.~~classList~~.~~remove( 'vector~~-~~toc~~-~~list~~-~~item-collapsed'~~ );

if (!el) return;

~~} );~~

var sc = el.parentNode;

}

while (sc && sc !== document.body && sc.nodeType === 1) {

var oy = window.getComputedStyle(sc).overflowY;

if ((oy === 'auto' || oy === 'scroll') && sc.scrollHeight > sc.clientHeight + 4) break;

sc = sc.parentNode;

}

if (!sc || sc === document.body || sc.nodeType !== 1) return; // nothing scrolls: leave the page alone

var er = el.getBoundingClientRect(), cr = sc.getBoundingClientRect();

if (er.top >= cr.top + 8 && er.bottom <= cr.bottom - 8) return; // already in view

sc.scrollTop += (er.top - cr.top) - Math.max((sc.clientHeight - er.height) / 2, 0);

}

// ~~── TOC~~: ~~Inject मूल~~ / ~~उल्लेख nav links ─────────────────────────~~

// NEW: given any element in the article content, finds the nearest

~~function injectTocDocNav~~() {

// heading (with an id) that precedes it in document order, using

~~if ( _isNoTocPage~~() ~~) return;~~

// compareDocumentPosition — robust regardless of nesting depth.

var ~~toc~~ = document.querySelector( '.~~vector~~-~~toc~~' );

// Verified against a realistic multi-section fragment, including

if ( !~~toc~~ ) return;

// the "before any heading" and "right after a chapter heading, no

~~if ( document~~.~~getElementById~~( '~~gr-toc-doc-nav~~' ) ) return;

// sub-heading yet" edge cases, before wiring this in.

function findNearestHeadingId(target) {

var content = document.querySelector('.mw-parser-output');

if (!content) return null;

var headings = content.querySelectorAll('h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]');

var nearest = null;

for (var i = 0; i < headings.length; i++) {

var h = headings[i];

var pos = h.compareDocumentPosition(target);

if (pos & Node.DOCUMENT_POSITION_FOLLOWING) {

nearest = h.id;

} else {

break;

}

return nearest;

}

~~var artPath =~~ ( window.~~mw && mw.config && mw.config.get~~( ~~'wgArticlePath'~~ ) ) ~~|| '/wiki/$1'~~;

// NEW: exposed so the search-highlight IIFE (below) can directly

var ~~pageTitle~~ = ( ~~window.mw && mw.config && mw.config.get~~( ~~'wgPageName'~~ ) ) ~~|| ''~~;

// trigger the TOC to expand and highlight the right section right

// after a search-result scroll lands — rather than relying solely on

// the IntersectionObserver to catch up on its own timing.

window.grHighlightTocForElement = function (el) {

if (!el) return;

var id = findNearestHeadingId(el);

if (id) pinActive(id);

};

~~var teekaPage~~ ~~= document~~.~~querySelector(~~ '.~~gr-teeka-page' )~~;

// ── Which section am I reading? ────────────────────────────────

var ~~primarySlug~~ = ~~teekaPage ? ( teekaPage.getAttribute( 'data-primary' ) || '' ) : ''~~;

// Was an IntersectionObserver with a shrunken root band. Two faults

var ~~docSlug~~ ~~= teekaPage ? ( teekaPage~~.~~getAttribute~~( ~~'data~~-~~slug'~~ ) ~~|| '' ) : ''~~;

// came out of that, both reported as "the highlight is wrong":

// • right after jumping to a heading, that heading sits ABOVE the

// band, so nothing was "visible" and the fallback picked the

// PREVIOUS heading — clicking a sub-section highlighted its parent;

// • once every heading was outside the band, no intersection ever

// changed again, so the observer stopped firing and the highlight

// froze wherever it was.

// This measures instead: the active section is the last heading above

// a reading line just under the sticky toolbar. It updates on every

// scroll frame and can't go stale.

var _tocHeadings = [];

var _tocTops = [];

var _tocMeasuredHeight = 0;

// A clicked / jumped-to heading is "pinned": it stays the active entry

// until the reader actually scrolls away from it. Without this, the

// anchor jump leaves the heading below the reading line (the sticky

// bar and scroll-margin push it down the viewport), so the measurement

// picked the heading ABOVE it and the highlight jumped back one.

var _pin = null; // {id, y, until}

if ( ~~!primarySlug~~ ) {

function measureHeadings() {

~~primarySlug~~ = ~~pageTitle~~.~~split~~( '/' )[ 0 ];

var y = window.pageYOffset || document.documentElement.scrollTop || 0;

~~docSlug~~ = ~~primarySlug~~;

_tocTops = _tocHeadings.map(function (h) { return h.getBoundingClientRect().top + y; });

_tocMeasuredHeight = document.documentElement.scrollHeight;

}

function scrollY() { return window.pageYOffset || document.documentElement.scrollTop || 0; }

// The line down the page that decides "which section am I reading":

// just below whatever is stuck to the top, plus a quarter of the

// screen, so a heading sitting near the top of the viewport counts as

// the one being read rather than the one before it.

function readingLine() {

var bar = document.getElementById('gr-static-bar');

var barBottom = bar ? Math.max(bar.getBoundingClientRect().bottom, 0) : 0;

var vh = window.innerHeight || document.documentElement.clientHeight || 800;

return scrollY() + barBottom + Math.max(Math.round(vh * 0.25), 80);

}

// Scroll something into a comfortable reading position and KEEP it

// there. A plain scrollIntoView lands short or long whenever the page

// reflows just after the jump — a web font finishing, a commentary

// being interleaved, the match itself being wrapped in a highlight —

// which is why search results came to rest slightly above or below

// the text. This aims just under whatever is stuck to the top, then

// re-checks until the page has settled, and gives up the moment the

// reader scrolls, so it never fights them.

function grDesiredTop() {

var bar = document.getElementById('gr-static-bar');

var barBottom = bar ? Math.max(bar.getBoundingClientRect().bottom, 0) : 0;

var vh = window.innerHeight || document.documentElement.clientHeight || 800;

return barBottom + Math.max(Math.round(vh * 0.22), 72);

}

if ( !~~primarySlug~~ ) return;

window.grScrollToElement = function (el) {

if (!el || !el.getBoundingClientRect) return;

var cancelled = false, ticks = 0, lastY = null, iv = null;

function onUser() { cancelled = true; }

function cleanup() {

if (iv) clearInterval(iv);

window.removeEventListener('wheel', onUser);

window.removeEventListener('touchstart', onUser);

window.removeEventListener('keydown', onUser);

}

window.addEventListener('wheel', onUser, { passive: true });

window.addEventListener('touchstart', onUser, { passive: true });

window.addEventListener('keydown', onUser);

function delta() { return el.getBoundingClientRect().top - grDesiredTop(); }

try { window.scrollBy({ top: delta(), left: 0, behavior: 'smooth' }); }

catch (e) { window.scrollBy(0, delta()); }

iv = setInterval(function () {

ticks++;

if (cancelled || ticks > 12 || !document.body.contains(el)) { cleanup(); return; }

var y = scrollY();

if (lastY !== null && Math.abs(y - lastY) < 1) { // the scroll has come to rest

var d = delta();

if (Math.abs(d) > 6) window.scrollBy(0, d); // reflow moved it: correct at once

else { cleanup(); return; }

}

lastY = y;

}, 200);

};

function ~~wikiUrl~~( ~~slug~~ ) {

// Called when the reader picks a heading (TOC click, search result,

if ( ~~window~~.~~mw && mw~~.~~util && mw~~.~~util~~.~~getUrl~~ ) ~~return mw~~.~~util~~.~~getUrl~~( ~~slug~~ );

// or a #hash in the URL) — that heading wins until they scroll on.

return ~~artPath~~.~~replace~~( '$1'~~, encodeURIComponent~~( ~~slug~~ ).~~replace~~( /~~%2F~~/~~g, '/'~~ ) );

function pinActive(id) {

if (!id) return;

_pin = { id: id, y: scrollY(), until: Date.now() + 900 };

setActiveToc(id, true); // open its section if collapsed

scheduleRecheck(950);

}

var _recheck = null;

function scheduleRecheck(ms) {

if (_recheck) return;

_recheck = setTimeout(function () { _recheck = null; updateActiveFromScroll(); }, ms);

}

function updateActiveFromScroll() {

if (!_tocHeadings.length) return;

if (_pin) {

var y = scrollY();

if (Date.now() < _pin.until) { // still settling after the jump

_pin.y = y;

setActiveToc(_pin.id, true);

scheduleRecheck(_pin.until - Date.now() + 30);

return;

}

if (Math.abs(y - _pin.y) < 60) { // reader hasn't moved off it

setActiveToc(_pin.id);

return;

}

_pin = null; // they've scrolled on

}

// Interleaving a commentary or changing the font size moves things;

// re-measure when the page's height has changed.

if (document.documentElement.scrollHeight !== _tocMeasuredHeight) measureHeadings();

var line = readingLine(), lo = 0, hi = _tocTops.length - 1, idx = 0;

while (lo <= hi) { // last heading at or above the line

var mid = (lo + hi) >> 1;

if (_tocTops[mid] <= line + 1) { idx = mid; lo = mid + 1; } else { hi = mid - 1; }

}

setActiveToc(_tocHeadings[idx].id);

}

var ~~moolaUrl~~ = ~~wikiUrl~~( ~~primarySlug~~ );

function attachHeadingObserver() {

var ~~ullekhaUrl~~ = ~~wikiUrl~~( ~~primarySlug +~~ '/~~Ullekha~~' );

if (_isNoTocPage()) return;

if (_headingObserver) return;

var content = document.querySelector('.mw-parser-output');

if (!content) return;

if (!document.querySelector('.vector-toc')) return;

// Only headings the contents lists — a heading with no entry (the

// commentary list, say) would otherwise leave nothing highlighted.

_tocHeadings = Array.prototype.slice.call(content.querySelectorAll('h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]'))

.filter(function (h) { return !!getTocLink(h.id); });

if (!_tocHeadings.length) return;

measureHeadings();

// Time-based throttle rather than a requestAnimationFrame latch: if

// one frame callback is ever skipped (background tab, a jump during

// load) a latch stays stuck and the highlight stops updating for

// good — which is one of the ways this went stale before.

var lastRun = 0, trailing = null;

function onScroll() {

var now = Date.now();

if (now - lastRun >= 80) { lastRun = now; updateActiveFromScroll(); }

else if (!trailing) {

trailing = setTimeout(function () { trailing = null; lastRun = Date.now(); updateActiveFromScroll(); }, 80);

}

window.addEventListener('scroll', onScroll, { passive: true });

window.addEventListener('resize', function () { measureHeadings(); onScroll(); }, { passive: true });

if (document.fonts && document.fonts.ready && document.fonts.ready.then) {

document.fonts.ready.then(function () { measureHeadings(); onScroll(); });

}

_headingObserver = { onScroll: onScroll }; // marks "already wired"

var hash = '';

try { hash = decodeURIComponent((location.hash || '').slice(1)); } catch (e) { hash = (location.hash || '').slice(1); }

if (hash && document.getElementById(hash)) pinActive(hash);

else updateActiveFromScroll();

}

~~var docTitleEl = document~~.~~querySelector~~( '.gr-~~doc~~-~~title~~' );

// Clicking an entry highlights it straight away, rather than waiting

~~var hasMoolaPage = docTitleEl && docTitleEl~~.~~getAttribute~~( 'data-~~has~~-~~moola~~' ~~) ===~~ '1';

// for the scroll observer to catch up after the jump.

var ~~hasUllekhaPage~~ = ~~docTitleEl && docTitleEl~~.~~getAttribute~~( '~~data~~-~~has~~-~~ullekha~~' ) === '1';

function attachTocClickHandler(toc) {

if (toc.getAttribute('data-gr-click-wired')) return;

toc.setAttribute('data-gr-click-wired', '1');

toc.addEventListener('click', function (e) {

var a = e.target.closest ? e.target.closest('.vector-toc-link') : null;

if (!a) return;

var href = a.getAttribute('href') || '';

if (href.charAt(0) !== '#') return;

var id;

try { id = decodeURIComponent(href.slice(1)); } catch (err) { id = href.slice(1); }

if (id) pinActive(id);

});

}

var ~~moolaPageUrl~~ = ~~wikiUrl~~( ~~primarySlug +~~ '~~/Moola~~' );

function setupToc() {

if (_isNoTocPage()) return;

var toc = document.querySelector('.vector-toc');

if (!toc) return;

removeTocBeginning();

removeTocTeekaEntry();

stripTocNumbers();

watchTocNumbers();

renameTocTitle();

expandTocSections();

injectTocDocNav();

attachTocClickHandler(toc);

attachHeadingObserver();

}

var ~~showMoolaPage~~ = !~~teekaPage~~ && ~~hasMoolaPage~~;

function init() {

var ~~showMoolaBack~~ = !!~~teekaPage~~;

var HIDE_IDS = ['vector-appearance', 'vector-appearance-pinned-container', 'vector-appearance-unpinned-container'];

var ~~showUllekha~~ = ~~hasUllekhaPage~~ || !!~~teekaPage~~;

function removeHiddenEls() {

HIDE_IDS.forEach(function (id) { var el = document.getElementById(id); if (el && el.parentNode) el.parentNode.removeChild(el); });

var pt = document.getElementById('vector-page-tools') || document.querySelector('.vector-page-tools-pinned-container');

if (pt) pt.querySelectorAll('[aria-controls="vector-appearance"]').forEach(function (el) { if (el.parentNode) el.parentNode.removeChild(el); });

}

removeHiddenEls();

(function detectTeekaMode() {

var tp = document.querySelector('.gr-teeka-page');

if (!tp) return;

var primary = tp.getAttribute('data-primary') || '';

var artPath = (window.mw && mw.config.get('wgArticlePath')) || '/wiki/$1';

var mainUrl = artPath.replace('$1', primary);

var refParam = window.location.search.match(/[?&]ref=([01])/);

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').forEach(tagTocEntry);

}

var saved = (function () { try { return localStorage.getItem(LS_SCRIPT_KEY); } catch (e) { return null; } }());

if (saved && saved !== 'deva') { applyScript(saved); } else { currentScript = 'deva'; }

watchNewContent();

setTimeout(setupToc, 200);

}

window.addEventListener('gr-script-change', function (e) {

var script = e && e.detail && e.detail.script;

if (script) applyScript(script);

});

var _translitBusy = false;

function tagNewContent(container) {

if (!container || !container.nodeType) return;

_translitBusy = true;

try {

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;

if (p.closest && (p.closest('.gr-controls') || p.closest('.mw-editsection')

|| p.closest('.gr-note-marker'))) 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);

});

} finally { _translitBusy = false; }

}

window.addEventListener('gr-new-content', function (e) {

tagNewContent(e && e.detail && e.detail.container);

});

if ( !~~showMoolaPage~~ && ~~!showMoolaBack~~ && !~~showUllekha~~ ) ~~return~~;

// Safety net: anything else that adds text to the page later — an

// interleaved commentary, a sub-commentary, an edit preview — is picked

// up and put into the reader's chosen script, rather than being left in

// Devanagari because it wasn't there when the page was first tagged.

function watchNewContent() {

if (!window.MutationObserver) return;

var content = document.querySelector('.mw-parser-output');

if (!content || content.getAttribute('data-gr-translit-watch')) return;

content.setAttribute('data-gr-translit-watch', '1');

var queued = [], timer = null;

function flush() {

timer = null;

var items = queued; queued = [];

items.forEach(function (n) { if (document.body.contains(n)) tagNewContent(n); });

}

new MutationObserver(function (muts) {

if (_translitBusy) return;

muts.forEach(function (m) {

Array.prototype.forEach.call(m.addedNodes, function (n) {

var el = n.nodeType === 1 ? n : (n.nodeType === 3 ? n.parentNode : null);

if (!el || el.nodeType !== 1) return;

if (el.hasAttribute && el.hasAttribute('data-deva')) return;

queued.push(el);

});

if (queued.length && !timer) timer = setTimeout(flush, 60);

}).observe(content, { childList: true, subtree: true });

}

var ~~nav~~ = ~~document.createElement~~( '~~div~~' );

try {

~~nav~~.id = 'gr-~~toc-doc~~-~~nav~~';

var _grBC = new BroadcastChannel('gr-script');

~~nav.setAttribute~~( ~~'class', 'toc-main-links'~~);

_grBC.onmessage = function (e) {

var script = e && e.data && e.data.script;

if (script) { currentScript = script; var sel = document.querySelector('.gr-script-sel'); if (sel) sel.value = script; applyScript(script); }

};

} catch (e) { }

~~function makeBtn~~( ~~href, label~~ ) {

if (window.mw) {

~~var a = document~~.~~createElement~~( 'a' );

mw.hook('wikipage.content').add(function () {

a.~~href = href;~~

setTimeout(function () {

~~a.setAttribute~~( ~~'class', 'toc-main-link-item'~~);

var content = document.querySelector('.mw-parser-output');

var ~~lspan~~ = document.~~createElement~~( '~~span~~' );

var alreadyTagged = content && content.querySelector('[data-deva]');

~~lspan~~.~~setAttribute~~( 'data-deva'~~, label~~ );

if (!alreadyTagged) { translatableSpans = []; tagTextNodes(); }

~~lspan.textContent =~~ ( ~~currentScript && currentScript~~ !=~~= 'deva'~~ )

else {

~~? transliterateText( label~~, ~~currentScript )~~

// tagTocEntry, not a re-tag from textContent: an entry

~~: label;~~

// keeps its Devanagari in a span *inside* .vector-toc-text,

~~translatableSpans~~.~~push~~( ~~lspan~~ );

// so .vector-toc-text itself never carries data-deva and a

a.~~appendChild( lspan );~~

// :not([data-deva]) sweep matched every entry on every

a.~~addEventListener~~( '~~mouseover', function () { this~~.~~style~~.~~opacity =~~ '0.~~72'~~; } );

// fire. It then stored the text as it stood — Tamil, once

~~a.addEventListener~~( '~~mouseout~~'~~, function~~ () ~~{ this.style.opacity = '1'~~; } );

// the reader had switched — as that entry's "original", so

~~return a~~;

// the next switch had no Devanagari left to work from and

// the contents panel stayed in the previous script while

// the body moved on. tagTocEntry leaves a tagged entry be.

document.querySelectorAll('.vector-toc .vector-toc-text').forEach(tagTocEntry);

}

if (currentScript !== 'deva') applyScript(currentScript);

setupToc();

}, 150);

});

}

if ( ~~showMoolaPage ) nav~~.~~appendChild( makeBtn( moolaPageUrl,~~ '~~मूलम्~~' ) );

if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); }

~~if ( showMoolaBack ) nav~~.~~appendChild~~( ~~makeBtn( moolaUrl,~~ '~~मूल~~' ) );

else { init(); }

if ( ~~showUllekha ) nav.appendChild( makeBtn( ullekhaUrl, 'उल्लेख')~~ );

~~var tocContents = toc.querySelector~~( ~~'.vector-toc-contents'~~ );

}()); /* ← end of main IIFE */

~~if ( tocContents ) toc.insertBefore( nav, tocContents~~ );

~~else toc.appendChild( nav );~~

}

~~// ── TOC active-item highlight ────────────────────────────────────~~

~~function watchTocActive() {~~

~~if ( _isNoTocPage() ) return;~~

~~var toc = document.querySelector( '.vector-toc' );~~

~~if ( !toc ) return;~~

~~if ( !window.MutationObserver ) return;~~

if ( ~~toc~~.~~_grObserved~~ ) {

// ── Inject "Help" and "About" links into the header ─────────────────

~~toc~~.~~querySelectorAll~~( '~~.vector-toc-list-item~~' )~~.forEach( attachHighlight~~ );

(function () {

return;

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);

}

~~toc~~.~~_grObserved~~ = ~~true~~;

function makeHeaderLink(id, href, label) {

var a = document.createElement('a');

a.id = id; a.href = href; a.textContent = label;

a.className = 'gr-header-link'; // styled in Common.css §37

return a;

}

function injectHeaderLinks() {

if (document.getElementById('gr-about-link')) return;

var headerEnd = document.querySelector('.vector-header-end') || document.querySelector('#vector-user-links') || document.querySelector('.mw-header');

if (!headerEnd) return;

var helpLink = makeHeaderLink('gr-help-link', wikiHref('My_wiki:Help'), 'Help');

var aboutLink = makeHeaderLink('gr-about-link', wikiHref('My_wiki:About'), 'About');

var ~~ACTIVE_COLOR~~ = '~~#f57c00~~';

var userName = window.mw ? mw.config.get('wgUserName') : null;

var isAnon = !userName || (window.mw && mw.config.get('wgUserId') === null);

~~function setActive~~( ~~li, on~~ ) {

var authEl = null;

~~var link = li~~.~~querySelector~~( '~~.vector~~-~~toc~~-~~link~~' ) ~~|| li.querySelector~~( 'a' );

if (isAnon) {

if ( !~~link ) return;~~

if (!document.getElementById('gr-header-login')) {

~~var hasActiveChild = !!li~~.~~querySelector~~(

authEl = makeHeaderLink('gr-header-login', wikiHref('Special:UserLogin'), 'Login');

'~~.vector-toc-list-item .vector-toc~~-~~list~~-~~item-active~~'

}

);

} else if (!document.getElementById('gr-header-user')) {

~~var shouldHighlight = on && !hasActiveChild;~~

authEl = buildHeaderUserDropdown(userName);

~~if ( shouldHighlight ) {~~

}

~~link~~.~~style.setProperty~~( '~~color', ACTIVE_COLOR, 'important~~' );

~~link~~.~~style.setProperty~~( '~~font~~-~~weight', '700', 'important~~' );

var ul = document.querySelector('.vector-user-links') || document.querySelector('#pt-userpage');

~~link~~.~~querySelectorAll~~( ~~'*'~~ ).~~forEach~~( ~~function ( el~~ ) {

if (ul && ul.parentNode === headerEnd) {

el.~~style.setProperty~~( ~~'color'~~, ~~ACTIVE_COLOR, 'important'~~ );

if (authEl) headerEnd.insertBefore(authEl, ul);

~~el.style~~.~~setProperty~~( ~~'font-weight'~~, ~~'700', 'important'~~ );

headerEnd.insertBefore(aboutLink, authEl || ul);

~~} );~~

headerEnd.insertBefore(helpLink, aboutLink);

} else {

~~link~~.~~style.removeProperty~~( ~~'color'~~ );

headerEnd.appendChild(helpLink);

~~link.style~~.~~setProperty~~( ~~'font-weight', '400', 'important'~~ );

headerEnd.appendChild(aboutLink);

~~link.querySelectorAll( '*' ).forEach( function ( el ) {~~

if (authEl) headerEnd.appendChild(authEl);

~~el.style.removeProperty~~( ~~'color'~~ );

}

~~el.style~~.~~setProperty~~( ~~'font-weight', '400', 'important'~~ );

~~} );~~

}

function ~~normaliseAll~~() {

function buildHeaderUserDropdown(userName) {

~~toc~~.~~querySelectorAll~~( '.~~vector~~-~~toc~~-~~list~~-~~item~~' ).~~forEach~~( function ( li ) {

var wrap = document.createElement('div');

~~setActive~~( li, li.~~classList~~.~~contains~~( '~~vector~~-~~toc~~-~~list~~-~~item~~-~~active~~' ) );

wrap.id = 'gr-header-user';

} );

wrap.style.cssText = 'position:relative;display:inline-block;margin-right:4px;';

var trigger = document.createElement('button');

trigger.id = 'gr-header-user-trigger';

trigger.type = 'button';

trigger.setAttribute('aria-haspopup', 'true');

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, '<') + '</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'; } });

var menu = document.createElement('div');

menu.id = 'gr-header-user-menu';

menu.setAttribute('role', 'menu');

menu.style.cssText = [

'display:none', 'position:absolute', 'top:100%', 'right:0', 'margin-top:4px',

'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(';');

var itemStyle = 'display:block;padding:10px 16px;font-size:0.9em;color:#2c1810;text-decoration:none;font-family:system-ui,sans-serif;background:#fff;';

function makeMenuItem(href, label, id) {

var a = document.createElement('a');

a.href = href; a.setAttribute('role', 'menuitem');

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;

}

menu.appendChild(makeMenuItem(wikiHref('Special:Profile'), 'Profile'));

menu.appendChild(makeMenuItem('#', 'Log out', 'gr-header-logout'));

function setOpen(open) {

menu.style.display = open ? 'block' : 'none';

trigger.setAttribute('aria-expanded', open ? 'true' : 'false');

var caret = document.getElementById('gr-header-caret');

if (caret) caret.style.transform = open ? 'rotate(180deg)' : '';

if (open) { trigger.style.color = '#fff'; trigger.style.background = 'rgba(255,255,255,0.12)'; }

else { trigger.style.color = 'rgba(255,255,255,0.88)'; trigger.style.background = 'transparent'; }

}

trigger.addEventListener('click', function (e) {

e.stopPropagation();

setOpen(menu.style.display === 'none');

});

document.addEventListener('click', function (e) {

if (!wrap.contains(e.target)) setOpen(false);

});

menu.querySelector('#gr-header-logout').addEventListener('click', function (e) {

e.preventDefault();

if (window.mw && mw.user && mw.user.tokens) {

var t = mw.user.tokens.get('csrfToken');

if (t) {

var script = (mw.util && mw.util.wikiScript) ? mw.util.wikiScript() : '/index.php';

var form = document.createElement('form');

form.method = 'post';

form.action = script + '?title=Special:UserLogout';

form.style.display = 'none';

form.innerHTML =

'<input type="hidden" name="wpEditToken" value="' + String(t).replace(/"/g, '"') + '">' +

'<input type="hidden" name="title" value="Special:UserLogout">' +

'<input type="hidden" name="returnto" value="Main Page">';

document.body.appendChild(form);

form.submit();

return;

}

if (window.mw && mw.Api) {

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';

}

});

wrap.appendChild(trigger);

wrap.appendChild(menu);

return wrap;

}

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', injectHeaderLinks);

else injectHeaderLinks();

}());

function ~~attachHighlight~~( li ) {

if ( ~~li._grHighlightAttached~~ ) return;

// ── Main page: by-Grantha / by-Author toggle ──────────────────────

li.~~_grHighlightAttached~~ = ~~true~~;

(function () {

~~liObs~~.~~observe~~( ~~li, { attributes~~: ~~true, attributeFilter~~: [ '~~class~~' ~~] }~~ );

function grHomeView(v) {

~~setActive( li, li~~.~~classList.contains(~~ '~~vector~~-~~toc~~-~~list~~-~~item~~-active' ) );

var gView = document.getElementById('gr-view-grantha');

var aView = document.getElementById('gr-view-author');

var gBtn = document.getElementById('gr-toggle-grantha');

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) { }

}

}());

~~var liObs = new MutationObserver( function ( mutations ) {~~

~~mutations.forEach( function ( m ) {~~

~~if ( m.attributeName !== 'class' ) return;~~

~~var li = m.target;~~

~~var active = li.classList.contains( 'vector-toc-list-item-active' );~~

~~setActive( li, active );~~

if ( ~~active~~ ) {

// ── Ullekha reference link handler ─────────────────────────────────

var ~~anc~~ = li.~~parentNode~~;

(function () {

~~while~~ ( ~~anc~~ && ~~anc~~ !== document.~~body~~ ) {

// Uses the shared, reflow-proof scroller when it is available.

if ( ~~anc~~.~~classList &&~~

function grScrollTo(el) {

~~anc~~.~~classList.contains~~( '~~vector~~-~~toc-list-item~~' ) &&

if (!el) return;

~~anc~~.~~classList.contains~~( '~~vector~~-~~toc~~-~~list-item-collapsed'~~ ) ) {

if (window.grScrollToElement) window.grScrollToElement(el);

~~anc~~.~~classList~~.~~remove~~( '~~vector~~-~~toc~~-~~list~~-~~item-collapsed~~' );

else el.scrollIntoView({ behavior: 'smooth', block: 'center' });

}

function highlightOnArrival() {

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 () { grScrollTo(mark); if (window.grHighlightTocForElement) window.grHighlightTocForElement(mark); }, 100);

found = true;

}

~~anc = anc.parentNode;~~

if (!found) {

}

var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);

while (walker.nextNode() && !found) {

var ~~container~~ = document.~~querySelector~~( '.~~vector-sticky-pinned-container'~~ );

var node = walker.currentNode;

if ( ~~container~~ ) {

var txt = node.textContent || '';

var ~~vis~~ = ~~container~~.~~offsetHeight > 0 &&~~

if (txt.indexOf(snippet) === -1) continue;

~~container.offsetParent !~~=~~= null &&~~

var idx2 = txt.indexOf(snippet);

~~window~~.~~getComputedStyle( container ).display !==~~ '~~none~~' &&

var mark2 = document.createElement('mark');

~~window~~.~~getComputedStyle~~( ~~container~~ )~~.visibility !~~== ~~'hidden'~~;

mark2.className = 'gr-ullekha-highlight';

if ( ~~vis~~ ) {

mark2.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;';

var lr = li.~~getBoundingClientRect~~();

mark2.textContent = txt.slice(idx2, Math.min(idx2 + needle.length, txt.length));

~~var cr~~ = ~~container~~.~~getBoundingClientRect()~~;

var p = node.parentNode;

if ( lr.~~top < cr.top~~ + ~~4 || lr~~.~~bottom > cr~~.~~bottom - 4~~ ) {

p.insertBefore(document.createTextNode(txt.slice(0, idx2)), node);

var sh = ~~null,~~ node ~~= li~~.parentNode;

p.insertBefore(mark2, node);

~~while~~ ( ~~node && node !==~~ document.~~body~~ ) {

p.insertBefore(document.createTextNode(txt.slice(idx2 + mark2.textContent.length)), node);

~~var ov = window~~.~~getComputedStyle~~( node )~~.overflowY~~;

p.removeChild(node);

if ( ( ~~ov === 'auto' || ov === 'scroll'~~ ) &&

setTimeout(function () { grScrollTo(mark2); if (window.grHighlightTocForElement) window.grHighlightTocForElement(mark2); }, 100);

~~node~~.~~scrollHeight >~~ node~~.clientHeight~~ ) { ~~sh = node~~; ~~break~~; }

found = true;

~~node~~ = ~~node.parentNode~~;

}

~~if ( !sh && container.scrollHeight > container.clientHeight ) sh = container;~~

~~if ( sh ) {~~

~~var hr = sh.getBoundingClientRect();~~

~~var top = lr.top - hr.top + sh.scrollTop;~~

~~sh.scrollTop = Math.max( 0, top - sh.clientHeight / 2 + li.offsetHeight / 2 );~~

}

} );

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 : '');

});

}

if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { highlightOnArrival(); wireUllekhaLinks(); }); }

else { highlightOnArrival(); wireUllekhaLinks(); }

}());

/* ── Search result highlight ──────────────────────────────────── */

(function () {

function storeQueryForLink(url, query) {

try {

var a = document.createElement('a');

a.href = url;

sessionStorage.setItem('gr_search_hl', JSON.stringify({

query: query,

pathname: a.pathname

}));

} catch (e) { }

}

~~var structObs = new MutationObserver(~~ function ( ~~mutations ) {~~

function applyHighlight() {

~~mutations.forEach( function ( m~~ ) {

var stored;

~~if ( m.type !== 'childList' ) return~~;

try {

~~m.addedNodes.forEach( function ( n )~~ {

stored = JSON.parse(sessionStorage.getItem('gr_search_hl') || 'null');

~~if ( n.nodeType !~~=~~= 1 ) return;~~

} catch (e) { return; }

~~if ( n~~.~~classList && n.classList.contains( 'vector-toc-list-item' ) ) attachHighlight~~( ~~n );~~

if (!stored || !stored.query) return;

~~if ( n~~.~~querySelectorAll ) n.querySelectorAll~~( '~~.vector-toc-list-item~~' )~~.forEach( attachHighlight );~~

~~var newSpans = [];~~

~~if ( n.classList && n.classList.contains(~~ '~~vector-toc-text~~' ~~) ) newSpans.push( n~~ );

~~if ( n.querySelectorAll ) n.querySelectorAll( '.vector-toc-text' ).forEach( function ( s ) { newSpans.push( s );~~ } );

~~newSpans.forEach( function~~ ( ~~span~~ ) {

~~if ( span.hasAttribute( 'data-deva' ) )~~ return;

~~var orig = span.textContent;~~

if ( !~~orig~~.~~trim()~~ ) return;

~~span.setAttribute( 'data-deva', orig );~~

~~if ( currentScript !== 'deva' ) span.textContent = transliterateText( orig, currentScript );~~

~~translatableSpans.push( span );~~

~~} );~~

~~} )~~;

~~toc~~.~~querySelectorAll( '~~.~~vector-toc-list-item' ).forEach( attachHighlight )~~;

var currentPath = window.location.pathname;

~~structObs~~.~~observe( toc, { childList: true, subtree: true } )~~;

var storedPath = stored.pathname || '';

~~setTimeout(~~ function () {

function normPath(p) { return decodeURIComponent(p).replace(/\/+$/, ''); }

~~normaliseAll~~();

if (storedPath && normPath(storedPath) !== normPath(currentPath)) {

~~var active = toc~~.~~querySelector~~( '~~.vector-toc-list-item-active~~' );

try { sessionStorage.removeItem('gr_search_hl'); } catch (e) { }

if ( ~~active~~ ) ~~setActive~~( ~~active, true~~ );

return;

}~~, 300~~ );

}

~~// ── TOC: Use Vector's native TOC, add highlight + expand + rename ──────~~

var query = stored.query.trim();

~~function setupToc() {~~

if (!query) return;

~~if ( _isNoTocPage() ) return;~~

var ~~toc~~ = ~~document~~.~~querySelector~~( ~~'.vector-toc'~~ );

if ( !~~toc~~ ) return;

~~removeTocBeginning~~();

try { sessionStorage.removeItem('gr_search_hl'); } catch (e) { }

~~renameTocTitle~~();

~~expandTocSections();~~

~~injectTocDocNav();~~

~~attachHeadingObserver();~~

}

~~// ── IntersectionObserver on actual heading elements ──────────────~~

var delays = [0, 200, 600];

var ~~_headingObserver~~ = ~~null~~;

delays.forEach(function (ms) {

setTimeout(function () {

if (document.querySelector('.gr-search-hl')) return;

highlightText(query);

}, ms);

});

}

function ~~attachHeadingObserver~~() {

// Uses the shared, reflow-proof scroller when it is available.

if ( ~~_isNoTocPage()~~ ) return;

function grScrollTo(el) {

if ( ~~_headingObserver~~ ) ~~return~~;

if (!el) return;

if ( ~~!window.IntersectionObserver~~ ) {

if (window.grScrollToElement) window.grScrollToElement(el);

~~return~~; ~~/* IntersectionObserver not available — skip active highlight */~~

else el.scrollIntoView({ behavior: 'smooth', block: 'center' });

}

var ~~ACTIVE_COLOR~~ = '#~~f57c00~~';

function highlightText(query) {

~~var _activeId = null~~;

var content = document.querySelector('#mw-content-text .mw-parser-output');

if (!content) return;

var ~~content~~ = ~~document~~.~~querySelector~~( '~~.mw-parser-output~~' );

var raw = query.replace(/^"|"$/g, '').trim();

~~if ( !content ) return;~~

if (!raw) return;

~~var headings = Array~~.~~from~~(

~~content.querySelectorAll( 'h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]' )~~

);

if ( !~~headings.length~~ ) return;

var ~~toc~~ = ~~document~~.~~querySelector~~( '.~~vector-toc'~~ );

var patterns = [];

if ( ~~!toc~~ ) ~~return~~;

patterns.push(escapeRegex(raw));

raw.split(/\s+/).forEach(function (w) {

if (w.length >= 2) patterns.push(escapeRegex(w));

});

~~function getTocLink~~( id ) {

var matched = false;

return ~~toc~~.querySelector( '~~a[href="#~~' ~~+ CSS~~.~~escape~~( id ) + '"]' );

for (var pi = 0; pi < patterns.length; pi++) {

var re;

try { re = new RegExp('(' + patterns[pi] + ')', 'gi'); }

catch (e) { continue; }

var count = wrapMatches(content, re);

if (count > 0) { matched = true; break; }

}

if (!matched) return;

var first = document.querySelector('.gr-search-hl');

if (first) {

grScrollTo(first);

first.classList.add('gr-search-hl-pulse');

setTimeout(function () { first.classList.remove('gr-search-hl-pulse'); }, 2000);

// NEW: directly trigger the TOC to expand and highlight the

// right section, rather than relying solely on the scroll

// observer to catch up on its own. This is the actual fix —

// confirmed the helper against a realistic multi-section

// fragment before wiring it in here.

if (window.grHighlightTocForElement) window.grHighlightTocForElement(first);

}

showDismissBar(query);

}

function ~~getTocLi~~( id ) {

function escapeRegex(s) {

~~var a = getTocLink~~( ~~id );~~

return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');

~~return a~~ ? ~~a.closest~~( '~~.vector-toc-list-item~~' ) ~~: null~~;

}

function ~~clearActive~~() {

function wrapMatches(root, re) {

~~/* Clear ALL toc items — prevents multiple items staying highlighted simultaneously */~~

var count = 0;

~~toc~~.~~querySelectorAll~~( '.~~vector-toc-list-item'~~ ).~~forEach~~( ~~function~~ ( li ) {

var walker = document.createTreeWalker(

li.classList.~~remove~~( '~~vector-toc-list~~-~~item~~-~~active~~' );

root, NodeFilter.SHOW_TEXT, {

var ~~lnk~~ = li.~~querySelector~~( '.~~vector-toc-link'~~ );

acceptNode: function (node) {

if ( !~~lnk~~ ) return;

var p = node.parentElement;

~~lnk~~.~~style~~.~~removeProperty~~( ~~'color'~~ );

if (!p) return NodeFilter.FILTER_REJECT;

~~lnk~~.~~style~~.~~setProperty~~( ~~'font-weight'~~, '~~400~~', '~~important~~' );

var tag = p.tagName.toUpperCase();

~~lnk~~.~~querySelectorAll~~( ~~'*'~~ ).~~forEach~~( ~~function ( el~~ ) {

if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'NOSCRIPT') return NodeFilter.FILTER_REJECT;

el.~~style~~.~~removeProperty~~( ~~'color'~~ );

if (p.classList.contains('gr-search-hl')) return NodeFilter.FILTER_REJECT;

el.~~style~~.~~setProperty~~( ~~'font-weight', '400'~~, ~~'important'~~ );

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);

});

return count;

}

function ~~setActive~~( id ) {

function showDismissBar(query) {

if ( ~~_activeId === id~~ ) ~~return~~;

var existing = document.getElementById('gr-hl-bar');

~~_activeId = id;~~

if (existing) existing.remove();

~~clearActive~~();

if ( ~~!id~~ ) ~~return~~;

var li = ~~getTocLi~~( id );

var count = document.querySelectorAll('.gr-search-hl').length;

if ( !li ) return;

if (!count) return;

li.~~classList~~.~~add~~( '~~vector~~-~~toc~~-~~list~~-~~item~~-~~active~~' );

var isMob = window.innerWidth < 768 || !!document.getElementById('mw-mf-viewport');

var bar = document.createElement('div');

bar.id = 'gr-hl-bar';

~~var hasActiveChild = !!li.querySelector~~(

if (isMob) {

'~~.vector~~-~~toc~~-~~list~~-~~item~~ .~~vector~~-~~toc~~-~~list~~-~~item~~-~~active~~'

bar.className = 'gr-search-hl-mobile';

);

if ( ~~!hasActiveChild~~ ) {

bar.innerHTML =

~~var lnk~~ = ~~li.querySelector(~~ '~~.vector~~-~~toc~~-~~link~~' );

'<button id="gr-hl-results" class="gr-search-bar-btn">' +

~~if ( lnk )~~ {

'<span class="gra-icon gra-icon-search" aria-hidden="true"></span>' +

~~lnk~~.style.~~setProperty(~~ '~~color~~', ~~ACTIVE_COLOR~~, '~~important~~' );

'<span>' + count + ' match' + (count === 1 ? '' : 'es') + '</span></button>' +

~~lnk.style.setProperty(~~ '~~font~~-~~weight~~', '~~700~~', '~~important~~' );

'<button id="gr-hl-prev" class="gr-search-bar-btn">' +

~~lnk.querySelectorAll(~~ '*' ~~).forEach( function ( el ) {~~

'<span class="gra-icon gra-icon-prev" aria-hidden="true"></span>' +

~~el.style.setProperty(~~ '~~color~~', ~~ACTIVE_COLOR~~, '~~important~~' );

'<span>Prev</span></button>' +

~~el.style.setProperty(~~ 'font-~~weight~~', '~~700~~', '~~important~~' );

'<button id="gr-hl-next" class="gr-search-bar-btn">' +

} );

'<span class="gra-icon gra-icon-next" aria-hidden="true"></span>' +

}

'<span>Next</span></button>' +

}

'<button id="gr-hl-dismiss" class="gr-search-bar-btn">' +

'<span class="gra-icon gra-icon-dismiss" aria-hidden="true"></span>' +

'<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(';');

~~// Expand ALL ancestor sections — remove collapsed, force display~~

var nav = document.createElement('div');

var ~~anc~~ = li.~~parentNode;~~

nav.style.cssText = 'display:flex;align-items:center;gap:12px;';

~~while~~ ( ~~anc && anc !== toc~~ ) {

nav.innerHTML =

~~if ( anc~~.~~classList ) {~~

'<span>🔍 <strong>' + escHtml(query) + '</strong> — ' + count + ' match' + (count === 1 ? '' : 'es') + '</span>' +

~~anc~~.~~classList.remove(~~ '~~vector~~-~~toc-list-item-collapsed~~' );

'<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>' +

}

'<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>' +

if ( ~~anc.tagName~~ === 'UL' ~~|| anc.tagName ===~~ 'LI' ) {

'<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>';

~~anc.~~style.~~removeProperty(~~ '~~display~~' );

bar.appendChild(nav);

}

~~anc~~ = ~~anc~~.~~parentNode~~;

}

~~// Scroll TOC item into view within sidebar~~

var db = document.createElement('button');

var ~~sticky~~ = document.~~querySelector~~( '.~~vector~~-~~sticky~~-~~pinned-container~~' );

db.id = 'gr-hl-dismiss'; db.textContent = '✕ Close';

~~var scrollEl~~ = ~~sticky || toc~~;

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;';

~~if ( scrollEl~~.~~scrollHeight > scrollEl~~.~~clientHeight ) {~~

bar.appendChild(db);

~~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~~();

document.body.appendChild(bar);

~~_headingObserver~~ = ~~new IntersectionObserver( function ( entries ) {~~

var hlEls = Array.from(document.querySelectorAll('.gr-search-hl'));

~~entries~~.~~forEach~~( ~~function ( entry ) {~~

var current = 0;

~~if ( entry~~.~~isIntersecting ) {~~

~~_visible.add~~( ~~entry~~.~~target.id~~ );

~~} else {~~

~~_visible.delete( entry.target.id~~ );

}

~~} )~~;

~~var topId = null;~~

function goTo(idx) {

~~var topY = Infinity;~~

hlEls.forEach(function (el) { el.classList.remove('gr-search-hl-current'); });

~~_visible~~.forEach( function ( id ) {

current = ((idx % hlEls.length) + hlEls.length) % hlEls.length;

~~var~~ el ~~= document~~.~~getElementById~~( id );

hlEls[current].classList.add('gr-search-hl-current');

if ( el ) {

grScrollTo(hlEls[current]);

~~var y = el~~.~~getBoundingClientRect~~().~~top;~~

// NEW: same TOC sync on Prev/Next navigation within the

if ( ~~y >= 0 && y < topY~~ ) ~~{ topY = y; topId = id~~; }

// results, not just the initial jump.

if (window.grHighlightTocForElement) window.grHighlightTocForElement(hlEls[current]);

}

~~} );~~

~~if ( !topId ) {~~

function dismiss() { clearHighlights(); bar.remove(); }

~~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~~ );

var nb = document.getElementById('gr-hl-next');

~~}, {~~

var pb = document.getElementById('gr-hl-prev');

~~rootMargin:~~ '-~~60px 0px~~ -~~65% 0px~~',

var rb = document.getElementById('gr-hl-results');

~~threshold: 0~~

var db2 = document.getElementById('gr-hl-dismiss');

} );

if (nb) nb.onclick = function () { goTo(current + 1); };

if (pb) pb.onclick = function () { goTo(current - 1); };

if (db2) db2.onclick = dismiss;

if (rb) rb.onclick = function () {

bar.remove(); clearHighlights();

if (window.showSearchDialog) window.showSearchDialog(query);

};

}

~~headings~~.forEach( function ( h ) { ~~_headingObserver~~.~~observe~~( h ); } );

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);

});

}

~~// ── Init ────────────────────────────────────────────────────────~~

function escHtml(s) {

~~function init() {~~

return String(s).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');

~~var HIDE_IDS = [~~

~~'vector-appearance',~~

~~'vector-appearance-pinned-container',~~

~~'vector-appearance-unpinned-container'~~

];

function ~~removeHiddenEls~~() {

~~HIDE_IDS.forEach( function~~ ( id ) {

~~var el = document~~.~~getElementById~~( ~~id );~~

~~if ( el~~ && ~~el.parentNode ) el.parentNode.removeChild( el )~~;

} );

~~var pt = document~~.~~getElementById~~( '~~vector-page-tools~~' ) ||

~~document~~.~~querySelector~~( '~~.vector-page-tools-pinned-container' )~~;

~~if ( pt ) {~~

~~pt.querySelectorAll(~~ '~~[aria-controls="vector-appearance"]' )~~

~~.forEach( function ( el ) { if ( el.parentNode ) el.parentNode.removeChild( el~~ ); ~~} );~~

}

~~removeHiddenEls();~~

( function ~~detectTeekaMode~~() {

function injectHighlightCSS() {

~~var tp =~~ document.~~querySelector~~( '.gr-~~teeka~~-~~page~~' );

if (document.getElementById('gr-hl-css')) return;

~~if ( !tp~~ ) return;

var s = document.createElement('style');

var ~~primary~~ = tp.~~getAttribute~~( '~~data-primary~~' ) ~~|| ''~~;

s.id = 'gr-hl-css';

~~var artPath~~ = ~~( window.mw && mw.config.get(~~ '~~wgArticlePath' ) ) || '/wiki/$1~~';

s.textContent = [

~~var mainUrl~~ = ~~artPath~~.~~replace~~( ~~'$1'~~, ~~primary~~ );

'.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);}',

~~var refParam = window.location~~.search~~.match( /[?&]ref=([01])/ )~~;

'.gr-search-hl-current{background:#ffb300!important;box-shadow:0 0 0 2px #b5451b!important;}',

~~if ( refParam )~~ {

'@keyframes gr-hl-pulse{0%{background:#ffb300;}50%{background:#fff176;}100%{background:#fff176;}}',

~~document.body.classList~~.~~add( refParam[1] === '1' ? '~~gr-~~ref~~-~~mode'~~ : 'gr-~~standalone~~' );

'.gr-search-hl-pulse{animation:gr-hl-pulse 1.2s ease 2;}',

~~return;~~

].join('');

}

document.head.appendChild(s);

~~var ref = document~~.~~referrer ||~~ '';

}

document.~~body~~.~~classList.add~~(

~~( ref && primary && ref.indexOf( mainUrl ) !== -1 ) ? 'gr-ref-mode' : 'gr-standalone'~~

);

}~~() );~~

if ( ~~window.MutationObserver ) {~~

injectHighlightCSS();

~~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~~' );

if (document.readyState === 'loading') {

~~var alreadyTagged = content && content~~.~~querySelector~~( '~~[data-deva]~~' );

document.addEventListener('DOMContentLoaded', applyHighlight);

~~if ( !alreadyTagged ) {~~

~~translatableSpans = [];~~

~~tagTextNodes(~~);

} else {

~~document.querySelectorAll( '.vector-toc .vector-toc-text:not([data-deva])' ).forEach( function ( span ) {~~

applyHighlight();

~~var orig = span.textContent;~~

~~if ( !orig.trim() ) return;~~

~~span.setAttribute( 'data-deva', orig );~~

~~translatableSpans.push~~( ~~span );~~

} );

}

~~var saved = ( function~~ () {

if (window.mw) {

~~try { return localStorage~~.~~getItem~~( ~~LS_SCRIPT_KEY~~ )~~; } catch~~ ( e ) { ~~return null; }~~

mw.hook('wikipage.content').add(function () {

}() );

setTimeout(applyHighlight, 100);

~~if ( saved && saved !== 'deva' ) { applyScript( saved~~ ); }

});

~~else { currentScript = 'deva';~~ }

}

~~setTimeout( setupToc, 200 )~~;

window.grStoreSearchHL = storeQueryForLink;

}

~~// ── React to toolbar script-change events ──────────────────────~~

}());

~~window.addEventListener( 'gr-script-change', function ( e ) {~~

~~var script = e && e.detail && e.detail.script;~~

if ( ~~script~~ ) ~~applyScript( script );~~

} );

// ~~── React to~~ gr-~~new~~-~~content~~ (~~siteNav panel rendered new~~ items) ──

/* ═══════════════════════════════════════════════════════════════

window.~~addEventListener~~( 'gr-~~new~~-~~content~~', function ( e ) {

Mobile addon — only runs on Minerva (mobile) skin

var ~~container~~ = e && e.~~detail~~ && e.~~detail~~.~~container~~;

═══════════════════════════════════════════════════════════════ */

if ( !~~container~~ ) return;

(function () {

var ~~walker~~ = document.~~createTreeWalker~~( ~~container, NodeFilter~~.~~SHOW_TEXT~~ );

if (!document.body.classList.contains('skin-minerva')) return;

var ~~nodes~~ = [];

function injectMenuLinks() {

~~while~~ ( ~~walker~~.~~nextNode~~() ) ~~nodes~~.~~push~~( ~~walker~~.~~currentNode~~ );

if (document.getElementById('gr-mob-menu-items')) return;

~~nodes~~.~~forEach~~( ~~function~~ ( ~~node~~ ) {

var navDrawer = document.querySelector('.navigation-drawer');

var p = ~~node~~.~~parentNode~~;

if (!navDrawer) return;

if ( !p || ( p.~~hasAttribute~~ && p.~~hasAttribute~~( '~~data~~-~~deva~~' ) ) ) return;

var wrap = document.createElement('div'); wrap.id = 'gr-mob-menu-items'; wrap.className = 'gr-mob-menu';

var ~~orig~~ = ~~node~~.~~textContent~~;

function makeItem(href, label) { var a = document.createElement('a'); a.href = href; a.className = 'gr-mob-item'; a.textContent = label; return a; }

if ( !~~orig~~.~~trim~~() ) ~~return~~;

wrap.appendChild(makeItem('/Main_Page', 'Home'));

var ~~span~~ = document.~~createElement~~( '~~span~~' );

wrap.appendChild(makeItem('/My_wiki:Help', 'Help'));

~~span~~.~~setAttribute~~( 'data-~~deva~~', ~~orig~~ );

wrap.appendChild(makeItem('/My_wiki:About', 'About'));

~~span~~.~~textContent~~ = ~~currentScript~~ !== '~~deva~~' ~~? transliterateText~~( ~~orig, currentScript~~ ) ~~: orig~~;

var userName = window.mw ? mw.config.get('wgUserName') : null;

p.~~replaceChild~~( ~~span~~, ~~node~~ );

if (userName) {

~~translatableSpans~~.~~push~~( ~~span~~ );

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) {

// Hide Minerva's own menu lists rather than deleting them: Minerva's

// initMobile.js looks up .toggle-list__list inside this panel and

// throws ("Cannot read properties of null (reading 'parentNode')")

// when it is gone, which also stops the rest of Minerva's setup.

Array.prototype.forEach.call(pageLeft.children, function (c) { c.classList.add('gr-mf-native-menu'); });

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.className = 'toc-main-links'; // styled in Common.css §24

function makeLink(href, label) { var a = document.createElement('a'); a.href = href; a.textContent = label; a.className = 'toc-main-link-item'; 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'), 'उल्लेख'));

// Right under the document's own title, which is what a reader on a

// phone actually sees as the title; the skin's h1 is the fallback.

var docTitle = document.querySelector('#mw-content-text .gr-doc-title');

var h1 = document.getElementById('firstHeading') || document.querySelector('.page-heading, h1.firstHeading, .mw-first-heading');

if (docTitle && docTitle.parentNode) docTitle.parentNode.insertBefore(nav, docTitle.nextSibling);

else 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); }

}

function boot() { injectMenuLinks(); injectMoolaUllekhaLinks();}

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);

else boot();

if (window.mw) mw.hook('wikipage.content');

}());

(function () {

'use strict';

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); });

});

function applyHomeToggleOffset() {

var bar = document.getElementById('gr-static-bar'); if (!bar) return;

var barBottom = Math.round(bar.getBoundingClientRect().bottom);

[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'; });

var isMob = window.innerWidth < 768 || !!document.getElementById('mw-mf-viewport');

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'; } } }

}

$(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);

$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);

}

}());

/* ═══════════════════════════════════════════════════════════════

Commentary interleaving — discovers a document's /Vyakhya or

/Bhashya commentary subpages, lets a reader select which ones to

show interleaved with the moola text, and augments any existing

link to a commentary (e.g. a "वादावली" list) with its own inline

checkbox. Exposes window.grTeekaInterleave so readerToolbar.js's

"Commentaries" dropdown can stay in sync without duplicating this

logic — same pattern as window.grHighlightTocForElement above.

═══════════════════════════════════════════════════════════════ */

(function () {

// ~~── React~~ to ~~script changes~~ from ~~OTHER tabs~~ (~~BroadcastChannel~~) ──

var LS_TEEKA_KEY = 'grantha_reader_teeka_in_moola';

~~try {~~

~~var _grBC = new BroadcastChannel~~( ~~'gr~~-~~script'~~ );

// Distinct light background per commentary, for when multiple

~~_grBC~~.~~onmessage = function~~ ( e ) {

// different teekas are interleaved together and need to stay

var ~~script~~ = ~~e && e.data && e.data~~.~~script;~~

// visually distinguishable. CHANGED: was a 30-color palette

if ( ~~script~~ ) {

// transcribed from a screenshot - confirmed directly that at least

~~currentScript~~ = ~~script~~;

// one entry (#F6C500, a saturated gold) wasn't actually light at

var ~~sel~~ = ~~document~~.~~querySelector~~( '.~~gr-script-sel'~~ );

// all, which is very likely what read as "really dark" in practice.

if ( ~~sel~~ ) ~~sel~~.~~value = script~~;

// Replaced with 10 colors in the site's own warm palette (matching

~~applyScript~~( ~~script~~ );

// the maroon/cream tones already used throughout Common.css -

}

// #b5451b, #fdf0eb, #f0cfc4), all kept in the ~94-97% lightness

};

// range so they stay easy to read against dark text regardless of

} catch ( e ) {}

// which one a given teeka lands on. First entry is #fcf5f3 - the

// exact background .teeka-block itself already uses on a native

// teeka page (verified at 97.1% lightness), per direction, so the

// most common single-commentary case matches the site's own

// existing look exactly rather than introducing a new shade for it.

var TEEKA_COLOR_PALETTE = [

'#fcf5f3', '#F5EFE6', '#F0F5EC', '#EEF3F6', '#F6EFF3',

'#F3F0F8', '#F8F3EA', '#EEF6F2', '#F6EEEE', '#F2F0EC'

];

// Stable djb2-style hash - same teeka slug always maps to the SAME

// color everywhere on the site (not re-randomized per page load or

// fetch order) - verified directly: a reader learning "this shade =

// भावप्रकाशः" needs that to hold site-wide.

function teekaColorForSlug(slug) {

var h = 5381;

for (var i = 0; i < slug.length; i++) h = ((h * 33) ^ slug.charCodeAt(i)) >>> 0;

return TEEKA_COLOR_PALETTE[h % TEEKA_COLOR_PALETTE.length];

}

function readLS(k) { try { return localStorage.getItem(k); } catch (e) { return null; } }

function writeLS(k, v) { try { localStorage.setItem(k, v); } catch (e) { } }

~~// ── MediaWiki SPA-style navigation ──────────────────────────────~~

function fetchAllSubpages(rootTitle) {

~~if ( window.mw ) {~~

var deferred = $.Deferred(), subpages = [], nsNum = mw.config.get('wgNamespaceNumber'), localName = mw.config.get('wgTitle');

~~mw.hook( 'wikipage.content' ).add(~~ function () {

function ask(apfrom) {

~~setTimeout( function~~ () {

var params = { action: 'query', list: 'allpages', apprefix: localName + '/', apnamespace: nsNum, aplimit: 'max', format: 'json' };

~~var content~~ = ~~document~~.~~querySelector~~( '~~.mw-parser-output~~' );

if (apfrom) params.apcontinue = apfrom;

~~var alreadyTagged~~ = ~~content && content~~.~~querySelector~~( '~~[data-deva]~~' );

$.ajax({ url: mw.util.wikiScript('api'), data: params, dataType: 'json' }).then(function (data) {

if ( ~~!alreadyTagged~~ ) {

var pages = (data.query && data.query.allpages) || [];

~~translatableSpans~~ = [];

pages.forEach(function (p) { subpages.push(p.title); });

~~tagTextNodes~~();

if (data.continue && data.continue.apcontinue) ask(data.continue.apcontinue);

~~} else {~~

else deferred.resolve(subpages);

~~document~~.~~querySelectorAll~~( '.~~vector-toc~~ .~~vector-toc-text:not~~([data~~-deva])~~' ).~~forEach~~( function ( ~~span~~ ) {

}).fail(function () { deferred.resolve(subpages); });

var ~~orig~~ = ~~span~~.~~textContent~~;

if ( ~~!orig~~.~~trim~~() ) ~~return~~;

~~span~~.~~setAttribute~~( 'data~~-deva', orig~~ );

~~translatableSpans~~.~~push~~( ~~span~~ );

} );

}

if ( ~~currentScript !== 'deva' ) applyScript( currentScript~~ );

ask(null);

~~setupToc~~();

return deferred.promise();

~~}, 150~~ );

}

~~} );~~

}

~~if ( document~~.~~readyState === 'loading' ) {~~

// One request for ALL of them, not one each. The API takes up to 50

~~document~~.~~addEventListener( 'DOMContentLoaded'~~, ~~init );~~

// titles at a time, and a moola page now shows every commentary by

~~} else {~~

// default - so what used to be one round trip became five or ten,

~~init()~~;

// fired together but each with its own latency, and the commentaries

}

// appeared well after the text. Batching makes it a single request

// whatever the page carries. maxage/smaxage let the browser and the

// CDN reuse the response, so moving between chapters of one grantha

// does not re-fetch the same commentaries.

var teekaJsonCache = {};

}() ); ~~/* ← end of main IIFE */~~

function fetchTeekaJsons(titles) {

var want = titles.filter(function (t) { return !(t in teekaJsonCache); });

if (!want.length) return $.Deferred().resolve(teekaJsonCache).promise();

var batches = [];

for (var i = 0; i < want.length; i += 40) batches.push(want.slice(i, i + 40));

~~// ── Inject "Help" and "About" links into the header ─────────────────~~

return $.when.apply($, batches.map(function (batch) {

( function () {

return $.ajax({

function ~~wikiHref~~( ~~title~~ ) {

url: mw.util.wikiScript('api'),

if ( ~~window~~.mw && mw.~~util && mw~~.~~util~~.~~getUrl~~ ) ~~return mw~~.~~util~~.~~getUrl~~( title );

data: {

var ap = ~~( window~~.mw && mw.~~config~~ && mw.~~config~~.~~get~~( ~~'wgArticlePath'~~ ) ) ~~|| '~~/~~wiki~~/~~$1'~~;

action: 'query',

return ~~ap.replace( '$1', title~~ );

titles: batch.map(function (t) { return 'JSON:' + t; }).join('|'),

}

prop: 'revisions', rvslots: 'main', rvprop: 'content',

format: 'json', formatversion: 2,

maxage: 300, smaxage: 300

},

dataType: 'json'

}).then(function (data) {

var pages = (data.query && data.query.pages) || [];

pages.forEach(function (page) {

// Match the response back to the title we asked for:

// the API may normalise or reorder, so never pair by

// index. Strip the namespace the same way it was added.

var title = (page.title || '').replace(/^JSON:/, '');

if (page.missing) { teekaJsonCache[title] = null; return; }

var content = page.revisions && page.revisions[0] &&

page.revisions[0].slots && page.revisions[0].slots.main &&

page.revisions[0].slots.main.content;

if (!content) { teekaJsonCache[title] = null; return; }

try {

var parsed = JSON.parse(content);

parsed._title = title;

teekaJsonCache[title] = parsed;

} catch (e) { teekaJsonCache[title] = null; }

});

}).catch(function () {

batch.forEach(function (t) { if (!(t in teekaJsonCache)) teekaJsonCache[t] = null; });

});

})).then(function () {

// Anything the response never mentioned is recorded as absent,

// so a later call does not ask for it again.

want.forEach(function (t) { if (!(t in teekaJsonCache)) teekaJsonCache[t] = null; });

return teekaJsonCache;

});

}

~~var linkStyle = [~~

// Finds this document's commentary subpages - filters to the site's

'~~color:rgba(255,255,255,0.88)', 'font~~-~~size:0.88em~~',

// own established commentary-path convention (Vyakhya/Bhashya are

~~'font~~-~~family:system-ui,sans-serif', 'font-weight:500',~~

// shown; Moola/Ullekha are never commentary content).

~~'text-decoration:none', 'padding:4px 10px', 'border-radius:4px',~~

function findCommentarySubpages(rootTitle) {

~~'margin-right:4px', 'transition:color 0~~.~~15s,background 0~~.~~15s',~~

return $.Deferred(function (d) {

~~'white-space:nowrap',~~

fetchAllSubpages(rootTitle).then(function (all) {

].~~join~~( ';' );

d.resolve(all.filter(function (t) {

return t !== rootTitle && (/\/vyakhya(\/|$)/i.test(t) || /\/bhashya(\/|$)/i.test(t));

}));

});

}).promise();

}

~~function makeHeaderLink~~( id, ~~href~~, ~~label~~ ) {

// Builds moola-verse-id -> [{teekaTitle, teekaSlug, text, blockId}].

~~var~~ a = ~~document.createElement(~~ 'a' );

// Handles TWO possible parent-linking shapes so this works across

a.id = id; a.~~href~~ = ~~href~~; a.~~textContent~~ = ~~label~~;

// every commentary document on the site, not just ones from any one

a.~~style~~.~~cssText~~ = ~~linkStyle~~;

// generation pipeline: (1) DIRECT - a type:"teeka" block's own

a.~~addEventListener~~( ~~'mouseover',~~ function () {

// "parent" already IS the moola verse id; (2) TWO-HOP - it points to

~~this~~.~~style~~.~~color~~ = '~~#fff~~'; ~~this~~.~~style~~.~~background~~ = '~~rgba(255,255,255,0~~.12)';

// a type:"verse" block WITHIN THE SAME teeka doc (a quoted-verse

} );

// reference), and THAT block's own parent is the moola verse id.

a.~~addEventListener~~( '~~mouseout~~', ~~function () {~~

// Deliberately skips anything whose parent is "UNVERIFIED" or

~~this~~.~~style~~.~~color =~~ '~~rgba(255~~,~~255~~,~~255~~,0.~~88)'~~; this.~~style~~.~~background =~~ '~~transparent~~';

// missing, rather than guessing.

} );

// CHANGED: also builds a slug -> color-palette-index map here, based

return a;

// on teekaDocs' OWN ORDER (the order commentaries were actually

}

// discovered/fetched for this page) rather than hashing each slug

// independently. Confirmed directly this was the actual issue: hash-

// based assignment gives every teeka a color, but nothing guarantees

// the FIRST one shown on a page lands on palette slot 0 (#fcf5f3,

// the site's own real .teeka-block default) - it gets whatever slot

// its hash happens to produce. Positional assignment makes "first

// shown = the exact default color" a guarantee, not a coincidence,

// at the cost of a specific teeka's color now depending on where it

// appears in a given page's own list rather than being fixed

// site-wide - a reasonable trade given the direction received.

var teekaColorIndexBySlug = {};

function buildTeekaInMoolaIndex(teekaDocs) {

var index = {};

teekaColorIndexBySlug = {};

var colorIdx = 0;

teekaDocs.forEach(function (td) {

if (!td || !td.blocks || !td.doc) return;

var slug = td.doc.slug || td._title;

if (!(slug in teekaColorIndexBySlug)) {

teekaColorIndexBySlug[slug] = colorIdx % TEEKA_COLOR_PALETTE.length;

colorIdx++;

}

var blockById = {};

td.blocks.forEach(function (b) { blockById[b.id] = b; });

td.blocks.forEach(function (b) {

if (b.type !== 'teeka') return;

var moolaId = null;

if (b.parent && b.parent !== 'UNVERIFIED' && !blockById[b.parent]) {

moolaId = b.parent;

} else {

var verseRef = blockById[b.parent];

if (verseRef && (verseRef.type === 'verse' || verseRef.type === 'verse-ref') && verseRef.parent && verseRef.parent !== 'UNVERIFIED') {

moolaId = verseRef.parent;

}

if (!moolaId) return;

if (!index[moolaId]) index[moolaId] = [];

index[moolaId].push({

teekaTitle: td.doc.title || td._title,

teekaAuthor: td.doc.author || '',

teekaPage: td.doc.pageTitle || td._title,

teekaGranthaId: td.doc.granthaId || '',

teekaSlug: slug,

// join('\n') - each entry of `lines` is a printed line,

// and joining with a space ran a two-pada shloka into

// one. The .shloka-line markup inside already carries

// the break where the converter put one; this only

// matters for older documents that have none.

text: (b.lines || []).join('\n'),

footnotes: b.footnotes || [],

blockId: b.id

});

return index;

}

function ~~injectHeaderLinks~~() {

function injectTeekaInMoola(index) {

if ( document.getElementById( 'gr-~~about~~-~~link~~' ) ) return;

var injectedAny = false;

Object.keys(index).forEach(function (verseId) {

var $verseEl = $(document.getElementById(verseId));

if (!$verseEl.length) return;

var entries = index[verseId];

var $wrap = $('<div>').addClass('gr-injected-teeka-group');

entries.forEach(function (entry) {

// CHANGED: was teekaColorForSlug(slug) (hash-based) -

// now looks up the position assigned in

// buildTeekaInMoolaIndex, falling back to the hash only

// if this slug is somehow missing from that map (should

// not normally happen, but safer than an undefined color).

var colorIdx = teekaColorIndexBySlug[entry.teekaSlug];

var color = (colorIdx !== undefined) ? TEEKA_COLOR_PALETTE[colorIdx] : teekaColorForSlug(entry.teekaSlug);

var $entry = $('<div>').addClass('teeka-block')

.attr('data-teeka-slug', entry.teekaSlug)

.attr('data-teeka-block-id', entry.blockId)

// Citation metadata: a bookmark taken inside an

// interleaved commentary must cite THAT work and its

// author, and link to the commentary's own page - not

// to the moola whose page it happens to be shown on.

.attr('data-cite-author', entry.teekaAuthor || '')

.attr('data-cite-title', entry.teekaTitle || '')

.attr('data-cite-page', entry.teekaPage || '')

.attr('data-cite-grantha-id', entry.teekaGranthaId || '')

.attr('id', entry.blockId)

.css('background', color);

if (window.grLibrary) {

(function (el, gid, page) {

// The id may come from the teeka's own JSON (if that

// document has been rebuilt) or from the map page.

// Either way the commentary cites ITS work, not the

// moola it is displayed inside.

var got = gid ? Promise.resolve(gid)

: window.grLibrary.idForPage(page, null);

got.then(function (id) {

if (!id) return null;

el.setAttribute('data-cite-grantha-id', id);

return window.grLibrary.lookup(id);

}).then(function (g) {

if (!g) return;

if (g.name) el.setAttribute('data-cite-title', g.name);

if (g.nameIAST) el.setAttribute('data-cite-title-iast', g.nameIAST);

if (g.author) el.setAttribute('data-cite-author', g.author);

if (g.authorIAST) el.setAttribute('data-cite-author-iast', g.authorIAST);

var h = el.querySelector('.teeka-title');

var label = teekaLabel(g);

if (h && label) h.textContent = label;

var slug = el.getAttribute('data-teeka-slug');

if (slug && label) {

labelBySlug[slug] = label;

// A footnote section for this commentary may

// already be on screen; rename it too.

document.querySelectorAll(

'.gr-teeka-notes-group[data-teeka-slug="' + slug +

'"] .gr-teeka-notes-title').forEach(function (t) {

t.textContent = label;

});

}

});

}($entry[0], entry.teekaGranthaId, entry.teekaPage));

}

$('<div>').addClass('teeka-title').text(entry.teekaTitle).appendTo($entry);

$('<div>').addClass('teeka-body').html(entry.text).appendTo($entry);

// A teeka's footnotes live in ITS document, not in this

// page's own footnote list - so the highlighted words came

// through the injection but nothing on this page knew what

// they pointed at, and clicking them did nothing. Register

// them here, under the commentary's title, for the note

// card and the right-hand panel to read.

if (entry.footnotes && entry.footnotes.length && window.grFootnoteRegistry) {

window.grFootnoteRegistry.add(entry.teekaSlug, entry.teekaTitle, entry.footnotes);

}

$wrap.append($entry);

});

// After the bhashya, not between the verse and it. The moola

// page prints verse then bhashya as one unit, and inserting

// straight after the verse element split them apart, putting

// the commentaries ahead of the bhashya they comment on.

// The bhashya-collection for a verse carries id

// "bhashya-<verse oldKey>"; where a page has none, the verse

// itself is still the anchor.

var anchor = $verseEl;

var coll = document.getElementById('bhashya-' + verseId);

if (coll && coll.compareDocumentPosition($verseEl[0]) & Node.DOCUMENT_POSITION_PRECEDING) {

anchor = $(coll);

} else {

// Some pages emit the bhashya as a sibling block without

// the collection wrapper - walk forward over any blocks

// that belong to this same verse.

var n = $verseEl[0].nextElementSibling;

while (n && n.getAttribute &&

(n.getAttribute('data-parent-verse') === verseId ||

n.id === 'bhashya-' + verseId)) {

anchor = $(n);

n = n.nextElementSibling;

}

anchor.after($wrap);

// Tell the script switcher about the new text, so an interleaved

// commentary is transliterated like the rest of the page instead

// of staying in Devanagari.

try {

window.dispatchEvent(new CustomEvent('gr-new-content', { detail: { container: $wrap[0] } }));

} catch (e) { }

injectedAny = true;

});

return injectedAny;

}

function removeTeekaInMoola() {

$('.gr-injected-teeka-group').remove();

if (window.grFootnoteRegistry) window.grFootnoteRegistry.clearInjected();

}

var ~~headerEnd~~ = ~~document~~.~~querySelector~~( '.~~vector~~-~~header~~-~~end'~~ ) ||

// CRITICAL FIX: confirmed directly this feature was corrupting saved

~~document~~.~~querySelector~~( '~~#vector~~-~~user~~-~~links~~' ) ||

// page content. QuickEdit is a contenteditable-based editor operating

~~document~~.~~querySelector~~( '~~.mw~~-~~header~~' );

// on the page's LIVE DOM - since this feature injects real elements

if ( !~~headerEnd~~ ) ~~return~~;

// (interleaved teeka blocks, inline checkboxes wrapping links) into

// that same DOM, QuickEdit's save/serialization pipeline had no way

// to distinguish them from genuine content, and was saving them back

// into the page's actual wikitext as literal escaped HTML text. This

// teardown strips every trace of this feature's DOM changes -

// removing injected teeka blocks entirely, and for inline checkboxes,

// specifically UNWRAPPING each link back to its own original

// position (not just deleting the wrapper, which would also delete

// the link itself) - restoring the DOM to exactly what the page's

// real, saved content actually is, before any editor can see it.

function teardownTeekaInterleave() {

removeTeekaInMoola();

$('.gr-teeka-cb-wrap').each(function () {

var $wrap = $(this);

var $link = $wrap.find('a');

if ($link.length) $wrap.before($link);

$wrap.remove();

});

// CHANGED: also strips the gr-teeka-list-item class added to any

// <li> for bullet-removal - confirmed via direct test this was

// missed initially, which would have left a class attribute

// change in the saved content even after the wrapper/checkbox

// itself was correctly removed. Also removes the class

// ATTRIBUTE entirely (not just the class name) once empty -

// classList.remove() alone leaves class="" behind, which a

// byte-for-byte test caught as still not matching the true

// original markup (which never had a class attribute at all).

$('.gr-teeka-list-item').each(function () {

this.classList.remove('gr-teeka-list-item');

if (!this.className) this.removeAttribute('class');

});

}

var ~~helpLink~~ = ~~makeHeaderLink~~( 'gr-~~help~~-~~link~~'~~, wikiHref~~( '~~My_wiki:Help~~' ), '~~Help~~' );

// Watches for the exact DOM signal that editing has actually begun -

~~var aboutLink~~ = ~~makeHeaderLink~~( ~~'gr~~-~~about~~-~~link'~~, ~~wikiHref~~( ~~'My_wiki~~:~~About' )~~, '~~About~~' );

// Common.css targets .mw-body-content[contenteditable="true"]

// directly, confirming this is the real, load-order-independent

// trigger QuickEdit itself relies on, rather than trying to

// intercept every possible UI path that could invoke it (edit

// button, keyboard shortcut, or anything else) individually and

// risk missing one.

function watchForEditMode() {

var target = document.querySelector('.mw-body-content') || document.body;

if (!target || !window.MutationObserver) return;

var wasEditing = false;

var obs = new MutationObserver(function (mutations) {

mutations.forEach(function (m) {

if (m.attributeName !== 'contenteditable') return;

var isEditingNow = m.target.getAttribute('contenteditable') === 'true';

if (isEditingNow && !wasEditing) {

teardownTeekaInterleave();

wasEditing = true;

} else if (!isEditingNow && wasEditing) {

// Editing ended without a page reload (e.g. cancelled) -

// restore using the already-fetched data cached in

// memory, no need to re-fetch anything from the server.

if (teekaIndex) renderInterleave();

if (lastAugmentArgs) {

var augmented = augmentExistingTeekaLinks(lastAugmentArgs.titles, lastAugmentArgs.docs);

if (augmented.length) observeInlineVisibility(augmented.map(function (a) { return a.el; }));

}

wasEditing = false;

}

});

obs.observe(target, { attributes: true, attributeFilter: ['contenteditable'], subtree: true });

}

~~var ul = document.querySelector~~( ~~'.vector-user-links'~~ ) ||

function normalizeWikiPath(p) {

~~document.querySelector~~( ~~'#pt-userpage'~~ );

try { p = decodeURIComponent(p); } catch (e) { }

if ( ~~ul && ul.parentNode === headerEnd~~ ) {

return p.replace(/_/g, ' ').replace(/\/+$/, '');

~~headerEnd~~.~~insertBefore~~( ~~aboutLink~~, ul );

~~headerEnd~~.~~insertBefore~~( ~~helpLink~~, ~~aboutLink );~~

~~} else {~~

~~headerEnd.appendChild( helpLink );~~

~~headerEnd.appendChild( aboutLink~~ );

}

if ( ~~document~~.~~readyState~~ === ~~'loading' ) document~~.~~addEventListener( 'DOMContentLoaded'~~, ~~injectHeaderLinks )~~;

// ── State ──────────────────────────────────────────────────────

~~else injectHeaderLinks()~~;

// Not seeded from storage: every page load starts with all

~~}() )~~;

// commentaries on (see where availableList is filled). Unchecking one

// still writes to storage, which keeps the control's own state

// consistent within the page and leaves the value there for anything

// else that reads it, but it is not what decides the initial view.

var selectedTeekaSlugs = {};

var teekaIndex = null;

var availableList = []; // [{slug, title, subItems: [{slug, title}, ...]}]

var lastAugmentArgs = null; // {titles, docs} - cached to restore inline checkboxes after a cancelled edit without re-fetching

var checkboxesBySlug = {};

var readyCallbacks = [];

var changeCallbacks = [];

var visibilityCallbacks = [];

var isReady = false;

var inlineListVisible = null; // null = no inline checkboxes exist at all on this page

function registerCheckbox(slug, $cb) { (checkboxesBySlug[slug] = checkboxesBySlug[slug] || []).push($cb); }

~~// ── Main page: by-Grantha / by-Author toggle ──────────────────────~~

function renderInterleave() {

( function () {

removeTeekaInMoola();

function ~~grHomeView~~( v ) {

if (!teekaIndex || !Object.keys(selectedTeekaSlugs).length) return;

var ~~gView~~ = ~~document~~.~~getElementById~~( 'gr-~~view-grantha~~' );

var filtered = {};

~~var aView~~ = ~~document~~.~~getElementById~~( '~~gr-view-author~~' );

Object.keys(teekaIndex).forEach(function (verseId) {

~~var gBtn = document~~.~~getElementById~~( 'gr-~~toggle-grantha~~' );

var entries = teekaIndex[verseId].filter(function (e) { return selectedTeekaSlugs[e.teekaSlug]; });

var ~~aBtn~~ = ~~document~~.~~getElementById~~( ~~'gr-toggle-author'~~ );

if (entries.length) filtered[verseId] = entries;

if ( !~~gView || !aView || !gBtn || !aBtn~~ ) return;

});

~~gView~~.~~style~~.~~display =~~ ( ~~v =~~== '~~grantha~~' ) ? '' : '~~none~~';

var injectedAny = injectTeekaInMoola(filtered);

~~aView~~.~~style~~.~~display~~ = ( ~~v ===~~ '~~author~~' ) ? '' ~~: 'none'~~;

if (!injectedAny) console.warn('[grTeekaInterleave] Selected commentaries loaded, but none of their verse ids matched any verse-block on THIS page.');

~~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 ) {}

function toggleSlug(slug, checked) {

}

if (checked) selectedTeekaSlugs[slug] = true; else delete selectedTeekaSlugs[slug];

writeLS(LS_TEEKA_KEY, JSON.stringify(Object.keys(selectedTeekaSlugs)));

(checkboxesBySlug[slug] || []).forEach(function ($cb) { $cb.prop('checked', checked); });

renderInterleave();

changeCallbacks.forEach(function (cb) { cb(Object.keys(selectedTeekaSlugs)); });

}

// Augments existing <a> links pointing to a known commentary subpage

// with an inline checkbox, wherever the link already appears -

// matched by real href rather than any assumed list markup, since

// that markup isn't something this script controls.

// CHANGED: wraps the checkbox AND the link together in one flex

// container, rather than just wrapping the checkbox alone next to

// an untouched sibling link - confirmed directly (screenshot, twice

// now) that aligning a wrapped checkbox against ambient text-

// baseline metrics alone still leaves a small vertical offset,

// especially with the site's custom Devanagari font's own metrics.

// Flexbox align-items:center between the checkbox and the link's

// own line box is a more reliable way to center them against EACH

// OTHER directly, rather than each independently against the

// surrounding line. The link is moved (not cloned) into the

// wrapper at its original DOM position, so its href/click behavior

// and the surrounding "\u2014 author" text's sibling order are both

// preserved exactly as before.

function augmentExistingTeekaLinks(subpageTitles, docs) {

var slugByPath = {};

subpageTitles.forEach(function (title, i) {

var doc = docs[i];

if (!doc) return;

slugByPath[normalizeWikiPath(mw.util.getUrl(title))] = doc.doc.slug || doc._title;

});

var $contentLinks = $('#mw-content-text a[href], .mw-parser-output a[href]');

var augmented = [];

$contentLinks.each(function () {

var href = this.getAttribute('href') || '';

var path;

try { path = normalizeWikiPath(new URL(href, window.location.href).pathname); }

catch (e) { return; }

var slug = slugByPath[path];

if (!slug || this.closest('.gr-injected-teeka-group')) return;

var li = this.closest('li');

if (li) li.classList.add('gr-teeka-list-item');

var $anchor = $(this);

var $wrap = $('<span>').addClass('gr-teeka-cb-wrap');

var $cb = $('<input>').attr({ type: 'checkbox' }).addClass('gr-teeka-inline-checkbox').prop('checked', !!selectedTeekaSlugs[slug]);

$anchor.before($wrap);

$wrap.append($cb);

$wrap.append($anchor);

registerCheckbox(slug, $cb);

$cb.on('change', function () { toggleSlug(slug, $cb.is(':checked')); });

augmented.push({ slug: slug, el: $cb[0] });

});

var missedTitles = subpageTitles.filter(function (t, i) {

var d = docs[i]; if (!d) return false;

var s = d.doc.slug || d._title;

return !augmented.some(function (a) { return a.slug === s; });

});

if (missedTitles.length) console.warn('[grTeekaInterleave] No matching link found on this page for: ' + missedTitles.join(', ') + ' - the toolbar dropdown still covers them.');

return augmented;

}

~~function initHomeToggle~~() {

// Tracks whether ANY inline checkbox is currently on-screen, and

~~var gBtn = document.getElementById~~( ~~'gr-toggle-grantha'~~ );

// notifies subscribers only when that overall state actually flips -

~~var aBtn = document.getElementById~~( ~~'gr-toggle-author'~~ );

// verified in isolation before wiring in here. Drives whether

if ( !~~gBtn~~ || !~~aBtn~~ ) return;

// readerToolbar.js's "Commentaries" control needs to be shown as a

~~gBtn.addEventListener( 'click', function~~ (~~) { grHomeView( 'grantha' ); }~~ );

// fallback (inline list scrolled out of view) or can stay hidden

~~aBtn.addEventListener~~( ~~'click',~~ function () { ~~grHomeView( 'author' ); } );~~

// (reader can already see and use the inline checkboxes).

~~[ gBtn, aBtn ]~~.forEach( function ( ~~btn~~ ) {

function observeInlineVisibility(checkboxEls) {

~~btn~~.~~addEventListener( 'keydown', function ( e ) {~~

if (!checkboxEls.length || !window.IntersectionObserver) return;

if ( e.~~key === 'Enter' || e.key === ' '~~ ) ~~btn~~.~~click~~();

var visibleSet = new Set();

} );

var obs = new IntersectionObserver(function (entries) {

} );

entries.forEach(function (entry) {

var ~~saved~~;

var id = entry.target.__grTeekaId;

~~try~~ { ~~saved~~ = ~~localStorage~~.~~getItem~~( ~~'gr_home_view'~~ ); } ~~catch ( e~~ ) {}

if (entry.isIntersecting) visibleSet.add(id); else visibleSet.delete(id);

if ( ~~saved ==~~= '~~author~~' ) ~~grHomeView( 'author'~~ );

});

}

var anyVisible = visibleSet.size > 0;

if (anyVisible !== inlineListVisible) {

inlineListVisible = anyVisible;

visibilityCallbacks.forEach(function (cb) { cb(anyVisible); });

}

}, { rootMargin: '-60px 0px 0px 0px', threshold: 0 });

checkboxEls.forEach(function (el, i) { el.__grTeekaId = 'cb' + i; obs.observe(el); });

}

if ( ~~document~~.~~readyState~~ === '~~loading~~' ) document.~~addEventListener~~( '~~DOMContentLoaded~~'~~, initHomeToggle~~ );

function init() {

~~else initHomeToggle~~();

// Runs unconditionally, before any of the early-return checks

}() );

// below - harmless as a no-op teardown on pages where nothing

// ever gets injected, but critical to have active on every page

// this feature COULD have injected into, regardless of which

// exact code path led here.

watchForEditMode();

var ns = mw.config.get('wgNamespaceNumber');

var pageName = mw.config.get('wgPageName') || '';

var isMainPg = (pageName === 'Main_Page' || pageName === 'Main Page');

var isTeekaPage = !!document.querySelector('.gr-teeka-page[data-interleaved="1"], .gr-parent-ref-block');

if (ns !== 0 || isMainPg || isTeekaPage) { isReady = true; readyCallbacks.forEach(function (cb) { cb([]); }); return; }

var rootTitle = mw.config.get('wgTitle');

findCommentarySubpages(rootTitle).then(function (subpages) {

if (!subpages.length) { isReady = true; readyCallbacks.forEach(function (cb) { cb([]); }); return; }

fetchTeekaJsons(subpages).then(function (cache) {

var fetched = subpages.map(function (t) { return cache[t] || null; });

// Pair title+doc together FIRST, then filter as one unit -

// filtering `docs` separately from `subpages` and passing

// both (now misaligned) arrays elsewhere was a confirmed

// real bug in an earlier version of this feature.

var pairs = subpages.map(function (title, i) { return { title: title, doc: fetched[i] }; })

.filter(function (p) {

if (!p.doc) console.warn('[grTeekaInterleave] Could not load JSON:' + p.title);

return !!p.doc;

});

// ~~── Ullekha reference link handler ─────────────────────────────────~~

// Reading order = the order the book prints the

( function () {

// commentaries in, which a document states as doc.order.

// findCommentarySubpages gets its list from

// action=query&list=allpages, and that is ALPHABETICAL BY

// TITLE - so Vadiraja came before Vyasatirtha, and the

// checkbox list, the colour slots and the interleaved

// blocks all inherited that same wrong order, since every

// one of them is derived from this array. Sorting here

// fixes all three at once. A document with no doc.order

// (anything published before this field existed) keeps its

// existing relative position rather than jumping to the

// front, so mixed pages stay stable.

pairs = pairs.map(function (p, i) { return { p: p, i: i }; })

.sort(function (a, b) {

var ao = a.p.doc && a.p.doc.doc && a.p.doc.doc.order;

var bo = b.p.doc && b.p.doc.doc && b.p.doc.doc.order;

if (typeof ao === 'number' && typeof bo === 'number' && ao !== bo) return ao - bo;

if (typeof ao === 'number' && typeof bo !== 'number') return -1;

if (typeof bo === 'number' && typeof ao !== 'number') return 1;

return a.i - b.i;

})

.map(function (x) { return x.p; });

~~function highlightOnArrival() {~~

var topDocs = pairs.map(function (p) { return p.doc; });

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~~() {

// NEW: sub-commentaries (tippanis) - a teeka doc declares

~~var content = document~~.~~querySelector~~( '.mw-~~parser~~-~~output'~~ );

// its own children via doc.related (an array of slugs,

if ( ~~!content~~ ) return;

// matching the same field this session's own generator

// already writes into new JSON docs). Only the ASK here

// is to show these as sub-categories in the options list

// and gate their visibility on the parent being checked

// - so this only needs one more level of fetching, not

// unbounded recursion.

var relatedSlugs = [];

topDocs.forEach(function (d) { (d.doc.related || []).forEach(function (s) { relatedSlugs.push(s); }); });

var uniqueRelated = relatedSlugs.filter(function (s, i) { return relatedSlugs.indexOf(s) === i; });

var ~~snippet~~ = ~~needle~~.slice( 0, 40 );

function finishInit(subDocsBySlug) {

~~var found~~ = ~~false~~;

var allDocs = topDocs.slice();

Object.keys(subDocsBySlug).forEach(function (slug) { if (subDocsBySlug[slug]) allDocs.push(subDocsBySlug[slug]); });

teekaIndex = buildTeekaInMoolaIndex(allDocs);

availableList = topDocs.map(function (d) {

var subItems = (d.doc.related || [])

.map(function (s) { return subDocsBySlug[s]; })

.filter(Boolean)

.map(function (sd) { return { slug: sd.doc.slug || sd._title, title: sd.doc.title || sd._title }; });

return { slug: d.doc.slug || d._title, title: d.doc.title || d._title, subItems: subItems };

});

// Cached at module level so watchForEditMode can

// correctly re-run link augmentation after a

// cancelled edit, without needing to re-fetch

// anything from the server.

// Every commentary is on at the start of EVERY page

// load, not only a reader's first visit. The moola is

// published together with its commentaries and the

// complete text is what a reader should land on; the

// checkboxes are for narrowing it down while reading,

// and that narrowing lasts for as long as the page is

// open rather than following the reader to the next one.

//

// This MUST come before augmentExistingTeekaLinks:

// that builds each inline checkbox with

// .prop('checked', !!selectedTeekaSlugs[slug]), reading

// the selection as it stands at that moment. Selecting

// afterwards left every box drawn unchecked while the

// commentaries themselves were shown - the state and

// the control disagreeing on screen.

availableList.forEach(function (it) {

selectedTeekaSlugs[it.slug] = true;

(it.subItems || []).forEach(function (sub) { selectedTeekaSlugs[sub.slug] = true; });

});

~~var spans~~ = ~~content~~.~~querySelectorAll~~( ~~'[data-deva]'~~ );

lastAugmentArgs = { titles: pairs.map(function (p) { return p.title; }), docs: topDocs };

~~for (~~ var i = 0; ~~i < spans~~.length ~~&& !found~~; ~~i++~~ ) {

var augmented = augmentExistingTeekaLinks(lastAugmentArgs.titles, lastAugmentArgs.docs);

~~var spanEl~~ = ~~spans[ i ]~~;

if (augmented.length) observeInlineVisibility(augmented.map(function (a) { return a.el; }));

~~var orig~~ = ~~spanEl~~.~~getAttribute~~( ~~'data-deva'~~ ) ~~|| ''~~;

else inlineListVisible = false; // no inline checkboxes exist - toolbar control should always show as the only access point

if ( ~~orig~~.~~indexOf~~( ~~snippet~~ ) ~~=== -1~~ ) ~~continue~~;

if (Object.keys(selectedTeekaSlugs).length) renderInterleave();

isReady = true;

readyCallbacks.forEach(function (cb) { cb(availableList); });

if (inlineListVisible !== null) visibilityCallbacks.forEach(function (cb) { cb(inlineListVisible); });

}

~~var idx = orig~~.~~indexOf~~( ~~snippet~~ );

if (!uniqueRelated.length) { finishInit({}); return; }

~~var hlText = orig~~.~~slice~~( ~~idx, Math.min~~( ~~idx + needle.length, orig.length )~~ );

fetchTeekaJsons(uniqueRelated).then(function (cache) {

var ~~mark~~ = ~~document~~.~~createElement~~( ~~'mark'~~ );

var subDocsBySlug = {};

~~mark~~.~~className =~~ 'gr-~~ullekha-highlight~~';

uniqueRelated.forEach(function (slug) {

~~mark.style.cssText~~ = ~~'background:#fff176~~;~~border-radius:2px~~;~~padding:0 2px~~;';

if (!cache[slug]) console.warn('[grTeekaInterleave] Could not load sub-commentary JSON:' + slug);

~~mark.textContent = hlText~~;

subDocsBySlug[slug] = cache[slug] || null;

});

finishInit(subDocsBySlug);

});

}

~~var parent = spanEl~~.~~parentNode~~;

window.grTeekaInterleave = {

if ( !~~parent~~ ) ~~continue~~;

teardown: teardownTeekaInterleave,

onReady: function (cb) { if (isReady) cb(availableList); else readyCallbacks.push(cb); },

onChange: function (cb) { changeCallbacks.push(cb); },

onVisibilityChange: function (cb) { visibilityCallbacks.push(cb); if (inlineListVisible !== null) cb(inlineListVisible); },

getSelected: function () { return Object.keys(selectedTeekaSlugs); },

toggle: function (slug, checked) { toggleSlug(slug, checked); },

registerCheckbox: registerCheckbox

};

~~var before =~~ document.~~createTextNode( orig.slice( 0, idx )~~ );

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);

~~var after =~~ document.~~createTextNode~~( ~~orig.slice( idx + hlText.length ) );~~

else init();

~~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~~();

/* ═══════════════════════════════════════════════════════════════

}

Devanagari page titles, site-wide (window.grTitles)

───────────────────────────────────────────────────────────────

One source of truth for "what is this page called": the Main Page

catalogue, where every published work and commentary is listed as

[[Slug|देवनागरी नाम]]. update_main_page.py keeps that list current,

so a newly pushed commentary gets its Devanagari name everywhere

without anyone editing a hard-coded list.

~~function wireUllekhaLinks() {~~

Used by:

~~document~~.~~querySelectorAll~~( '.~~gr-ullekha-ref-~~link~~' )~~.~~forEach( function ( wrap ) {~~

• readerToolbar.js search results (grDocDisplayTitle & co. ask

~~var anchor = wrap~~.~~getAttribute( 'data-anchor' ) || '';~~

grTitles first, then fall back to their own GR_DOC_TITLES map)

~~var hl = wrap.getAttribute( 'data~~-~~hl'~~ ) ~~|| '';~~

• the Updates page

~~var a = wrap~~.~~querySelector( 'a' );~~

• this block itself, which relabels any link on the page whose

~~if ( !a ) return;~~

text is still the English slug (e.g. the "Vadavali · Bhavavivaranam"

page-nav line), the mobile page heading, and the browser tab title.

~~var base = a~~.~~href.split( '#' )[ 0 ];~~

The catalogue is cached in localStorage for CACHE_HOURS and refreshed

~~var encoded = encodeURIComponent~~( ~~hl );~~

in the background, so lookups are synchronous on almost every view.

~~a.href = base +~~ ( ~~hl ? '?hlUllekha=' + encoded : ''~~ )

═══════════════════════════════════════════════════════════════ */

~~+ ( anchor ?~~ '#' ~~+ anchor : '' );~~

(function () {

~~} )~~;

'use strict';

}

~~if ( document.readyState ==~~= '~~loading~~' ~~) {~~

var CATALOGUE_PAGE = 'Main_Page';

~~document.addEventListener(~~ '~~DOMContentLoaded~~'~~, function () {~~

var CACHE_KEY = 'gr_titles_v1';

~~highlightOnArrival();~~

var CACHE_HOURS = 1;

~~wireUllekhaLinks()~~;

var DEVA = /[ऀ-ॿ]/;

~~} );~~

~~} else {~~

~~highlightOnArrival()~~;

~~wireUllekhaLinks();~~

}

~~}() );~~/~~* ── Search result highlight ──────────────────────────────────── *~~/

~~( function () {~~

~~function storeQueryForLink( url, query )~~ {

var full = {}; // "Katha/Vyakhya/VyasatirthaVivarana" → "श्रीव्यासतीर्थविरचितविवरणम्"

~~try {~~

var leaf = {}; // "VyasatirthaVivarana" → same; null when two pages share a leaf

var a = ~~document.createElement( 'a' )~~;

var waiting = [];

~~a.href = url~~;

var loaded = false;

~~sessionStorage.setItem( 'gr_search_hl', JSON.stringify({~~

~~query: query,~~

~~pathname:~~ a~~.pathname~~

~~}) )~~;

~~} catch(e) {}~~

}

function ~~applyHighlight~~() {

function cfg(k) { return (window.mw && mw.config && mw.config.get(k)) || null; }

~~var stored~~;

function norm(t) { return String(t || '').replace(/_/g, ' ').replace(/\s+/g, ' ').trim(); }

~~try~~ {

function lsGet(k) { try { return localStorage.getItem(k); } catch (e) { return null; } }

~~stored = JSON.parse~~( ~~sessionStorage~~.~~getItem~~( '~~gr_search_hl~~' ) || '~~null~~' );

function lsSet(k, v) { try { localStorage.setItem(k, v); } catch (e) { } }

} catch(e) { return; }

function script(name) {

if ( ~~!stored~~ || ~~!stored~~.~~query ) return~~;

if (window.mw && mw.util && mw.util.wikiScript) return mw.util.wikiScript(name);

return (cfg('wgScriptPath') || '') + '/' + name + '.php';

}

var ~~currentPath~~ = ~~window~~.~~location~~.~~pathname~~;

function add(title, label, override) {

var ~~storedPath~~ = ~~stored~~.~~pathname~~ || '';

title = norm(title); label = String(label || '').replace(/<[^>]*>/g, '').trim();

~~function normPath~~(p) ~~{ return decodeURIComponent~~(p).replace(/~~\/+$~~/, ''); }

if (!title || !label || !DEVA.test(label)) return;

if ( ~~storedPath && normPath(storedPath~~) !== ~~normPath~~(~~currentPath~~) ) {

if (override || !full[title]) full[title] = label;

~~try~~ { ~~sessionStorage~~.~~removeItem~~( '~~gr_search_hl~~' ); ~~} catch~~(e) {}

var l = title.split('/').pop();

~~return~~;

if (!(l in leaf) || override) leaf[l] = label;

else if (leaf[l] !== label) leaf[l] = null; // ambiguous leaf: don't guess

}

function parseCatalogue(txt) {

var out = {}, re = /\[\[([^\]|#]+)\|([^\]]+)\]\]/g, m;

while ((m = re.exec(txt || ''))) {

var k = norm(m[1]);

if (!out[k]) out[k] = m[2].replace(/<[^>]*>/g, '').trim();

}

return out;

}

function useCatalogue(map) {

full = {}; leaf = {};

Object.keys(map).forEach(function (k) { add(k, map[k]); });

addCurrentPage();

}

// The page being viewed names itself in .gr-doc-title — covers a page

// that isn't on the Main Page yet.

function addCurrentPage() {

var el = document.querySelector('#mw-content-text .gr-doc-title');

var me = norm(cfg('wgPageName'));

if (el && me && !full[me]) add(me, el.textContent);

}

var ~~query~~ = ~~stored~~.~~query.trim~~();

// ── public API ────────────────────────────────────────────────

if ( ~~!query~~ ) return;

function get(title) { return full[norm(title)] || null; }

function getLeaf(seg) { var v = leaf[norm(seg)]; return v || null; }

function whenReady(cb) { if (loaded) cb(); else waiting.push(cb); }

function all() { var o = {}; for (var k in full) o[k] = full[k]; return o; }

window.grTitles = { get: get, leaf: getLeaf, all: all, whenReady: whenReady, parse: parseCatalogue };

try { ~~sessionStorage.removeItem~~( ~~'gr_search_hl'~~ ); } catch(e) {}

function finish() {

loaded = true;

var cbs = waiting; waiting = [];

cbs.forEach(function (cb) { try { cb(); } catch (e) { } });

relabel();

if (window.mw && mw.hook) mw.hook('gr.titles').fire(window.grTitles);

}

~~var delays = [0, 200, 600];~~

// ── relabel what's on screen ──────────────────────────────────

~~delays.forEach(~~ function(ms) {

function articleTitleFromHref(href) {

~~setTimeout~~( ~~function~~ () {

var u;

if ( !~~document~~.~~querySelector~~( '.~~gr-search-hl~~' ) ) {

try { u = new URL(href, location.href); } catch (e) { return null; }

~~highlightText~~( ~~query~~ );

if (u.origin !== location.origin) return null;

var t = u.searchParams.get('title');

if (!t) {

var ap = (cfg('wgArticlePath') || '/wiki/$1').split('$1')[0];

if (u.pathname.indexOf(ap) !== 0) return null;

t = u.pathname.slice(ap.length);

}

}, ms );

try { t = decodeURIComponent(t); } catch (e) { }

} );

return norm(t);

}

function relabel(root) {

root = root || document;

var links = root.querySelectorAll('#mw-content-text a[href], .gr-sticky-title a[href], #mw-panel a[href], .vector-toc a[href]');

Array.prototype.forEach.call(links, function (a) {

if (a.children.length) return; // leave rich links alone

var text = norm(a.textContent);

if (!text || DEVA.test(text)) return; // already Devanagari

var target = articleTitleFromHref(a.getAttribute('href')) || norm(a.getAttribute('title'));

if (!target) return;

var tail = target.split('/').pop();

if (text !== target && text !== tail) return; // only replace a bare slug

var label = get(target) || (text === tail ? getLeaf(tail) : null);

if (label) a.textContent = label;

});

// Page heading (shown on mobile) and the browser tab

var me = norm(cfg('wgPageName'));

var myLabel = get(me);

if (!myLabel) return;

var h = document.querySelector('#firstHeading .mw-page-title-main') || document.getElementById('firstHeading');

if (h && !h.children.length && norm(h.textContent) === me) h.textContent = myLabel;

var wgTitle = norm(cfg('wgTitle'));

if (wgTitle && document.title.indexOf(wgTitle) === 0) document.title = myLabel + document.title.slice(wgTitle.length);

else if (document.title.indexOf(me) === 0) document.title = myLabel + document.title.slice(me.length);

}

// ── load ─────────────────────────────────────────────────────

function fetchFresh() {

return fetch(script('index') + '?title=' + CATALOGUE_PAGE + '&action=raw', { credentials: 'same-origin' })

.then(function (r) { return r.ok ? r.text() : Promise.reject(); })

.then(function (txt) {

var map = parseCatalogue(txt);

lsSet(CACHE_KEY, JSON.stringify({ at: Date.now(), map: map }));

return map;

});

}

function boot() {

var cached = null;

try { cached = JSON.parse(lsGet(CACHE_KEY) || 'null'); } catch (e) { }

if (cached && cached.map) { useCatalogue(cached.map); finish(); }

var stale = !cached || (Date.now() - cached.at > CACHE_HOURS * 3600000);

if (!stale) return;

fetchFresh().then(function (map) {

useCatalogue(map);

if (!loaded) finish(); else relabel();

}).catch(function () { if (!loaded) { addCurrentPage(); finish(); } });

}

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);

else boot();

// Content that arrives later (previews, lazy sections, search panes)

if (window.mw && mw.hook) mw.hook('wikipage.content').add(function ($c) {

if (loaded) { addCurrentPage(); relabel($c && $c[0] ? $c[0] : document); }

});

}());

/* ═══════════════════════════════════════════════════════════════

Header links "Library" and "Updates", and the Updates page

───────────────────────────────────────────────────────────────

Desktop (Vector): "Library" and "Updates" added before "Help".

Mobile (Minerva): the same two items in the menu panel, after "Home".

"Updates" opens the page My_wiki:Updates, which has two parts:

~~function highlightText( query ) {~~

1. What's new — filled in automatically from the wiki's edit history

~~var content~~ = ~~document~~.~~querySelector~~( '~~#mw-content-text~~ .~~mw-parser-output'~~ );

into <div id="gr-updates-feed">. Nothing to maintain by hand:

if ( ~~!content~~ ) ~~return;~~

• New a page created in the last WINDOW_DAYS days

• Updated an existing page whose edits in that window add up to

at least UPDATE_MIN_BYTES (so typo fixes don't show)

Titles are the Devanagari names from window.grTitles (Main Page catalogue).

Test pages, helper subpages (/Ullekha, /Moola, /C1 …) and deleted

pages are left out.

2. Announcements & events — a card editors fill by hand with

{{Bulletin|type=…|date=…|title=…|text=…}} lines on that page.

~~var raw = query~~.~~replace~~( ~~/^"|"$/g, ''~~ ).~~trim~~();

Styling: MediaWiki:Common.css §37 (no inline styles here).

~~if ( !raw ) return~~;

═══════════════════════════════════════════════════════════════ */

(function () {

'use strict';

var ~~patterns~~ = [];

var LIBRARY_URL = 'https://dvaita-grantha-hierarchy-library.ai.studio/';

~~patterns.push( escapeRegex( raw ) )~~;

var LIBRARY_LABEL = 'Library';

~~raw.split~~( /\s+/ )~~.forEach~~( ~~function(w~~) {

var UPDATES_LABEL = 'Updates';

if ( ~~w.length >= 2~~ ) ~~patterns.push~~( ~~escapeRegex( w )~~ );

var UPDATES_PAGE = 'My_wiki:Updates'; // the page the "Updates" link opens

~~} )~~;

var WINDOW_DAYS = 90; // how far back the list looks

var UPDATE_MIN_BYTES = 1500; // edits smaller than this in total aren't "updates"

var MAX_ITEMS = 100; // rows shown on the page

var CACHE_MINUTES = 10; // per-tab cache so every page view isn't an API call

var CATALOGUE_PAGE = 'Main_Page';

var HIDE = []; // exact titles never to list, e.g. ['Sumadhwavijaya/Vyakhya/पदार्थदीपिका']

var ~~matched~~ = ~~false~~;

var SEEN_KEY = 'gr_updates_seen';

~~for (~~ var pi = ~~0; pi < patterns.length~~; ~~pi++ ) {~~

var CACHE_KEY = 'gr_updates_cache_v3';

var ~~re;~~

var isMobile = document.body.classList.contains('skin-minerva');

~~try { re~~ = ~~new RegExp( '~~(' ~~+ patterns[pi] + ')',~~ '~~gi' ); }~~

~~catch(e~~) ~~{ continue~~; }

~~var count = wrapMatches~~( ~~content, re~~ );

// ── helpers ────────────────────────────────────────────────

if ( ~~count > 0~~ ) ~~{ matched~~ = ~~true~~; ~~break~~; }

function cfg(k) { return (window.mw && mw.config && mw.config.get(k)) || null; }

function wikiHref(title) {

if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(title);

var ap = cfg('wgArticlePath') || '/wiki/$1';

return ap.replace('$1', encodeURIComponent(title.replace(/ /g, '_')).replace(/%2F/g, '/').replace(/%3A/g, ':'));

}

function script(name) {

if (window.mw && mw.util && mw.util.wikiScript) return mw.util.wikiScript(name);

return (cfg('wgScriptPath') || '') + '/' + name + '.php';

}

function lsGet(k) { try { return localStorage.getItem(k); } catch (e) { return null; } }

function lsSet(k, v) { try { localStorage.setItem(k, v); } catch (e) { } }

function ssGet(k) { try { return sessionStorage.getItem(k); } catch (e) { return null; } }

function ssSet(k, v) { try { sessionStorage.setItem(k, v); } catch (e) { } }

function el(tag, cls, text) {

var n = document.createElement(tag);

if (cls) n.className = cls;

if (text != null) n.textContent = text;

return n;

}

function norm(t) { return String(t || '').replace(/_/g, ' ').replace(/\s+/g, ' ').trim(); }

if ( ~~!matched~~ ) return;

var MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

function absDate(d) { return MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear(); }

// Today · 1 day ago · 5 days ago (under a week) · Sep 16, 2026

function relDate(d, now) {

now = now || new Date();

var a = new Date(d.getFullYear(), d.getMonth(), d.getDate());

var b = new Date(now.getFullYear(), now.getMonth(), now.getDate());

var days = Math.round((b - a) / 86400000);

if (days <= 0) return 'Today';

if (days === 1) return '1 day ago';

if (days < 7) return days + ' days ago';

return absDate(d);

}

~~var first = document.querySelector~~( '~~.gr~~-~~search-hl~~' );

// ── data ───────────────────────────────────────────────────

if ( ~~first~~ ) {

function getJSON(url) {

~~first~~.~~scrollIntoView~~({ ~~behavior:~~ '~~smooth~~', ~~block:~~ '~~center~~' });

return fetch(url, { credentials: 'same-origin' }).then(function (r) {

~~first~~.~~classList.add~~( '~~gr-search-hl-pulse~~' );

if (!r.ok) throw new Error('HTTP ' + r.status);

~~setTimeout~~( ~~function~~() {

return r.json();

~~first~~.~~classList.remove~~( '~~gr-search-hl-pulse~~' );

});

~~}, 2000~~ );

}

function api(params) {

var q = ['format=json', 'formatversion=2'];

for (var k in params) q.push(k + '=' + encodeURIComponent(params[k]));

return getJSON(script('api') + '?' + q.join('&'));

}

~~showDismissBar~~( ~~query~~ );

// Devanagari names come from window.grTitles (the Main Page catalogue,

}

// cached) — the same names search and links use.

function fetchCatalogue() {

return new Promise(function (resolve) {

if (window.grTitles) window.grTitles.whenReady(function () { resolve(window.grTitles.all()); });

else resolve({});

});

}

function ~~escapeRegex~~( s ) {

// Every main-namespace change in the window, oldest→newest pages grouped.

~~return s~~.replace( /[.*+?^$~~{}()|[\]\\]~~/g, '~~\\$&~~' );

function fetchChanges() {

}

var since = new Date(Date.now() - WINDOW_DAYS * 86400000).toISOString().replace(/\.\d+Z$/, 'Z');

var all = [];

function ~~wrapMatches~~( ~~root~~, re ) {

function page(cont, limit) {

var ~~count~~ = 0;

var p = {

~~var walker~~ = ~~document~~.~~createTreeWalker~~(

action: 'query', list: 'recentchanges', rctype: 'new|edit', rcnamespace: 0,

~~root, NodeFilter.SHOW_TEXT, {~~

rcshow: '!redirect', rcprop: 'title|timestamp|sizes', rclimit: limit, rcend: since

~~acceptNode:~~ function( ~~node~~ ) {

};

~~var p = node~~.~~parentElement;~~

if (cont) p.rccontinue = cont;

if ( !p ) ~~return NodeFilter~~.~~FILTER_REJECT~~;

return api(p).then(function (j) {

~~var tag~~ = p.~~tagName~~.~~toUpperCase~~();

// The API answers 200 with an {error:...} body, so a failed

if ( ~~tag ===~~ '~~SCRIPT~~' ~~|| tag ===~~ '~~STYLE~~' ~~|| tag ===~~ '~~NOSCRIPT~~' ) return ~~NodeFilter~~.~~FILTER_REJECT~~;

// query is not a rejected promise. Treat it as one.

if ( ~~p.classList~~.~~contains~~( 'gr~~-search-hl~~' ) ) return ~~NodeFilter.FILTER_REJECT~~;

if (j && j.error) throw new Error(j.error.code || 'api error');

~~return NodeFilter.FILTER_ACCEPT~~;

all = all.concat((j.query && j.query.recentchanges) || []);

// Two pages (1,000 changes) is plenty for a notifications list.

if (j['continue'] && j['continue'].rccontinue && all.length < 1000) {

return page(j['continue'].rccontinue, limit);

}

return all;

}).catch(function (err) {

// recentchanges over a date range is the most expensive query

// this site makes, and on a busy or constrained database it

// can come back as a DBQueryError. Halve the window and retry

// once; failing that, return nothing. A "what's new" list is

// not worth breaking the page for.

if (limit > 100) return page(cont, 100);

try {

console.warn('[gr] recent changes unavailable: ' +

(err && err.message || err));

} catch (e) { }

return all;

});

}

}, ~~false~~

return page(null, 500);

);

}

var ~~nodes~~ = [];

function summarise(changes, catalogue) {

var ~~node~~;

var byTitle = {};

~~while~~ ( ( ~~node~~ = ~~walker~~.~~nextNode~~() ) ) ~~nodes~~.~~push~~( ~~node~~ );

changes.forEach(function (c) {

var t = norm(c.title);

if (SKIP_TITLE.test(t) || HIDE.indexOf(t) !== -1) return;

var e = byTitle[t] || (byTitle[t] = { title: t, created: null, last: null, bytes: 0 });

var ts = new Date(c.timestamp);

if (c.type === 'new') e.created = ts;

else e.bytes += Math.abs((c.newlen || 0) - (c.oldlen || 0));

if (!e.last || ts > e.last) e.last = ts;

});

var out = [];

Object.keys(byTitle).forEach(function (t) {

var e = byTitle[t];

var listed = !!catalogue[t];

// Pages the catalogue doesn't know about still count if they look like

// real content: a top-level work or a commentary under /Vyakhya/.

if (!listed && t.indexOf('/') !== -1 && !/\/Vyakhya\/[^/]+$/.test(t)) return;

if (e.created) out.push({ title: t, kind: 'new', when: e.created });

else if (e.bytes >= UPDATE_MIN_BYTES) out.push({ title: t, kind: 'update', when: e.last });

});

out.forEach(function (x) { x.listed = !!catalogue[x.title]; x.label = labelFor(x.title, catalogue); x.sub = subFor(x.title, catalogue); });

return out.sort(function (a, b) { return b.when - a.when; });

}

function labelFor(t, cat) {

if (cat[t]) return cat[t];

var parts = t.split('/');

return parts[parts.length - 1];

}

// Second line: which work a commentary belongs to.

function subFor(t, cat) {

var m = /^([^/]+)\/Vyakhya\//.exec(t);

if (!m) return '';

return cat[m[1]] ? cat[m[1]] + ' — टीका' : 'टीका';

}

~~nodes~~.forEach( function( ~~textNode~~ ) {

// Drop pages created in the window and deleted since.

var ~~val~~ = ~~textNode~~.~~nodeValue~~;

function dropMissing(items) {

if ( !re.~~test~~( ~~val~~ ) ) return;

if (!items.length) return Promise.resolve(items);

re.~~lastIndex = 0~~;

var batches = [];

for (var i = 0; i < items.length; i += 50) batches.push(items.slice(i, i + 50));

return Promise.all(batches.map(function (b) {

return api({ action: 'query', prop: 'info', inprop: 'displaytitle', titles: b.map(function (x) { return x.title; }).join('|') })

.then(function (j) {

var gone = {}, shown = {};

((j.query && j.query.pages) || []).forEach(function (p) {

if (p.missing) gone[norm(p.title)] = true;

var dt = (p.displaytitle || '').replace(/<[^>]*>/g, '').trim();

if (dt && norm(dt) !== norm(p.title)) shown[norm(p.title)] = dt;

});

return b.filter(function (x) {

// A DISPLAYTITLE only helps pages the catalogue doesn't name.

if (shown[x.title] && !x.listed) x.label = shown[x.title];

return !gone[x.title];

});

}).catch(function () { return b; });

})).then(function (r) { return [].concat.apply([], r); });

}

var ~~frag~~ = ~~document.createDocumentFragment~~();

function loadUpdates() {

~~var last = 0;~~

var cached = ssGet(CACHE_KEY);

var m;

if (cached) {

~~while ( ( m~~ = re.~~exec~~( ~~val~~ ) ~~) !== null ) {~~

try {

if ( m.~~index > last~~ ) {

var c = JSON.parse(cached);

~~frag~~.~~appendChild~~( ~~document~~.~~createTextNode~~( ~~val~~.~~slice~~( ~~last, m~~.~~index~~ ) ) );

if (Date.now() - c.at < CACHE_MINUTES * 60000) {

return Promise.resolve(c.items.map(function (x) { x.when = new Date(x.when); return x; }));

}

} catch (e) { }

}

~~var span = document~~.~~createElement~~( ~~'span'~~ );

return Promise.all([

~~span~~.~~className = 'gr-search-hl';~~

fetchChanges().catch(function () { return []; }),

~~span.textContent = m~~[0];

fetchCatalogue().catch(function () { return null; })

~~frag~~.~~appendChild~~( ~~span~~ );

]).then(function (r) {

~~last = m~~.~~index + m~~[0].~~length~~;

return dropMissing(summarise(r[0], r[1]).slice(0, MAX_ITEMS + 10));

~~count++;~~

}).then(function (items) {

}

items = items.slice(0, MAX_ITEMS);

if ( ~~last < val.length~~ ) {

ssSet(CACHE_KEY, JSON.stringify({ at: Date.now(), items: items }));

~~frag~~.~~appendChild~~( ~~document~~.~~createTextNode~~( ~~val~~.~~slice~~( ~~last~~ ) ) );

return items;

}

});

~~textNode.parentNode.replaceChild~~( ~~frag, textNode~~ );

}

} );

function lastSeen() { return +lsGet(SEEN_KEY) || 0; }

function markSeen() { lsSet(SEEN_KEY, String(Date.now())); }

~~return count;~~

// ── Updates page: the automatic list ─────────────────────────

}

// Filled into <div id="gr-updates-feed"> on UPDATES_PAGE.

// All styling lives in Common.css §37.

var KIND = { 'new': ['New', 'gr-upd-new'], 'update': ['Updated', 'gr-upd-update'] };

function ~~showDismissBar~~( ~~query~~ ) {

// Today · This week · This month · then one group per month ("August 2026")

var ~~isMob~~ = ~~window~~.~~innerWidth < 768~~;

var MONTHS_LONG = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

var ~~bar~~ = ~~document~~.~~createElement~~( '~~div~~' );

function groupName(d, now) {

~~bar~~.id = '~~gr-hl-bar~~';

var a = new Date(d.getFullYear(), d.getMonth(), d.getDate());

var b = new Date(now.getFullYear(), now.getMonth(), now.getDate());

var days = Math.round((b - a) / 86400000);

if (days <= 0) return 'Today';

if (days < 7) return 'This week';

if (d.getFullYear() === now.getFullYear() && d.getMonth() === now.getMonth()) return 'Earlier this month';

return MONTHS_LONG[d.getMonth()] + ' ' + d.getFullYear();

}

if ( ~~isMob~~ ) {

function renderFeed(box, items, seenBefore) {

~~bar~~.~~style~~.~~cssText~~ = [

while (box.firstChild) box.removeChild(box.firstChild);

'~~position:fixed~~',

if (items === null) { box.appendChild(el('p', 'gr-upd-empty', 'Loading…')); return; }

'~~top:calc(~~var(--gr-~~header~~-~~height~~,~~56px~~) + var(--gr-~~toc~~-~~top,52px~~) ~~+ 8px~~)',

if (!items.length) { box.appendChild(el('p', 'gr-upd-empty', 'No new or updated pages in the last ' + WINDOW_DAYS + ' days.')); return; }

'~~left:50%~~', '~~transform:translateX(~~-~~50%~~)',

var now = new Date(), group = null, list = null;

'z-~~index:10200~~',

items.forEach(function (x) {

'~~background:#b5451b~~', '~~color:#fff~~',

var g = groupName(x.when, now);

'~~padding:8px 14px~~',

if (g !== group) {

'~~border~~-~~radius:24px~~',

group = g;

'~~display:flex~~', '~~align~~-~~items:center~~', '~~gap:8px~~',

// A div, not an h3: the site's heading rules would restyle an h3.

'~~font~~-~~family:system~~-ui,~~sans-serif~~', ~~'font-size~~:~~13px'~~,

var h = el('div', 'gr-upd-group', g);

'~~box~~-~~shadow:0 3px 12px rgba~~(0,0,0,0.25)',

h.setAttribute('role', 'heading'); h.setAttribute('aria-level', '3');

'~~white~~-~~space:nowrap~~',

box.appendChild(h);

~~'max-width:calc~~(~~100vw - 32px~~)'

list = el('div', 'gr-upd-list');

].~~join~~(';');

list.setAttribute('role', 'list');

} ~~else~~ {

box.appendChild(list);

~~bar~~.~~style~~.~~cssText~~ = [

}

'~~position:fixed~~', '~~bottom:0~~', '~~left:0~~', '~~right:0~~', 'z-~~index:10200~~',

var li = el('div', 'gr-upd-item' + (seenBefore && x.when.getTime() > seenBefore ? ' gr-upd-unseen' : ''));

'~~background:#b5451b~~', '~~color:#fff~~', '~~padding:10px 16px~~',

li.setAttribute('role', 'listitem');

'~~display~~:~~flex~~', '~~align~~-~~items:center~~', '~~justify~~-~~content:space~~-~~between~~',

var main = el('div', 'gr-upd-main');

'~~font~~-~~family:system~~-ui,~~sans~~-~~serif~~', '~~font~~-~~size:14px~~',

var a = el('a', 'gr-upd-title', x.label);

'~~box~~-~~shadow:0 -2px 8px rgba~~(0,0,0,~~0.2~~)'

a.href = wikiHref(x.title);

].~~join~~(';');

main.appendChild(a);

var sub = el('div', 'gr-upd-sub');

sub.appendChild(el('span', 'gr-upd-tag ' + KIND[x.kind][1], KIND[x.kind][0]));

if (x.sub) sub.appendChild(el('span', 'gr-upd-work', x.sub));

main.appendChild(sub);

li.appendChild(main);

var d = el('time', 'gr-upd-date', relDate(x.when, now));

d.setAttribute('datetime', x.when.toISOString());

d.title = absDate(x.when);

li.appendChild(d);

list.appendChild(li);

});

}

// ── Updates page: the bulletin card ─────────────────────────

// Items are written on the page with {{Bulletin|…}}; this only

// formats their dates, marks past events, and shows an empty note.

function decorateBulletin() {

var card = document.querySelector('.gr-bulletin');

if (!card) return;

var now = new Date(), today = new Date(now.getFullYear(), now.getMonth(), now.getDate());

var items = card.querySelectorAll('.gr-bulletin-item');

Array.prototype.forEach.call(items, function (it) {

var raw = it.getAttribute('data-date') || '';

var m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(raw.trim());

var d = m ? new Date(+m[1], +m[2] - 1, +m[3]) : null;

var slot = it.querySelector('.gr-bulletin-date');

if (d && slot) { slot.textContent = absDate(d); slot.setAttribute('title', raw); }

// Past events stay listed, dimmed; hide them with until= on the item.

if (d && it.getAttribute('data-type') === 'event' && d < today) it.classList.add('gr-bulletin-past');

var until = /^(\d{4})-(\d{2})-(\d{2})$/.exec((it.getAttribute('data-until') || '').trim());

if (until && new Date(+until[1], +until[2] - 1, +until[3]) < today) it.classList.add('gr-bulletin-expired');

});

var visible = card.querySelectorAll('.gr-bulletin-item:not(.gr-bulletin-expired)').length;

card.classList.toggle('gr-bulletin-is-empty', visible === 0);

var layout = card.closest('.gr-updates-layout');

if (layout) layout.classList.toggle('gr-no-bulletin', visible === 0);

}

function initUpdatesPage() {

var box = document.getElementById('gr-updates-feed');

decorateBulletin();

if (!box || box.getAttribute('data-ready')) return;

box.setAttribute('data-ready', '1');

var seenBefore = lastSeen();

renderFeed(box, null);

loadUpdates().then(function (items) {

renderFeed(box, items, seenBefore);

markSeen();

}).catch(function () { renderFeed(box, []); });

}

~~var count = document.querySelectorAll~~( ~~'.gr-search-hl'~~ )~~.length~~;

// ── header links ─────────────────────────────────────────────

function updatesHref() { return wikiHref(UPDATES_PAGE); }

if ( ~~isMob~~ ) {

// Which wiki page a link points at ("My wiki:Help"), or null.

~~bar~~.~~innerHTML =~~

function linkTarget(a) {

'~~<span style="flex-shrink:0">🔍~~ ' ~~+ count +~~ '~~</span>~~' +

var href = a.getAttribute('href') || '';

~~'<button id="gr-hl-prev" style="background:rgba~~(~~255,255,255,~~0.2)~~;border:none;color:~~#~~fff~~;~~min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;">↑<~~/button~~>' +~~

if (!href || href.charAt(0) === '#') return null; // e.g. the Log out button

~~'<button id~~=~~"gr-hl-next" style="background:rgba~~(~~255,255,255~~,0.2);~~border:none~~;~~color:#fff;min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;">↓</button>' +~~

var u;

~~'<button id~~=~~"gr-hl-results" style~~=~~"background:rgba(255,255,255,0~~.2);~~border:none;color:#fff;min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;">←</button>' +~~

try { u = new URL(href, location.href); } catch (e) { return null; }

~~'<button id~~=~~"gr-hl-dismiss" style="background:rgba~~(~~255,255,255,0.15~~)~~;border:none;color:#fff;min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;">✕</button>'~~;

if (u.origin !== location.origin) return null;

~~} else~~ {

var t = u.searchParams.get('title');

var ~~nav~~ = ~~document~~.~~createElement~~( '~~div~~' );

if (!t) {

~~nav~~.~~style~~.~~cssText~~ = ~~'display:flex~~;~~align-items:center;gap:12px;'~~;

var ap = (cfg('wgArticlePath') || '/wiki/$1').split('$1')[0];

~~nav.innerHTML~~ =

if (u.pathname.indexOf(ap) !== 0) return null;

~~'<span>🔍 <strong>' + escHtml~~(~~query~~) ~~+ '<~~/~~strong>~~ — ~~' + count + ' match' +~~ (~~count~~=~~==1?~~''~~:'es'~~) ~~+ '</span>' +~~

t = u.pathname.slice(ap.length);

~~'<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>' +~~

}

'~~<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>' +~~

try { t = decodeURIComponent(t); } catch (e) { }

'~~<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>~~';

return norm(t);

~~bar.appendChild( nav~~ );

}

// Highlight whichever header / menu link is the page being viewed —

// Help, About, Updates, Profile … not only the ones this block adds.

function markCurrent() {

var me = norm(cfg('wgPageName'));

if (!me) return;

var links = document.querySelectorAll('.gr-header-link, #gr-header-user-menu a, .gr-mob-item');

Array.prototype.forEach.call(links, function (a) {

var on = a.tagName === 'A' && linkTarget(a) === me;

a.classList.toggle('is-current', on);

if (on) a.setAttribute('aria-current', 'page'); else a.removeAttribute('aria-current');

});

}

~~var dismiss = isMob~~

function injectDesktop() {

~~? bar~~.~~querySelector~~( '#gr-hl-~~dismiss~~' )

if (document.getElementById('gr-library-link')) return true;

~~: ( function(~~) {

var help = document.getElementById('gr-help-link');

var b = document.~~createElement~~( '~~button~~' );

var host = help ? help.parentNode :

b.~~textContent = '✕ Close';~~

(document.querySelector('.vector-header-end') || document.querySelector('#vector-user-links') || document.querySelector('.mw-header'));

b.~~id =~~ 'gr-hl-~~dismiss~~';

if (!host) return false;

b.~~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;~~';

~~bar~~.~~appendChild~~( b );

~~return b~~;

}() );

~~dismiss.onclick~~ = ~~function~~ () {

var lib = el('a', 'gr-header-link', LIBRARY_LABEL);

~~clearHighlights()~~;

lib.id = 'gr-library-link';

~~bar~~.~~remove~~();

lib.href = LIBRARY_URL; lib.target = '_blank'; lib.rel = 'noopener noreferrer';

};

lib.title = 'Grantha catalogue (opens in a new tab)';

~~document~~.~~body~~.~~appendChild~~( ~~bar~~ );

var upd = el('a', 'gr-header-link', UPDATES_LABEL);

upd.id = 'gr-updates-link';

upd.href = updatesHref();

~~var hlEls = Array.from( document.querySelectorAll( '.gr-search-hl' ) );~~

if (help) { host.insertBefore(lib, help); host.insertBefore(upd, help); }

~~var currentIdx = 0;~~

else { host.appendChild(lib); host.appendChild(upd); }

~~function goTo~~( ~~idx~~ ) {

markCurrent();

~~hlEls~~.~~forEach~~( ~~function(el~~) ~~{ el.classList~~.~~remove~~( ~~'gr-search-hl-current'~~ ); } );

return true;

~~currentIdx =~~ ( ~~idx + hlEls.length~~ ) ~~% hlEls.length;~~

~~var el = hlEls[ currentIdx ]~~;

el.~~classList.add~~( ~~'gr-search-hl-current'~~ );

~~el.scrollIntoView~~(~~{ behavior: 'smooth', block: 'center' }~~);

}

~~var nextBtn =~~ document.getElementById( 'gr-hl-~~next~~' );

function injectMobile() {

var ~~prevBtn~~ = document.getElementById( 'gr-hl-~~prev~~' );

if (document.getElementById('gr-mob-library')) return true;

var ~~resultsBtn~~ = ~~document.getElementById~~( 'gr-hl-~~results~~' );

var menu = document.getElementById('gr-mob-menu-items');

~~if ( nextBtn ) nextBtn~~.~~onclick~~ = ~~function() { goTo( currentIdx + 1 ); }~~;

if (!menu) return false;

~~if ( prevBtn ) prevBtn~~.~~onclick~~ = ~~function() { goTo( currentIdx - 1 )~~; };

~~if ( resultsBtn ) resultsBtn~~.~~onclick~~ = ~~function() {~~

var lib = el('a', 'gr-mob-item', LIBRARY_LABEL);

~~bar.remove()~~;

lib.id = 'gr-mob-library';

~~/* Re-open search dialog with the same query prefilled */~~

lib.href = LIBRARY_URL; lib.target = '_blank'; lib.rel = 'noopener noreferrer';

~~if ( window~~.~~showSearchDialog ) { window.showSearchDialog( query ); }~~

};

}

~~function clearHighlights() {~~

var upd = el('a', 'gr-mob-item', UPDATES_LABEL);

~~document.querySelectorAll~~( '.gr-~~search~~-hl' )~~.forEach( function( span ) {~~

upd.id = 'gr-mob-updates';

~~var parent = span.parentNode~~;

upd.href = updatesHref();

~~while ( span~~.~~firstChild ) parent.insertBefore( span.firstChild, span )~~;

~~parent~~.~~removeChild~~( ~~span~~ );

~~} );~~

}

~~function escHtml~~( s ) {

var home = null;

~~return String~~(s).~~replace(/&/g,'&amp~~;').~~replace~~(~~/</g~~,~~'&lt~~;').~~replace~~(~~/>/g~~,~~'&gt~~;');

for (var i = 0; i < menu.children.length; i++) {

}

if (/^\s*Home\s*$/.test(menu.children[i].textContent)) { home = menu.children[i]; break; }

}

var ref = home ? home.nextSibling : menu.firstChild;

menu.insertBefore(lib, ref);

menu.insertBefore(upd, ref);

markCurrent();

return true;

}

function ~~injectHighlightCSS~~() {

// ── boot: the Help/About and mobile-menu code creates the anchors on

if ( ~~document.getElementById~~( ~~'gr-hl-css'~~ ) ) return;

// DOMContentLoaded, so wait briefly for them rather than assume order.

var s = ~~document~~.~~createElement~~( ~~'style'~~ );

function boot() {

~~s.id = 'gr-hl-css'~~;

initUpdatesPage();

s.~~textContent = [~~

var inject = isMobile ? injectMobile : injectDesktop;

'.~~gr-search-hl~~{',

if (inject()) return;

~~' background~~:~~#fff176~~;~~color:#1a1a1a;',~~

var tries = 0;

~~' border-radius:2px~~;~~padding:0 1px~~;',

var obs = window.MutationObserver ? new MutationObserver(function () { if (inject()) obs.disconnect(); }) : null;

~~' box-shadow:0 0 0 1px rgba~~(~~181~~,~~69,27,0~~.25);',

if (obs) obs.observe(document.body, { childList: true, subtree: true });

'}',

(function poll() {

~~'.gr-search-hl-current{',~~

if (inject()) { if (obs) obs.disconnect(); return; }

~~' background:#ffb300!important~~;',

if (++tries < 40) setTimeout(poll, 250); else if (obs) obs.disconnect();

~~' box-shadow:0 0 0 2px #b5451b!important;',~~

}());

'}',

}

'~~@keyframes gr-hl-pulse{~~',

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);

' ~~0%{background:#ffb300;}~~',

else boot();

~~' 50%{background:#fff176~~;~~}',~~

// Page previews and live-preview re-render content; re-run the page part then.

~~' 100%{background:#fff176~~;~~}',~~

if (window.mw && mw.hook) mw.hook('wikipage.content').add(function () { initUpdatesPage(); });

~~'}',~~

~~'.gr~~-~~search~~-~~hl-pulse{animation:gr-hl~~-~~pulse 1~~.~~2s ease 2;}',~~

].~~join~~('');

~~document~~.~~head.appendChild~~( s );

}

~~injectHighlightCSS();~~

window.grUpdates = { relDate: relDate, summarise: summarise, groupName: groupName };

~~if ( document~~.~~readyState~~ =~~== 'loading' )~~ {

}());

~~document.addEventListener( 'DOMContentLoaded'~~, ~~applyHighlight )~~;

} ~~else {~~

~~applyHighlight~~();

}

~~window.grStoreSearchHL = storeQueryForLink;~~

~~}() );~~

/* ═══════════════════════════════════════════════════════════════

~~Mobile addon — paste at bottom of MediaWiki~~:~~Common.js~~

Main Page cards: item count beside each title, and a

~~Only runs~~ on ~~Minerva (mobile) skin~~

.gr-home-card-wide class on long lists. Styling: Common.css §25.

═══════════════════════════════════════════════════════════════ */

( function () {

(function () {

if ( !document.~~body~~.~~classList~~.~~contains~~( '~~skin~~-~~minerva~~' ) ) ~~return~~;

'use strict';

var WIDE_AT = 14; // cards with this many items or more span two columns

function decorate() {

var cards = document.querySelectorAll('.gr-home .gr-home-card');

Array.prototype.forEach.call(cards, function (card) {

var title = card.querySelector('.gr-home-card-title');

var n = card.querySelectorAll('li').length;

if (!n) return;

if (n >= WIDE_AT) card.classList.add('gr-home-card-wide');

if (!title || title.querySelector('.gr-home-card-count')) return;

var label = document.createElement('span');

while (title.firstChild) label.appendChild(title.firstChild);

title.appendChild(label);

var c = document.createElement('span');

c.className = 'gr-home-card-count';

c.textContent = String(n);

title.appendChild(c);

});

}

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', decorate);

else decorate();

}());

~~/* ── 1. CSS injected into <head> ── */~~

~~function injectCSS() {~~

~~if ( document.getElementById( 'gr-mob-css' ) ) return;~~

~~var s = document.createElement( 'style' );~~

~~s.id = 'gr-mob-css';~~

~~s.textContent =~~

~~'body,#mw-mf-viewport,#mw-mf-page-center{padding-top:0!important;margin-top:0!important;}' +~~

~~'html,body,#mw-mf-viewport,#mw-mf-page-center{overflow-x:hidden!important;max-width:100vw!important;}' +~~

~~'header.header-container{background:#b5451b!important;position:sticky!important;top:0!important;z-index:300!important;}' +~~

~~'.minerva-header{background:#b5451b!important;min-height:54px!important;}' +~~

~~'.minerva-header .search-toggle,.minerva-header .minerva-user-notifications{display:none!important;}' +~~

~~'.branding-box a{display:flex!important;align-items:center!important;' +~~

~~'text-decoration:none!important;max-width:calc(100vw - 80px)!important;}' +~~

~~'.branding-box a::before{content:"";display:block;width:30px;height:30px;flex-shrink:0;' +~~

~~'background:url("/favicon.png") center/contain no-repeat;' +~~

~~'margin-right:8px;}' +~~

~~'.branding-box a span{color:#fff!important;font-size:16px!important;font-weight:700!important;' +~~

~~'font-family:system-ui,sans-serif!important;line-height:1.2!important;' +~~

~~'flex:1 1 auto!important;min-width:0!important;}' +~~

~~'.minerva-header svg path,.minerva-header svg rect,.minerva-header svg circle{fill:#fff!important;}' +~~

~~'.minerva-header label{color:#fff!important;}' +~~

~~'.minerva-tabs,.mw-portlet-associated-pages,.page-actions-menu,' +~~

~~'#page-secondary-actions,.last-modified-bar,.minerva-anon-talk-link{display:none!important;}' +~~

~~'#gr-mob-menu-items{display:block!important;}' +~~

~~'.mw-footer.minerva-footer,.footer-places,.footer-info,' +~~

~~'.minerva-footer-logo,#footer-places-about,' +~~

~~'#footer-places-disclaimers,#footer-places-privacy{display:none!important;}' +~~

~~'#gr-static-bar{position:sticky!important;top:54px!important;z-index:200!important;}' +~~

~~'.mf-section-0,.mf-section-1,.mf-section-2,.mf-section-3,.mf-section-4,' +~~

~~'.mf-section-5,.mf-section-6,.mf-section-7,.mf-section-8,.mf-section-9,' +~~

~~'.mf-section-10{display:block!important;visibility:visible!important;}' +~~

~~'.collapsible-block{display:block!important;}' +~~

~~'.section-heading .indicator,.collapsible-heading .indicator{display:none!important;}' +~~

~~'.section-heading,.collapsible-heading{pointer-events:none!important;}' +~~

~~'.gr-home-grid{flex-direction:column!important;flex-wrap:nowrap!important;' +~~

~~'gap:12px!important;width:100%!important;}' +~~

~~'.gr-home-card{width:100%!important;max-width:100%!important;' +~~

~~'min-width:unset!important;box-sizing:border-box!important;flex:none!important;}' +~~

~~'.gr-home-toggle{flex-wrap:wrap!important;}' +~~

~~'.mw-parser-output{font-size:18px!important;line-height:1.8!important;}' +~~

~~'.mw-parser-output h2,.mw-parser-output h3{width:100%!important;}' +~~

~~'.bhashyam-block{margin-left:8px!important;}' +~~

~~'#footer,.mw-footer,.catlinks,#catlinks{display:none!important;}' +~~

~~'.gr-mob-toc-panel{position:fixed!important;top:0!important;left:0!important;' +~~

~~'bottom:0!important;width:82vw!important;max-width:340px!important;' +~~

~~'background:#fff!important;z-index:10400!important;' +~~

~~'box-shadow:4px 0 28px rgba(0,0,0,0.22)!important;overflow-y:auto!important;' +~~

~~'padding:0 0 40px!important;transform:translateX(-110%)!important;' +~~

~~'transition:transform 0.26s cubic-bezier(0.4,0,0.2,1)!important;display:block!important;}' +~~

~~'.gr-mob-toc-panel.open{transform:translateX(0)!important;}' +~~

~~'.gr-mob-toc-backdrop{display:none!important;position:fixed!important;inset:0!important;' +~~

~~'background:rgba(0,0,0,0.4)!important;z-index:10399!important;}' +~~

~~'.gr-mob-toc-backdrop.open{display:block!important;}' +~~

~~'.gr-mob-toc-header{position:sticky!important;top:0!important;background:#fff!important;' +~~

~~'display:flex!important;align-items:center!important;justify-content:space-between!important;' +~~

~~'padding:16px 16px 12px!important;border-bottom:1px solid #f0ebe6!important;z-index:1!important;}' +~~

~~'.gr-mob-toc-title{font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;' +~~

~~'letter-spacing:0.08em!important;color:#b5451b!important;font-family:system-ui,sans-serif!important;}' +~~

~~'.gr-mob-toc-close{background:none!important;border:none!important;' +~~

~~'font-size:22px!important;color:#999!important;cursor:pointer!important;padding:4px 8px!important;}' +~~

~~'.gr-mob-toc-body{padding:12px 16px!important;}' +~~

~~'.gr-mob-toc-body a{display:block!important;font-size:16px!important;line-height:1.6!important;' +~~

~~'color:#2c1810!important;text-decoration:none!important;padding:8px 0!important;' +~~

~~'border-bottom:1px solid #f5f0ed!important;}';~~

~~document.head.appendChild( s );~~

}

/* ── 2. ~~Expand hidden sections ──~~ */

// ── Footnote markers and their cards ────────────────────────────────

function ~~expandSections~~() {

/* ── FOOTNOTE REGISTRY ────────────────────────────────────────────────

~~document.querySelectorAll(~~ '[class*=~~"mf~~-~~section~~-"], .~~collapsible~~-~~block'~~ )

Notes that belong to content injected into this page rather than baked

.forEach( function ( el ) {

into it - an interleaved commentary's own footnotes live in ITS

el.~~removeAttribute~~( ~~'hidden'~~ );

document, so nothing on the moola page knew what its highlighted words

el.~~style~~.~~setProperty~~( '~~display~~', '~~block~~', ~~'important' );~~

pointed at. Anything registered here is visible to the note card and to

el.~~style~~.~~setProperty(~~ '~~visibility~~', ~~'visible'~~, ~~'important'~~ );

the right-hand panel, grouped under the commentary it came from. */

~~el.removeAttribute~~( ~~'aria-hidden'~~ );

window.grFootnoteRegistry = (function () {

} );

'use strict';

~~document.querySelectorAll~~( ~~'.section-heading~~, .~~collapsible-heading'~~ )

var byId = {}; // gra-id -> {text, quote, type, group, groupTitle}

~~.forEach(~~ function ( el ) {

var groups = []; // [{slug, title}] in the order they were added

~~el.setAttribute~~( ~~'aria-expanded', 'true'~~ );

var listeners = [];

el.~~style.setProperty~~( ~~'pointer-events', 'none', 'important'~~ );

var pending = null;

} );

// Deferred by a tick on purpose. Notes are registered while a

}

// commentary's block is still being built, BEFORE it is inserted into

// the page - so a listener that re-scans the document synchronously

// would run against a DOM that does not contain the highlighted words

// yet, and find nothing to wire up. Coalescing to one call after the

// current task also means a page with ten commentaries re-scans once

// rather than ten times.

function notify() {

if (pending) return;

pending = setTimeout(function () {

pending = null;

listeners.forEach(function (f) { try { f(); } catch (e) {} });

}, 0);

}

return {

add: function (slug, title, notes) {

if (!groups.some(function (g) { return g.slug === slug; })) {

groups.push({ slug: slug, title: title });

}

var added = false;

(notes || []).forEach(function (n) {

if (!n || !n.id || byId[n.id]) return;

byId[n.id] = {

text: n.text || '', quote: n.quote || '',

type: n.kind || n.type || 'note',

group: slug, groupTitle: title

};

added = true;

});

if (added) notify();

},

get: function (id) { return byId[id] || null; },

all: function () { return byId; },

groups: function () { return groups.slice(); },

isInjected: function (id) { return !!byId[id]; },

clearInjected: function () { byId = {}; groups = []; notify(); },

onChange: function (f) { listeners.push(f); }

};

}());

~~function watchSections() {~~

/* QuickEdit already stores footnotes: it wraps the annotated words in

~~var t~~ = ~~null;~~

<span class="gra-qe-footnote-highlight" data-gra-id="…"> and appends a

~~var obs~~ = ~~new MutationObserver( function ( ms ) {~~

<div class="gra-qe-footnotes"><ol> at the foot of the document, one

~~if ( ms.some( function(m){ return m.attributeName~~ =~~== 'hidden'; } ) ) {~~

<li data-gra-id="…"> per note carrying the quoted words and the note.

~~clearTimeout(t); t = setTimeout( expandSections~~, ~~30 );~~

}

~~} );~~

~~var root = document.querySelector( '#mw~~-~~content~~-~~text' ) || document.body;~~

~~obs~~.~~observe( root, { subtree:true, attributes:true, attributeFilter:['hidden','aria-hidden'] } );~~

}

~~/* ── 3. Body padding observer ── */~~

That is the whole apparatus, but reading it meant scrolling to the end of

~~function watchBodyPadding() {~~

a long document and scrolling back. This turns the same data into what

~~new MutationObserver( function () {~~

Setutila shows: a small superscript after the annotated words, and a card

~~if (~~ document.~~body.style.paddingTop && document.body.style.paddingTop !== '0px' ) {~~

at the point of reading. Nothing is stored differently and QuickEdit is

~~document.body.style~~.~~paddingTop = '';~~

untouched — the list is still written, still saved, and still printed; it

}

is only taken off the screen, where the markers replace it.

~~} ).observe( document.body~~, ~~{ attributes:true~~, ~~attributeFilter:['style'] } )~~;

}

~~/* ── 4~~. ~~Inject custom links into drawer ──~~ */

The note text is transliterated with the rest of the page: the card's body

function ~~injectMenuLinks~~() {

is tagged data-deva and announced through gr-new-content, which the script

~~if ( document.getElementById(~~ '~~gr-mob-menu-items~~' ~~) ) return~~;

switcher already listens for. */

(function () {

'use strict';

var ~~navDrawer~~ = ~~document~~.~~querySelector(~~ '.~~navigation~~-~~drawer~~' );

var HL = '.gra-qe-footnote-highlight';

~~if ( !navDrawer ) return~~;

var LIST = '.gra-qe-footnotes';

// data-gra-type on the <li>. The names the converter writes, and the

// ones a QuickEdit button could write later, land in the same map.

var TYPES = {

pathantara: 'पाठान्तरम्', // a variant reading

locus: 'प्रमाणम्', // where a quotation is from — ऋ.सं.७.९९

source: 'प्रमाणम्',

note: 'टिप्पणी' // an editorial remark

};

var ~~wrap~~ = ~~document.createElement( 'div' );~~

var card = null, openFor = null;

~~wrap.id~~ = ~~'gr-mob-menu-items';~~

~~wrap.style.cssText = 'width:100%;background:#fff;margin-top:8px;'~~;

var ~~itemStyle~~ = ~~'display~~:~~flex;align-items~~:~~center;gap~~:~~14px~~;~~padding:15px 20px~~;' +

function notesFromList() {

'~~font~~-~~size:16px~~;~~color:#2c1810~~;~~text~~-~~decoration:none~~;' +

var out = {};

'~~font~~-~~family:system~~-ui,~~sans~~-~~serif;border~~-~~bottom:1px solid #f0ebe6~~;~~background:#fff~~;';

var reg = window.grFootnoteRegistry.all();

Object.keys(reg).forEach(function (id) {

out[id] = { text: reg[id].text, quote: reg[id].quote,

type: reg[id].type, injected: true,

groupTitle: reg[id].groupTitle };

});

document.querySelectorAll(LIST + ' .gra-qe-footnote-item').forEach(function (li) {

var id = li.getAttribute('data-gra-id');

if (!id) return;

// An injected note is published into this same list so the

// right-hand panel can see it, which means the list entry gets

// read back here. Keep the registry's own record for those, or

// the entry overwrites it, the `injected` flag is lost, and the

// note is numbered as though it belonged to this document.

if (out[id] && out[id].injected) return;

var textEl = li.querySelector('.gra-qe-footnote-text');

out[id] = {

text: (textEl ? textEl.textContent : li.textContent).trim(),

quote: (li.querySelector('.gra-qe-footnote-quote') || {}).textContent || '',

type: li.getAttribute('data-gra-type') || 'note'

};

});

return out;

}

function ~~makeItem~~( ~~href, emoji, label~~ ) {

function buildCard() {

~~var a~~ = document.createElement( 'a' );

if (card) return card;

a.~~href~~ = ~~href~~;

card = document.createElement('div');

a.~~style~~.~~cssText~~ = ~~itemStyle~~;

card.className = 'gr-note-card';

a.innerHTML =

card.setAttribute('role', 'dialog');

'<span>' + label + '</~~span~~>';

card.hidden = true;

return a;

card.innerHTML =

'<div class="gr-note-card-head">' +

'<span class="gr-note-card-kind"></span>' +

'<button type="button" class="gr-note-card-close" aria-label="Close">×</button>' +

'</div><div class="gr-note-card-body"></div>';

card.querySelector('.gr-note-card-close').addEventListener('click', close);

card.addEventListener('mouseenter', function () { clearTimeout(hoverTimer); });

card.addEventListener('mouseleave', function () { if (!COARSE) hoverClose(); });

document.body.appendChild(card);

return card;

}

~~wrap~~.~~appendChild~~( ~~makeItem~~( '~~/Main_Page', '~~', '~~Home~~' ) );

function close() {

~~wrap~~.~~appendChild~~( ~~makeItem( '/My_wiki:Help', '',~~ '~~Help~~' ) );

if (!card || card.hidden) return;

~~wrap~~.~~appendChild( makeItem~~( '~~/My_wiki:About', '', 'About~~' ) );

card.hidden = true;

if (openFor) {

openFor.setAttribute('aria-expanded', 'false');

openFor.classList.remove('gr-note-marker-open');

openFor.classList.remove('gr-note-hl-open');

}

openFor = null;

}

~~var userName = window~~.~~mw ? mw.config.get( 'wgUserName' ) : null;~~

// Anchored under the marker, nudged back inside the viewport rather than

if ( ~~userName~~ ) {

// flipped: these sit in running text, and a card that jumps above the line

var la = ~~document~~.~~querySelector~~( 'a[href*=~~"action~~=~~logout"]' )~~;

// is harder to connect to the word it belongs to than one that shifts left.

~~wrap.appendChild( makeItem(~~

function place(marker) {

~~la ? la~~.~~href : '~~/~~index~~.~~php?title=Special:UserLogout'~~, '', ~~'Log out'~~

var r = marker.getBoundingClientRect();

) );

var w = card.offsetWidth, h = card.offsetHeight;

~~} else {~~

var pad = 10;

~~wrap~~.~~appendChild( makeItem~~( '~~/index~~.~~php?title~~=~~Special:UserLogin', '~~', '~~Log in' ) )~~;

var left = r.left + r.width / 2 - w / 2;

left = Math.max(pad, Math.min(left, window.innerWidth - w - pad));

var top = r.bottom + 8;

if (top + h > window.innerHeight - pad && r.top - h - 8 > pad) top = r.top - h - 8;

card.style.left = Math.round(left) + 'px';

card.style.top = Math.round(top) + 'px';

}

~~var pageLeft~~ = ~~document~~.~~getElementById~~( 'mw-mf-~~page~~-~~left~~' );

function open(marker, note, num) {

if ( ~~pageLeft~~ ) {

buildCard();

~~while~~ ( ~~pageLeft.firstChild~~ ) ~~pageLeft~~.~~removeChild~~( ~~pageLeft~~.~~firstChild~~ );

if (openFor === marker && !card.hidden) { close(); return; }

~~pageLeft~~.~~style~~.~~removeProperty~~( '~~display~~' );

close();

~~pageLeft~~.~~appendChild~~( ~~wrap~~ );

card.querySelector('.gr-note-card-kind').textContent =

~~} else {~~

(TYPES[note.type] || TYPES.note) +

~~navDrawer~~.~~appendChild~~( ~~wrap~~ );

(typeof num === 'number' ? ' [' + num + ']' : (num ? ' \u00b7 ' + num : ''));

var body = card.querySelector('.gr-note-card-body');

// A bare text node, deliberately. gr-new-content's handler wraps it,

// records it as translatable and applies whatever script is showing —

// tagging it here instead would make the handler skip it as already

// done, and the note would sit in Devanagari on a Telugu page.

body.textContent = note.text;

card.hidden = false;

place(marker);

try {

window.dispatchEvent(new CustomEvent('gr-new-content', { detail: { container: body } }));

} catch (e) { }

marker.setAttribute('aria-expanded', 'true');

// A commentary's note has no superscript, so the element the card is

// anchored to IS the highlighted word. gr-note-marker-open paints a

// solid maroon chip with white text - right for a small superscript,

// and it made the word itself unreadable. The word gets its own,

// quieter open state instead.

marker.classList.add(marker.classList.contains('gr-note-marker')

? 'gr-note-marker-open' : 'gr-note-hl-open');

openFor = marker;

}

~~document.querySelectorAll(~~

// A coarse pointer has no hover, so there the card opens on tap. With a

~~'.mw-footer.minerva-footer,.footer-places~~,.~~footer-info,' +~~

// mouse, hover shows the note and a click is left free for the reader's

~~'.minerva-footer-logo,#footer-places-about~~,' +

// own panel - which is what the marker is for on desktop.

~~'#footer~~-~~places-disclaimers,#footer-places-privacy'~~

var COARSE = (window.matchMedia && window.matchMedia('(hover: none), (pointer: coarse)').matches)

~~).forEach~~( ~~function(el) { el~~.~~style~~.~~setProperty~~('~~display'~~,'~~none~~'~~,'important~~'); ~~} );~~

|| ('ontouchstart' in window) || navigator.maxTouchPoints > 0;

}

~~/* ── 5. Mobile TOC overlay ── */~~

var hoverTimer = null;

var ~~_tocDone~~ = ~~false~~;

function hoverOpen(m, note, num) {

function ~~initToc~~() {

clearTimeout(hoverTimer);

if ( ~~_tocDone~~ ) ~~return~~;

hoverTimer = setTimeout(function () { open(m, note, num); }, 90);

~~var tocList~~ = ~~document.querySelector~~( ~~'.vector-toc-contents~~, ~~.vector-toc .vector-toc-list'~~ );

}

if ( ~~!tocList~~ ) ~~return~~;

function hoverClose() {

if ( !~~tocList~~.~~querySelector~~( 'li' ) ) ~~return~~;

clearTimeout(hoverTimer);

~~_tocDone = true;~~

hoverTimer = setTimeout(function () {

if (card && !card.matches(':hover')) close();

}, 220);

}

var bd = document.~~createElement~~( '~~div~~' );

function decorate() {

bd.~~className =~~ '~~gr-mob~~-~~toc~~-~~backdrop~~';

var notes = notesFromList();

~~document.body~~.~~appendChild( bd~~ );

var n = 0;

document.querySelectorAll('#mw-content-text ' + HL).forEach(function (hl) {

var id = hl.getAttribute('data-gra-id');

var note = id && notes[id];

if (!note || !note.text) return; // orphan highlight: leave it alone

var ~~panel~~ = ~~document~~.~~createElement( 'div' )~~;

// An interleaved commentary's notes get NO superscript. The

~~panel.className~~ = ~~'gr-mob-toc-panel'~~;

// numbers would restart per commentary and interleave with the

// moola's own, so "[3]" on the page would mean three different

// notes depending on which block it sat in. The highlighted

// words stay clickable, and the panel lists them by commentary.

var injected = !!note.injected;

var num = injected ? null : ++n;

var ~~hdr~~ = ~~document~~.~~createElement~~( '~~div~~' );

var m = null;

~~hdr~~.~~className~~ = '~~gr-mob-toc-header~~';

if (!injected) {

~~var ttl~~ = document.createElement( '~~div~~' );

if (hl.nextElementSibling &&

~~ttl~~.className = 'gr-~~mob-toc~~-~~title~~';

hl.nextElementSibling.classList.contains('gr-note-marker')) {

~~ttl~~.textContent = '~~विषयसूची~~';

m = hl.nextElementSibling;

~~var cls = document~~.~~createElement~~( 'button' );

m.textContent = '[' + num + ']';

~~cls~~.~~className =~~ '~~gr-mob-toc-close~~';

} else {

~~cls~~.~~textContent =~~ '✕';

m = document.createElement('sup');

~~hdr~~.~~appendChild~~( ~~ttl~~ ); ~~hdr~~.~~appendChild( cls~~ );

m.className = 'gr-note-marker';

~~panel~~.~~appendChild( hdr )~~;

m.textContent = '[' + num + ']';

m.setAttribute('role', 'button');

m.setAttribute('tabindex', '0');

m.setAttribute('aria-expanded', 'false');

hl.parentNode.insertBefore(m, hl.nextSibling);

}

if (hl.dataset.grNoteWired) return;

hl.dataset.grNoteWired = '1';

var ~~body~~ = ~~document.createElement( 'div' )~~;

var anchorEl = m || hl;

~~body~~.~~className =~~ '~~gr-mob-toc-body~~';

var label = injected ? (note.groupTitle || '') : num;

~~body.appendChild( tocList.cloneNode( true ) );~~

~~panel.appendChild( body );~~

~~document.body.appendChild( panel~~ );

~~var btn = document~~.~~createElement~~( ~~'button'~~ );

function show(e) { e.preventDefault(); e.stopPropagation(); open(anchorEl, note, label); }

~~btn~~.~~id = 'gr-mob-toc-btn';~~

~~btn.innerHTML = '☰  Contents';~~

~~btn.style.cssText = 'position:fixed;bottom:148px;left:16px;z-index:9100;' +~~

~~'background:#fff;border:1.5px solid #b5451b;border-radius:24px;' +~~

~~'padding:10px 16px;font-size:15px;font-family:system-ui,sans-serif;' +~~

~~'color:#b5451b;font-weight:600~~;~~box-shadow:0 3px 14px rgba~~(~~0,0~~,0,~~0.15);cursor:pointer;';~~

~~document.body.appendChild( btn~~ );

function ~~open~~() { ~~panel~~.~~classList~~.~~add~~('open'); bd.classList.~~add~~('~~open~~'); document.~~body~~.~~style~~.~~overflow~~='~~hidden~~'; }

if (COARSE) {

function ~~close~~() { panel.~~classList~~.remove('~~open~~'); bd.~~classList~~.~~remove~~('~~open~~'); document.~~body~~.~~style~~.~~overflow~~=''; }

if (m) m.addEventListener('click', show);

hl.addEventListener('click', show);

} else {

// Hover opens the card; the click is NOT swallowed, so the

// annotation gadget still gets it and opens its Footnotes

// panel - the behaviour that was lost when this handler

// called stopPropagation on every click.

[m, hl].forEach(function (el) {

if (!el) return;

el.addEventListener('mouseenter', function () { hoverOpen(anchorEl, note, label); });

el.addEventListener('mouseleave', hoverClose);

});

if (m) m.addEventListener('click', show);

}

if (m) {

m.addEventListener('keydown', function (e) {

if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); open(m, note, label); }

});

}

});

var list = document.querySelector(LIST);

if (list) list.classList.toggle('gr-notes-listed', n > 0);

}

document.addEventListener('click', function (e) {

if (!card || card.hidden) return;

if (!card.contains(e.target)) close();

});

document.addEventListener('keydown', function (e) { if (e.key === 'Escape') close(); });

window.addEventListener('resize', function () { if (openFor) place(openFor); });

window.addEventListener('scroll', function () { if (openFor) place(openFor); }, true);

// Commentaries are fetched and injected after the page has rendered, so

// their notes arrive later than this module's first pass. Re-run when

// the registry changes, and publish them into the page's own footnote

// list so the right-hand panel - which reads that list, not this

// module - shows them too, under the commentary each came from.

function publishInjectedList() {

var host = document.querySelector(LIST);

if (!host) {

var content = document.getElementById('mw-content-text');

if (!content) return;

host = document.createElement('div');

host.className = 'gra-qe-footnotes';

content.appendChild(host);

}

host.querySelectorAll('.gr-teeka-notes-group').forEach(function (g) { g.remove(); });

var reg = window.grFootnoteRegistry.all();

window.grFootnoteRegistry.groups().forEach(function (g) {

var ids = Object.keys(reg).filter(function (id) { return reg[id].group === g.slug; });

if (!ids.length) return;

var wrap = document.createElement('div');

wrap.className = 'gr-teeka-notes-group';

wrap.setAttribute('data-teeka-slug', g.slug);

var h = document.createElement('div');

h.className = 'gr-teeka-notes-title';

h.textContent = (window.grLibrary && window.grLibrary.labelFor(g.slug))

|| g.title || g.slug;

wrap.appendChild(h);

var ol = document.createElement('ol');

ids.forEach(function (id) {

var n = reg[id];

var li = document.createElement('li');

li.className = 'gra-qe-footnote-item';

li.setAttribute('data-gra-id', id);

li.setAttribute('data-gra-type', n.type);

if (n.quote) {

var q = document.createElement('span');

q.className = 'gra-qe-footnote-quote';

q.textContent = n.quote;

li.appendChild(q);

}

var t = document.createElement('span');

t.className = 'gra-qe-footnote-text';

t.textContent = n.text;

li.appendChild(t);

ol.appendChild(li);

});

wrap.appendChild(ol);

host.appendChild(wrap);

});

try {

window.dispatchEvent(new CustomEvent('gr-new-content', { detail: { container: host } }));

} catch (e) { }

}

~~btn~~.~~onclick = open; cls.onclick = close; bd.onclick = close;~~

window.grFootnoteRegistry.onChange(function () {

~~body.querySelectorAll('a')~~.~~forEach~~(function(a){ ~~a.onclick = close~~; });

publishInjectedList();

}

decorate();

});

~~/* ── 6. Moolam / Ullekha links below page title (mobile only) ── */~~

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', decorate);

~~function injectMoolaUllekhaLinks() {~~

else decorate();

if ( document.~~getElementById~~( '~~gr-mob-doc-nav~~' ) ) ~~return~~;

if (window.mw && mw.hook) mw.hook('wikipage.content').add(function () { setTimeout(decorate, 150); });

~~var pageName =~~ ( window.mw && mw.~~config &&~~ mw.~~config.get~~( '~~wgPageName~~' ) ) ~~|| ''~~;

}());

if ( ~~pageName === 'Main_Page' || !pageName~~ ) ~~return~~;

~~function wikiUrl( slug ) {~~

/* ── HASH REVEAL ───────────────────────────────────────────────────────

if ~~( window~~.~~mw && mw~~.~~util && mw~~.~~util~~.~~getUrl ) return mw~~.~~util.getUrl~~( ~~slug~~ );

A copied id or a bookmark citation is only useful if its #link actually

~~var ap =~~ ( ~~window.mw && mw.config && mw.config.get~~( ~~'wgArticlePath'~~ ) ~~) ||~~ '~~/wiki/$1~~';

lands on the block. The browser's own fragment scroll fires once, at

~~return ap.replace~~( ~~'$1', encodeURIComponent( slug )~~.~~replace( /%2F/g, '/' )~~ );

parse time, and then our fonts swap in and the teeka blocks inject -

}

the page grows under the reader and the target drifts off screen. It

looks exactly like the link didn't work.

This retries until the element exists and re-settles after late content

arrives. It used to live in copyId.js (Editor extension), which is no

longer loaded on this wiki, so it moves here where it always runs. If

copyId IS loaded it does the same job; both are idempotent, and the

guard below keeps them from fighting over the same jump. */

(function () {

'use strict';

if (window.grHashReveal) return;

var ~~teekaPage~~ = ~~document.querySelector( '.gr-teeka-page' )~~;

var FLASH_MS = 2600;

var ~~primarySlug~~ = ~~teekaPage~~

var _last = null;

~~? ( 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;~~

function findTarget(id) {

~~var showUllekha~~ = ~~hasUllekhaPage~~ || ~~!!teekaPage;~~

if (!id) return null;

if ( ~~!showMoolam && !showUllekha~~ ) ~~return~~;

var esc = (window.CSS && CSS.escape) ? CSS.escape(id) : id.replace(/["\\]/g, '\\$&');

return document.getElementById(id) ||

document.querySelector('[data-block-id="' + esc + '"]') ||

document.querySelector('[data-copyid="' + esc + '"]') ||

null;

}

var ~~nav~~ = ~~document~~.~~createElement(~~ '~~div~~' );

function currentHash() {

~~nav.id =~~ '~~gr-mob-doc-nav~~';

var raw = (location.hash || '').slice(1);

~~nav.style.cssText = 'display:flex~~;~~gap:10px;padding:10px 16px 8px~~;~~' +~~

if (!raw) return '';

~~'background:#fdf8f5;border-bottom:1px solid #f0e0d6;font-family:system-ui,sans-serif;';~~

try { return decodeURIComponent(raw); } catch (e) { return raw; }

}

function ~~makeLink~~( ~~href~~, ~~label~~ ) {

function land(el, flash) {

~~var a = document~~.~~createElement~~( 'a' );

el.scrollIntoView({ block: 'center', behavior: 'smooth' });

~~a.href = href; a.textContent = label~~;

if (!flash) return;

a.~~style~~.~~cssText =~~ '~~display:inline~~-~~flex~~;~~align-items:center;padding:5px 16px;' +~~

el.classList.add('gid-target');

~~'border-radius:20px;background:#fff;border:1~~.~~5px solid #e8cfc4;~~' +

setTimeout(function () { el.classList.remove('gid-target'); }, FLASH_MS);

~~'color:#b5451b;font-size:14px;font-weight:600;text~~-~~decoration:none;~~';

~~return a~~;

}

if ( ~~teekaPage~~ ) ~~nav.appendChild~~( ~~makeLink~~( ~~wikiUrl~~( ~~primarySlug~~ ), ~~'मूल'~~ ) );

function reveal(attemptsLeft, flash) {

~~else if~~ ( ~~hasMoolaPage~~ ) ~~nav~~.~~appendChild~~( ~~makeLink~~( ~~wikiUrl~~( ~~primarySlug + '/Moola'~~ )~~, 'मूलम्'~~ ) );

var id = currentHash();

if ( ~~showUllekha~~ ) ~~nav~~.~~appendChild~~( ~~makeLink( wikiUrl( primarySlug +~~ '~~/Ullekha~~' ), '~~उल्लेख~~' ) );

if (!id) return;

var el = findTarget(id);

if (!el) {

if (attemptsLeft > 0) setTimeout(function () { reveal(attemptsLeft - 1, flash); }, 400);

return;

}

_last = id;

land(el, flash);

// Re-settle once the late arrivals (fonts, injected teekas) have

// shifted the layout. Cheap, and it is what makes the link feel

// like it worked rather than like it missed.

setTimeout(function () {

if (currentHash() !== id) return;

var again = findTarget(id);

if (again) again.scrollIntoView({ block: 'center', behavior: 'auto' });

}, 1200);

}

~~/* Insert below the page h1 */~~

function onLateContent() {

var h1 = ~~document.getElementById~~( ~~'firstHeading' ) ||~~

var id = currentHash();

~~document.querySelector( '.page-heading, h1.firstHeading, .mw-first-heading'~~ );

if (!id || id !== _last) return;

if ( ~~h1 && h1.parentNode ) {~~

var el = findTarget(id);

~~h1.parentNode.insertBefore( nav, h1.nextSibling~~ );

if (el) el.scrollIntoView({ block: 'center', behavior: 'auto' });

~~} else {~~

var ct = ~~document.getElementById~~( ~~'mw-content-text'~~ );

if ( ct ) ct.~~insertBefore~~( ~~nav~~, ~~ct.firstChild~~ );

}

~~/* ── Boot ── */~~

window.grHashReveal = function (attempts) { reveal(attempts || 12, true); };

~~injectCSS~~();

~~watchBodyPadding~~();

function boot() {

~~expandSections~~();

reveal(12, true);

~~watchSections~~();

window.addEventListener('hashchange', function () { reveal(6, true); });

~~injectMenuLinks~~();

window.addEventListener('gr-new-content', onLateContent);

~~injectMoolaUllekhaLinks~~();

if (document.fonts && document.fonts.ready && document.fonts.ready.then) {

~~[100, 400, 900, 1800]~~.~~forEach(function(ms~~)~~{ setTimeout~~(~~expandSections~~, ~~ms); }~~);

document.fonts.ready.then(onLateContent);

~~setTimeout~~(~~initToc, 700~~);

}

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);

else boot();

}());

~~if ( document~~.~~readyState === 'loading' ) {~~

/* ── GRANTHA LIBRARY ───────────────────────────────────────────────────

~~document~~.~~addEventListener~~( ~~'DOMContentLoaded', boot~~ );

The colophon in the source docx says "श्रीमद्वादिराजपूज्यचरणविरचिता

~~} else {~~

प्रकाशिका" - an author phrase welded to a generic label. That is not a

~~boot();~~

citable title, and it is what the client saw as "Vadirajathirtha

}

virachitha". The Grantha library holds the real title and author, so

the page carries only the library's stable id (data-grantha-id) and we

resolve the rest here, at read time. Correct a name in the library and

every citation on the site is correct on the next load - nothing to

rebuild, nothing to re-upload.

~~if ( window.mw ) {~~

Reads only, and the library's GET endpoints are public: no API key is

mw.~~hook( 'wikipage.content' ).add(function() {~~

sent from the browser, and none may ever be put in this file, which

~~setTimeout~~(function(){

any reader can fetch. */

~~expandSections(); injectMenuLinks(); injectMoolaUllekhaLinks(); initToc();~~

(function () {

~~}, 300)~~;

'use strict';

});

if (window.grLibrary) return;

}

}() );

// ---- CONFIGURE ME -------------------------------------------------

/**

// Where the Grantha library's REST API lives. Same-origin by default,

* grantha-~~mobile~~-~~fixes~~.js

// which needs no CORS - but the library is its own app, so unless it is

*/

// reverse-proxied under the wiki's domain this must be its real host:

// var API_BASE = 'https://library.example.org/api/granthas';

// On another host the library must send

// Access-Control-Allow-Origin: https://anandamakaranda.in

// or the browser will refuse the reply and every citation will fall

// back to the author baked into the page (usually none).

var API_BASE = window.GR_LIBRARY_API || '/api/granthas';

// Set to false while the library is not yet reachable: no request is

// made at all, and citations use whatever the page itself carries.

// Flip it back to true once API_BASE resolves.

var LIBRARY_ENABLED = true;

// -------------------------------------------------------------------

var API = API_BASE.replace(/\/+$/, '');

var mem = {};

var warned = false;

// Once the library has answered "not here", every further call will get

// the same answer. Stop asking: a wrong or missing API base otherwise

// fills the network log with one 404 per work on the page.

var libraryDown = !LIBRARY_ENABLED;

( function () {

// In memory only, for the life of the page. Names used to be kept in

~~'use strict'~~;

// sessionStorage for six hours, which quietly outlived any correction

// made in the library or on the map page. They now come from the map

// page, which is read once per load, so there is nothing to gain from

// a second cache that can disagree with it.

function cacheGet(id) { return mem[id] || null; }

function cacheSet(id, v) { mem[id] = v; }

mw.~~hook( 'wikipage.content' ).add(~~ function () {

// The library returns camelCase fields; normalise to what the citation

~~setTimeout( function~~ () {

// builder wants and keep BOTH scripts, since a Sanskrit reference is

~~var blocks = document~~.~~querySelectorAll(~~ '.~~collapsible-block~~, .~~toggle-list~~' );

// cited in Devanagari and an English-language one in IAST.

~~Array~~.~~prototype~~.~~forEach~~.~~call( blocks~~, ~~function ( el ) {~~

function shape(g) {

~~if ( !el~~.~~parentNode ) {~~

if (!g) return null;

~~try { el~~.~~remove(); } catch(e) {}~~

return {

}

id: g.id || '',

~~} )~~;

name: g.name || '',

}~~, 0 );~~

nameIAST: g.transliteration || '',

~~} );~~

author: g.author || '',

authorIAST: g.authorTransliteration || g.author_transliteration || '',

category: g.category || '',

prasthana: g.prasthana || ''

};

}

if ( mw.~~config~~.~~get~~( '~~wgPageName'~~ ) !== '~~Main_Page~~' ) return;

var inflight = {};

function lookup(id) {

if (!id) return Promise.resolve(null);

var hit = cacheGet(id);

if (hit) return Promise.resolve(hit);

// The map page carries the names for every work this wiki uses, so

// normally nothing is fetched from the library at all. That matters

// because the library is someone else's server: we cannot add CORS

// headers to it, and a cross-origin call we cannot configure is a

// call that will not work. The live API stays as an enhancement for

// whenever it IS reachable.

return granthaMap().then(function (m) {

var w = (m.works || {})[id];

if (w && (w.name || w.nameIAST)) {

var v = { id: id, name: w.name || '', nameIAST: w.nameIAST || '',

author: w.author || '', authorIAST: w.authorIAST || '',

category: w.category || '', prasthana: w.prasthana || '' };

cacheSet(id, v);

return v;

}

return fetchFromLibrary(id);

});

}

mw.~~loader.using~~( '~~mediawiki.util~~' ).~~done~~( function () {

function fetchFromLibrary(id) {

$( function () {

if (libraryDown) return Promise.resolve(null);

~~applyHomeToggleOffset~~();

if (inflight[id]) return inflight[id];

~~window~~.~~addEventListener~~( '~~resize'~~, ~~applyHomeToggleOffset~~, ~~{ passive:~~ true ~~} )~~;

inflight[id] = fetch(API + '/' + encodeURIComponent(id), {

~~setTimeout~~( ~~applyHomeToggleOffset, 300~~ );

credentials: 'omit', headers: { 'Accept': 'application/json' }

~~setTimeout~~( ~~applyHomeToggleOffset~~, ~~800~~ );

}).then(function (r) {

} );

// A 404 or 5xx means the base URL is wrong or the service is

} );

// down - not that this one work is missing - so trip the breaker.

if (!r.ok) {

if (r.status === 404 || r.status >= 500) libraryDown = true;

throw new Error('library ' + r.status);

}

return r.json();

}).then(function (j) {

var v = shape(j && (j.grantha || j.data || j));

if (v && v.name) cacheSet(id, v);

delete inflight[id];

return v;

}).catch(function (err) {

// Offline, blocked by CORS, wrong host, or the id is not in the

// library yet. The page's own data-author/data-doc-title stand

// in, so a citation is never blocked on this request - but an

// unreachable library looks exactly like a work with no author,

// so say which it is, once.

delete inflight[id];

libraryDown = true;

if (!warned) {

warned = true;

try {

console.warn('[grantha] could not read the library at ' + API +

' (asked for "' + id + '"): ' + (err && err.message || err) +

'. Citations will use whatever the page itself carries. ' +

'Set window.GR_LIBRARY_API to the library host, and allow ' +

'this origin via Access-Control-Allow-Origin.');

} catch (e) { }

}

return null;

});

return inflight[id];

}

~~function applyHomeToggleOffset~~() {

// ── WHICH GRANTHA IS THIS PAGE? ────────────────────────────────────

var ~~bar~~ = ~~document~~.~~getElementById(~~ '~~gr-static-bar~~' );

// A page can say so itself (data-grantha-id, written by the pipeline),

~~if ( !bar ) return~~;

// but that would mean re-importing every document just to add one

// attribute - and a re-import risks losing edits made on the site

// since. So the mapping also lives in ONE wiki page, keyed by page

// name, and the page looks itself up. Adding a document to the

// library is then a single edit to that one page, with no content

// touched anywhere.

var MAP_PAGE = window.GR_GRANTHA_MAP_PAGE || 'MediaWiki:GranthaMap.json';

var mapPromise = null;

~~var barRect = bar.getBoundingClientRect~~();

function granthaMap() {

~~var barBottom = Math~~.~~round~~( ~~barRect.bottom~~ );

if (mapPromise) return mapPromise;

// Deliberately NOT cached in sessionStorage. It was, for six hours,

// which meant that editing the map page changed nothing for anyone

// whose tab had already read the old one - the exact failure you hit

// while setting this up. mapPromise already collapses it to one

// request per page load, and the browser's own HTTP cache handles

// the rest; a stale map is far more expensive than a small fetch.

try { sessionStorage.removeItem('gr-lib:map'); } catch (e) { }

var ~~homeEl~~ = ~~document~~.~~getElementById~~( '~~gr-home~~' );

var url = (window.mw && mw.util && mw.util.getUrl)

~~var toggleEl~~ = ~~document.getElementById~~( 'gr-~~home-toggle~~' );

? mw.util.getUrl(MAP_PAGE, { action: 'raw', ctype: 'application/json' })

~~var firstChild~~ = ~~document~~.~~querySelector~~(

: '/index.php?title=' + encodeURIComponent(MAP_PAGE) + '&action=raw';

'~~#mw-content-text~~ .mw-~~parser-output > .gr-home,~~ ' +

mapPromise = fetch(url, { credentials: 'same-origin' })

'~~#mw-content-text~~ .~~mw-parser-output > *:first-child~~'

.then(function (r) { return r.ok ? r.json() : {}; })

);

.then(function (m) {

// Either a flat {page: id} object, or {pages, works,

// locators} when names and division names are recorded too.

m = m || {};

if (!m.pages) m = { pages: m };

m.works = m.works || {};

m.locators = m.locators || {};

try {

if (!Object.keys(m.works).length) {

console.info('[grantha] the map page has no "works" section, ' +

'so names must come from the library API. Re-run ' +

'sync_grantha_map.py to embed them.');

}

} catch (e) { }

return m;

})

.catch(function () { return {}; }); // no map page yet - fine

return mapPromise;

}

~~[ homeEl~~, ~~toggleEl~~, ~~firstChild ]~~.~~forEach(~~ function ( el ) {

// page name -> library id, however it is known. The attribute wins,

if ( el ) el.~~style~~.~~scrollMarginTop~~ = ( ~~barBottom + 4~~ ) + 'px';

// so a rebuilt page needs no map entry and a map entry needs no rebuild.

} );

function idForPage(pageName, el) {

var own = el && el.getAttribute && el.getAttribute('data-grantha-id');

if (own) return Promise.resolve(own);

if (!pageName) return Promise.resolve('');

return granthaMap().then(function (m) {

var p = m.pages || {};

return p[pageName] || p[String(pageName).replace(/_/g, ' ')] || '';

});

}

var ~~contentText~~ = document.~~getElementById~~( 'mw-~~content~~-~~text~~' );

// Resolve this page and hand the result to anything listening (the

if ( ~~contentText~~ ) {

// citation builder). Also fills in the visible title when the library

var ~~isMob~~ = window.~~innerWidth < 768 || !!document~~.~~getElementById~~( '~~mw-mf-viewport~~' );

// and the page disagree, so the reader sees the real name.

if ( ~~isMob~~ ) {

function resolvePage() {

if ( ~~toggleEl~~ ) {

var t = document.querySelector('.gr-doc-title');

~~var toggleRect = toggleEl~~.~~getBoundingClientRect~~();

if (!t) return;

if ( ~~toggleRect.top < barBottom~~ ) {

var page = (window.mw && mw.config.get('wgPageName')) || '';

var ~~currentPT~~ = ~~parseInt~~( ~~window~~.~~getComputedStyle~~( ~~document~~.~~body~~ ).~~paddingTop~~, 10 ) ~~|| 0~~;

// Division names (adhyaya / valli / mantra) come from the same

~~var needed = currentPT +~~ ( ~~barBottom - toggleRect.top~~ ) ~~+ 4;~~

// map page, so a locator can be spelled out without a rebuild too.

~~document~~.~~body.style.paddingTop = needed +~~ 'px';

if (!t.getAttribute('data-locator-scheme')) {

}

granthaMap().then(function (m) {

var sc = (m.locators || {})[page] ||

(m.locators || {})[String(page).replace(/_/g, ' ')];

if (sc) t.setAttribute('data-locator-scheme', sc);

});

}

idForPage(page, t).then(function (gid) {

if (!gid) return;

t.setAttribute('data-grantha-id', gid);

return lookup(gid).then(function (g) {

if (!g) return;

// On a commentary's own page the heading still reads as the

// docx colophon ("...विरचिता प्रकाशिका"). Name it the way the

// blocks are named instead.

if (t.getAttribute('data-parent-doc')) {

var lab = teekaLabel(g);

if (lab) t.textContent = lab;

} else if (g.name) {

t.textContent = g.name;

}

if (g.name) t.setAttribute('data-doc-title', g.name);

if (g.nameIAST) t.setAttribute('data-doc-title-iast', g.nameIAST);

if (g.author) t.setAttribute('data-author', g.author);

if (g.authorIAST) t.setAttribute('data-author-iast', g.authorIAST);

try {

window.dispatchEvent(new CustomEvent('gr-library-resolved', { detail: g }));

} catch (e) { }

});

}

$( ~~function~~ () {

// Fetching the whole catalogue is one request; fetching fifty records

~~var $toggle~~ = $( '~~#gr-home-toggle~~' );

// one at a time is fifty. Past a handful, take the catalogue.

var ~~$viewG~~ = $( ~~'#gr-view-grantha'~~ );

var cataloguePromise = null;

var ~~$viewA~~ = $( ~~'#gr-view-author'~~ );

function catalogue() {

~~var $btnG~~ = $( ~~'#gr-toggle-grantha'~~ );

if (libraryDown) return Promise.resolve({});

~~var $btnA = $~~( ~~'#gr-toggle-author'~~ );

if (cataloguePromise) return cataloguePromise;

cataloguePromise = fetch(API + '?limit=1000', {

credentials: 'omit', headers: { 'Accept': 'application/json' }

}).then(function (r) {

if (!r.ok) { libraryDown = true; return null; }

return r.json();

})

.then(function (j) {

var list = (j && (j.granthas || j.data || j.results)) || [];

var by = {};

list.forEach(function (g) { var v = shape(g); if (v && v.id) { by[v.id] = v; cacheSet(v.id, v); } });

return by;

}).catch(function () { return {}; });

return cataloguePromise;

}

if ( ~~!$toggle.length~~ || ~~!$viewG~~.~~length ||~~ !~~$viewA~~.~~length~~ ) ~~return~~;

function lookupMany(ids) {

if ( ~~$toggle~~.~~data~~( ~~'gr-wired'~~ ) ) ~~return~~;

var want = [], seen = {};

~~$toggle~~.~~data~~( ~~'gr-wired'~~, ~~true~~ );

(ids || []).forEach(function (i) { if (i && !seen[i]) { seen[i] = 1; want.push(i); } });

// lookup() answers from the map page without a network call, so

// resolving fifty works costs one shared map fetch, not fifty

// requests. Only ids the map does not name reach the library.

return Promise.all(want.map(lookup)).then(function (vals) {

var out = {};

want.forEach(function (i, n) { out[i] = vals[n]; });

return out;

});

}

~~function showView~~( ~~which~~ ) {

// How a commentary is named on screen: its author, then the work.

if ( ~~which === 'grantha'~~ ) {

// "श्रीवादिराजतीर्थः: काठकोपनिषद्भाष्यप्रकाशिका" - because several

~~$viewG.show(); $viewA.hide~~();

// commentaries on one moola share a work-type name (प्रकाशिका,

~~$btnG~~.~~addClass(~~ '~~gr-toggle-active~~' );

// विवरणम्, खण्डार्थः), and the author is what actually tells them

~~$btnA~~.~~removeClass(~~ '~~gr-toggle-active~~' );

// apart for a reader scanning down the page.

~~} else {~~

var labelBySlug = {};

~~$viewA.show(); $viewG.hide~~();

function teekaLabel(g) {

~~$btnA~~.~~addClass( 'gr-toggle-active' );~~

if (!g) return '';

~~$btnG~~.~~removeClass~~( ~~'gr-toggle-active'~~ );

var name = g.name || g.nameIAST || '';

}

var author = g.author || g.authorIAST || '';

~~try { localStorage.setItem(~~ '~~grantha_home_tab~~'~~, which )~~; ~~} catch(e){}~~

if (!author || !name) return name || author;

// Nothing to prefix if the work already opens with the author.

if (name.indexOf(author) === 0) return name;

return author + ': ' + name;

}

~~$btnG~~.on( '~~click keydown~~', function(e){

// ── DOCUMENT LINKS ────────────────────────────────────────────────

if ( e.~~type~~ === '~~keydown~~' ~~&& e~~.~~key !~~== '~~Enter~~' ~~&& e~~.~~key !~~== ' ' ) ~~return~~;

// The home page's cards were written by hand and carry the same

~~showView~~( '~~grantha~~' );

// colophon labels the citation had to stop using - "प्रकाशिका",

// "भाष्यम्" - which say what KIND of work it is, not which one. Any

// link to a mapped page gets the library's name instead, so the

// catalogue and the site agree without the page being edited.

function relabelDocLinks(root) {

var scope = root || document;

var links = scope.querySelectorAll('.gr-home-grid a, .gr-doc-nav a, .gr-vadavali a');

if (!links.length) return;

granthaMap().then(function (m) {

var pages = m.pages || {};

var jobs = [];

Array.prototype.forEach.call(links, function (a) {

if (a.getAttribute('data-gr-relabelled')) return;

var t = a.getAttribute('title') ||

decodeURIComponent((a.getAttribute('href') || '').split('#')[0]

.replace(/^.*\/(?:wiki\/)?/, ''));

var gid = pages[t] || pages[String(t).replace(/_/g, ' ')];

if (gid) jobs.push([a, gid]);

});

if (!jobs.length) return;

lookupMany(jobs.map(function (j) { return j[1]; })).then(function (by) {

jobs.forEach(function (j) {

var g = by[j[1]];

if (!g || !g.name) return;

j[0].setAttribute('data-gr-relabelled', '1');

j[0].setAttribute('data-grantha-id', j[1]);

if (g.authorIAST || g.author) {

j[0].setAttribute('title', (g.author || '') + ' — ' + g.name);

}

j[0].textContent = g.name;

});

}

window.grLibraryVersion = '2026-09-30a';

window.grLibrary = { lookup: lookup, lookupMany: lookupMany, catalogue: catalogue,

teekaLabel: teekaLabel,

labelFor: function (slug) { return labelBySlug[slug] || ''; },

idForPage: idForPage, map: granthaMap, api: API,

relabelDocLinks: relabelDocLinks };

function boot() { resolvePage(); relabelDocLinks(); }

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);

else boot();

window.addEventListener('gr-new-content', function (e) {

relabelDocLinks(e && e.detail && e.detail.container);

});

~~$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' ); }~~

~~} );~~

}() );

@@ Line 1: / Line 1: @@
-/* MediaWiki:Common.js — grantha.io  (v7)
+/* MediaWiki:Common.js */
- *
- * Changes vs v6:
- *  1. BUG FIX: Main IIFE was never properly closed — About link block was
- *     pasted inside it without the closing }() ); which broke the module
- *     boundary and killed the by-Author toggle. Each block is now its
- *     own self-contained IIFE.
- *  2. TOC: "Beginning" link removed.
- *  3. TOC: Heading label → "विषयसूची".
- *  4. TOC: मूल / उल्लेख nav links injected at top of TOC panel.
- *  5. TOC: All subsections expanded by default.
- *  6. TOC: Only the active item is bold; all others are normal weight.
- *  7. About link URL derived from wgArticlePath — works under any
- *     sub-path install (e.g. /My_wiki/). Points to "My_wiki:About".
- *  8. TOC customisations skipped on Main_Page and About pages.
- *  9. Uses Vector's native TOC with IntersectionObserver-based active highlight.
- */
-( function () {
+(function () {
-  var LS_SCRIPT_KEY = 'grantha_reader_script';
+    var LS_SCRIPT_KEY = 'grantha_reader_script';
-  var currentScript = 'deva';
+    var currentScript = 'deva';
-  // ── IAST transliteration ────────────────────────────────────────
+    function devanagariToTamil(text) {
-  function devanagariToIAST( text ) {
+        var CONSONANTS = {
-    var CONSONANTS = {
+            'क': 'க', 'ख': 'க', 'ग': 'க', 'घ': 'க', 'ङ': 'ங',
-      'क':'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 = {
-    var DIACRITICS = {
+            'ा': 'ா', 'ि': 'ி', 'ी': 'ீ', 'ु': 'ு', 'ू': 'ூ',
-      'ा':'ā','ि':'i','ी':'ī','ु':'u','ू':'ū',
+            'े': 'ே', 'ै': 'ை', 'ो': 'ோ', 'ौ': 'ௌ'
-      'ृ':'ṛ','ॄ':'ṝ','े':'e','ै':'ai','ो':'o','ौ':'au'
+        };
-    };
+        var VOWELS = {
-    var VOWELS = {
+            'अ': 'அ', 'आ': 'ஆ', 'इ': 'இ', 'ई': 'ஈ', 'उ': 'உ', 'ऊ': 'ஊ',
-      'अ':'a','आ':'ā','इ':'i','ई':'ī','उ':'u','ऊ':'ū',
+            'ए': 'ஏ', 'ऐ': 'ஐ', 'ओ': 'ஓ', 'औ': 'ஔ', 'ऽ': 'ऽ'
-      'ऋ':'ṛ','ॠ':'ṝ','ए':'e','ऐ':'ai','ओ':'o','औ':'au','ऽ':"'"
+        };
-    };
+        var MISC = {
-    var MISC = {
+            'ं':'ம்', 'ः':':', 'ँ':'ம்', 'ॐ':'ௐ',
-      'ं':'ṃ','ः':'ḥ','ँ':'m̐','ॐ':'oṃ',
+            '०': '0', '१': '1', '२': '2', '३': '3', '४': '4',
-      '०':'0','१':'1','२':'2','३':'3','४':'4',
+            '५': '5', '६': '6', '७': '7', '८': '8', '९': '9'
-      '५':'5','६':'6','७':'7','८':'8','९':'9'
+        };
-    };
+        var HALANTA = '्';
-    var HALANTA = '्';
+        var chars = Array.from(text), result = '', i = 0;
-    var chars = Array.from( text );
+        while (i < chars.length) {
-    var result = '';
+            var ch = chars[i], next = chars[i + 1];
-    var i = 0;
+            if (CONSONANTS[ch]) {
-    while ( i < chars.length ) {
+                var base = CONSONANTS[ch];
-      var ch   = chars[ i ];
+                if (next === HALANTA) { result += base + '்'; i += 2; }
-      var next = chars[ i + 1 ];
+                else if (next === 'ृ') { result += base + '்ரி'; i += 2; }
-      if ( CONSONANTS[ ch ] ) {
+                else if (next === 'ॄ') { result += base + '்ரீ'; i += 2; }
-        var base = CONSONANTS[ ch ];
+                else if (DIACRITICS[next]) { result += base + DIACRITICS[next]; i += 2; }
-        if ( next === HALANTA )          { result += base;               i += 2; }
+                else { result += base; i++; }   // inherent 'a'
-        else if ( DIACRITICS[ next ] )   { result += base + DIACRITICS[ next ]; i += 2; }
+            }
-        else if ( next === 'ं' || next === 'ः' ) { result += base + 'a' + MISC[ next ]; i += 2; }
+            else if (ch === 'ऋ') { result += 'ரி'; i++; }
-        else                             { result += base + 'a';         i++;    }
+            else if (ch === 'ॠ') { result += 'ரீ'; i++; }
-      } else if ( VOWELS[ ch ] )         { result += VOWELS[ ch ];       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 if ( MISC[ ch ] )             { result += MISC[ ch ];         i++; }
+            else { result += ch; i++; }
-      else                               { result += ch;                 i++; }
+        }
+        return result;
      }
-    return result;
-  }
-  // ── Character maps for Kannada / Tamil ─────────────────────────
+    function devanagariToIAST(text) {
-  var SCRIPT_MAP = {
+        var CONSONANTS = {
-    kn: {
+            'क': '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', 'ऽ': "'"
-    },
+        };
-    ta: {
+        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++; }
-      '०':'0','१':'1','२':'2','३':'3','४':'4',
+            }
-      '५':'5','६':'6','७':'7','८':'8','९':'9'
+            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 PRE = [
+    var SCRIPT_MAP = {
-    [ /ङ्क/g, 'ंक' ], [ /ङ्ख/g, 'ंख' ], [ /ङ्ग/g, 'ंग' ], [ /ङ्घ/g, 'ंघ' ],
+        kn: {
-    [ /ञ्च/g, 'ंच' ], [ /ञ्ज/g, 'ंज' ], [ /ण्ट/g, 'ंट' ], [ /ण्ड/g, 'ंड' ],
+            'अ': 'ಅ', 'आ': 'ಆ', 'इ': 'ಇ', 'ई': 'ಈ', 'उ': 'ಉ', 'ऊ': 'ಊ', 'ऋ': 'ಋ', 'ॠ': 'ೠ',
-    [ /न्त/g, 'ंत' ], [ /न्द/g, 'ंद' ], [ /म्ब/g, 'ंब' ], [ /म्भ/g, 'ंभ' ]
+            'ए': 'ಏ', 'ऐ': 'ಐ', 'ओ': 'ಓ', 'औ': 'ಔ', 'ऽ': 'ಽ',
-  ];
+            'क': 'ಕ', 'ख': 'ಖ', 'ग': 'ಗ', 'घ': 'ಘ', 'ङ': 'ಙ',
+            'च': 'ಚ', 'छ': 'ಛ', 'ज': 'ಜ', 'झ': 'ಝ', 'ञ': 'ಞ',
+            'ट': 'ಟ', 'ठ': 'ಠ', 'ड': 'ಡ', 'ढ': 'ಢ', 'ण': 'ಣ',
+            'त': 'ತ', 'थ': 'ಥ', 'द': 'ದ', 'ध': 'ಧ', 'न': 'ನ',
+            'प': 'ಪ', 'फ': 'ಫ', 'ब': 'ಬ', 'भ': 'ಭ', 'म': 'ಮ',
+            'य': 'ಯ', 'र': 'ರ', 'ल': 'ಲ', 'ळ': 'ಳ', 'व': 'ವ',
+            'श': 'ಶ', 'ष': 'ಷ', 'स': 'ಸ', 'ह': 'ಹ',
+            'ा': 'ಾ', 'ि': 'ಿ', 'ी': 'ೀ', 'ु': 'ು', 'ू': 'ೂ',
+            'ृ': 'ೃ', 'ॄ': 'ೄ', 'े': 'ೇ', 'ै': 'ೈ', 'ो': 'ೋ', 'ौ': 'ೌ',
+            'ं': 'ಂ', 'ः': 'ಃ', '्': '್', 'ँ': 'ಁ',
+            '०': '೦', '१': '೧', '२': '೨', '३': '೩', '४': '೪',
+            '५': '೫', '६': '೬', '७': '೭', '८': '೮', '९': '೯'
+        },
+        te: {
+            'अ': 'అ', 'आ': 'ఆ', 'इ': 'ఇ', 'ई': 'ఈ', 'उ': 'ఉ', 'ऊ': 'ఊ', 'ऋ': 'ఋ', 'ॠ': 'ౠ',
+            'ए': 'ఏ', 'ऐ': 'ఐ', 'ओ': 'ఓ', 'औ': 'ఔ', 'ऽ': 'ఽ',
+            'क': 'క', 'ख': 'ఖ', 'ग': 'గ', 'घ': 'ఘ', 'ङ': 'ఙ',
+            'च': 'చ', 'छ': 'ఛ', 'ज': 'జ', 'झ': 'ఝ', 'ञ': 'ఞ',
+            'ट': 'ట', 'ठ': 'ఠ', 'ड': 'డ', 'ढ': 'ఢ', 'ण': 'ణ',
+            'त': 'త', 'थ': 'థ', 'द': 'ద', 'ध': 'ధ', 'न': 'న',
+            'प': 'ప', 'फ': 'ఫ', 'ब': 'బ', 'भ': 'భ', 'म': 'మ',
+            'य': 'య', 'र': 'ర', 'ल': 'ల', 'ळ': 'ళ', 'व': 'వ',
+            'श': 'శ', 'ष': 'ష', 'स': 'స', 'ह': 'హ',
+            'ा': 'ా', 'ि': 'ి', 'ी': 'ీ', 'ु': 'ు', 'ू': 'ూ',
+            'ृ': 'ృ', 'ॄ': 'ౄ', 'े': 'ే', 'ै': 'ై', 'ो': 'ో', 'ौ': 'ౌ',
+            'ं': 'ం', 'ः': 'ః', '्': '్', 'ँ': 'ఁ',
+            '०': '౦', '१': '౧', '२': '౨', '३': '౩', '४': '౪',
+            '५': '౫', '६': '౬', '७': '౭', '८': '౮', '९': '౯'
+        }
+    };
-  function transliterateText( text, script ) {
+     var PRE = [
-     if ( script === 'en' ) return devanagariToIAST( text );
+        [/ङ्क/g, 'ंक'], [/ङ्ख/g, 'ंख'], [/ङ्ग/g, 'ंग'], [/ङ्घ/g, 'ंघ'],
-    var map = SCRIPT_MAP[ script ];
+        [/ञ्च/g, 'ंच'], [/ञ्ज/g, 'ंज'], [/ण्ट/g, 'ंट'], [/ण्ड/g, 'ंड'],
-    if ( !map ) return text;
+        [/न्त/g, 'ंत'], [/न्द/g, 'ंद'], [/म्ब/g, 'ंब'], [/म्भ/g, 'ंभ']
-    var t = text;
+     ];
-    PRE.forEach( function ( p ) { t = t.replace( p[ 0 ], p[ 1 ] ); } );
-    return Array.from( t ).map( function ( ch ) {
-      return map[ ch ] !== undefined ? map[ ch ] : ch;
-     } ).join( '' );
-  }
-  // ── Tag all transliteratable text nodes once per page ───────────
+    function transliterateText(text, script) {
-  var translatableSpans = [];
+        if (script === 'en') return devanagariToIAST(text);
+        if (script === 'ta') return devanagariToTamil(text);
+        var map = SCRIPT_MAP[script];
+        if (!map) return text;
+        var t = text;
+        PRE.forEach(function (p) { t = t.replace(p[0], p[1]); });
+        return Array.from(t).map(function (ch) {
+            return map[ch] !== undefined ? map[ch] : ch;
+        }).join('');
+    }
-  function tagTextNodes() {
+     var translatableSpans = [];
-     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 ) {
+    function tagTextNodes() {
-        var p = node.parentNode;
+        var content = document.querySelector('.mw-parser-output');
-        if ( !p ) return;
+        if (content) {
-        if ( p.hasAttribute && p.hasAttribute( 'data-deva' ) ) return;
+            var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);
-        if ( p.closest ) {
+            var nodes = [];
-          if ( p.closest( '.gr-controls' )    ) return;
+            while (walker.nextNode()) nodes.push(walker.currentNode);
-          if ( p.closest( '.mw-editsection' ) ) return;
+            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;
+                    // Note markers are [1], [2] … — machinery, not text, and
+                    // the numbers would be transliterated along with the page.
+                    if (p.closest('.gr-note-marker')) 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);
+            });
          }
-         var orig = node.textContent;
+         document.querySelectorAll('.vector-toc .vector-toc-text').forEach(tagTocEntry);
-        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 ) {
+     // A contents entry is "1.2 शीर्षकम्": the number lives in its own
-      if ( span.hasAttribute( 'data-deva' ) ) return;
+    // .vector-toc-numb span, which Common.css hides. Tagging the whole
-      var orig = span.textContent;
+    // .vector-toc-text meant transliteration replaced its contents with
-      if ( !orig.trim() ) return;
+    // one flat string — number included — so switching to Tamil or any
-      span.setAttribute( 'data-deva', orig );
+    // other script made the numbering appear. Only the label is tagged.
-      translatableSpans.push( span );
+    function tagTocEntry(textEl) {
-     } );
+        if (!textEl || textEl.hasAttribute('data-deva')) return;
-  }
+        var label = textEl.querySelector('[data-deva]');
+        if (!label) {
+            label = document.createElement('span');
+            label.className = 'gr-toc-label';
+            Array.prototype.slice.call(textEl.childNodes).forEach(function (n) {
+                if (n.nodeType === 1 && n.classList && n.classList.contains('vector-toc-numb')) return;
+                label.appendChild(n);                 // moves it, order preserved
+            });
+            textEl.appendChild(label);
+        }
+        var orig = label.textContent;
+        if (!orig.trim()) return;
+        if (!label.hasAttribute('data-deva')) label.setAttribute('data-deva', orig);
+        if (translatableSpans.indexOf(label) === -1) translatableSpans.push(label);
+     }
-  // ── Apply a script to all tagged spans ─────────────────────────
+    // Which script is on screen, published to CSS. Common.css §2b uses it to
-  function applyScript( script ) {
+    // swap the reading area onto --font-indic while a transliteration is
-    currentScript = script;
+    // showing: most rules here name Adishila directly, which has no Tamil,
-    translatableSpans.forEach( function ( span ) {
+    // Kannada or Telugu letters, so without this the switched text fell back
-      if ( !span.parentNode ) return;
+    // to whatever serif the visitor's machine happened to have — the reason
-      var orig = span.getAttribute( 'data-deva' );
+    // it looked uneven from one line to the next.
-      if ( !orig ) return;
+    function markScriptOnRoot(script) {
-      span.textContent = ( script === 'deva' )
+        try {
-        ? orig
+            var el = document.documentElement;
-        : transliterateText( orig, script );
+            if (!el) return;
-    } );
+            if (!script || script === 'deva') el.removeAttribute('data-gr-script');
-  }
+            else el.setAttribute('data-gr-script', script);
+        } catch (e) { }
+    }
+    function applyScript(script) {
+        currentScript = script;
+        markScriptOnRoot(script);
+        translatableSpans.forEach(function (span) {
+            if (!span.parentNode) return;
+            var orig = span.getAttribute('data-deva');
+            if (!orig) return;
+            span.textContent = (script === 'deva')
+                ? orig
+                : transliterateText(orig, script);
+        });
+    }
-  // ── Pages where sidebar TOC should not be modified ──────────────
+    function _isNoTocPage() {
-  function _isNoTocPage() {
+        var pn = (window.mw && mw.config && mw.config.get('wgPageName')) || '';
-    var pn = ( window.mw && mw.config && mw.config.get( 'wgPageName' ) ) || '';
+        return pn === 'Main_Page' || /^[A-Za-z0-9_]+:About$/.test(pn);
-    return pn === 'Main_Page' || /^[A-Za-z0-9_]+:About$/.test( pn );
+    }
-  }
-  // ── TOC: rename "Contents" → "विषयसूची" ────────────────────────
+    function renameTocTitle() {
-function renameTocTitle() {
+        if (_isNoTocPage()) return;
-  if ( _isNoTocPage() ) return;
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return;
+        var titleEl = toc.querySelector('.vector-toc-title') || toc.querySelector('.vector-pinnable-header-label');
+        if (!titleEl) return;
+        var LABEL = 'विषयसूची';
+        var span = titleEl.querySelector('.gr-toc-title');
+        if (!span) {
+            titleEl.innerHTML = '';
+            span = document.createElement('span');
+            span.className = 'gr-toc-title';
+            span.setAttribute('data-deva', LABEL);
+            titleEl.appendChild(span);
+            translatableSpans.push(span);
+        }
+        span.textContent = currentScript === 'deva' ? LABEL : transliterateText(LABEL, currentScript);
+    }
-  var toc = document.querySelector('.vector-toc');
+    function removeTocBeginning() {
-  if ( !toc ) return;
+        if (_isNoTocPage()) return;
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return;
+        var el = toc.querySelector('#vector-toc-beginning');
+        if (!el) {
+            var items = toc.querySelectorAll('.vector-toc-list-item');
+            for (var i = 0; i < items.length; i++) {
+                var a = items[i].querySelector('a');
+                if (a) {
+                    var href = a.getAttribute('href') || '';
+                    if (href.indexOf('#') === -1) { el = items[i]; break; }
+                }
+            }
+        }
+        if (el && el.parentNode) el.parentNode.removeChild(el);
+    }
-  var titleEl =
+    // The commentary list at the top of a moola page has its own heading
-     toc.querySelector('.vector-toc-title') ||
+    // (टीकाः). It isn't part of the text, so it doesn't belong in the
-    toc.querySelector('.vector-pinnable-header-label');
+    // contents. Recognised by what the section holds — the .gr-doc-teekas
+    // list, or a section whose only links are to /Vyakhya/ pages — with
+    // the heading's own wording as a last resort, since the list markup
+    // differs between pages and the commentary picker rewrites it.
+    var TEEKA_HEADINGS = /^(टीकाः?|व्याख्याः?|टीकाग्रन्थाः|Teekas?|Commentaries)$/i;
+     function isTeekaSection(headingEl) {
+        var wrap = (headingEl.closest && headingEl.closest('.mw-heading')) || headingEl;
+        var n = wrap.nextElementSibling, links = [], vyakhya = 0, steps = 0;
+        while (n && steps < 6) {
+            if (n.classList && n.classList.contains('gr-doc-teekas')) return true;
+            if (n.querySelector && n.querySelector('.gr-doc-teekas')) return true;
+            if ((n.tagName && /^H[1-6]$/.test(n.tagName)) || (n.classList && n.classList.contains('mw-heading'))) break;
+            if (n.querySelectorAll) {
+                Array.prototype.forEach.call(n.querySelectorAll('a[href]'), function (a) {
+                    var href = a.getAttribute('href') || '';
+                    if (/^#/.test(href)) return;
+                    links.push(href);
+                    if (/\/Vyakhya\//i.test(decodeURIComponent(href))) vyakhya++;
+                });
+            }
+            n = n.nextElementSibling; steps++;
+        }
+        if (links.length && vyakhya === links.length) return true;
+        return TEEKA_HEADINGS.test((headingEl.textContent || '').trim());
+    }
+    function removeTocTeekaEntry() {
+        if (_isNoTocPage()) return;
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return;
+        Array.prototype.forEach.call(toc.querySelectorAll('.vector-toc-link[href^="#"]'), function (a) {
+            var id = a.getAttribute('href').slice(1);
+            try { id = decodeURIComponent(id); } catch (e) { }
+            var h = id && document.getElementById(id);
+            if (!h || !isTeekaSection(h)) return;
+            var li = a.closest('.vector-toc-list-item');
+            if (li && li.parentNode) li.parentNode.removeChild(li);
+        });
+    }
-  if ( !titleEl ) return;
+    // Section numbers ("2.1.1") are removed from the contents outright.
+    // Hiding them with CSS was not enough: the script switcher replaces an
+    // entry's contents with one flat string, which turned the hidden number
+    // into ordinary text — so it reappeared in Tamil, Kannada and the rest.
+    // They are also wrong here, since this contents list leaves entries out.
+    var NUMBERED = /^\s*\d+(?:\.\d+)*[.)]?\s+([\s\S]*\S)\s*$/;
+    function stripTocNumbers() {
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return;
+        Array.prototype.forEach.call(toc.querySelectorAll('.vector-toc-numb'), function (n) {
+            if (n.parentNode) n.parentNode.removeChild(n);
+        });
+        // Entries another script already flattened: take the number off the
+        // text, and off the Devanagari original the switcher re-reads.
+        Array.prototype.forEach.call(toc.querySelectorAll('.vector-toc-text, .vector-toc-text [data-deva]'), function (el) {
+            var d = el.getAttribute && el.getAttribute('data-deva');
+            if (d) { var md = NUMBERED.exec(d); if (md) el.setAttribute('data-deva', md[1]); }
+            if (!el.children.length) {
+                var mt = NUMBERED.exec(el.textContent);
+                if (mt) el.textContent = mt[1];
+            }
+        });
+    }
+    // The switcher can rewrite the contents at any time, so watch for it.
+    var _numbObserver = null;
+    function watchTocNumbers() {
+        var toc = document.querySelector('.vector-toc');
+        if (!toc || _numbObserver || !window.MutationObserver) return;
+        var pending = false;
+        _numbObserver = new MutationObserver(function () {
+            if (pending) return;
+            pending = true;
+            setTimeout(function () { pending = false; stripTocNumbers(); }, 50);
+        });
+        _numbObserver.observe(toc, { childList: true, subtree: true, characterData: true });
+    }
-  var LABEL = 'विषयसूची';
+    function expandTocSections() {
+        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 span = titleEl.querySelector('.gr-toc-title');
+    function injectTocDocNav() {
+        if (_isNoTocPage()) return;
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return;
+        if (document.getElementById('gr-toc-doc-nav')) return;
+        var artPath = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1';
+        var pageTitle = (window.mw && mw.config && mw.config.get('wgPageName')) || '';
+        var teekaPage = document.querySelector('.gr-teeka-page');
+        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);
+            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'), 'उल्लेख'));
+        // Under the document's own title in the page, the same as on a
+        // phone — not tucked into the contents panel, where these were
+        // easy to miss. The contents panel is only the fallback.
+        var docTitle = document.querySelector('#mw-content-text .gr-doc-title');
+        if (docTitle && docTitle.parentNode) { docTitle.parentNode.insertBefore(nav, docTitle.nextSibling); return; }
+        var h1 = document.getElementById('firstHeading') || document.querySelector('.mw-first-heading');
+        if (h1 && h1.parentNode) { h1.parentNode.insertBefore(nav, h1.nextSibling); return; }
+        var tocContents = toc.querySelector('.vector-toc-contents');
+        if (tocContents) toc.insertBefore(nav, tocContents);
+        else toc.appendChild(nav);
+    }
-  if ( !span ) {
+    var _headingObserver = null;
-     titleEl.innerHTML = '';
+     var _tocActiveId = null;
-     span = document.createElement('span');
+     // NEW: moved out of attachHeadingObserver's own local scope so they
-     span.className = 'gr-toc-title';
+    // can be reused both by the scroll observer AND by a direct trigger
-     span.setAttribute('data-deva', LABEL);
+    // for search-result clicks — was previously only reachable from
+    // inside attachHeadingObserver's own IntersectionObserver callback.
+    // _tocActiveId (was _activeId, local to attachHeadingObserver) is
+    // module-level now for the same reason — both callers need to share
+    // the same "what's currently active" state, not track it separately.
+    function getTocLink(id) {
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return null;
+        return toc.querySelector('a[href="#' + CSS.escape(id) + '"]');
+     }
+    function getTocLi(id) {
+        var a = getTocLink(id);
+        return a ? a.closest('.vector-toc-list-item') : null;
+    }
+    // Highlighting is class-only (styled in Common.css §6):
+    //   .gr-toc-current  — the one entry being read, on the <a> itself
+    //   .gr-toc-in-path  — its parent sections, marked on the <li>
+    // Previously this set inline colours on the active item AND on every
+    // element inside it, so a section with sub-sections lit up whole.
+    function clearActiveToc() {
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return;
+        toc.querySelectorAll('.gr-toc-current').forEach(function (el) { el.classList.remove('gr-toc-current'); });
+        toc.querySelectorAll('.gr-toc-in-path').forEach(function (el) { el.classList.remove('gr-toc-in-path'); });
+    }
+    function ownLink(li) {
+        return li.querySelector(':scope > .vector-toc-link') || li.querySelector('.vector-toc-link');
+     }
+    function isShown(el) {
+        return !!(el && (el.offsetParent || (el.getClientRects && el.getClientRects().length)));
+    }
+    // Open a collapsed section so a given entry can be seen. Vector marks a
+    // top-level item open with vector-toc-list-item-expanded plus
+    // aria-expanded on its toggle, so this matches what its own button does.
+    function expandTocFor(li) {
+        var top = li.closest ? li.closest('.vector-toc-level-1') : null;
+        if (!top) return;
+        if (!top.classList.contains('vector-toc-list-item-expanded')) {
+            top.classList.add('vector-toc-list-item-expanded');
+            var tg = top.querySelector('.vector-toc-toggle');
+            if (tg) tg.setAttribute('aria-expanded', 'true');
+        }
+        var anc = li.parentNode;
+        while (anc && anc.classList) {
+            anc.classList.remove('vector-toc-list-item-collapsed');
+            if (anc.classList.contains('vector-toc')) break;
+            anc = anc.parentNode;
+        }
+    }
-     titleEl.appendChild(span);
+     // expand=true when the reader picked the entry (TOC click, search
-    translatableSpans.push(span);
+    // result, #hash): open its section so the exact entry is shown.
-  }
+    // expand=false while scrolling: never open or close anything — if the
+    // entry is hidden inside a collapsed section, the section itself is
+    // highlighted instead, so the reader still sees where they are.
+    function setActiveToc(id, expand) {
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return;
+        var shownNow = toc.querySelector('.gr-toc-current');
+        if (_tocActiveId === id && !expand && shownNow && isShown(shownNow)) return;
+        _tocActiveId = id;
+        clearActiveToc();
+        if (!id) return;
+        var li = getTocLi(id);
+        if (!li) return;
+        if (expand) expandTocFor(li);
-  span.textContent =
+        var lnk = ownLink(li);
-    currentScript === 'deva'
+        var hostLi = li;
-      ? LABEL
+        if (lnk && !isShown(lnk)) {          // hidden in a collapsed section
-      : transliterateText(LABEL, currentScript);
+            var p = li.parentNode;
-}
+            while (p && p !== toc) {
-  // ── TOC: Remove the "Beginning" / top-of-page link ─────────────
+                if (p.classList && p.classList.contains('vector-toc-list-item')) {
-  function removeTocBeginning() {
+                    var pl = ownLink(p);
-    if ( _isNoTocPage() ) return;
+                    if (pl && isShown(pl)) { lnk = pl; hostLi = p; break; }
-    var toc = document.querySelector( '.vector-toc' );
+                }
-    if ( !toc ) return;
+                p = p.parentNode;
-    var el = toc.querySelector( '#vector-toc-beginning' );
+            }
-    if ( !el ) {
-      var items = toc.querySelectorAll( '.vector-toc-list-item' );
-      for ( var i = 0; i < items.length; i++ ) {
-        var a = items[ i ].querySelector( 'a' );
-        if ( a ) {
-          var href = a.getAttribute( 'href' ) || '';
-          if ( href.indexOf( '#' ) === -1 ) { el = items[ i ]; break; }
          }
-      }
+        if (lnk) lnk.classList.add('gr-toc-current');
+        // Sections above it get the quieter "you are in here" treatment.
+        var anc = hostLi.parentNode;
+        while (anc && anc !== toc) {
+            if (anc.classList && anc.classList.contains('vector-toc-list-item')) anc.classList.add('gr-toc-in-path');
+            anc = anc.parentNode;
+        }
+        keepTocEntryVisible(lnk || hostLi);
      }
-    if ( el && el.parentNode ) el.parentNode.removeChild( el );
-  }
-  // ── TOC: Expand all collapsed subsections on load ───────────────
+    // Scroll the TOC panel so the active entry is visible. This used to
-  function expandTocSections() {
+    // measure the whole <li>, which for a section with sub-sections is as
-    if ( _isNoTocPage() ) return;
+    // tall as the entire branch — so "centre it" landed somewhere inside
-    var toc = document.querySelector( '.vector-toc' );
+    // the NEXT section. It now measures the link itself, and finds the
-    if ( !toc ) return;
+    // element that actually scrolls rather than assuming one.
-    toc.querySelectorAll( '.vector-toc-list-item-collapsed' ).forEach( function ( li ) {
+    function keepTocEntryVisible(el) {
-      li.classList.remove( 'vector-toc-list-item-collapsed' );
+        if (!el) return;
-     } );
+        var sc = el.parentNode;
-  }
+        while (sc && sc !== document.body && sc.nodeType === 1) {
+            var oy = window.getComputedStyle(sc).overflowY;
+            if ((oy === 'auto' || oy === 'scroll') && sc.scrollHeight > sc.clientHeight + 4) break;
+            sc = sc.parentNode;
+        }
+        if (!sc || sc === document.body || sc.nodeType !== 1) return;   // nothing scrolls: leave the page alone
+        var er = el.getBoundingClientRect(), cr = sc.getBoundingClientRect();
+        if (er.top >= cr.top + 8 && er.bottom <= cr.bottom - 8) return; // already in view
+        sc.scrollTop += (er.top - cr.top) - Math.max((sc.clientHeight - er.height) / 2, 0);
+     }
-  // ── TOC: Inject मूल / उल्लेख nav links ─────────────────────────
+    // NEW: given any element in the article content, finds the nearest
-  function injectTocDocNav() {
+    // heading (with an id) that precedes it in document order, using
-     if ( _isNoTocPage() ) return;
+    // compareDocumentPosition — robust regardless of nesting depth.
-    var toc = document.querySelector( '.vector-toc' );
+    // Verified against a realistic multi-section fragment, including
-    if ( !toc ) return;
+    // the "before any heading" and "right after a chapter heading, no
-    if ( document.getElementById( 'gr-toc-doc-nav' ) ) return;
+    // sub-heading yet" edge cases, before wiring this in.
+     function findNearestHeadingId(target) {
+        var content = document.querySelector('.mw-parser-output');
+        if (!content) return null;
+        var headings = content.querySelectorAll('h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]');
+        var nearest = null;
+        for (var i = 0; i < headings.length; i++) {
+            var h = headings[i];
+            var pos = h.compareDocumentPosition(target);
+            if (pos & Node.DOCUMENT_POSITION_FOLLOWING) {
+                nearest = h.id;
+            } else {
+                break;
+            }
+        }
+        return nearest;
+    }
-     var artPath   = ( window.mw && mw.config && mw.config.get( 'wgArticlePath' ) ) || '/wiki/$1';
+     // NEW: exposed so the search-highlight IIFE (below) can directly
-    var pageTitle = ( window.mw && mw.config && mw.config.get( 'wgPageName'   ) ) || '';
+    // trigger the TOC to expand and highlight the right section right
+    // after a search-result scroll lands — rather than relying solely on
+    // the IntersectionObserver to catch up on its own timing.
+    window.grHighlightTocForElement = function (el) {
+        if (!el) return;
+        var id = findNearestHeadingId(el);
+        if (id) pinActive(id);
+    };
-     var teekaPage   = document.querySelector( '.gr-teeka-page' );
+     // ── Which section am I reading? ────────────────────────────────
-     var primarySlug = teekaPage ? ( teekaPage.getAttribute( 'data-primary' ) || '' ) : '';
+    // Was an IntersectionObserver with a shrunken root band. Two faults
-     var docSlug     = teekaPage ? ( teekaPage.getAttribute( 'data-slug'    ) || '' ) : '';
+    // came out of that, both reported as "the highlight is wrong":
+    //   • right after jumping to a heading, that heading sits ABOVE the
+    //     band, so nothing was "visible" and the fallback picked the
+    //     PREVIOUS heading — clicking a sub-section highlighted its parent;
+    //   • once every heading was outside the band, no intersection ever
+    //     changed again, so the observer stopped firing and the highlight
+    //     froze wherever it was.
+    // This measures instead: the active section is the last heading above
+    // a reading line just under the sticky toolbar. It updates on every
+    // scroll frame and can't go stale.
+    var _tocHeadings = [];
+     var _tocTops = [];
+     var _tocMeasuredHeight = 0;
+    // A clicked / jumped-to heading is "pinned": it stays the active entry
+     // until the reader actually scrolls away from it. Without this, the
+    // anchor jump leaves the heading below the reading line (the sticky
+    // bar and scroll-margin push it down the viewport), so the measurement
+    // picked the heading ABOVE it and the highlight jumped back one.
+    var _pin = null;                                  // {id, y, until}
-     if ( !primarySlug ) {
+     function measureHeadings() {
-      primarySlug = pageTitle.split( '/' )[ 0 ];
+        var y = window.pageYOffset || document.documentElement.scrollTop || 0;
-      docSlug     = primarySlug;
+        _tocTops = _tocHeadings.map(function (h) { return h.getBoundingClientRect().top + y; });
+        _tocMeasuredHeight = document.documentElement.scrollHeight;
+    }
+    function scrollY() { return window.pageYOffset || document.documentElement.scrollTop || 0; }
+    // The line down the page that decides "which section am I reading":
+    // just below whatever is stuck to the top, plus a quarter of the
+    // screen, so a heading sitting near the top of the viewport counts as
+    // the one being read rather than the one before it.
+    function readingLine() {
+        var bar = document.getElementById('gr-static-bar');
+        var barBottom = bar ? Math.max(bar.getBoundingClientRect().bottom, 0) : 0;
+        var vh = window.innerHeight || document.documentElement.clientHeight || 800;
+        return scrollY() + barBottom + Math.max(Math.round(vh * 0.25), 80);
+    }
+    // Scroll something into a comfortable reading position and KEEP it
+    // there. A plain scrollIntoView lands short or long whenever the page
+    // reflows just after the jump — a web font finishing, a commentary
+    // being interleaved, the match itself being wrapped in a highlight —
+    // which is why search results came to rest slightly above or below
+    // the text. This aims just under whatever is stuck to the top, then
+    // re-checks until the page has settled, and gives up the moment the
+    // reader scrolls, so it never fights them.
+    function grDesiredTop() {
+        var bar = document.getElementById('gr-static-bar');
+        var barBottom = bar ? Math.max(bar.getBoundingClientRect().bottom, 0) : 0;
+        var vh = window.innerHeight || document.documentElement.clientHeight || 800;
+        return barBottom + Math.max(Math.round(vh * 0.22), 72);
      }
-     if ( !primarySlug ) return;
+     window.grScrollToElement = function (el) {
+        if (!el || !el.getBoundingClientRect) return;
+        var cancelled = false, ticks = 0, lastY = null, iv = null;
+        function onUser() { cancelled = true; }
+        function cleanup() {
+            if (iv) clearInterval(iv);
+            window.removeEventListener('wheel', onUser);
+            window.removeEventListener('touchstart', onUser);
+            window.removeEventListener('keydown', onUser);
+        }
+        window.addEventListener('wheel', onUser, { passive: true });
+        window.addEventListener('touchstart', onUser, { passive: true });
+        window.addEventListener('keydown', onUser);
+        function delta() { return el.getBoundingClientRect().top - grDesiredTop(); }
+        try { window.scrollBy({ top: delta(), left: 0, behavior: 'smooth' }); }
+        catch (e) { window.scrollBy(0, delta()); }
+        iv = setInterval(function () {
+            ticks++;
+            if (cancelled || ticks > 12 || !document.body.contains(el)) { cleanup(); return; }
+            var y = scrollY();
+            if (lastY !== null && Math.abs(y - lastY) < 1) {     // the scroll has come to rest
+                var d = delta();
+                if (Math.abs(d) > 6) window.scrollBy(0, d);      // reflow moved it: correct at once
+                else { cleanup(); return; }
+            }
+            lastY = y;
+        }, 200);
+    };
-     function wikiUrl( slug ) {
+    // Called when the reader picks a heading (TOC click, search result,
-      if ( window.mw && mw.util && mw.util.getUrl ) return mw.util.getUrl( slug );
+    // or a #hash in the URL) — that heading wins until they scroll on.
-      return artPath.replace( '$1', encodeURIComponent( slug ).replace( /%2F/g, '/' ) );
+     function pinActive(id) {
+        if (!id) return;
+        _pin = { id: id, y: scrollY(), until: Date.now() + 900 };
+        setActiveToc(id, true);          // open its section if collapsed
+        scheduleRecheck(950);
+    }
+    var _recheck = null;
+    function scheduleRecheck(ms) {
+        if (_recheck) return;
+        _recheck = setTimeout(function () { _recheck = null; updateActiveFromScroll(); }, ms);
+    }
+    function updateActiveFromScroll() {
+        if (!_tocHeadings.length) return;
+        if (_pin) {
+            var y = scrollY();
+            if (Date.now() < _pin.until) {               // still settling after the jump
+                _pin.y = y;
+                setActiveToc(_pin.id, true);
+                scheduleRecheck(_pin.until - Date.now() + 30);
+                return;
+            }
+            if (Math.abs(y - _pin.y) < 60) {            // reader hasn't moved off it
+                setActiveToc(_pin.id);
+                return;
+            }
+            _pin = null;                                 // they've scrolled on
+        }
+        // Interleaving a commentary or changing the font size moves things;
+        // re-measure when the page's height has changed.
+        if (document.documentElement.scrollHeight !== _tocMeasuredHeight) measureHeadings();
+        var line = readingLine(), lo = 0, hi = _tocTops.length - 1, idx = 0;
+        while (lo <= hi) {                                // last heading at or above the line
+            var mid = (lo + hi) >> 1;
+            if (_tocTops[mid] <= line + 1) { idx = mid; lo = mid + 1; } else { hi = mid - 1; }
+        }
+        setActiveToc(_tocHeadings[idx].id);
      }
-     var moolaUrl   = wikiUrl( primarySlug );
+     function attachHeadingObserver() {
-    var ullekhaUrl = wikiUrl( primarySlug + '/Ullekha' );
+        if (_isNoTocPage()) return;
+        if (_headingObserver) return;
+        var content = document.querySelector('.mw-parser-output');
+        if (!content) return;
+        if (!document.querySelector('.vector-toc')) return;
+        // Only headings the contents lists — a heading with no entry (the
+        // commentary list, say) would otherwise leave nothing highlighted.
+        _tocHeadings = Array.prototype.slice.call(content.querySelectorAll('h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]'))
+            .filter(function (h) { return !!getTocLink(h.id); });
+        if (!_tocHeadings.length) return;
+        measureHeadings();
+        // Time-based throttle rather than a requestAnimationFrame latch: if
+        // one frame callback is ever skipped (background tab, a jump during
+        // load) a latch stays stuck and the highlight stops updating for
+        // good — which is one of the ways this went stale before.
+        var lastRun = 0, trailing = null;
+        function onScroll() {
+            var now = Date.now();
+            if (now - lastRun >= 80) { lastRun = now; updateActiveFromScroll(); }
+            else if (!trailing) {
+                trailing = setTimeout(function () { trailing = null; lastRun = Date.now(); updateActiveFromScroll(); }, 80);
+            }
+        }
+        window.addEventListener('scroll', onScroll, { passive: true });
+        window.addEventListener('resize', function () { measureHeadings(); onScroll(); }, { passive: true });
+        if (document.fonts && document.fonts.ready && document.fonts.ready.then) {
+            document.fonts.ready.then(function () { measureHeadings(); onScroll(); });
+        }
+        _headingObserver = { onScroll: onScroll };       // marks "already wired"
+        var hash = '';
+        try { hash = decodeURIComponent((location.hash || '').slice(1)); } catch (e) { hash = (location.hash || '').slice(1); }
+        if (hash && document.getElementById(hash)) pinActive(hash);
+        else updateActiveFromScroll();
+    }
-     var docTitleEl  = document.querySelector( '.gr-doc-title' );
+     // Clicking an entry highlights it straight away, rather than waiting
-    var hasMoolaPage   = docTitleEl && docTitleEl.getAttribute( 'data-has-moola' )   === '1';
+    // for the scroll observer to catch up after the jump.
-    var hasUllekhaPage = docTitleEl && docTitleEl.getAttribute( 'data-has-ullekha' ) === '1';
+    function attachTocClickHandler(toc) {
+        if (toc.getAttribute('data-gr-click-wired')) return;
+        toc.setAttribute('data-gr-click-wired', '1');
+        toc.addEventListener('click', function (e) {
+            var a = e.target.closest ? e.target.closest('.vector-toc-link') : null;
+            if (!a) return;
+            var href = a.getAttribute('href') || '';
+            if (href.charAt(0) !== '#') return;
+            var id;
+            try { id = decodeURIComponent(href.slice(1)); } catch (err) { id = href.slice(1); }
+            if (id) pinActive(id);
+        });
+    }
-     var moolaPageUrl = wikiUrl( primarySlug + '/Moola' );
+     function setupToc() {
+        if (_isNoTocPage()) return;
+        var toc = document.querySelector('.vector-toc');
+        if (!toc) return;
+        removeTocBeginning();
+        removeTocTeekaEntry();
+        stripTocNumbers();
+        watchTocNumbers();
+        renameTocTitle();
+        expandTocSections();
+        injectTocDocNav();
+        attachTocClickHandler(toc);
+        attachHeadingObserver();
+    }
-     var showMoolaPage  = !teekaPage && hasMoolaPage;
+     function init() {
-     var showMoolaBack  = !!teekaPage;
+        var HIDE_IDS = ['vector-appearance', 'vector-appearance-pinned-container', 'vector-appearance-unpinned-container'];
-    var showUllekha    = hasUllekhaPage || !!teekaPage;
+        function removeHiddenEls() {
+            HIDE_IDS.forEach(function (id) { var el = document.getElementById(id); if (el && el.parentNode) el.parentNode.removeChild(el); });
+            var pt = document.getElementById('vector-page-tools') || document.querySelector('.vector-page-tools-pinned-container');
+            if (pt) pt.querySelectorAll('[aria-controls="vector-appearance"]').forEach(function (el) { if (el.parentNode) el.parentNode.removeChild(el); });
+        }
+        removeHiddenEls();
+        (function detectTeekaMode() {
+            var tp = document.querySelector('.gr-teeka-page');
+            if (!tp) return;
+            var primary = tp.getAttribute('data-primary') || '';
+            var artPath = (window.mw && mw.config.get('wgArticlePath')) || '/wiki/$1';
+            var mainUrl = artPath.replace('$1', primary);
+            var refParam = window.location.search.match(/[?&]ref=([01])/);
+            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').forEach(tagTocEntry);
+        }
+        var saved = (function () { try { return localStorage.getItem(LS_SCRIPT_KEY); } catch (e) { return null; } }());
+        if (saved && saved !== 'deva') { applyScript(saved); } else { currentScript = 'deva'; }
+        watchNewContent();
+        setTimeout(setupToc, 200);
+    }
+     window.addEventListener('gr-script-change', function (e) {
+        var script = e && e.detail && e.detail.script;
+        if (script) applyScript(script);
+    });
+    var _translitBusy = false;
+    function tagNewContent(container) {
+        if (!container || !container.nodeType) return;
+        _translitBusy = true;
+        try {
+            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;
+                if (p.closest && (p.closest('.gr-controls') || p.closest('.mw-editsection')
+                                  || p.closest('.gr-note-marker'))) 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);
+            });
+        } finally { _translitBusy = false; }
+    }
+    window.addEventListener('gr-new-content', function (e) {
+        tagNewContent(e && e.detail && e.detail.container);
+    });
-     if ( !showMoolaPage && !showMoolaBack && !showUllekha ) return;
+     // Safety net: anything else that adds text to the page later — an
+    // interleaved commentary, a sub-commentary, an edit preview — is picked
+    // up and put into the reader's chosen script, rather than being left in
+    // Devanagari because it wasn't there when the page was first tagged.
+    function watchNewContent() {
+        if (!window.MutationObserver) return;
+        var content = document.querySelector('.mw-parser-output');
+        if (!content || content.getAttribute('data-gr-translit-watch')) return;
+        content.setAttribute('data-gr-translit-watch', '1');
+        var queued = [], timer = null;
+        function flush() {
+            timer = null;
+            var items = queued; queued = [];
+            items.forEach(function (n) { if (document.body.contains(n)) tagNewContent(n); });
+        }
+        new MutationObserver(function (muts) {
+            if (_translitBusy) return;
+            muts.forEach(function (m) {
+                Array.prototype.forEach.call(m.addedNodes, function (n) {
+                    var el = n.nodeType === 1 ? n : (n.nodeType === 3 ? n.parentNode : null);
+                    if (!el || el.nodeType !== 1) return;
+                    if (el.hasAttribute && el.hasAttribute('data-deva')) return;
+                    queued.push(el);
+                });
+            });
+            if (queued.length && !timer) timer = setTimeout(flush, 60);
+        }).observe(content, { childList: true, subtree: true });
+    }
-     var nav = document.createElement( 'div' );
+     try {
-    nav.id = 'gr-toc-doc-nav';
+        var _grBC = new BroadcastChannel('gr-script');
-     nav.setAttribute( 'class', 'toc-main-links');
+        _grBC.onmessage = function (e) {
+            var script = e && e.data && e.data.script;
+            if (script) { currentScript = script; var sel = document.querySelector('.gr-script-sel'); if (sel) sel.value = script; applyScript(script); }
+        };
+     } catch (e) { }
-     function makeBtn( href, label ) {
+     if (window.mw) {
-      var a = document.createElement( 'a' );
+        mw.hook('wikipage.content').add(function () {
-      a.href = href;
+            setTimeout(function () {
-      a.setAttribute( 'class', 'toc-main-link-item');
+                var content = document.querySelector('.mw-parser-output');
-      var lspan = document.createElement( 'span' );
+                var alreadyTagged = content && content.querySelector('[data-deva]');
-      lspan.setAttribute( 'data-deva', label );
+                if (!alreadyTagged) { translatableSpans = []; tagTextNodes(); }
-      lspan.textContent = ( currentScript && currentScript !== 'deva' )
+                else {
-        ? transliterateText( label, currentScript )
+                    // tagTocEntry, not a re-tag from textContent: an entry
-        : label;
+                    // keeps its Devanagari in a span *inside* .vector-toc-text,
-      translatableSpans.push( lspan );
+                    // so .vector-toc-text itself never carries data-deva and a
-      a.appendChild( lspan );
+                    // :not([data-deva]) sweep matched every entry on every
-      a.addEventListener( 'mouseover', function () { this.style.opacity = '0.72'; } );
+                    // fire. It then stored the text as it stood — Tamil, once
-      a.addEventListener( 'mouseout',  function () { this.style.opacity = '1';    } );
+                    // the reader had switched — as that entry's "original", so
-      return a;
+                    // the next switch had no Devanagari left to work from and
+                    // the contents panel stayed in the previous script while
+                    // the body moved on. tagTocEntry leaves a tagged entry be.
+                    document.querySelectorAll('.vector-toc .vector-toc-text').forEach(tagTocEntry);
+                }
+                if (currentScript !== 'deva') applyScript(currentScript);
+                setupToc();
+            }, 150);
+        });
      }
-     if ( showMoolaPage ) nav.appendChild( makeBtn( moolaPageUrl, 'मूलम्' ) );
+     if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); }
-    if ( showMoolaBack ) nav.appendChild( makeBtn( moolaUrl,     'मूल' ) );
+     else { init(); }
-     if ( showUllekha   ) nav.appendChild( makeBtn( ullekhaUrl,   'उल्लेख') );
-    var tocContents = toc.querySelector( '.vector-toc-contents' );
+}());   /* ← end of main IIFE */
-    if ( tocContents ) toc.insertBefore( nav, tocContents );
-    else               toc.appendChild( nav );
-   }
-  // ── TOC active-item highlight ────────────────────────────────────
-  function watchTocActive() {
-    if ( _isNoTocPage() ) return;
-    var toc = document.querySelector( '.vector-toc' );
-    if ( !toc ) return;
-    if ( !window.MutationObserver ) return;
-     if ( toc._grObserved ) {
+// ── Inject "Help" and "About" links into the header ─────────────────
-      toc.querySelectorAll( '.vector-toc-list-item' ).forEach( attachHighlight );
+(function () {
-      return;
+     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);
      }
-     toc._grObserved = true;
+     function makeHeaderLink(id, href, label) {
+        var a = document.createElement('a');
+        a.id = id; a.href = href; a.textContent = label;
+        a.className = 'gr-header-link';   // styled in Common.css §37
+        return a;
+    }
+    function injectHeaderLinks() {
+        if (document.getElementById('gr-about-link')) return;
+        var headerEnd = document.querySelector('.vector-header-end') || document.querySelector('#vector-user-links') || document.querySelector('.mw-header');
+        if (!headerEnd) return;
+        var helpLink = makeHeaderLink('gr-help-link', wikiHref('My_wiki:Help'), 'Help');
+        var aboutLink = makeHeaderLink('gr-about-link', wikiHref('My_wiki:About'), 'About');
-    var ACTIVE_COLOR = '#f57c00';
+        var userName = window.mw ? mw.config.get('wgUserName') : null;
+        var isAnon = !userName || (window.mw && mw.config.get('wgUserId') === null);
-    function setActive( li, on ) {
+        var authEl = null;
-      var link = li.querySelector( '.vector-toc-link' ) || li.querySelector( 'a' );
+        if (isAnon) {
-      if ( !link ) return;
+            if (!document.getElementById('gr-header-login')) {
-      var hasActiveChild = !!li.querySelector(
+                authEl = makeHeaderLink('gr-header-login', wikiHref('Special:UserLogin'), 'Login');
-        '.vector-toc-list-item .vector-toc-list-item-active'
+            }
-      );
+        } else if (!document.getElementById('gr-header-user')) {
-      var shouldHighlight = on && !hasActiveChild;
+            authEl = buildHeaderUserDropdown(userName);
-      if ( shouldHighlight ) {
+        }
-         link.style.setProperty( 'color',       ACTIVE_COLOR, 'important' );
-        link.style.setProperty( 'font-weight', '700',        'important' );
+         var ul = document.querySelector('.vector-user-links') || document.querySelector('#pt-userpage');
-         link.querySelectorAll( '*' ).forEach( function ( el ) {
+         if (ul && ul.parentNode === headerEnd) {
-          el.style.setProperty( 'color',       ACTIVE_COLOR, 'important' );
+            if (authEl) headerEnd.insertBefore(authEl, ul);
-          el.style.setProperty( 'font-weight', '700',        'important' );
+            headerEnd.insertBefore(aboutLink, authEl || ul);
-         } );
+            headerEnd.insertBefore(helpLink, aboutLink);
-      } else {
+         } else {
-        link.style.removeProperty( 'color' );
+            headerEnd.appendChild(helpLink);
-        link.style.setProperty( 'font-weight', '400', 'important' );
+            headerEnd.appendChild(aboutLink);
-        link.querySelectorAll( '*' ).forEach( function ( el ) {
+            if (authEl) headerEnd.appendChild(authEl);
-          el.style.removeProperty( 'color' );
+         }
-          el.style.setProperty( 'font-weight', '400', 'important' );
-         } );
-      }
      }
-     function normaliseAll() {
+     function buildHeaderUserDropdown(userName) {
-      toc.querySelectorAll( '.vector-toc-list-item' ).forEach( function ( li ) {
+        var wrap = document.createElement('div');
-         setActive( li, li.classList.contains( 'vector-toc-list-item-active' ) );
+        wrap.id = 'gr-header-user';
-      } );
+        wrap.style.cssText = 'position:relative;display:inline-block;margin-right:4px;';
+        var trigger = document.createElement('button');
+        trigger.id = 'gr-header-user-trigger';
+        trigger.type = 'button';
+        trigger.setAttribute('aria-haspopup', 'true');
+        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'; } });
+         var menu = document.createElement('div');
+        menu.id = 'gr-header-user-menu';
+        menu.setAttribute('role', 'menu');
+        menu.style.cssText = [
+            'display:none', 'position:absolute', 'top:100%', 'right:0', 'margin-top:4px',
+            '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(';');
+        var itemStyle = 'display:block;padding:10px 16px;font-size:0.9em;color:#2c1810;text-decoration:none;font-family:system-ui,sans-serif;background:#fff;';
+        function makeMenuItem(href, label, id) {
+            var a = document.createElement('a');
+            a.href = href; a.setAttribute('role', 'menuitem');
+            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;
+        }
+        menu.appendChild(makeMenuItem(wikiHref('Special:Profile'), 'Profile'));
+        menu.appendChild(makeMenuItem('#', 'Log out', 'gr-header-logout'));
+        function setOpen(open) {
+            menu.style.display = open ? 'block' : 'none';
+            trigger.setAttribute('aria-expanded', open ? 'true' : 'false');
+            var caret = document.getElementById('gr-header-caret');
+            if (caret) caret.style.transform = open ? 'rotate(180deg)' : '';
+            if (open) { trigger.style.color = '#fff'; trigger.style.background = 'rgba(255,255,255,0.12)'; }
+            else { trigger.style.color = 'rgba(255,255,255,0.88)'; trigger.style.background = 'transparent'; }
+        }
+        trigger.addEventListener('click', function (e) {
+            e.stopPropagation();
+            setOpen(menu.style.display === 'none');
+        });
+        document.addEventListener('click', function (e) {
+            if (!wrap.contains(e.target)) setOpen(false);
+        });
+        menu.querySelector('#gr-header-logout').addEventListener('click', function (e) {
+            e.preventDefault();
+            if (window.mw && mw.user && mw.user.tokens) {
+                var t = mw.user.tokens.get('csrfToken');
+                if (t) {
+                    var script = (mw.util && mw.util.wikiScript) ? mw.util.wikiScript() : '/index.php';
+                    var form = document.createElement('form');
+                    form.method = 'post';
+                    form.action = script + '?title=Special:UserLogout';
+                    form.style.display = 'none';
+                    form.innerHTML =
+                        '<input type="hidden" name="wpEditToken" value="' + String(t).replace(/"/g, '&quot;') + '">' +
+                        '<input type="hidden" name="title" value="Special:UserLogout">' +
+                        '<input type="hidden" name="returnto" value="Main Page">';
+                    document.body.appendChild(form);
+                    form.submit();
+                    return;
+                }
+            }
+            if (window.mw && mw.Api) {
+                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';
+            }
+        });
+        wrap.appendChild(trigger);
+        wrap.appendChild(menu);
+        return wrap;
      }
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', injectHeaderLinks);
+    else injectHeaderLinks();
+}());
-     function attachHighlight( li ) {
-      if ( li._grHighlightAttached ) return;
+// ── Main page: by-Grantha / by-Author toggle ──────────────────────
-      li._grHighlightAttached = true;
+(function () {
-      liObs.observe( li, { attributes: true, attributeFilter: [ 'class' ] } );
+     function grHomeView(v) {
-      setActive( li, li.classList.contains( 'vector-toc-list-item-active' ) );
+        var gView = document.getElementById('gr-view-grantha');
+        var aView = document.getElementById('gr-view-author');
+        var gBtn = document.getElementById('gr-toggle-grantha');
+        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) { }
      }
+}());
-    var liObs = new MutationObserver( function ( mutations ) {
-      mutations.forEach( function ( m ) {
-        if ( m.attributeName !== 'class' ) return;
-        var li     = m.target;
-        var active = li.classList.contains( 'vector-toc-list-item-active' );
-        setActive( li, active );
-         if ( active ) {
+// ── Ullekha reference link handler ─────────────────────────────────
-          var anc = li.parentNode;
+(function () {
-          while ( anc && anc !== document.body ) {
+    // Uses the shared, reflow-proof scroller when it is available.
-             if ( anc.classList &&
+    function grScrollTo(el) {
-                 anc.classList.contains( 'vector-toc-list-item' ) &&
+         if (!el) return;
-                 anc.classList.contains( 'vector-toc-list-item-collapsed' ) ) {
+        if (window.grScrollToElement) window.grScrollToElement(el);
-              anc.classList.remove( 'vector-toc-list-item-collapsed' );
+        else el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    }
+    function highlightOnArrival() {
+        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 () { grScrollTo(mark); if (window.grHighlightTocForElement) window.grHighlightTocForElement(mark); }, 100);
+                found = true;
              }
-             anc = anc.parentNode;
+             if (!found) {
-          }
+                var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);
+                while (walker.nextNode() && !found) {
-          var container = document.querySelector( '.vector-sticky-pinned-container' );
+                    var node = walker.currentNode;
-          if ( container ) {
+                    var txt = node.textContent || '';
-            var vis = container.offsetHeight > 0 &&
+                    if (txt.indexOf(snippet) === -1) continue;
-                      container.offsetParent !== null &&
+                    var idx2 = txt.indexOf(snippet);
-                      window.getComputedStyle( container ).display !== 'none' &&
+                    var mark2 = document.createElement('mark');
-                      window.getComputedStyle( container ).visibility !== 'hidden';
+                    mark2.className = 'gr-ullekha-highlight';
-            if ( vis ) {
+                    mark2.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;';
-              var lr = li.getBoundingClientRect();
+                    mark2.textContent = txt.slice(idx2, Math.min(idx2 + needle.length, txt.length));
-              var cr = container.getBoundingClientRect();
+                    var p = node.parentNode;
-              if ( lr.top < cr.top + 4 || lr.bottom > cr.bottom - 4 ) {
+                    p.insertBefore(document.createTextNode(txt.slice(0, idx2)), node);
-                var sh = null, node = li.parentNode;
+                    p.insertBefore(mark2, node);
-                while ( node && node !== document.body ) {
+                    p.insertBefore(document.createTextNode(txt.slice(idx2 + mark2.textContent.length)), node);
-                  var ov = window.getComputedStyle( node ).overflowY;
+                    p.removeChild(node);
-                  if ( ( ov === 'auto' || ov === 'scroll' ) &&
+                    setTimeout(function () { grScrollTo(mark2); if (window.grHighlightTocForElement) window.grHighlightTocForElement(mark2); }, 100);
-                       node.scrollHeight > node.clientHeight ) { sh = node; break; }
+                    found = true;
-                  node = node.parentNode;
                  }
-                if ( !sh && container.scrollHeight > container.clientHeight ) sh = container;
-                if ( sh ) {
-                  var hr  = sh.getBoundingClientRect();
-                  var top = lr.top - hr.top + sh.scrollTop;
-                  sh.scrollTop = Math.max( 0, top - sh.clientHeight / 2 + li.offsetHeight / 2 );
-                }
-              }
              }
-          }
          }
-      } );
+        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 : '');
+        });
+     }
+    if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { highlightOnArrival(); wireUllekhaLinks(); }); }
+    else { highlightOnArrival(); wireUllekhaLinks(); }
+}());
+/* ── Search result highlight ──────────────────────────────────── */
+(function () {
+    function storeQueryForLink(url, query) {
+        try {
+            var a = document.createElement('a');
+            a.href = url;
+            sessionStorage.setItem('gr_search_hl', JSON.stringify({
+                query: query,
+                pathname: a.pathname
+            }));
+        } catch (e) { }
+    }
-     var structObs = new MutationObserver( function ( mutations ) {
+     function applyHighlight() {
-      mutations.forEach( function ( m ) {
+         var stored;
-         if ( m.type !== 'childList' ) return;
+         try {
-         m.addedNodes.forEach( function ( n ) {
+            stored = JSON.parse(sessionStorage.getItem('gr_search_hl') || 'null');
-          if ( n.nodeType !== 1 ) return;
+        } catch (e) { return; }
-          if ( n.classList && n.classList.contains( 'vector-toc-list-item' ) ) attachHighlight( n );
+        if (!stored || !stored.query) return;
-          if ( n.querySelectorAll ) n.querySelectorAll( '.vector-toc-list-item' ).forEach( attachHighlight );
-          var newSpans = [];
-          if ( n.classList && n.classList.contains( 'vector-toc-text' ) ) newSpans.push( n );
-          if ( n.querySelectorAll ) n.querySelectorAll( '.vector-toc-text' ).forEach( function ( s ) { newSpans.push( s ); } );
-          newSpans.forEach( function ( span ) {
-            if ( span.hasAttribute( 'data-deva' ) ) return;
-            var orig = span.textContent;
-            if ( !orig.trim() ) return;
-            span.setAttribute( 'data-deva', orig );
-            if ( currentScript !== 'deva' ) span.textContent = transliterateText( orig, currentScript );
-            translatableSpans.push( span );
-          } );
-        } );
-      } );
-    } );
-    toc.querySelectorAll( '.vector-toc-list-item' ).forEach( attachHighlight );
+        var currentPath = window.location.pathname;
-    structObs.observe( toc, { childList: true, subtree: true } );
+        var storedPath = stored.pathname || '';
-    setTimeout( function () {
+        function normPath(p) { return decodeURIComponent(p).replace(/\/+$/, ''); }
-      normaliseAll();
+        if (storedPath && normPath(storedPath) !== normPath(currentPath)) {
-      var active = toc.querySelector( '.vector-toc-list-item-active' );
+            try { sessionStorage.removeItem('gr_search_hl'); } catch (e) { }
-      if ( active ) setActive( active, true );
+            return;
-    }, 300 );
+        }
-  }
-  // ── TOC: Use Vector's native TOC, add highlight + expand + rename ──────
+        var query = stored.query.trim();
-  function setupToc() {
+        if (!query) return;
-    if ( _isNoTocPage() ) return;
-    var toc = document.querySelector( '.vector-toc' );
-    if ( !toc ) return;
-    removeTocBeginning();
+        try { sessionStorage.removeItem('gr_search_hl'); } catch (e) { }
-    renameTocTitle();
-    expandTocSections();
-    injectTocDocNav();
-    attachHeadingObserver();
-  }
-  // ── IntersectionObserver on actual heading elements ──────────────
+        var delays = [0, 200, 600];
-  var _headingObserver = null;
+        delays.forEach(function (ms) {
+            setTimeout(function () {
+                if (document.querySelector('.gr-search-hl')) return;
+                highlightText(query);
+            }, ms);
+        });
+    }
-  function attachHeadingObserver() {
+    // Uses the shared, reflow-proof scroller when it is available.
-    if ( _isNoTocPage() ) return;
+    function grScrollTo(el) {
-    if ( _headingObserver ) return;
+        if (!el) return;
-    if ( !window.IntersectionObserver ) {
+        if (window.grScrollToElement) window.grScrollToElement(el);
-      return; /* IntersectionObserver not available — skip active highlight */
+        else el.scrollIntoView({ behavior: 'smooth', block: 'center' });
      }
-     var ACTIVE_COLOR = '#f57c00';
+     function highlightText(query) {
-    var _activeId    = null;
+        var content = document.querySelector('#mw-content-text .mw-parser-output');
+        if (!content) return;
-    var content  = document.querySelector( '.mw-parser-output' );
+        var raw = query.replace(/^"|"$/g, '').trim();
-    if ( !content ) return;
+        if (!raw) return;
-    var headings = Array.from(
-      content.querySelectorAll( 'h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]' )
-    );
-    if ( !headings.length ) return;
-    var toc = document.querySelector( '.vector-toc' );
+        var patterns = [];
-    if ( !toc ) return;
+        patterns.push(escapeRegex(raw));
+        raw.split(/\s+/).forEach(function (w) {
+            if (w.length >= 2) patterns.push(escapeRegex(w));
+        });
-    function getTocLink( id ) {
+        var matched = false;
-      return toc.querySelector( 'a[href="#' + CSS.escape( id ) + '"]' );
+        for (var pi = 0; pi < patterns.length; pi++) {
+            var re;
+            try { re = new RegExp('(' + patterns[pi] + ')', 'gi'); }
+            catch (e) { continue; }
+            var count = wrapMatches(content, re);
+            if (count > 0) { matched = true; break; }
+        }
+        if (!matched) return;
+        var first = document.querySelector('.gr-search-hl');
+        if (first) {
+            grScrollTo(first);
+            first.classList.add('gr-search-hl-pulse');
+            setTimeout(function () { first.classList.remove('gr-search-hl-pulse'); }, 2000);
+            // NEW: directly trigger the TOC to expand and highlight the
+            // right section, rather than relying solely on the scroll
+            // observer to catch up on its own. This is the actual fix —
+            // confirmed the helper against a realistic multi-section
+            // fragment before wiring it in here.
+            if (window.grHighlightTocForElement) window.grHighlightTocForElement(first);
+        }
+        showDismissBar(query);
      }
-     function getTocLi( id ) {
+     function escapeRegex(s) {
-      var a = getTocLink( id );
+        return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-      return a ? a.closest( '.vector-toc-list-item' ) : null;
      }
-     function clearActive() {
+     function wrapMatches(root, re) {
-      /* Clear ALL toc items — prevents multiple items staying highlighted simultaneously */
+        var count = 0;
-      toc.querySelectorAll( '.vector-toc-list-item' ).forEach( function ( li ) {
+        var walker = document.createTreeWalker(
-        li.classList.remove( 'vector-toc-list-item-active' );
+            root, NodeFilter.SHOW_TEXT, {
-         var lnk = li.querySelector( '.vector-toc-link' );
+            acceptNode: function (node) {
-         if ( !lnk ) return;
+                var p = node.parentElement;
-        lnk.style.removeProperty( 'color' );
+                if (!p) return NodeFilter.FILTER_REJECT;
-        lnk.style.setProperty( 'font-weight', '400', 'important' );
+                var tag = p.tagName.toUpperCase();
-        lnk.querySelectorAll( '*' ).forEach( function ( el ) {
+                if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'NOSCRIPT') return NodeFilter.FILTER_REJECT;
-          el.style.removeProperty( 'color' );
+                if (p.classList.contains('gr-search-hl')) return NodeFilter.FILTER_REJECT;
-          el.style.setProperty( 'font-weight', '400', 'important' );
+                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);
+         });
+        return count;
      }
-     function setActive( id ) {
+     function showDismissBar(query) {
-      if ( _activeId === id ) return;
+        var existing = document.getElementById('gr-hl-bar');
-      _activeId = id;
+        if (existing) existing.remove();
-      clearActive();
-      if ( !id ) return;
-      var li = getTocLi( id );
+        var count = document.querySelectorAll('.gr-search-hl').length;
-      if ( !li ) return;
+        if (!count) return;
-      li.classList.add( 'vector-toc-list-item-active' );
+        var isMob = window.innerWidth < 768 || !!document.getElementById('mw-mf-viewport');
+        var bar = document.createElement('div');
+        bar.id = 'gr-hl-bar';
-      var hasActiveChild = !!li.querySelector(
+        if (isMob) {
-        '.vector-toc-list-item .vector-toc-list-item-active'
+            bar.className = 'gr-search-hl-mobile';
-      );
-      if ( !hasActiveChild ) {
+            bar.innerHTML =
-        var lnk = li.querySelector( '.vector-toc-link' );
+                '<button id="gr-hl-results" class="gr-search-bar-btn">' +
-         if ( lnk ) {
+                '<span class="gra-icon gra-icon-search" aria-hidden="true"></span>' +
-          lnk.style.setProperty( 'color',       ACTIVE_COLOR, 'important' );
+                '<span>' + count + ' match' + (count === 1 ? '' : 'es') + '</span></button>' +
-          lnk.style.setProperty( 'font-weight', '700',        'important' );
+                '<button id="gr-hl-prev" class="gr-search-bar-btn">' +
-          lnk.querySelectorAll( '*' ).forEach( function ( el ) {
+                '<span class="gra-icon gra-icon-prev" aria-hidden="true"></span>' +
-            el.style.setProperty( 'color',       ACTIVE_COLOR, 'important' );
+                '<span>Prev</span></button>' +
-            el.style.setProperty( 'font-weight', '700',        'important' );
+                '<button id="gr-hl-next" class="gr-search-bar-btn">' +
-          } );
+                '<span class="gra-icon gra-icon-next" aria-hidden="true"></span>' +
-        }
+                '<span>Next</span></button>' +
-      }
+                '<button id="gr-hl-dismiss" class="gr-search-bar-btn">' +
+                '<span class="gra-icon gra-icon-dismiss" aria-hidden="true"></span>' +
+                '<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(';');
-      // Expand ALL ancestor sections — remove collapsed, force display
+            var nav = document.createElement('div');
-      var anc = li.parentNode;
+            nav.style.cssText = 'display:flex;align-items:center;gap:12px;';
-      while ( anc && anc !== toc ) {
+            nav.innerHTML =
-        if ( anc.classList ) {
+                '<span>🔍 <strong>' + escHtml(query) + '</strong> — ' + count + ' match' + (count === 1 ? '' : 'es') + '</span>' +
-          anc.classList.remove( 'vector-toc-list-item-collapsed' );
+                '<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>' +
-        }
+                '<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>' +
-        if ( anc.tagName === 'UL' || anc.tagName === 'LI' ) {
+                '<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>';
-          anc.style.removeProperty( 'display' );
+            bar.appendChild(nav);
-        }
-        anc = anc.parentNode;
-      }
-      // Scroll TOC item into view within sidebar
+            var db = document.createElement('button');
-      var sticky = document.querySelector( '.vector-sticky-pinned-container' );
+            db.id = 'gr-hl-dismiss'; db.textContent = '✕ Close';
-      var scrollEl = sticky || toc;
+            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;';
-      if ( scrollEl.scrollHeight > scrollEl.clientHeight ) {
+            bar.appendChild(db);
-        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();
+        document.body.appendChild(bar);
-    _headingObserver = new IntersectionObserver( function ( entries ) {
+        var hlEls = Array.from(document.querySelectorAll('.gr-search-hl'));
-      entries.forEach( function ( entry ) {
+         var current = 0;
-        if ( entry.isIntersecting ) {
-          _visible.add( entry.target.id );
-        } else {
-          _visible.delete( entry.target.id );
-         }
-      } );
-      var topId = null;
+        function goTo(idx) {
-      var topY  = Infinity;
+            hlEls.forEach(function (el) { el.classList.remove('gr-search-hl-current'); });
-      _visible.forEach( function ( id ) {
+            current = ((idx % hlEls.length) + hlEls.length) % hlEls.length;
-        var el = document.getElementById( id );
+            hlEls[current].classList.add('gr-search-hl-current');
-        if ( el ) {
+            grScrollTo(hlEls[current]);
-          var y = el.getBoundingClientRect().top;
+            // NEW: same TOC sync on Prev/Next navigation within the
-          if ( y >= 0 && y < topY ) { topY = y; topId = id; }
+            // results, not just the initial jump.
+            if (window.grHighlightTocForElement) window.grHighlightTocForElement(hlEls[current]);
          }
-      } );
-      if ( !topId ) {
+         function dismiss() { clearHighlights(); bar.remove(); }
-        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 );
+        var nb = document.getElementById('gr-hl-next');
-    }, {
+        var pb = document.getElementById('gr-hl-prev');
-      rootMargin: '-60px 0px -65% 0px',
+        var rb = document.getElementById('gr-hl-results');
-      threshold: 0
+        var db2 = document.getElementById('gr-hl-dismiss');
-    } );
+        if (nb) nb.onclick = function () { goTo(current + 1); };
+        if (pb) pb.onclick = function () { goTo(current - 1); };
+        if (db2) db2.onclick = dismiss;
+        if (rb) rb.onclick = function () {
+            bar.remove(); clearHighlights();
+            if (window.showSearchDialog) window.showSearchDialog(query);
+        };
+    }
-     headings.forEach( function ( h ) { _headingObserver.observe( h ); } );
+     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);
+        });
+    }
-  // ── Init ────────────────────────────────────────────────────────
+     function escHtml(s) {
-  function init() {
+        return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-    var HIDE_IDS = [
-      'vector-appearance',
-      'vector-appearance-pinned-container',
-      'vector-appearance-unpinned-container'
-    ];
-     function removeHiddenEls() {
-      HIDE_IDS.forEach( function ( id ) {
-        var el = document.getElementById( id );
-        if ( el && el.parentNode ) el.parentNode.removeChild( el );
-      } );
-      var pt = document.getElementById( 'vector-page-tools' ) ||
-               document.querySelector( '.vector-page-tools-pinned-container' );
-      if ( pt ) {
-        pt.querySelectorAll( '[aria-controls="vector-appearance"]' )
-          .forEach( function ( el ) { if ( el.parentNode ) el.parentNode.removeChild( el ); } );
-      }
      }
-    removeHiddenEls();
-     ( function detectTeekaMode() {
+     function injectHighlightCSS() {
-      var tp = document.querySelector( '.gr-teeka-page' );
+        if (document.getElementById('gr-hl-css')) return;
-      if ( !tp ) return;
+        var s = document.createElement('style');
-      var primary = tp.getAttribute( 'data-primary' ) || '';
+        s.id = 'gr-hl-css';
-      var artPath = ( window.mw && mw.config.get( 'wgArticlePath' ) ) || '/wiki/$1';
+        s.textContent = [
-      var mainUrl = artPath.replace( '$1', primary );
+            '.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);}',
-      var refParam = window.location.search.match( /[?&]ref=([01])/ );
+            '.gr-search-hl-current{background:#ffb300!important;box-shadow:0 0 0 2px #b5451b!important;}',
-      if ( refParam ) {
+            '@keyframes gr-hl-pulse{0%{background:#ffb300;}50%{background:#fff176;}100%{background:#fff176;}}',
-        document.body.classList.add( refParam[1] === '1' ? 'gr-ref-mode' : 'gr-standalone' );
+            '.gr-search-hl-pulse{animation:gr-hl-pulse 1.2s ease 2;}',
-         return;
+         ].join('');
-      }
+        document.head.appendChild(s);
-      var ref = document.referrer || '';
+     }
-      document.body.classList.add(
-        ( ref && primary && ref.indexOf( mainUrl ) !== -1 ) ? 'gr-ref-mode' : 'gr-standalone'
-      );
-     }() );
-     if ( window.MutationObserver ) {
+     injectHighlightCSS();
-      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' );
+     if (document.readyState === 'loading') {
-    var alreadyTagged = content && content.querySelector( '[data-deva]' );
+        document.addEventListener('DOMContentLoaded', applyHighlight);
-    if ( !alreadyTagged ) {
-      translatableSpans = [];
-      tagTextNodes();
      } else {
-      document.querySelectorAll( '.vector-toc .vector-toc-text:not([data-deva])' ).forEach( function ( span ) {
+         applyHighlight();
-        var orig = span.textContent;
-        if ( !orig.trim() ) return;
-        span.setAttribute( 'data-deva', orig );
-         translatableSpans.push( span );
-      } );
      }
-     var saved = ( function () {
+     if (window.mw) {
-      try { return localStorage.getItem( LS_SCRIPT_KEY ); } catch ( e ) { return null; }
+        mw.hook('wikipage.content').add(function () {
-    }() );
+            setTimeout(applyHighlight, 100);
-    if ( saved && saved !== 'deva' ) { applyScript( saved ); }
+        });
-     else { currentScript = 'deva'; }
+     }
-     setTimeout( setupToc, 200 );
+     window.grStoreSearchHL = storeQueryForLink;
-  }
-  // ── React to toolbar script-change events ──────────────────────
+}());
-  window.addEventListener( 'gr-script-change', function ( e ) {
-    var script = e && e.detail && e.detail.script;
-    if ( script ) applyScript( script );
-  } );
-  // ── React to gr-new-content (siteNav panel rendered new items) ──
+/* ═══════════════════════════════════════════════════════════════
-  window.addEventListener( 'gr-new-content', function ( e ) {
+   Mobile addon — only runs on Minerva (mobile) skin
-     var container = e && e.detail && e.detail.container;
+   ═══════════════════════════════════════════════════════════════ */
-    if ( !container ) return;
+(function () {
-    var walker = document.createTreeWalker( container, NodeFilter.SHOW_TEXT );
+    if (!document.body.classList.contains('skin-minerva')) return;
-    var nodes = [];
+    function injectMenuLinks() {
-    while ( walker.nextNode() ) nodes.push( walker.currentNode );
+        if (document.getElementById('gr-mob-menu-items')) return;
-    nodes.forEach( function ( node ) {
+        var navDrawer = document.querySelector('.navigation-drawer');
-      var p = node.parentNode;
+        if (!navDrawer) return;
-      if ( !p || ( p.hasAttribute && p.hasAttribute( 'data-deva' ) ) ) return;
+        var wrap = document.createElement('div'); wrap.id = 'gr-mob-menu-items'; wrap.className = 'gr-mob-menu';
-      var orig = node.textContent;
+        function makeItem(href, label) { var a = document.createElement('a'); a.href = href; a.className = 'gr-mob-item'; a.textContent = label; return a; }
-      if ( !orig.trim() ) return;
+        wrap.appendChild(makeItem('/Main_Page', 'Home'));
-      var span = document.createElement( 'span' );
+        wrap.appendChild(makeItem('/My_wiki:Help', 'Help'));
-      span.setAttribute( 'data-deva', orig );
+        wrap.appendChild(makeItem('/My_wiki:About', 'About'));
-      span.textContent = currentScript !== 'deva' ? transliterateText( orig, currentScript ) : orig;
+        var userName = window.mw ? mw.config.get('wgUserName') : null;
-      p.replaceChild( span, node );
+        if (userName) {
-      translatableSpans.push( span );
+            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) {
+            // Hide Minerva's own menu lists rather than deleting them: Minerva's
+            // initMobile.js looks up .toggle-list__list inside this panel and
+            // throws ("Cannot read properties of null (reading 'parentNode')")
+            // when it is gone, which also stops the rest of Minerva's setup.
+            Array.prototype.forEach.call(pageLeft.children, function (c) { c.classList.add('gr-mf-native-menu'); });
+            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.className = 'toc-main-links';        // styled in Common.css §24
+        function makeLink(href, label) { var a = document.createElement('a'); a.href = href; a.textContent = label; a.className = 'toc-main-link-item'; 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'), 'उल्लेख'));
+        // Right under the document's own title, which is what a reader on a
+        // phone actually sees as the title; the skin's h1 is the fallback.
+        var docTitle = document.querySelector('#mw-content-text .gr-doc-title');
+        var h1 = document.getElementById('firstHeading') || document.querySelector('.page-heading, h1.firstHeading, .mw-first-heading');
+        if (docTitle && docTitle.parentNode) docTitle.parentNode.insertBefore(nav, docTitle.nextSibling);
+        else 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); }
+    }
+    function boot() { injectMenuLinks(); injectMoolaUllekhaLinks();}
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);
+    else boot();
+    if (window.mw) mw.hook('wikipage.content');
+}());
+(function () {
+    'use strict';
+    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); });
+    });
+    function applyHomeToggleOffset() {
+        var bar = document.getElementById('gr-static-bar'); if (!bar) return;
+        var barBottom = Math.round(bar.getBoundingClientRect().bottom);
+        [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'; });
+        var isMob = window.innerWidth < 768 || !!document.getElementById('mw-mf-viewport');
+        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'; } } }
+    }
+    $(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);
+    }
+}());
+/* ═══════════════════════════════════════════════════════════════
+   Commentary interleaving — discovers a document's /Vyakhya or
+   /Bhashya commentary subpages, lets a reader select which ones to
+   show interleaved with the moola text, and augments any existing
+   link to a commentary (e.g. a "वादावली" list) with its own inline
+   checkbox. Exposes window.grTeekaInterleave so readerToolbar.js's
+   "Commentaries" dropdown can stay in sync without duplicating this
+   logic — same pattern as window.grHighlightTocForElement above.
+   ═══════════════════════════════════════════════════════════════ */
+(function () {
-  // ── React to script changes from OTHER tabs (BroadcastChannel) ──
+    var LS_TEEKA_KEY = 'grantha_reader_teeka_in_moola';
-  try {
-     var _grBC = new BroadcastChannel( 'gr-script' );
+    // Distinct light background per commentary, for when multiple
-     _grBC.onmessage = function ( e ) {
+    // different teekas are interleaved together and need to stay
-      var script = e && e.data && e.data.script;
+    // visually distinguishable. CHANGED: was a 30-color palette
-      if ( script ) {
+    // transcribed from a screenshot - confirmed directly that at least
-         currentScript = script;
+    // one entry (#F6C500, a saturated gold) wasn't actually light at
-         var sel = document.querySelector( '.gr-script-sel' );
+    // all, which is very likely what read as "really dark" in practice.
-         if ( sel ) sel.value = script;
+     // Replaced with 10 colors in the site's own warm palette (matching
-        applyScript( script );
+    // the maroon/cream tones already used throughout Common.css -
-      }
+    // #b5451b, #fdf0eb, #f0cfc4), all kept in the ~94-97% lightness
-     };
+    // range so they stay easy to read against dark text regardless of
-  } catch ( e ) {}
+    // which one a given teeka lands on. First entry is #fcf5f3 - the
+     // exact background .teeka-block itself already uses on a native
+    // teeka page (verified at 97.1% lightness), per direction, so the
+    // most common single-commentary case matches the site's own
+    // existing look exactly rather than introducing a new shade for it.
+    var TEEKA_COLOR_PALETTE = [
+        '#fcf5f3', '#F5EFE6', '#F0F5EC', '#EEF3F6', '#F6EFF3',
+        '#F3F0F8', '#F8F3EA', '#EEF6F2', '#F6EEEE', '#F2F0EC'
+    ];
+    // Stable djb2-style hash - same teeka slug always maps to the SAME
+    // color everywhere on the site (not re-randomized per page load or
+    // fetch order) - verified directly: a reader learning "this shade =
+    // भावप्रकाशः" needs that to hold site-wide.
+    function teekaColorForSlug(slug) {
+         var h = 5381;
+         for (var i = 0; i < slug.length; i++) h = ((h * 33) ^ slug.charCodeAt(i)) >>> 0;
+         return TEEKA_COLOR_PALETTE[h % TEEKA_COLOR_PALETTE.length];
+    }
+    function readLS(k) { try { return localStorage.getItem(k); } catch (e) { return null; } }
+     function writeLS(k, v) { try { localStorage.setItem(k, v); } catch (e) { } }
-  // ── MediaWiki SPA-style navigation ──────────────────────────────
+     function fetchAllSubpages(rootTitle) {
-  if ( window.mw ) {
+        var deferred = $.Deferred(), subpages = [], nsNum = mw.config.get('wgNamespaceNumber'), localName = mw.config.get('wgTitle');
-     mw.hook( 'wikipage.content' ).add( function () {
+         function ask(apfrom) {
-      setTimeout( function () {
+            var params = { action: 'query', list: 'allpages', apprefix: localName + '/', apnamespace: nsNum, aplimit: 'max', format: 'json' };
-        var content       = document.querySelector( '.mw-parser-output' );
+            if (apfrom) params.apcontinue = apfrom;
-        var alreadyTagged = content && content.querySelector( '[data-deva]' );
+            $.ajax({ url: mw.util.wikiScript('api'), data: params, dataType: 'json' }).then(function (data) {
-         if ( !alreadyTagged ) {
+                var pages = (data.query && data.query.allpages) || [];
-          translatableSpans = [];
+                pages.forEach(function (p) { subpages.push(p.title); });
-          tagTextNodes();
+                if (data.continue && data.continue.apcontinue) ask(data.continue.apcontinue);
-        } else {
+                else deferred.resolve(subpages);
-          document.querySelectorAll( '.vector-toc .vector-toc-text:not([data-deva])' ).forEach( function ( span ) {
+             }).fail(function () { deferred.resolve(subpages); });
-            var orig = span.textContent;
-            if ( !orig.trim() ) return;
-            span.setAttribute( 'data-deva', orig );
-             translatableSpans.push( span );
-          } );
          }
-         if ( currentScript !== 'deva' ) applyScript( currentScript );
+         ask(null);
-         setupToc();
+         return deferred.promise();
-      }, 150 );
+     }
-     } );
-  }
-  if ( document.readyState === 'loading' ) {
+    // One request for ALL of them, not one each. The API takes up to 50
-     document.addEventListener( 'DOMContentLoaded', init );
+    // titles at a time, and a moola page now shows every commentary by
-  } else {
+    // default - so what used to be one round trip became five or ten,
-     init();
+    // fired together but each with its own latency, and the commentaries
-  }
+    // appeared well after the text. Batching makes it a single request
+     // whatever the page carries. maxage/smaxage let the browser and the
+    // CDN reuse the response, so moving between chapters of one grantha
+    // does not re-fetch the same commentaries.
+     var teekaJsonCache = {};
-}() );   /* ← end of main IIFE */
+    function fetchTeekaJsons(titles) {
+        var want = titles.filter(function (t) { return !(t in teekaJsonCache); });
+        if (!want.length) return $.Deferred().resolve(teekaJsonCache).promise();
+        var batches = [];
+        for (var i = 0; i < want.length; i += 40) batches.push(want.slice(i, i + 40));
-// ── Inject "Help" and "About" links into the header ─────────────────
+        return $.when.apply($, batches.map(function (batch) {
-( function () {
+            return $.ajax({
-  function wikiHref( title ) {
+                url: mw.util.wikiScript('api'),
-    if ( window.mw && mw.util && mw.util.getUrl ) return mw.util.getUrl( title );
+                data: {
-    var ap = ( window.mw && mw.config && mw.config.get( 'wgArticlePath' ) ) || '/wiki/$1';
+                    action: 'query',
-    return ap.replace( '$1', title );
+                    titles: batch.map(function (t) { return 'JSON:' + t; }).join('|'),
-  }
+                    prop: 'revisions', rvslots: 'main', rvprop: 'content',
+                    format: 'json', formatversion: 2,
+                    maxage: 300, smaxage: 300
+                },
+                dataType: 'json'
+            }).then(function (data) {
+                var pages = (data.query && data.query.pages) || [];
+                pages.forEach(function (page) {
+                    // Match the response back to the title we asked for:
+                    // the API may normalise or reorder, so never pair by
+                    // index. Strip the namespace the same way it was added.
+                    var title = (page.title || '').replace(/^JSON:/, '');
+                    if (page.missing) { teekaJsonCache[title] = null; return; }
+                    var content = page.revisions && page.revisions[0] &&
+                        page.revisions[0].slots && page.revisions[0].slots.main &&
+                        page.revisions[0].slots.main.content;
+                    if (!content) { teekaJsonCache[title] = null; return; }
+                    try {
+                        var parsed = JSON.parse(content);
+                        parsed._title = title;
+                        teekaJsonCache[title] = parsed;
+                    } catch (e) { teekaJsonCache[title] = null; }
+                });
+            }).catch(function () {
+                batch.forEach(function (t) { if (!(t in teekaJsonCache)) teekaJsonCache[t] = null; });
+            });
+        })).then(function () {
+            // Anything the response never mentioned is recorded as absent,
+            // so a later call does not ask for it again.
+            want.forEach(function (t) { if (!(t in teekaJsonCache)) teekaJsonCache[t] = null; });
+            return teekaJsonCache;
+        });
+    }
-  var linkStyle = [
+     // Finds this document's commentary subpages - filters to the site's
-     'color:rgba(255,255,255,0.88)', 'font-size:0.88em',
+     // own established commentary-path convention (Vyakhya/Bhashya are
-     'font-family:system-ui,sans-serif', 'font-weight:500',
+     // shown; Moola/Ullekha are never commentary content).
-     'text-decoration:none', 'padding:4px 10px', 'border-radius:4px',
+     function findCommentarySubpages(rootTitle) {
-     'margin-right:4px', 'transition:color 0.15s,background 0.15s',
+        return $.Deferred(function (d) {
-    'white-space:nowrap',
+            fetchAllSubpages(rootTitle).then(function (all) {
-  ].join( ';' );
+                d.resolve(all.filter(function (t) {
+                    return t !== rootTitle && (/\/vyakhya(\/|$)/i.test(t) || /\/bhashya(\/|$)/i.test(t));
+                }));
+            });
+        }).promise();
+    }
-  function makeHeaderLink( id, href, label ) {
+    // Builds moola-verse-id -> [{teekaTitle, teekaSlug, text, blockId}].
-     var a = document.createElement( 'a' );
+    // Handles TWO possible parent-linking shapes so this works across
-     a.id = id; a.href = href; a.textContent = label;
+    // every commentary document on the site, not just ones from any one
-    a.style.cssText = linkStyle;
+    // generation pipeline: (1) DIRECT - a type:"teeka" block's own
-    a.addEventListener( 'mouseover', function () {
+    // "parent" already IS the moola verse id; (2) TWO-HOP - it points to
-      this.style.color = '#fff'; this.style.background = 'rgba(255,255,255,0.12)';
+    // a type:"verse" block WITHIN THE SAME teeka doc (a quoted-verse
-    } );
+    // reference), and THAT block's own parent is the moola verse id.
-    a.addEventListener( 'mouseout', function () {
+    // Deliberately skips anything whose parent is "UNVERIFIED" or
-      this.style.color = 'rgba(255,255,255,0.88)'; this.style.background = 'transparent';
+    // missing, rather than guessing.
-    } );
+    // CHANGED: also builds a slug -> color-palette-index map here, based
-    return a;
+    // on teekaDocs' OWN ORDER (the order commentaries were actually
-  }
+    // discovered/fetched for this page) rather than hashing each slug
+    // independently. Confirmed directly this was the actual issue: hash-
+    // based assignment gives every teeka a color, but nothing guarantees
+     // the FIRST one shown on a page lands on palette slot 0 (#fcf5f3,
+    // the site's own real .teeka-block default) - it gets whatever slot
+    // its hash happens to produce. Positional assignment makes "first
+    // shown = the exact default color" a guarantee, not a coincidence,
+    // at the cost of a specific teeka's color now depending on where it
+    // appears in a given page's own list rather than being fixed
+     // site-wide - a reasonable trade given the direction received.
+    var teekaColorIndexBySlug = {};
+    function buildTeekaInMoolaIndex(teekaDocs) {
+        var index = {};
+        teekaColorIndexBySlug = {};
+        var colorIdx = 0;
+        teekaDocs.forEach(function (td) {
+            if (!td || !td.blocks || !td.doc) return;
+            var slug = td.doc.slug || td._title;
+            if (!(slug in teekaColorIndexBySlug)) {
+                teekaColorIndexBySlug[slug] = colorIdx % TEEKA_COLOR_PALETTE.length;
+                colorIdx++;
+            }
+            var blockById = {};
+            td.blocks.forEach(function (b) { blockById[b.id] = b; });
+            td.blocks.forEach(function (b) {
+                if (b.type !== 'teeka') return;
+                var moolaId = null;
+                if (b.parent && b.parent !== 'UNVERIFIED' && !blockById[b.parent]) {
+                    moolaId = b.parent;
+                } else {
+                    var verseRef = blockById[b.parent];
+                    if (verseRef && (verseRef.type === 'verse' || verseRef.type === 'verse-ref') && verseRef.parent && verseRef.parent !== 'UNVERIFIED') {
+                        moolaId = verseRef.parent;
+                    }
+                }
+                if (!moolaId) return;
+                if (!index[moolaId]) index[moolaId] = [];
+                index[moolaId].push({
+                    teekaTitle: td.doc.title || td._title,
+                    teekaAuthor: td.doc.author || '',
+                    teekaPage: td.doc.pageTitle || td._title,
+                    teekaGranthaId: td.doc.granthaId || '',
+                    teekaSlug: slug,
+                    // join('\n') - each entry of `lines` is a printed line,
+                    // and joining with a space ran a two-pada shloka into
+                    // one. The .shloka-line markup inside already carries
+                    // the break where the converter put one; this only
+                    // matters for older documents that have none.
+                    text: (b.lines || []).join('\n'),
+                    footnotes: b.footnotes || [],
+                    blockId: b.id
+                });
+            });
+        });
+        return index;
+    }
-   function injectHeaderLinks() {
+    function injectTeekaInMoola(index) {
-    if ( document.getElementById( 'gr-about-link' ) ) return;
+        var injectedAny = false;
+        Object.keys(index).forEach(function (verseId) {
+            var $verseEl = $(document.getElementById(verseId));
+            if (!$verseEl.length) return;
+            var entries = index[verseId];
+            var $wrap = $('<div>').addClass('gr-injected-teeka-group');
+            entries.forEach(function (entry) {
+                // CHANGED: was teekaColorForSlug(slug) (hash-based) -
+                // now looks up the position assigned in
+                // buildTeekaInMoolaIndex, falling back to the hash only
+                // if this slug is somehow missing from that map (should
+                // not normally happen, but safer than an undefined color).
+                var colorIdx = teekaColorIndexBySlug[entry.teekaSlug];
+                var color = (colorIdx !== undefined) ? TEEKA_COLOR_PALETTE[colorIdx] : teekaColorForSlug(entry.teekaSlug);
+                var $entry = $('<div>').addClass('teeka-block')
+                    .attr('data-teeka-slug', entry.teekaSlug)
+                    .attr('data-teeka-block-id', entry.blockId)
+                    // Citation metadata: a bookmark taken inside an
+                    // interleaved commentary must cite THAT work and its
+                    // author, and link to the commentary's own page - not
+                    // to the moola whose page it happens to be shown on.
+                    .attr('data-cite-author', entry.teekaAuthor || '')
+                    .attr('data-cite-title', entry.teekaTitle || '')
+                    .attr('data-cite-page', entry.teekaPage || '')
+                    .attr('data-cite-grantha-id', entry.teekaGranthaId || '')
+                    .attr('id', entry.blockId)
+                    .css('background', color);
+                if (window.grLibrary) {
+                    (function (el, gid, page) {
+                        // The id may come from the teeka's own JSON (if that
+                        // document has been rebuilt) or from the map page.
+                        // Either way the commentary cites ITS work, not the
+                        // moola it is displayed inside.
+                        var got = gid ? Promise.resolve(gid)
+                                      : window.grLibrary.idForPage(page, null);
+                        got.then(function (id) {
+                            if (!id) return null;
+                            el.setAttribute('data-cite-grantha-id', id);
+                            return window.grLibrary.lookup(id);
+                        }).then(function (g) {
+                            if (!g) return;
+                            if (g.name)       el.setAttribute('data-cite-title', g.name);
+                            if (g.nameIAST)   el.setAttribute('data-cite-title-iast', g.nameIAST);
+                            if (g.author)     el.setAttribute('data-cite-author', g.author);
+                            if (g.authorIAST) el.setAttribute('data-cite-author-iast', g.authorIAST);
+                            var h = el.querySelector('.teeka-title');
+                            var label = teekaLabel(g);
+                            if (h && label) h.textContent = label;
+                            var slug = el.getAttribute('data-teeka-slug');
+                            if (slug && label) {
+                                labelBySlug[slug] = label;
+                                // A footnote section for this commentary may
+                                // already be on screen; rename it too.
+                                document.querySelectorAll(
+                                    '.gr-teeka-notes-group[data-teeka-slug="' + slug +
+                                    '"] .gr-teeka-notes-title').forEach(function (t) {
+                                        t.textContent = label;
+                                    });
+                            }
+                        });
+                    }($entry[0], entry.teekaGranthaId, entry.teekaPage));
+                }
+                $('<div>').addClass('teeka-title').text(entry.teekaTitle).appendTo($entry);
+                $('<div>').addClass('teeka-body').html(entry.text).appendTo($entry);
+                // A teeka's footnotes live in ITS document, not in this
+                // page's own footnote list - so the highlighted words came
+                // through the injection but nothing on this page knew what
+                // they pointed at, and clicking them did nothing. Register
+                // them here, under the commentary's title, for the note
+                // card and the right-hand panel to read.
+                if (entry.footnotes && entry.footnotes.length && window.grFootnoteRegistry) {
+                    window.grFootnoteRegistry.add(entry.teekaSlug, entry.teekaTitle, entry.footnotes);
+                }
+                $wrap.append($entry);
+            });
+            // After the bhashya, not between the verse and it. The moola
+            // page prints verse then bhashya as one unit, and inserting
+            // straight after the verse element split them apart, putting
+            // the commentaries ahead of the bhashya they comment on.
+            // The bhashya-collection for a verse carries id
+            // "bhashya-<verse oldKey>"; where a page has none, the verse
+            // itself is still the anchor.
+            var anchor = $verseEl;
+            var coll = document.getElementById('bhashya-' + verseId);
+            if (coll && coll.compareDocumentPosition($verseEl[0]) & Node.DOCUMENT_POSITION_PRECEDING) {
+                anchor = $(coll);
+            } else {
+                // Some pages emit the bhashya as a sibling block without
+                // the collection wrapper - walk forward over any blocks
+                // that belong to this same verse.
+                var n = $verseEl[0].nextElementSibling;
+                while (n && n.getAttribute &&
+                       (n.getAttribute('data-parent-verse') === verseId ||
+                        n.id === 'bhashya-' + verseId)) {
+                    anchor = $(n);
+                    n = n.nextElementSibling;
+                }
+            }
+            anchor.after($wrap);
+            // Tell the script switcher about the new text, so an interleaved
+            // commentary is transliterated like the rest of the page instead
+            // of staying in Devanagari.
+            try {
+                window.dispatchEvent(new CustomEvent('gr-new-content', { detail: { container: $wrap[0] } }));
+            } catch (e) { }
+            injectedAny = true;
+        });
+        return injectedAny;
+    }
+    function removeTeekaInMoola() {
+        $('.gr-injected-teeka-group').remove();
+        if (window.grFootnoteRegistry) window.grFootnoteRegistry.clearInjected();
+    }
-     var headerEnd = document.querySelector( '.vector-header-end' ) ||
+     // CRITICAL FIX: confirmed directly this feature was corrupting saved
-                    document.querySelector( '#vector-user-links' ) ||
+    // page content. QuickEdit is a contenteditable-based editor operating
-                    document.querySelector( '.mw-header' );
+    // on the page's LIVE DOM - since this feature injects real elements
-    if ( !headerEnd ) return;
+    // (interleaved teeka blocks, inline checkboxes wrapping links) into
+    // that same DOM, QuickEdit's save/serialization pipeline had no way
+    // to distinguish them from genuine content, and was saving them back
+    // into the page's actual wikitext as literal escaped HTML text. This
+    // teardown strips every trace of this feature's DOM changes -
+    // removing injected teeka blocks entirely, and for inline checkboxes,
+    // specifically UNWRAPPING each link back to its own original
+    // position (not just deleting the wrapper, which would also delete
+    // the link itself) - restoring the DOM to exactly what the page's
+    // real, saved content actually is, before any editor can see it.
+    function teardownTeekaInterleave() {
+        removeTeekaInMoola();
+        $('.gr-teeka-cb-wrap').each(function () {
+            var $wrap = $(this);
+            var $link = $wrap.find('a');
+            if ($link.length) $wrap.before($link);
+            $wrap.remove();
+        });
+        // CHANGED: also strips the gr-teeka-list-item class added to any
+        // <li> for bullet-removal - confirmed via direct test this was
+        // missed initially, which would have left a class attribute
+        // change in the saved content even after the wrapper/checkbox
+        // itself was correctly removed. Also removes the class
+        // ATTRIBUTE entirely (not just the class name) once empty -
+        // classList.remove() alone leaves class="" behind, which a
+        // byte-for-byte test caught as still not matching the true
+        // original markup (which never had a class attribute at all).
+        $('.gr-teeka-list-item').each(function () {
+            this.classList.remove('gr-teeka-list-item');
+            if (!this.className) this.removeAttribute('class');
+        });
+    }
-     var helpLink  = makeHeaderLink( 'gr-help-link',  wikiHref( 'My_wiki:Help'  ), 'Help'  );
+     // Watches for the exact DOM signal that editing has actually begun -
-    var aboutLink = makeHeaderLink( 'gr-about-link', wikiHref( 'My_wiki:About' ), 'About' );
+    // Common.css targets .mw-body-content[contenteditable="true"]
+    // directly, confirming this is the real, load-order-independent
+    // trigger QuickEdit itself relies on, rather than trying to
+    // intercept every possible UI path that could invoke it (edit
+    // button, keyboard shortcut, or anything else) individually and
+    // risk missing one.
+    function watchForEditMode() {
+        var target = document.querySelector('.mw-body-content') || document.body;
+        if (!target || !window.MutationObserver) return;
+        var wasEditing = false;
+        var obs = new MutationObserver(function (mutations) {
+            mutations.forEach(function (m) {
+                if (m.attributeName !== 'contenteditable') return;
+                var isEditingNow = m.target.getAttribute('contenteditable') === 'true';
+                if (isEditingNow && !wasEditing) {
+                    teardownTeekaInterleave();
+                    wasEditing = true;
+                } else if (!isEditingNow && wasEditing) {
+                    // Editing ended without a page reload (e.g. cancelled) -
+                    // restore using the already-fetched data cached in
+                    // memory, no need to re-fetch anything from the server.
+                    if (teekaIndex) renderInterleave();
+                    if (lastAugmentArgs) {
+                        var augmented = augmentExistingTeekaLinks(lastAugmentArgs.titles, lastAugmentArgs.docs);
+                        if (augmented.length) observeInlineVisibility(augmented.map(function (a) { return a.el; }));
+                    }
+                    wasEditing = false;
+                }
+            });
+        });
+        obs.observe(target, { attributes: true, attributeFilter: ['contenteditable'], subtree: true });
+    }
-     var ul = document.querySelector( '.vector-user-links' ) ||
+     function normalizeWikiPath(p) {
-             document.querySelector( '#pt-userpage' );
+        try { p = decodeURIComponent(p); } catch (e) { }
-    if ( ul && ul.parentNode === headerEnd ) {
+        return p.replace(/_/g, ' ').replace(/\/+$/, '');
-      headerEnd.insertBefore( aboutLink, ul );
-      headerEnd.insertBefore( helpLink,  aboutLink );
-    } else {
-      headerEnd.appendChild( helpLink );
-      headerEnd.appendChild( aboutLink );
      }
-  }
-  if ( document.readyState === 'loading' ) document.addEventListener( 'DOMContentLoaded', injectHeaderLinks );
+    // ── State ──────────────────────────────────────────────────────
-  else injectHeaderLinks();
+    // Not seeded from storage: every page load starts with all
-}() );
+    // commentaries on (see where availableList is filled). Unchecking one
+    // still writes to storage, which keeps the control's own state
+    // consistent within the page and leaves the value there for anything
+    // else that reads it, but it is not what decides the initial view.
+    var selectedTeekaSlugs = {};
+    var teekaIndex = null;
+    var availableList = []; // [{slug, title, subItems: [{slug, title}, ...]}]
+    var lastAugmentArgs = null; // {titles, docs} - cached to restore inline checkboxes after a cancelled edit without re-fetching
+    var checkboxesBySlug = {};
+    var readyCallbacks = [];
+    var changeCallbacks = [];
+    var visibilityCallbacks = [];
+    var isReady = false;
+    var inlineListVisible = null; // null = no inline checkboxes exist at all on this page
+    function registerCheckbox(slug, $cb) { (checkboxesBySlug[slug] = checkboxesBySlug[slug] || []).push($cb); }
-// ── Main page: by-Grantha / by-Author toggle ──────────────────────
+    function renderInterleave() {
-( function () {
+        removeTeekaInMoola();
-  function grHomeView( v ) {
+        if (!teekaIndex || !Object.keys(selectedTeekaSlugs).length) return;
-    var gView = document.getElementById( 'gr-view-grantha' );
+        var filtered = {};
-     var aView = document.getElementById( 'gr-view-author' );
+        Object.keys(teekaIndex).forEach(function (verseId) {
-     var gBtn  = document.getElementById( 'gr-toggle-grantha' );
+            var entries = teekaIndex[verseId].filter(function (e) { return selectedTeekaSlugs[e.teekaSlug]; });
-     var aBtn  = document.getElementById( 'gr-toggle-author' );
+            if (entries.length) filtered[verseId] = entries;
-    if ( !gView || !aView || !gBtn || !aBtn ) return;
+        });
-    gView.style.display = ( v === 'grantha' ) ? '' : 'none';
+        var injectedAny = injectTeekaInMoola(filtered);
-    aView.style.display = ( v === 'author'  ) ? '' : 'none';
+        if (!injectedAny) console.warn('[grTeekaInterleave] Selected commentaries loaded, but none of their verse ids matched any verse-block on THIS page.');
-    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 ) {}
+    function toggleSlug(slug, checked) {
-  }
+        if (checked) selectedTeekaSlugs[slug] = true; else delete selectedTeekaSlugs[slug];
+        writeLS(LS_TEEKA_KEY, JSON.stringify(Object.keys(selectedTeekaSlugs)));
+        (checkboxesBySlug[slug] || []).forEach(function ($cb) { $cb.prop('checked', checked); });
+        renderInterleave();
+        changeCallbacks.forEach(function (cb) { cb(Object.keys(selectedTeekaSlugs)); });
+    }
+    // Augments existing <a> links pointing to a known commentary subpage
+    // with an inline checkbox, wherever the link already appears -
+     // matched by real href rather than any assumed list markup, since
+    // that markup isn't something this script controls.
+    // CHANGED: wraps the checkbox AND the link together in one flex
+    // container, rather than just wrapping the checkbox alone next to
+    // an untouched sibling link - confirmed directly (screenshot, twice
+    // now) that aligning a wrapped checkbox against ambient text-
+    // baseline metrics alone still leaves a small vertical offset,
+    // especially with the site's custom Devanagari font's own metrics.
+    // Flexbox align-items:center between the checkbox and the link's
+    // own line box is a more reliable way to center them against EACH
+    // OTHER directly, rather than each independently against the
+    // surrounding line. The link is moved (not cloned) into the
+    // wrapper at its original DOM position, so its href/click behavior
+    // and the surrounding "\u2014 author" text's sibling order are both
+    // preserved exactly as before.
+     function augmentExistingTeekaLinks(subpageTitles, docs) {
+        var slugByPath = {};
+        subpageTitles.forEach(function (title, i) {
+            var doc = docs[i];
+            if (!doc) return;
+            slugByPath[normalizeWikiPath(mw.util.getUrl(title))] = doc.doc.slug || doc._title;
+        });
+        var $contentLinks = $('#mw-content-text a[href], .mw-parser-output a[href]');
+        var augmented = [];
+        $contentLinks.each(function () {
+            var href = this.getAttribute('href') || '';
+            var path;
+            try { path = normalizeWikiPath(new URL(href, window.location.href).pathname); }
+            catch (e) { return; }
+            var slug = slugByPath[path];
+            if (!slug || this.closest('.gr-injected-teeka-group')) return;
+            var li = this.closest('li');
+            if (li) li.classList.add('gr-teeka-list-item');
+            var $anchor = $(this);
+            var $wrap = $('<span>').addClass('gr-teeka-cb-wrap');
+            var $cb = $('<input>').attr({ type: 'checkbox' }).addClass('gr-teeka-inline-checkbox').prop('checked', !!selectedTeekaSlugs[slug]);
+            $anchor.before($wrap);
+            $wrap.append($cb);
+            $wrap.append($anchor);
+            registerCheckbox(slug, $cb);
+            $cb.on('change', function () { toggleSlug(slug, $cb.is(':checked')); });
+            augmented.push({ slug: slug, el: $cb[0] });
+        });
+        var missedTitles = subpageTitles.filter(function (t, i) {
+            var d = docs[i]; if (!d) return false;
+            var s = d.doc.slug || d._title;
+            return !augmented.some(function (a) { return a.slug === s; });
+        });
+        if (missedTitles.length) console.warn('[grTeekaInterleave] No matching link found on this page for: ' + missedTitles.join(', ') + ' - the toolbar dropdown still covers them.');
+        return augmented;
+    }
-  function initHomeToggle() {
+    // Tracks whether ANY inline checkbox is currently on-screen, and
-     var gBtn = document.getElementById( 'gr-toggle-grantha' );
+    // notifies subscribers only when that overall state actually flips -
-     var aBtn = document.getElementById( 'gr-toggle-author' );
+    // verified in isolation before wiring in here. Drives whether
-    if ( !gBtn || !aBtn ) return;
+    // readerToolbar.js's "Commentaries" control needs to be shown as a
-    gBtn.addEventListener( 'click', function () { grHomeView( 'grantha' ); } );
+    // fallback (inline list scrolled out of view) or can stay hidden
-    aBtn.addEventListener( 'click', function () { grHomeView( 'author' );  } );
+     // (reader can already see and use the inline checkboxes).
-    [ gBtn, aBtn ].forEach( function ( btn ) {
+     function observeInlineVisibility(checkboxEls) {
-      btn.addEventListener( 'keydown', function ( e ) {
+        if (!checkboxEls.length || !window.IntersectionObserver) return;
-        if ( e.key === 'Enter' || e.key === ' ' ) btn.click();
+        var visibleSet = new Set();
-      } );
+        var obs = new IntersectionObserver(function (entries) {
-    } );
+            entries.forEach(function (entry) {
-    var saved;
+                var id = entry.target.__grTeekaId;
-    try { saved = localStorage.getItem( 'gr_home_view' ); } catch ( e ) {}
+                if (entry.isIntersecting) visibleSet.add(id); else visibleSet.delete(id);
-    if ( saved === 'author' ) grHomeView( 'author' );
+            });
-  }
+            var anyVisible = visibleSet.size > 0;
+            if (anyVisible !== inlineListVisible) {
+                inlineListVisible = anyVisible;
+                visibilityCallbacks.forEach(function (cb) { cb(anyVisible); });
+            }
+        }, { rootMargin: '-60px 0px 0px 0px', threshold: 0 });
+        checkboxEls.forEach(function (el, i) { el.__grTeekaId = 'cb' + i; obs.observe(el); });
+    }
-  if ( document.readyState === 'loading' ) document.addEventListener( 'DOMContentLoaded', initHomeToggle );
+    function init() {
-  else initHomeToggle();
+        // Runs unconditionally, before any of the early-return checks
-}() );
+        // below - harmless as a no-op teardown on pages where nothing
+        // ever gets injected, but critical to have active on every page
+        // this feature COULD have injected into, regardless of which
+        // exact code path led here.
+        watchForEditMode();
+        var ns = mw.config.get('wgNamespaceNumber');
+        var pageName = mw.config.get('wgPageName') || '';
+        var isMainPg = (pageName === 'Main_Page' || pageName === 'Main Page');
+        var isTeekaPage = !!document.querySelector('.gr-teeka-page[data-interleaved="1"], .gr-parent-ref-block');
+        if (ns !== 0 || isMainPg || isTeekaPage) { isReady = true; readyCallbacks.forEach(function (cb) { cb([]); }); return; }
+        var rootTitle = mw.config.get('wgTitle');
+        findCommentarySubpages(rootTitle).then(function (subpages) {
+            if (!subpages.length) { isReady = true; readyCallbacks.forEach(function (cb) { cb([]); }); return; }
+            fetchTeekaJsons(subpages).then(function (cache) {
+                var fetched = subpages.map(function (t) { return cache[t] || null; });
+                // Pair title+doc together FIRST, then filter as one unit -
+                // filtering `docs` separately from `subpages` and passing
+                // both (now misaligned) arrays elsewhere was a confirmed
+                // real bug in an earlier version of this feature.
+                var pairs = subpages.map(function (title, i) { return { title: title, doc: fetched[i] }; })
+                    .filter(function (p) {
+                        if (!p.doc) console.warn('[grTeekaInterleave] Could not load JSON:' + p.title);
+                        return !!p.doc;
+                    });
-// ── Ullekha reference link handler ─────────────────────────────────
+                // Reading order = the order the book prints the
-( function () {
+                // commentaries in, which a document states as doc.order.
+                // findCommentarySubpages gets its list from
+                // action=query&list=allpages, and that is ALPHABETICAL BY
+                // TITLE - so Vadiraja came before Vyasatirtha, and the
+                // checkbox list, the colour slots and the interleaved
+                // blocks all inherited that same wrong order, since every
+                // one of them is derived from this array. Sorting here
+                // fixes all three at once. A document with no doc.order
+                // (anything published before this field existed) keeps its
+                // existing relative position rather than jumping to the
+                // front, so mixed pages stay stable.
+                pairs = pairs.map(function (p, i) { return { p: p, i: i }; })
+                    .sort(function (a, b) {
+                        var ao = a.p.doc && a.p.doc.doc && a.p.doc.doc.order;
+                        var bo = b.p.doc && b.p.doc.doc && b.p.doc.doc.order;
+                        if (typeof ao === 'number' && typeof bo === 'number' && ao !== bo) return ao - bo;
+                        if (typeof ao === 'number' && typeof bo !== 'number') return -1;
+                        if (typeof bo === 'number' && typeof ao !== 'number') return 1;
+                        return a.i - b.i;
+                    })
+                    .map(function (x) { return x.p; });
-  function highlightOnArrival() {
+                var topDocs = pairs.map(function (p) { return p.doc; });
-    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() {
+                // NEW: sub-commentaries (tippanis) - a teeka doc declares
-      var content = document.querySelector( '.mw-parser-output' );
+                // its own children via doc.related (an array of slugs,
-      if ( !content ) return;
+                // matching the same field this session's own generator
+                // already writes into new JSON docs). Only the ASK here
+                // is to show these as sub-categories in the options list
+                // and gate their visibility on the parent being checked
+                // - so this only needs one more level of fetching, not
+                // unbounded recursion.
+                var relatedSlugs = [];
+                topDocs.forEach(function (d) { (d.doc.related || []).forEach(function (s) { relatedSlugs.push(s); }); });
+                var uniqueRelated = relatedSlugs.filter(function (s, i) { return relatedSlugs.indexOf(s) === i; });
-      var snippet = needle.slice( 0, 40 );
+                function finishInit(subDocsBySlug) {
-      var found   = false;
+                    var allDocs = topDocs.slice();
+                    Object.keys(subDocsBySlug).forEach(function (slug) { if (subDocsBySlug[slug]) allDocs.push(subDocsBySlug[slug]); });
+                    teekaIndex = buildTeekaInMoolaIndex(allDocs);
+                    availableList = topDocs.map(function (d) {
+                        var subItems = (d.doc.related || [])
+                            .map(function (s) { return subDocsBySlug[s]; })
+                            .filter(Boolean)
+                            .map(function (sd) { return { slug: sd.doc.slug || sd._title, title: sd.doc.title || sd._title }; });
+                        return { slug: d.doc.slug || d._title, title: d.doc.title || d._title, subItems: subItems };
+                    });
+                    // Cached at module level so watchForEditMode can
+                    // correctly re-run link augmentation after a
+                    // cancelled edit, without needing to re-fetch
+                    // anything from the server.
+                    // Every commentary is on at the start of EVERY page
+                    // load, not only a reader's first visit. The moola is
+                    // published together with its commentaries and the
+                    // complete text is what a reader should land on; the
+                    // checkboxes are for narrowing it down while reading,
+                    // and that narrowing lasts for as long as the page is
+                    // open rather than following the reader to the next one.
+                    //
+                    // This MUST come before augmentExistingTeekaLinks:
+                    // that builds each inline checkbox with
+                    // .prop('checked', !!selectedTeekaSlugs[slug]), reading
+                    // the selection as it stands at that moment. Selecting
+                    // afterwards left every box drawn unchecked while the
+                    // commentaries themselves were shown - the state and
+                    // the control disagreeing on screen.
+                    availableList.forEach(function (it) {
+                        selectedTeekaSlugs[it.slug] = true;
+                        (it.subItems || []).forEach(function (sub) { selectedTeekaSlugs[sub.slug] = true; });
+                    });
-      var spans = content.querySelectorAll( '[data-deva]' );
+                    lastAugmentArgs = { titles: pairs.map(function (p) { return p.title; }), docs: topDocs };
-      for ( var i = 0; i < spans.length && !found; i++ ) {
+                    var augmented = augmentExistingTeekaLinks(lastAugmentArgs.titles, lastAugmentArgs.docs);
-        var spanEl = spans[ i ];
+                    if (augmented.length) observeInlineVisibility(augmented.map(function (a) { return a.el; }));
-        var orig   = spanEl.getAttribute( 'data-deva' ) || '';
+                    else inlineListVisible = false; // no inline checkboxes exist - toolbar control should always show as the only access point
-        if ( orig.indexOf( snippet ) === -1 ) continue;
+                    if (Object.keys(selectedTeekaSlugs).length) renderInterleave();
+                    isReady = true;
+                    readyCallbacks.forEach(function (cb) { cb(availableList); });
+                    if (inlineListVisible !== null) visibilityCallbacks.forEach(function (cb) { cb(inlineListVisible); });
+                }
-        var idx    = orig.indexOf( snippet );
+                if (!uniqueRelated.length) { finishInit({}); return; }
-        var hlText = orig.slice( idx, Math.min( idx + needle.length, orig.length ) );
+                fetchTeekaJsons(uniqueRelated).then(function (cache) {
-        var mark   = document.createElement( 'mark' );
+                    var subDocsBySlug = {};
-        mark.className  = 'gr-ullekha-highlight';
+                    uniqueRelated.forEach(function (slug) {
-        mark.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;';
+                        if (!cache[slug]) console.warn('[grTeekaInterleave] Could not load sub-commentary JSON:' + slug);
-         mark.textContent   = hlText;
+                        subDocsBySlug[slug] = cache[slug] || null;
+                    });
+                    finishInit(subDocsBySlug);
+                });
+            });
+         });
+    }
-         var parent = spanEl.parentNode;
+    window.grTeekaInterleave = {
-         if ( !parent ) continue;
+         teardown: teardownTeekaInterleave,
+        onReady: function (cb) { if (isReady) cb(availableList); else readyCallbacks.push(cb); },
+        onChange: function (cb) { changeCallbacks.push(cb); },
+         onVisibilityChange: function (cb) { visibilityCallbacks.push(cb); if (inlineListVisible !== null) cb(inlineListVisible); },
+        getSelected: function () { return Object.keys(selectedTeekaSlugs); },
+        toggle: function (slug, checked) { toggleSlug(slug, checked); },
+        registerCheckbox: registerCheckbox
+    };
-        var before = document.createTextNode( orig.slice( 0, idx ) );
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
-        var after  = document.createTextNode( orig.slice( idx + hlText.length ) );
+    else init();
-        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();
+/* ═══════════════════════════════════════════════════════════════
-  }
+   Devanagari page titles, site-wide  (window.grTitles)
+   ───────────────────────────────────────────────────────────────
+   One source of truth for "what is this page called": the Main Page
+   catalogue, where every published work and commentary is listed as
+   [[Slug|देवनागरी नाम]]. update_main_page.py keeps that list current,
+   so a newly pushed commentary gets its Devanagari name everywhere
+   without anyone editing a hard-coded list.
-  function wireUllekhaLinks() {
+   Used by:
-    document.querySelectorAll( '.gr-ullekha-ref-link' ).forEach( function ( wrap ) {
+     • readerToolbar.js search results (grDocDisplayTitle & co. ask
-      var anchor = wrap.getAttribute( 'data-anchor' ) || '';
+       grTitles first, then fall back to their own GR_DOC_TITLES map)
-      var hl     = wrap.getAttribute( 'data-hl' )     || '';
+     • the Updates page
-      var a = wrap.querySelector( 'a' );
+     • this block itself, which relabels any link on the page whose
-      if ( !a ) return;
+       text is still the English slug (e.g. the "Vadavali · Bhavavivaranam"
+       page-nav line), the mobile page heading, and the browser tab title.
-      var base = a.href.split( '#' )[ 0 ];
+   The catalogue is cached in localStorage for CACHE_HOURS and refreshed
-      var encoded = encodeURIComponent( hl );
+   in the background, so lookups are synchronous on almost every view.
-      a.href = base + ( hl ? '?hlUllekha=' + encoded : '' )
+   ═══════════════════════════════════════════════════════════════ */
-                    + ( anchor ? '#' + anchor : '' );
+(function () {
-    } );
+    'use strict';
-  }
-  if ( document.readyState === 'loading' ) {
+    var CATALOGUE_PAGE = 'Main_Page';
-     document.addEventListener( 'DOMContentLoaded', function () {
+     var CACHE_KEY = 'gr_titles_v1';
-      highlightOnArrival();
+     var CACHE_HOURS = 1;
-      wireUllekhaLinks();
+     var DEVA = /[ऀ-ॿ]/;
-     } );
-  } else {
-    highlightOnArrival();
-     wireUllekhaLinks();
-  }
-}() );/* ── Search result highlight ──────────────────────────────────── */
-( function () {
-  function storeQueryForLink( url, query ) {
+    var full = {};     // "Katha/Vyakhya/VyasatirthaVivarana" → "श्रीव्यासतीर्थविरचितविवरणम्"
-     try {
+     var leaf = {};     // "VyasatirthaVivarana" → same; null when two pages share a leaf
-      var a = document.createElement( 'a' );
+    var waiting = [];
-      a.href = url;
+     var loaded = false;
-      sessionStorage.setItem( 'gr_search_hl', JSON.stringify({
-        query:    query,
-        pathname: a.pathname
-      }) );
-     } catch(e) {}
-  }
-  function applyHighlight() {
+    function cfg(k) { return (window.mw && mw.config && mw.config.get(k)) || null; }
-    var stored;
+     function norm(t) { return String(t || '').replace(/_/g, ' ').replace(/\s+/g, ' ').trim(); }
-     try {
+     function lsGet(k) { try { return localStorage.getItem(k); } catch (e) { return null; } }
-      stored = JSON.parse( sessionStorage.getItem( 'gr_search_hl' ) || 'null' );
+     function lsSet(k, v) { try { localStorage.setItem(k, v); } catch (e) { } }
-     } catch(e) { return; }
+    function script(name) {
-     if ( !stored || !stored.query ) return;
+        if (window.mw && mw.util && mw.util.wikiScript) return mw.util.wikiScript(name);
+        return (cfg('wgScriptPath') || '') + '/' + name + '.php';
+    }
-     var currentPath = window.location.pathname;
+     function add(title, label, override) {
-     var storedPath  = stored.pathname || '';
+        title = norm(title); label = String(label || '').replace(/<[^>]*>/g, '').trim();
-    function normPath(p) { return decodeURIComponent(p).replace(/\/+$/, ''); }
+        if (!title || !label || !DEVA.test(label)) return;
-     if ( storedPath && normPath(storedPath) !== normPath(currentPath) ) {
+        if (override || !full[title]) full[title] = label;
-      try { sessionStorage.removeItem( 'gr_search_hl' ); } catch(e) {}
+        var l = title.split('/').pop();
-      return;
+        if (!(l in leaf) || override) leaf[l] = label;
+        else if (leaf[l] !== label) leaf[l] = null;   // ambiguous leaf: don't guess
+     }
+    function parseCatalogue(txt) {
+        var out = {}, re = /\[\[([^\]|#]+)\|([^\]]+)\]\]/g, m;
+        while ((m = re.exec(txt || ''))) {
+            var k = norm(m[1]);
+            if (!out[k]) out[k] = m[2].replace(/<[^>]*>/g, '').trim();
+        }
+        return out;
+    }
+     function useCatalogue(map) {
+        full = {}; leaf = {};
+        Object.keys(map).forEach(function (k) { add(k, map[k]); });
+        addCurrentPage();
+    }
+    // The page being viewed names itself in .gr-doc-title — covers a page
+    // that isn't on the Main Page yet.
+    function addCurrentPage() {
+        var el = document.querySelector('#mw-content-text .gr-doc-title');
+        var me = norm(cfg('wgPageName'));
+        if (el && me && !full[me]) add(me, el.textContent);
      }
-     var query = stored.query.trim();
+     // ── public API ────────────────────────────────────────────────
-     if ( !query ) return;
+    function get(title) { return full[norm(title)] || null; }
+    function getLeaf(seg) { var v = leaf[norm(seg)]; return v || null; }
+    function whenReady(cb) { if (loaded) cb(); else waiting.push(cb); }
+     function all() { var o = {}; for (var k in full) o[k] = full[k]; return o; }
+    window.grTitles = { get: get, leaf: getLeaf, all: all, whenReady: whenReady, parse: parseCatalogue };
-     try { sessionStorage.removeItem( 'gr_search_hl' ); } catch(e) {}
+     function finish() {
+        loaded = true;
+        var cbs = waiting; waiting = [];
+        cbs.forEach(function (cb) { try { cb(); } catch (e) { } });
+        relabel();
+        if (window.mw && mw.hook) mw.hook('gr.titles').fire(window.grTitles);
+    }
-     var delays = [0, 200, 600];
+     // ── relabel what's on screen ──────────────────────────────────
-     delays.forEach( function(ms) {
+     function articleTitleFromHref(href) {
-      setTimeout( function () {
+        var u;
-         if ( !document.querySelector( '.gr-search-hl' ) ) {
+        try { u = new URL(href, location.href); } catch (e) { return null; }
-          highlightText( query );
+         if (u.origin !== location.origin) return null;
+        var t = u.searchParams.get('title');
+        if (!t) {
+            var ap = (cfg('wgArticlePath') || '/wiki/$1').split('$1')[0];
+            if (u.pathname.indexOf(ap) !== 0) return null;
+            t = u.pathname.slice(ap.length);
          }
-      }, ms );
+        try { t = decodeURIComponent(t); } catch (e) { }
-     } );
+        return norm(t);
-  }
+    }
+    function relabel(root) {
+        root = root || document;
+        var links = root.querySelectorAll('#mw-content-text a[href], .gr-sticky-title a[href], #mw-panel a[href], .vector-toc a[href]');
+        Array.prototype.forEach.call(links, function (a) {
+            if (a.children.length) return;                         // leave rich links alone
+            var text = norm(a.textContent);
+            if (!text || DEVA.test(text)) return;                   // already Devanagari
+            var target = articleTitleFromHref(a.getAttribute('href')) || norm(a.getAttribute('title'));
+            if (!target) return;
+            var tail = target.split('/').pop();
+            if (text !== target && text !== tail) return;           // only replace a bare slug
+            var label = get(target) || (text === tail ? getLeaf(tail) : null);
+            if (label) a.textContent = label;
+        });
+        // Page heading (shown on mobile) and the browser tab
+        var me = norm(cfg('wgPageName'));
+        var myLabel = get(me);
+        if (!myLabel) return;
+        var h = document.querySelector('#firstHeading .mw-page-title-main') || document.getElementById('firstHeading');
+        if (h && !h.children.length && norm(h.textContent) === me) h.textContent = myLabel;
+        var wgTitle = norm(cfg('wgTitle'));
+        if (wgTitle && document.title.indexOf(wgTitle) === 0) document.title = myLabel + document.title.slice(wgTitle.length);
+        else if (document.title.indexOf(me) === 0) document.title = myLabel + document.title.slice(me.length);
+     }
+    // ── load ─────────────────────────────────────────────────────
+    function fetchFresh() {
+        return fetch(script('index') + '?title=' + CATALOGUE_PAGE + '&action=raw', { credentials: 'same-origin' })
+            .then(function (r) { return r.ok ? r.text() : Promise.reject(); })
+            .then(function (txt) {
+                var map = parseCatalogue(txt);
+                lsSet(CACHE_KEY, JSON.stringify({ at: Date.now(), map: map }));
+                return map;
+            });
+    }
+    function boot() {
+        var cached = null;
+        try { cached = JSON.parse(lsGet(CACHE_KEY) || 'null'); } catch (e) { }
+        if (cached && cached.map) { useCatalogue(cached.map); finish(); }
+        var stale = !cached || (Date.now() - cached.at > CACHE_HOURS * 3600000);
+        if (!stale) return;
+        fetchFresh().then(function (map) {
+            useCatalogue(map);
+            if (!loaded) finish(); else relabel();
+        }).catch(function () { if (!loaded) { addCurrentPage(); finish(); } });
+    }
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);
+    else boot();
+    // Content that arrives later (previews, lazy sections, search panes)
+    if (window.mw && mw.hook) mw.hook('wikipage.content').add(function ($c) {
+        if (loaded) { addCurrentPage(); relabel($c && $c[0] ? $c[0] : document); }
+    });
+}());
+/* ═══════════════════════════════════════════════════════════════
+   Header links "Library" and "Updates", and the Updates page
+   ───────────────────────────────────────────────────────────────
+   Desktop (Vector): "Library" and "Updates" added before "Help".
+   Mobile (Minerva): the same two items in the menu panel, after "Home".
+   "Updates" opens the page My_wiki:Updates, which has two parts:
-  function highlightText( query ) {
+. What's new — filled in automatically from the wiki's edit history
-    var content = document.querySelector( '#mw-content-text .mw-parser-output' );
+      into <div id="gr-updates-feed">. Nothing to maintain by hand:
-    if ( !content ) return;
+        • New      a page created in the last WINDOW_DAYS days
+        • Updated  an existing page whose edits in that window add up to
+                   at least UPDATE_MIN_BYTES (so typo fixes don't show)
+      Titles are the Devanagari names from window.grTitles (Main Page catalogue).
+      Test pages, helper subpages (/Ullekha, /Moola, /C1 …) and deleted
+      pages are left out.
+. Announcements & events — a card editors fill by hand with
+      {{Bulletin|type=…|date=…|title=…|text=…}} lines on that page.
-    var raw = query.replace( /^"|"$/g, '' ).trim();
+   Styling: MediaWiki:Common.css §37 (no inline styles here).
-     if ( !raw ) return;
+   ═══════════════════════════════════════════════════════════════ */
+(function () {
+     'use strict';
-     var patterns = [];
+     var LIBRARY_URL = 'https://dvaita-grantha-hierarchy-library.ai.studio/';
-     patterns.push( escapeRegex( raw ) );
+    var LIBRARY_LABEL = 'Library';
-     raw.split( /\s+/ ).forEach( function(w) {
+    var UPDATES_LABEL = 'Updates';
-      if ( w.length >= 2 ) patterns.push( escapeRegex( w ) );
+    var UPDATES_PAGE = 'My_wiki:Updates';   // the page the "Updates" link opens
-     } );
+    var WINDOW_DAYS = 90;          // how far back the list looks
+    var UPDATE_MIN_BYTES = 1500;   // edits smaller than this in total aren't "updates"
+    var MAX_ITEMS = 100;           // rows shown on the page
+    var CACHE_MINUTES = 10;        // per-tab cache so every page view isn't an API call
+     var CATALOGUE_PAGE = 'Main_Page';
+     var SKIP_TITLE = /^(Main Page|Test|Sandbox)|(^|\/)(Ullekha|Moola|C\d+)$|(^|\/)(Test|Teeka|Tippani)\d*$/i;
+     var HIDE = [];                 // exact titles never to list, e.g. ['Sumadhwavijaya/Vyakhya/पदार्थदीपिका']
-     var matched = false;
+     var SEEN_KEY = 'gr_updates_seen';
-     for ( var pi = 0; pi < patterns.length; pi++ ) {
+     var CACHE_KEY = 'gr_updates_cache_v3';
-      var re;
+    var isMobile = document.body.classList.contains('skin-minerva');
-      try { re = new RegExp( '(' + patterns[pi] + ')', 'gi' ); }
-      catch(e) { continue; }
-      var count = wrapMatches( content, re );
+    // ── helpers ────────────────────────────────────────────────
-      if ( count > 0 ) { matched = true; break; }
+    function cfg(k) { return (window.mw && mw.config && mw.config.get(k)) || null; }
+    function wikiHref(title) {
+        if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(title);
+        var ap = cfg('wgArticlePath') || '/wiki/$1';
+        return ap.replace('$1', encodeURIComponent(title.replace(/ /g, '_')).replace(/%2F/g, '/').replace(/%3A/g, ':'));
      }
+    function script(name) {
+        if (window.mw && mw.util && mw.util.wikiScript) return mw.util.wikiScript(name);
+        return (cfg('wgScriptPath') || '') + '/' + name + '.php';
+    }
+    function lsGet(k) { try { return localStorage.getItem(k); } catch (e) { return null; } }
+    function lsSet(k, v) { try { localStorage.setItem(k, v); } catch (e) { } }
+    function ssGet(k) { try { return sessionStorage.getItem(k); } catch (e) { return null; } }
+    function ssSet(k, v) { try { sessionStorage.setItem(k, v); } catch (e) { } }
+    function el(tag, cls, text) {
+        var n = document.createElement(tag);
+        if (cls) n.className = cls;
+        if (text != null) n.textContent = text;
+        return n;
+    }
+    function norm(t) { return String(t || '').replace(/_/g, ' ').replace(/\s+/g, ' ').trim(); }
-     if ( !matched ) return;
+     var MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    function absDate(d) { return MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear(); }
+    // Today · 1 day ago · 5 days ago (under a week) · Sep 16, 2026
+    function relDate(d, now) {
+        now = now || new Date();
+        var a = new Date(d.getFullYear(), d.getMonth(), d.getDate());
+        var b = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+        var days = Math.round((b - a) / 86400000);
+        if (days <= 0) return 'Today';
+        if (days === 1) return '1 day ago';
+        if (days < 7) return days + ' days ago';
+        return absDate(d);
+    }
-     var first = document.querySelector( '.gr-search-hl' );
+     // ── data ───────────────────────────────────────────────────
-    if ( first ) {
+    function getJSON(url) {
-      first.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        return fetch(url, { credentials: 'same-origin' }).then(function (r) {
-      first.classList.add( 'gr-search-hl-pulse' );
+            if (!r.ok) throw new Error('HTTP ' + r.status);
-      setTimeout( function() {
+            return r.json();
-        first.classList.remove( 'gr-search-hl-pulse' );
+        });
-      }, 2000 );
+    }
+    function api(params) {
+        var q = ['format=json', 'formatversion=2'];
+        for (var k in params) q.push(k + '=' + encodeURIComponent(params[k]));
+        return getJSON(script('api') + '?' + q.join('&'));
      }
-     showDismissBar( query );
+     // Devanagari names come from window.grTitles (the Main Page catalogue,
-  }
+    // cached) — the same names search and links use.
+    function fetchCatalogue() {
+        return new Promise(function (resolve) {
+            if (window.grTitles) window.grTitles.whenReady(function () { resolve(window.grTitles.all()); });
+            else resolve({});
+        });
+    }
-  function escapeRegex( s ) {
+    // Every main-namespace change in the window, oldest→newest pages grouped.
-    return s.replace( /[.*+?^${}()|[\]\\]/g, '\\$&' );
+    function fetchChanges() {
-  }
+        var since = new Date(Date.now() - WINDOW_DAYS * 86400000).toISOString().replace(/\.\d+Z$/, 'Z');
+        var all = [];
-  function wrapMatches( root, re ) {
+        function page(cont, limit) {
-    var count = 0;
+            var p = {
-    var walker = document.createTreeWalker(
+                action: 'query', list: 'recentchanges', rctype: 'new|edit', rcnamespace: 0,
-      root, NodeFilter.SHOW_TEXT, {
+                rcshow: '!redirect', rcprop: 'title|timestamp|sizes', rclimit: limit, rcend: since
-        acceptNode: function( node ) {
+            };
-          var p = node.parentElement;
+            if (cont) p.rccontinue = cont;
-          if ( !p ) return NodeFilter.FILTER_REJECT;
+            return api(p).then(function (j) {
-          var tag = p.tagName.toUpperCase();
+                // The API answers 200 with an {error:...} body, so a failed
-          if ( tag === 'SCRIPT' || tag === 'STYLE' || tag === 'NOSCRIPT' ) return NodeFilter.FILTER_REJECT;
+                // query is not a rejected promise. Treat it as one.
-          if ( p.classList.contains( 'gr-search-hl' ) ) return NodeFilter.FILTER_REJECT;
+                if (j && j.error) throw new Error(j.error.code || 'api error');
-          return NodeFilter.FILTER_ACCEPT;
+                all = all.concat((j.query && j.query.recentchanges) || []);
+                // Two pages (1,000 changes) is plenty for a notifications list.
+                if (j['continue'] && j['continue'].rccontinue && all.length < 1000) {
+                    return page(j['continue'].rccontinue, limit);
+                }
+                return all;
+            }).catch(function (err) {
+                // recentchanges over a date range is the most expensive query
+                // this site makes, and on a busy or constrained database it
+                // can come back as a DBQueryError. Halve the window and retry
+                // once; failing that, return nothing. A "what's new" list is
+                // not worth breaking the page for.
+                if (limit > 100) return page(cont, 100);
+                try {
+                    console.warn('[gr] recent changes unavailable: ' +
+                                 (err && err.message || err));
+                } catch (e) { }
+                return all;
+            });
          }
-      }, false
+        return page(null, 500);
-     );
+     }
-     var nodes = [];
+     function summarise(changes, catalogue) {
-    var node;
+        var byTitle = {};
-     while ( ( node = walker.nextNode() ) ) nodes.push( node );
+        changes.forEach(function (c) {
+            var t = norm(c.title);
+            if (SKIP_TITLE.test(t) || HIDE.indexOf(t) !== -1) return;
+            var e = byTitle[t] || (byTitle[t] = { title: t, created: null, last: null, bytes: 0 });
+            var ts = new Date(c.timestamp);
+            if (c.type === 'new') e.created = ts;
+            else e.bytes += Math.abs((c.newlen || 0) - (c.oldlen || 0));
+            if (!e.last || ts > e.last) e.last = ts;
+        });
+        var out = [];
+        Object.keys(byTitle).forEach(function (t) {
+            var e = byTitle[t];
+            var listed = !!catalogue[t];
+            // Pages the catalogue doesn't know about still count if they look like
+            // real content: a top-level work or a commentary under /Vyakhya/.
+            if (!listed && t.indexOf('/') !== -1 && !/\/Vyakhya\/[^/]+$/.test(t)) return;
+            if (e.created) out.push({ title: t, kind: 'new', when: e.created });
+            else if (e.bytes >= UPDATE_MIN_BYTES) out.push({ title: t, kind: 'update', when: e.last });
+        });
+        out.forEach(function (x) { x.listed = !!catalogue[x.title]; x.label = labelFor(x.title, catalogue); x.sub = subFor(x.title, catalogue); });
+        return out.sort(function (a, b) { return b.when - a.when; });
+    }
+     function labelFor(t, cat) {
+        if (cat[t]) return cat[t];
+        var parts = t.split('/');
+        return parts[parts.length - 1];
+    }
+    // Second line: which work a commentary belongs to.
+    function subFor(t, cat) {
+        var m = /^([^/]+)\/Vyakhya\//.exec(t);
+        if (!m) return '';
+        return cat[m[1]] ? cat[m[1]] + ' — टीका' : 'टीका';
+    }
-     nodes.forEach( function( textNode ) {
+     // Drop pages created in the window and deleted since.
-      var val = textNode.nodeValue;
+    function dropMissing(items) {
-      if ( !re.test( val ) ) return;
+        if (!items.length) return Promise.resolve(items);
-      re.lastIndex = 0;
+        var batches = [];
+        for (var i = 0; i < items.length; i += 50) batches.push(items.slice(i, i + 50));
+        return Promise.all(batches.map(function (b) {
+            return api({ action: 'query', prop: 'info', inprop: 'displaytitle', titles: b.map(function (x) { return x.title; }).join('|') })
+                .then(function (j) {
+                    var gone = {}, shown = {};
+                    ((j.query && j.query.pages) || []).forEach(function (p) {
+                        if (p.missing) gone[norm(p.title)] = true;
+                        var dt = (p.displaytitle || '').replace(/<[^>]*>/g, '').trim();
+                        if (dt && norm(dt) !== norm(p.title)) shown[norm(p.title)] = dt;
+                    });
+                    return b.filter(function (x) {
+                        // A DISPLAYTITLE only helps pages the catalogue doesn't name.
+                        if (shown[x.title] && !x.listed) x.label = shown[x.title];
+                        return !gone[x.title];
+                    });
+                }).catch(function () { return b; });
+        })).then(function (r) { return [].concat.apply([], r); });
+    }
-      var frag = document.createDocumentFragment();
+    function loadUpdates() {
-      var last = 0;
+        var cached = ssGet(CACHE_KEY);
-      var m;
+        if (cached) {
-      while ( ( m = re.exec( val ) ) !== null ) {
+            try {
-        if ( m.index > last ) {
+                var c = JSON.parse(cached);
-          frag.appendChild( document.createTextNode( val.slice( last, m.index ) ) );
+                if (Date.now() - c.at < CACHE_MINUTES * 60000) {
+                    return Promise.resolve(c.items.map(function (x) { x.when = new Date(x.when); return x; }));
+                }
+            } catch (e) { }
          }
-         var span = document.createElement( 'span' );
+         return Promise.all([
-        span.className = 'gr-search-hl';
+            fetchChanges().catch(function () { return []; }),
-        span.textContent = m[0];
+            fetchCatalogue().catch(function () { return null; })
-        frag.appendChild( span );
+         ]).then(function (r) {
-         last = m.index + m[0].length;
+            return dropMissing(summarise(r[0], r[1]).slice(0, MAX_ITEMS + 10));
-         count++;
+         }).then(function (items) {
-      }
+            items = items.slice(0, MAX_ITEMS);
-      if ( last < val.length ) {
+            ssSet(CACHE_KEY, JSON.stringify({ at: Date.now(), items: items }));
-        frag.appendChild( document.createTextNode( val.slice( last ) ) );
+            return items;
-      }
+        });
-      textNode.parentNode.replaceChild( frag, textNode );
+    }
-     } );
+    function lastSeen() { return +lsGet(SEEN_KEY) || 0; }
+     function markSeen() { lsSet(SEEN_KEY, String(Date.now())); }
-     return count;
+     // ── Updates page: the automatic list ─────────────────────────
-  }
+    //    Filled into <div id="gr-updates-feed"> on UPDATES_PAGE.
+    //    All styling lives in Common.css §37.
+    var KIND = { 'new': ['New', 'gr-upd-new'], 'update': ['Updated', 'gr-upd-update'] };
-  function showDismissBar( query ) {
+    // Today · This week · This month · then one group per month ("August 2026")
-    var isMob = window.innerWidth < 768;
+    var MONTHS_LONG = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-    var bar = document.createElement( 'div' );
+    function groupName(d, now) {
-    bar.id = 'gr-hl-bar';
+        var a = new Date(d.getFullYear(), d.getMonth(), d.getDate());
+        var b = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+        var days = Math.round((b - a) / 86400000);
+        if (days <= 0) return 'Today';
+        if (days < 7) return 'This week';
+        if (d.getFullYear() === now.getFullYear() && d.getMonth() === now.getMonth()) return 'Earlier this month';
+        return MONTHS_LONG[d.getMonth()] + ' ' + d.getFullYear();
+    }
-     if ( isMob ) {
+     function renderFeed(box, items, seenBefore) {
-      bar.style.cssText = [
+        while (box.firstChild) box.removeChild(box.firstChild);
-         'position:fixed',
+        if (items === null) { box.appendChild(el('p', 'gr-upd-empty', 'Loading…')); return; }
-         'top:calc(var(--gr-header-height,56px) + var(--gr-toc-top,52px) + 8px)',
+         if (!items.length) { box.appendChild(el('p', 'gr-upd-empty', 'No new or updated pages in the last ' + WINDOW_DAYS + ' days.')); return; }
-        'left:50%', 'transform:translateX(-50%)',
+         var now = new Date(), group = null, list = null;
-        'z-index:10200',
+        items.forEach(function (x) {
-        'background:#b5451b', 'color:#fff',
+            var g = groupName(x.when, now);
-        'padding:8px 14px',
+            if (g !== group) {
-        'border-radius:24px',
+                group = g;
-        'display:flex', 'align-items:center', 'gap:8px',
+                // A div, not an h3: the site's heading rules would restyle an h3.
-        'font-family:system-ui,sans-serif', 'font-size:13px',
+                var h = el('div', 'gr-upd-group', g);
-         'box-shadow:0 3px 12px rgba(0,0,0,0.25)',
+                h.setAttribute('role', 'heading'); h.setAttribute('aria-level', '3');
-         'white-space:nowrap',
+                box.appendChild(h);
-         'max-width:calc(100vw - 32px)'
+                list = el('div', 'gr-upd-list');
-      ].join(';');
+                list.setAttribute('role', 'list');
-    } else {
+                box.appendChild(list);
-      bar.style.cssText = [
+            }
-        'position:fixed', 'bottom:0', 'left:0', 'right:0', 'z-index:10200',
+            var li = el('div', 'gr-upd-item' + (seenBefore && x.when.getTime() > seenBefore ? ' gr-upd-unseen' : ''));
-        'background:#b5451b', 'color:#fff', 'padding:10px 16px',
+            li.setAttribute('role', 'listitem');
-         'display:flex', 'align-items:center', 'justify-content:space-between',
+            var main = el('div', 'gr-upd-main');
-         'font-family:system-ui,sans-serif', 'font-size:14px',
+            var a = el('a', 'gr-upd-title', x.label);
-         'box-shadow:0 -2px 8px rgba(0,0,0,0.2)'
+            a.href = wikiHref(x.title);
-      ].join(';');
+            main.appendChild(a);
+            var sub = el('div', 'gr-upd-sub');
+            sub.appendChild(el('span', 'gr-upd-tag ' + KIND[x.kind][1], KIND[x.kind][0]));
+            if (x.sub) sub.appendChild(el('span', 'gr-upd-work', x.sub));
+            main.appendChild(sub);
+            li.appendChild(main);
+            var d = el('time', 'gr-upd-date', relDate(x.when, now));
+            d.setAttribute('datetime', x.when.toISOString());
+            d.title = absDate(x.when);
+            li.appendChild(d);
+            list.appendChild(li);
+        });
+    }
+    // ── Updates page: the bulletin card ─────────────────────────
+    //    Items are written on the page with {{Bulletin|…}}; this only
+    //    formats their dates, marks past events, and shows an empty note.
+    function decorateBulletin() {
+         var card = document.querySelector('.gr-bulletin');
+        if (!card) return;
+        var now = new Date(), today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+         var items = card.querySelectorAll('.gr-bulletin-item');
+         Array.prototype.forEach.call(items, function (it) {
+            var raw = it.getAttribute('data-date') || '';
+            var m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(raw.trim());
+            var d = m ? new Date(+m[1], +m[2] - 1, +m[3]) : null;
+            var slot = it.querySelector('.gr-bulletin-date');
+            if (d && slot) { slot.textContent = absDate(d); slot.setAttribute('title', raw); }
+            // Past events stay listed, dimmed; hide them with until= on the item.
+            if (d && it.getAttribute('data-type') === 'event' && d < today) it.classList.add('gr-bulletin-past');
+            var until = /^(\d{4})-(\d{2})-(\d{2})$/.exec((it.getAttribute('data-until') || '').trim());
+            if (until && new Date(+until[1], +until[2] - 1, +until[3]) < today) it.classList.add('gr-bulletin-expired');
+        });
+         var visible = card.querySelectorAll('.gr-bulletin-item:not(.gr-bulletin-expired)').length;
+        card.classList.toggle('gr-bulletin-is-empty', visible === 0);
+        var layout = card.closest('.gr-updates-layout');
+         if (layout) layout.classList.toggle('gr-no-bulletin', visible === 0);
+    }
+    function initUpdatesPage() {
+        var box = document.getElementById('gr-updates-feed');
+        decorateBulletin();
+        if (!box || box.getAttribute('data-ready')) return;
+         box.setAttribute('data-ready', '1');
+        var seenBefore = lastSeen();
+        renderFeed(box, null);
+        loadUpdates().then(function (items) {
+            renderFeed(box, items, seenBefore);
+            markSeen();
+        }).catch(function () { renderFeed(box, []); });
      }
-     var count = document.querySelectorAll( '.gr-search-hl' ).length;
+     // ── header links ─────────────────────────────────────────────
+    function updatesHref() { return wikiHref(UPDATES_PAGE); }
-     if ( isMob ) {
+     // Which wiki page a link points at ("My wiki:Help"), or null.
-      bar.innerHTML =
+    function linkTarget(a) {
-        '<span style="flex-shrink:0">🔍 ' + count + '</span>' +
+        var href = a.getAttribute('href') || '';
-         '<button id="gr-hl-prev" style="background:rgba(255,255,255,0.2);border:none;color:#fff;min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;">↑</button>' +
+         if (!href || href.charAt(0) === '#') return null;   // e.g. the Log out button
-         '<button id="gr-hl-next" style="background:rgba(255,255,255,0.2);border:none;color:#fff;min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;">↓</button>' +
+         var u;
-         '<button id="gr-hl-results" style="background:rgba(255,255,255,0.2);border:none;color:#fff;min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;">←</button>' +
+        try { u = new URL(href, location.href); } catch (e) { return null; }
-         '<button id="gr-hl-dismiss" style="background:rgba(255,255,255,0.15);border:none;color:#fff;min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;">✕</button>';
+         if (u.origin !== location.origin) return null;
-    } else {
+         var t = u.searchParams.get('title');
-      var nav = document.createElement( 'div' );
+        if (!t) {
-      nav.style.cssText = 'display:flex;align-items:center;gap:12px;';
+            var ap = (cfg('wgArticlePath') || '/wiki/$1').split('$1')[0];
-      nav.innerHTML =
+            if (u.pathname.indexOf(ap) !== 0) return null;
-         '<span>🔍 <strong>' + escHtml(query) + '</strong> — ' + count + ' match' + (count===1?'':'es') + '</span>' +
+            t = u.pathname.slice(ap.length);
-         '<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>' +
+        }
-         '<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>' +
+        try { t = decodeURIComponent(t); } catch (e) { }
-         '<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>';
+         return norm(t);
-      bar.appendChild( nav );
+    }
+    // Highlight whichever header / menu link is the page being viewed —
+    // Help, About, Updates, Profile … not only the ones this block adds.
+    function markCurrent() {
+        var me = norm(cfg('wgPageName'));
+         if (!me) return;
+         var links = document.querySelectorAll('.gr-header-link, #gr-header-user-menu a, .gr-mob-item');
+         Array.prototype.forEach.call(links, function (a) {
+            var on = a.tagName === 'A' && linkTarget(a) === me;
+            a.classList.toggle('is-current', on);
+            if (on) a.setAttribute('aria-current', 'page'); else a.removeAttribute('aria-current');
+        });
      }
-     var dismiss = isMob
+     function injectDesktop() {
-      ? bar.querySelector( '#gr-hl-dismiss' )
+        if (document.getElementById('gr-library-link')) return true;
-      : ( function() {
+        var help = document.getElementById('gr-help-link');
-          var b = document.createElement( 'button' );
+        var host = help ? help.parentNode :
-          b.textContent = '✕ Close';
+            (document.querySelector('.vector-header-end') || document.querySelector('#vector-user-links') || document.querySelector('.mw-header'));
-          b.id = 'gr-hl-dismiss';
+         if (!host) return false;
-          b.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;';
-          bar.appendChild( b );
-          return b;
-         }() );
-    dismiss.onclick = function () {
+        var lib = el('a', 'gr-header-link', LIBRARY_LABEL);
-      clearHighlights();
+        lib.id = 'gr-library-link';
-      bar.remove();
+        lib.href = LIBRARY_URL; lib.target = '_blank'; lib.rel = 'noopener noreferrer';
-    };
+        lib.title = 'Grantha catalogue (opens in a new tab)';
-    document.body.appendChild( bar );
+        var upd = el('a', 'gr-header-link', UPDATES_LABEL);
+        upd.id = 'gr-updates-link';
+        upd.href = updatesHref();
-    var hlEls = Array.from( document.querySelectorAll( '.gr-search-hl' ) );
+        if (help) { host.insertBefore(lib, help); host.insertBefore(upd, help); }
-    var currentIdx = 0;
+        else { host.appendChild(lib); host.appendChild(upd); }
-    function goTo( idx ) {
+        markCurrent();
-      hlEls.forEach( function(el) { el.classList.remove( 'gr-search-hl-current' ); } );
+        return true;
-      currentIdx = ( idx + hlEls.length ) % hlEls.length;
-      var el = hlEls[ currentIdx ];
-      el.classList.add( 'gr-search-hl-current' );
-      el.scrollIntoView({ behavior: 'smooth', block: 'center' });
      }
-     var nextBtn    = document.getElementById( 'gr-hl-next' );
+     function injectMobile() {
-    var prevBtn    = document.getElementById( 'gr-hl-prev' );
+        if (document.getElementById('gr-mob-library')) return true;
-    var resultsBtn = document.getElementById( 'gr-hl-results' );
+        var menu = document.getElementById('gr-mob-menu-items');
-    if ( nextBtn ) nextBtn.onclick = function() { goTo( currentIdx + 1 ); };
+        if (!menu) return false;
-    if ( prevBtn ) prevBtn.onclick = function() { goTo( currentIdx - 1 ); };
-    if ( resultsBtn ) resultsBtn.onclick = function() {
+        var lib = el('a', 'gr-mob-item', LIBRARY_LABEL);
-      bar.remove();
+        lib.id = 'gr-mob-library';
-      /* Re-open search dialog with the same query prefilled */
+        lib.href = LIBRARY_URL; lib.target = '_blank'; lib.rel = 'noopener noreferrer';
-      if ( window.showSearchDialog ) { window.showSearchDialog( query ); }
-    };
-  }
-  function clearHighlights() {
+        var upd = el('a', 'gr-mob-item', UPDATES_LABEL);
-    document.querySelectorAll( '.gr-search-hl' ).forEach( function( span ) {
+        upd.id = 'gr-mob-updates';
-      var parent = span.parentNode;
+        upd.href = updatesHref();
-      while ( span.firstChild ) parent.insertBefore( span.firstChild, span );
-      parent.removeChild( span );
-    } );
-  }
-  function escHtml( s ) {
+        var home = null;
-    return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+        for (var i = 0; i < menu.children.length; i++) {
-  }
+            if (/^\s*Home\s*$/.test(menu.children[i].textContent)) { home = menu.children[i]; break; }
+        }
+        var ref = home ? home.nextSibling : menu.firstChild;
+        menu.insertBefore(lib, ref);
+        menu.insertBefore(upd, ref);
+        markCurrent();
+        return true;
+    }
-  function injectHighlightCSS() {
+    // ── boot: the Help/About and mobile-menu code creates the anchors on
-    if ( document.getElementById( 'gr-hl-css' ) ) return;
+    //    DOMContentLoaded, so wait briefly for them rather than assume order.
-    var s = document.createElement( 'style' );
+    function boot() {
-    s.id = 'gr-hl-css';
+        initUpdatesPage();
-    s.textContent = [
+        var inject = isMobile ? injectMobile : injectDesktop;
-      '.gr-search-hl{',
+        if (inject()) return;
-      '  background:#fff176;color:#1a1a1a;',
+        var tries = 0;
-      '  border-radius:2px;padding:0 1px;',
+        var obs = window.MutationObserver ? new MutationObserver(function () { if (inject()) obs.disconnect(); }) : null;
-      '  box-shadow:0 0 0 1px rgba(181,69,27,0.25);',
+        if (obs) obs.observe(document.body, { childList: true, subtree: true });
-      '}',
+        (function poll() {
-      '.gr-search-hl-current{',
+            if (inject()) { if (obs) obs.disconnect(); return; }
-      '  background:#ffb300!important;',
+            if (++tries < 40) setTimeout(poll, 250); else if (obs) obs.disconnect();
-      '  box-shadow:0 0 0 2px #b5451b!important;',
+        }());
-      '}',
+    }
-      '@keyframes gr-hl-pulse{',
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);
-      '  0%{background:#ffb300;}',
+    else boot();
-      '  50%{background:#fff176;}',
+    // Page previews and live-preview re-render content; re-run the page part then.
-      '  100%{background:#fff176;}',
+     if (window.mw && mw.hook) mw.hook('wikipage.content').add(function () { initUpdatesPage(); });
-      '}',
-      '.gr-search-hl-pulse{animation:gr-hl-pulse 1.2s ease 2;}',
-     ].join('');
-    document.head.appendChild( s );
-  }
-  injectHighlightCSS();
+    window.grUpdates = { relDate: relDate, summarise: summarise, groupName: groupName };
-  if ( document.readyState === 'loading' ) {
+}());
-    document.addEventListener( 'DOMContentLoaded', applyHighlight );
-  } else {
-    applyHighlight();
-  }
-  window.grStoreSearchHL = storeQueryForLink;
-}() );
 /* ═══════════════════════════════════════════════════════════════
-    Mobile addon — paste at bottom of MediaWiki:Common.js
+    Main Page cards: item count beside each title, and a
-    Only runs on Minerva (mobile) skin
+    .gr-home-card-wide class on long lists. Styling: Common.css §25.
     ═══════════════════════════════════════════════════════════════ */
-( function () {
+(function () {
-   if ( !document.body.classList.contains( 'skin-minerva' ) ) return;
+    'use strict';
+    var WIDE_AT = 14;   // cards with this many items or more span two columns
+    function decorate() {
+        var cards = document.querySelectorAll('.gr-home .gr-home-card');
+        Array.prototype.forEach.call(cards, function (card) {
+            var title = card.querySelector('.gr-home-card-title');
+            var n = card.querySelectorAll('li').length;
+            if (!n) return;
+            if (n >= WIDE_AT) card.classList.add('gr-home-card-wide');
+            if (!title || title.querySelector('.gr-home-card-count')) return;
+            var label = document.createElement('span');
+            while (title.firstChild) label.appendChild(title.firstChild);
+            title.appendChild(label);
+            var c = document.createElement('span');
+            c.className = 'gr-home-card-count';
+            c.textContent = String(n);
+            title.appendChild(c);
+        });
+    }
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', decorate);
+    else decorate();
+}());
-  /* ── 1. CSS injected into <head> ── */
-  function injectCSS() {
-    if ( document.getElementById( 'gr-mob-css' ) ) return;
-    var s = document.createElement( 'style' );
-    s.id = 'gr-mob-css';
-    s.textContent =
-      'body,#mw-mf-viewport,#mw-mf-page-center{padding-top:0!important;margin-top:0!important;}' +
-      'html,body,#mw-mf-viewport,#mw-mf-page-center{overflow-x:hidden!important;max-width:100vw!important;}' +
-      'header.header-container{background:#b5451b!important;position:sticky!important;top:0!important;z-index:300!important;}' +
-      '.minerva-header{background:#b5451b!important;min-height:54px!important;}' +
-      '.minerva-header .search-toggle,.minerva-header .minerva-user-notifications{display:none!important;}' +
-      '.branding-box a{display:flex!important;align-items:center!important;' +
-        'text-decoration:none!important;max-width:calc(100vw - 80px)!important;}' +
-      '.branding-box a::before{content:"";display:block;width:30px;height:30px;flex-shrink:0;' +
-        'background:url("/favicon.png") center/contain no-repeat;' +
-        'margin-right:8px;}' +
-      '.branding-box a span{color:#fff!important;font-size:16px!important;font-weight:700!important;' +
-        'font-family:system-ui,sans-serif!important;line-height:1.2!important;' +
-        'flex:1 1 auto!important;min-width:0!important;}' +
-      '.minerva-header svg path,.minerva-header svg rect,.minerva-header svg circle{fill:#fff!important;}' +
-      '.minerva-header label{color:#fff!important;}' +
-      '.minerva-tabs,.mw-portlet-associated-pages,.page-actions-menu,' +
-        '#page-secondary-actions,.last-modified-bar,.minerva-anon-talk-link{display:none!important;}' +
-      '#gr-mob-menu-items{display:block!important;}' +
-      '.mw-footer.minerva-footer,.footer-places,.footer-info,' +
-        '.minerva-footer-logo,#footer-places-about,' +
-        '#footer-places-disclaimers,#footer-places-privacy{display:none!important;}' +
-      '#gr-static-bar{position:sticky!important;top:54px!important;z-index:200!important;}' +
-      '.mf-section-0,.mf-section-1,.mf-section-2,.mf-section-3,.mf-section-4,' +
-        '.mf-section-5,.mf-section-6,.mf-section-7,.mf-section-8,.mf-section-9,' +
-        '.mf-section-10{display:block!important;visibility:visible!important;}' +
-      '.collapsible-block{display:block!important;}' +
-      '.section-heading .indicator,.collapsible-heading .indicator{display:none!important;}' +
-      '.section-heading,.collapsible-heading{pointer-events:none!important;}' +
-      '.gr-home-grid{flex-direction:column!important;flex-wrap:nowrap!important;' +
-        'gap:12px!important;width:100%!important;}' +
-      '.gr-home-card{width:100%!important;max-width:100%!important;' +
-        'min-width:unset!important;box-sizing:border-box!important;flex:none!important;}' +
-      '.gr-home-toggle{flex-wrap:wrap!important;}' +
-      '.mw-parser-output{font-size:18px!important;line-height:1.8!important;}' +
-      '.mw-parser-output h2,.mw-parser-output h3{width:100%!important;}' +
-      '.bhashyam-block{margin-left:8px!important;}' +
-      '#footer,.mw-footer,.catlinks,#catlinks{display:none!important;}' +
-      '.gr-mob-toc-panel{position:fixed!important;top:0!important;left:0!important;' +
-        'bottom:0!important;width:82vw!important;max-width:340px!important;' +
-        'background:#fff!important;z-index:10400!important;' +
-        'box-shadow:4px 0 28px rgba(0,0,0,0.22)!important;overflow-y:auto!important;' +
-        'padding:0 0 40px!important;transform:translateX(-110%)!important;' +
-        'transition:transform 0.26s cubic-bezier(0.4,0,0.2,1)!important;display:block!important;}' +
-      '.gr-mob-toc-panel.open{transform:translateX(0)!important;}' +
-      '.gr-mob-toc-backdrop{display:none!important;position:fixed!important;inset:0!important;' +
-        'background:rgba(0,0,0,0.4)!important;z-index:10399!important;}' +
-      '.gr-mob-toc-backdrop.open{display:block!important;}' +
-      '.gr-mob-toc-header{position:sticky!important;top:0!important;background:#fff!important;' +
-        'display:flex!important;align-items:center!important;justify-content:space-between!important;' +
-        'padding:16px 16px 12px!important;border-bottom:1px solid #f0ebe6!important;z-index:1!important;}' +
-      '.gr-mob-toc-title{font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;' +
-        'letter-spacing:0.08em!important;color:#b5451b!important;font-family:system-ui,sans-serif!important;}' +
-      '.gr-mob-toc-close{background:none!important;border:none!important;' +
-        'font-size:22px!important;color:#999!important;cursor:pointer!important;padding:4px 8px!important;}' +
-      '.gr-mob-toc-body{padding:12px 16px!important;}' +
-      '.gr-mob-toc-body a{display:block!important;font-size:16px!important;line-height:1.6!important;' +
-        'color:#2c1810!important;text-decoration:none!important;padding:8px 0!important;' +
-        'border-bottom:1px solid #f5f0ed!important;}';
-    document.head.appendChild( s );
-  }
-  /* ── 2. Expand hidden sections ── */
+// ── Footnote markers and their cards ────────────────────────────────
-  function expandSections() {
+/* ── FOOTNOTE REGISTRY ────────────────────────────────────────────────
-     document.querySelectorAll( '[class*="mf-section-"], .collapsible-block' )
+   Notes that belong to content injected into this page rather than baked
-      .forEach( function ( el ) {
+   into it - an interleaved commentary's own footnotes live in ITS
-         el.removeAttribute( 'hidden' );
+   document, so nothing on the moola page knew what its highlighted words
-        el.style.setProperty( 'display', 'block', 'important' );
+   pointed at. Anything registered here is visible to the note card and to
-        el.style.setProperty( 'visibility', 'visible', 'important' );
+   the right-hand panel, grouped under the commentary it came from. */
-        el.removeAttribute( 'aria-hidden' );
+window.grFootnoteRegistry = (function () {
-      } );
+     'use strict';
-    document.querySelectorAll( '.section-heading, .collapsible-heading' )
+    var byId = {};            // gra-id -> {text, quote, type, group, groupTitle}
-      .forEach( function ( el ) {
+    var groups = [];          // [{slug, title}] in the order they were added
-         el.setAttribute( 'aria-expanded', 'true' );
+    var listeners = [];
-         el.style.setProperty( 'pointer-events', 'none', 'important' );
+    var pending = null;
-      } );
+    // Deferred by a tick on purpose. Notes are registered while a
-  }
+    // commentary's block is still being built, BEFORE it is inserted into
+    // the page - so a listener that re-scans the document synchronously
+    // would run against a DOM that does not contain the highlighted words
+    // yet, and find nothing to wire up. Coalescing to one call after the
+    // current task also means a page with ten commentaries re-scans once
+    // rather than ten times.
+    function notify() {
+        if (pending) return;
+        pending = setTimeout(function () {
+            pending = null;
+            listeners.forEach(function (f) { try { f(); } catch (e) {} });
+        }, 0);
+    }
+    return {
+         add: function (slug, title, notes) {
+            if (!groups.some(function (g) { return g.slug === slug; })) {
+                groups.push({ slug: slug, title: title });
+            }
+            var added = false;
+            (notes || []).forEach(function (n) {
+                if (!n || !n.id || byId[n.id]) return;
+                byId[n.id] = {
+                    text: n.text || '', quote: n.quote || '',
+                    type: n.kind || n.type || 'note',
+                    group: slug, groupTitle: title
+                };
+                added = true;
+            });
+            if (added) notify();
+        },
+        get: function (id) { return byId[id] || null; },
+        all: function () { return byId; },
+        groups: function () { return groups.slice(); },
+        isInjected: function (id) { return !!byId[id]; },
+         clearInjected: function () { byId = {}; groups = []; notify(); },
+         onChange: function (f) { listeners.push(f); }
+    };
+}());
-  function watchSections() {
+/* QuickEdit already stores footnotes: it wraps the annotated words in
-    var t = null;
+   <span class="gra-qe-footnote-highlight" data-gra-id="…"> and appends a
-    var obs = new MutationObserver( function ( ms ) {
+   <div class="gra-qe-footnotes"><ol> at the foot of the document, one
-      if ( ms.some( function(m){ return m.attributeName === 'hidden'; } ) ) {
+   <li data-gra-id="…"> per note carrying the quoted words and the note.
-        clearTimeout(t); t = setTimeout( expandSections, 30 );
-      }
-    } );
-    var root = document.querySelector( '#mw-content-text' ) || document.body;
-    obs.observe( root, { subtree:true, attributes:true, attributeFilter:['hidden','aria-hidden'] } );
-  }
-  /* ── 3. Body padding observer ── */
+   That is the whole apparatus, but reading it meant scrolling to the end of
-  function watchBodyPadding() {
+   a long document and scrolling back. This turns the same data into what
-    new MutationObserver( function () {
+   Setutila shows: a small superscript after the annotated words, and a card
-      if ( document.body.style.paddingTop && document.body.style.paddingTop !== '0px' ) {
+   at the point of reading. Nothing is stored differently and QuickEdit is
-        document.body.style.paddingTop = '';
+   untouched — the list is still written, still saved, and still printed; it
-      }
+   is only taken off the screen, where the markers replace it.
-    } ).observe( document.body, { attributes:true, attributeFilter:['style'] } );
-  }
-  /* ── 4. Inject custom links into drawer ── */
+   The note text is transliterated with the rest of the page: the card's body
-  function injectMenuLinks() {
+   is tagged data-deva and announced through gr-new-content, which the script
-     if ( document.getElementById( 'gr-mob-menu-items' ) ) return;
+   switcher already listens for. */
+(function () {
+     'use strict';
-     var navDrawer = document.querySelector( '.navigation-drawer' );
+     var HL = '.gra-qe-footnote-highlight';
-     if ( !navDrawer ) return;
+    var LIST = '.gra-qe-footnotes';
+     // data-gra-type on the <li>. The names the converter writes, and the
+    // ones a QuickEdit button could write later, land in the same map.
+    var TYPES = {
+        pathantara: 'पाठान्तरम्',   // a variant reading
+        locus: 'प्रमाणम्',          // where a quotation is from — ऋ.सं.७.९९
+        source: 'प्रमाणम्',
+        note: 'टिप्पणी'            // an editorial remark
+    };
-     var wrap = document.createElement( 'div' );
+     var card = null, openFor = null;
-    wrap.id = 'gr-mob-menu-items';
-    wrap.style.cssText = 'width:100%;background:#fff;margin-top:8px;';
-     var itemStyle = 'display:flex;align-items:center;gap:14px;padding:15px 20px;' +
+     function notesFromList() {
-      'font-size:16px;color:#2c1810;text-decoration:none;' +
+        var out = {};
-      'font-family:system-ui,sans-serif;border-bottom:1px solid #f0ebe6;background:#fff;';
+        var reg = window.grFootnoteRegistry.all();
+        Object.keys(reg).forEach(function (id) {
+            out[id] = { text: reg[id].text, quote: reg[id].quote,
+                        type: reg[id].type, injected: true,
+                        groupTitle: reg[id].groupTitle };
+        });
+        document.querySelectorAll(LIST + ' .gra-qe-footnote-item').forEach(function (li) {
+            var id = li.getAttribute('data-gra-id');
+            if (!id) return;
+            // An injected note is published into this same list so the
+            // right-hand panel can see it, which means the list entry gets
+            // read back here. Keep the registry's own record for those, or
+            // the entry overwrites it, the `injected` flag is lost, and the
+            // note is numbered as though it belonged to this document.
+            if (out[id] && out[id].injected) return;
+            var textEl = li.querySelector('.gra-qe-footnote-text');
+            out[id] = {
+                text: (textEl ? textEl.textContent : li.textContent).trim(),
+                quote: (li.querySelector('.gra-qe-footnote-quote') || {}).textContent || '',
+                type: li.getAttribute('data-gra-type') || 'note'
+            };
+        });
+        return out;
+    }
-     function makeItem( href, emoji, label ) {
+     function buildCard() {
-      var a = document.createElement( 'a' );
+        if (card) return card;
-      a.href = href;
+        card = document.createElement('div');
-      a.style.cssText = itemStyle;
+        card.className = 'gr-note-card';
-      a.innerHTML =
+        card.setAttribute('role', 'dialog');
-        '<span>' + label + '</span>';
+        card.hidden = true;
-      return a;
+        card.innerHTML =
+            '<div class="gr-note-card-head">' +
+            '<span class="gr-note-card-kind"></span>' +
+            '<button type="button" class="gr-note-card-close" aria-label="Close">×</button>' +
+            '</div><div class="gr-note-card-body"></div>';
+        card.querySelector('.gr-note-card-close').addEventListener('click', close);
+        card.addEventListener('mouseenter', function () { clearTimeout(hoverTimer); });
+        card.addEventListener('mouseleave', function () { if (!COARSE) hoverClose(); });
+        document.body.appendChild(card);
+        return card;
      }
-     wrap.appendChild( makeItem( '/Main_Page', '', 'Home' ) );
+     function close() {
-    wrap.appendChild( makeItem( '/My_wiki:Help', '', 'Help' ) );
+        if (!card || card.hidden) return;
-    wrap.appendChild( makeItem( '/My_wiki:About', '', 'About' ) );
+        card.hidden = true;
+        if (openFor) {
+            openFor.setAttribute('aria-expanded', 'false');
+            openFor.classList.remove('gr-note-marker-open');
+            openFor.classList.remove('gr-note-hl-open');
+        }
+        openFor = null;
+    }
-     var userName = window.mw ? mw.config.get( 'wgUserName' ) : null;
+     // Anchored under the marker, nudged back inside the viewport rather than
-     if ( userName ) {
+    // flipped: these sit in running text, and a card that jumps above the line
-      var la = document.querySelector( 'a[href*="action=logout"]' );
+    // is harder to connect to the word it belongs to than one that shifts left.
-      wrap.appendChild( makeItem(
+     function place(marker) {
-         la ? la.href : '/index.php?title=Special:UserLogout', '', 'Log out'
+        var r = marker.getBoundingClientRect();
-      ) );
+        var w = card.offsetWidth, h = card.offsetHeight;
-    } else {
+        var pad = 10;
-      wrap.appendChild( makeItem( '/index.php?title=Special:UserLogin', '', 'Log in' ) );
+         var left = r.left + r.width / 2 - w / 2;
+        left = Math.max(pad, Math.min(left, window.innerWidth - w - pad));
+        var top = r.bottom + 8;
+        if (top + h > window.innerHeight - pad && r.top - h - 8 > pad) top = r.top - h - 8;
+        card.style.left = Math.round(left) + 'px';
+        card.style.top = Math.round(top) + 'px';
      }
-     var pageLeft = document.getElementById( 'mw-mf-page-left' );
+     function open(marker, note, num) {
-    if ( pageLeft ) {
+        buildCard();
-      while ( pageLeft.firstChild ) pageLeft.removeChild( pageLeft.firstChild );
+        if (openFor === marker && !card.hidden) { close(); return; }
-      pageLeft.style.removeProperty( 'display' );
+        close();
-      pageLeft.appendChild( wrap );
+        card.querySelector('.gr-note-card-kind').textContent =
-    } else {
+            (TYPES[note.type] || TYPES.note) +
-      navDrawer.appendChild( wrap );
+            (typeof num === 'number' ? '  [' + num + ']' : (num ? '  \u00b7  ' + num : ''));
+        var body = card.querySelector('.gr-note-card-body');
+        // A bare text node, deliberately. gr-new-content's handler wraps it,
+        // records it as translatable and applies whatever script is showing —
+        // tagging it here instead would make the handler skip it as already
+        // done, and the note would sit in Devanagari on a Telugu page.
+        body.textContent = note.text;
+        card.hidden = false;
+        place(marker);
+        try {
+            window.dispatchEvent(new CustomEvent('gr-new-content', { detail: { container: body } }));
+        } catch (e) { }
+        marker.setAttribute('aria-expanded', 'true');
+        // A commentary's note has no superscript, so the element the card is
+        // anchored to IS the highlighted word. gr-note-marker-open paints a
+        // solid maroon chip with white text - right for a small superscript,
+        // and it made the word itself unreadable. The word gets its own,
+        // quieter open state instead.
+        marker.classList.add(marker.classList.contains('gr-note-marker')
+            ? 'gr-note-marker-open' : 'gr-note-hl-open');
+        openFor = marker;
      }
-     document.querySelectorAll(
+     // A coarse pointer has no hover, so there the card opens on tap. With a
-      '.mw-footer.minerva-footer,.footer-places,.footer-info,' +
+    // mouse, hover shows the note and a click is left free for the reader's
-      '.minerva-footer-logo,#footer-places-about,' +
+    // own panel - which is what the marker is for on desktop.
-      '#footer-places-disclaimers,#footer-places-privacy'
+     var COARSE = (window.matchMedia && window.matchMedia('(hover: none), (pointer: coarse)').matches)
-     ).forEach( function(el) { el.style.setProperty('display','none','important'); } );
+        || ('ontouchstart' in window) || navigator.maxTouchPoints > 0;
-  }
-  /* ── 5. Mobile TOC overlay ── */
+    var hoverTimer = null;
-  var _tocDone = false;
+    function hoverOpen(m, note, num) {
-  function initToc() {
+        clearTimeout(hoverTimer);
-    if ( _tocDone ) return;
+        hoverTimer = setTimeout(function () { open(m, note, num); }, 90);
-    var tocList = document.querySelector( '.vector-toc-contents, .vector-toc .vector-toc-list' );
+     }
-     if ( !tocList ) return;
+    function hoverClose() {
-    if ( !tocList.querySelector( 'li' ) ) return;
+        clearTimeout(hoverTimer);
-     _tocDone = true;
+        hoverTimer = setTimeout(function () {
+            if (card && !card.matches(':hover')) close();
+        }, 220);
+     }
-     var bd = document.createElement( 'div' );
+     function decorate() {
-    bd.className = 'gr-mob-toc-backdrop';
+        var notes = notesFromList();
-    document.body.appendChild( bd );
+        var n = 0;
+        document.querySelectorAll('#mw-content-text ' + HL).forEach(function (hl) {
+            var id = hl.getAttribute('data-gra-id');
+            var note = id && notes[id];
+            if (!note || !note.text) return;          // orphan highlight: leave it alone
-    var panel = document.createElement( 'div' );
+            // An interleaved commentary's notes get NO superscript. The
-    panel.className = 'gr-mob-toc-panel';
+            // numbers would restart per commentary and interleave with the
+            // moola's own, so "[3]" on the page would mean three different
+            // notes depending on which block it sat in. The highlighted
+            // words stay clickable, and the panel lists them by commentary.
+            var injected = !!note.injected;
+            var num = injected ? null : ++n;
-    var hdr = document.createElement( 'div' );
+            var m = null;
-    hdr.className = 'gr-mob-toc-header';
+            if (!injected) {
-    var ttl = document.createElement( 'div' );
+                if (hl.nextElementSibling &&
-    ttl.className = 'gr-mob-toc-title';
+                    hl.nextElementSibling.classList.contains('gr-note-marker')) {
-    ttl.textContent = 'विषयसूची';
+                    m = hl.nextElementSibling;
-    var cls = document.createElement( 'button' );
+                    m.textContent = '[' + num + ']';
-    cls.className = 'gr-mob-toc-close';
+                } else {
-    cls.textContent = '✕';
+                    m = document.createElement('sup');
-    hdr.appendChild( ttl ); hdr.appendChild( cls );
+                    m.className = 'gr-note-marker';
-    panel.appendChild( hdr );
+                    m.textContent = '[' + num + ']';
+                    m.setAttribute('role', 'button');
+                    m.setAttribute('tabindex', '0');
+                    m.setAttribute('aria-expanded', 'false');
+                    hl.parentNode.insertBefore(m, hl.nextSibling);
+                }
+            }
+            if (hl.dataset.grNoteWired) return;
+            hl.dataset.grNoteWired = '1';
-    var body = document.createElement( 'div' );
+            var anchorEl = m || hl;
-    body.className = 'gr-mob-toc-body';
+            var label = injected ? (note.groupTitle || '') : num;
-    body.appendChild( tocList.cloneNode( true ) );
-    panel.appendChild( body );
-    document.body.appendChild( panel );
-    var btn = document.createElement( 'button' );
+            function show(e) { e.preventDefault(); e.stopPropagation(); open(anchorEl, note, label); }
-    btn.id = 'gr-mob-toc-btn';
-    btn.innerHTML = '☰ &nbsp;Contents';
-    btn.style.cssText = 'position:fixed;bottom:148px;left:16px;z-index:9100;' +
-      'background:#fff;border:1.5px solid #b5451b;border-radius:24px;' +
-      'padding:10px 16px;font-size:15px;font-family:system-ui,sans-serif;' +
-      'color:#b5451b;font-weight:600;box-shadow:0 3px 14px rgba(0,0,0,0.15);cursor:pointer;';
-    document.body.appendChild( btn );
-    function open()  { panel.classList.add('open'); bd.classList.add('open'); document.body.style.overflow='hidden'; }
+            if (COARSE) {
-     function close() { panel.classList.remove('open'); bd.classList.remove('open'); document.body.style.overflow=''; }
+                if (m) m.addEventListener('click', show);
+                hl.addEventListener('click', show);
+            } else {
+                // Hover opens the card; the click is NOT swallowed, so the
+                // annotation gadget still gets it and opens its Footnotes
+                // panel - the behaviour that was lost when this handler
+                // called stopPropagation on every click.
+                [m, hl].forEach(function (el) {
+                    if (!el) return;
+                    el.addEventListener('mouseenter', function () { hoverOpen(anchorEl, note, label); });
+                    el.addEventListener('mouseleave', hoverClose);
+                });
+                if (m) m.addEventListener('click', show);
+            }
+            if (m) {
+                m.addEventListener('keydown', function (e) {
+                    if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); open(m, note, label); }
+                });
+            }
+        });
+        var list = document.querySelector(LIST);
+        if (list) list.classList.toggle('gr-notes-listed', n > 0);
+    }
+    document.addEventListener('click', function (e) {
+        if (!card || card.hidden) return;
+        if (!card.contains(e.target)) close();
+    });
+    document.addEventListener('keydown', function (e) { if (e.key === 'Escape') close(); });
+     window.addEventListener('resize', function () { if (openFor) place(openFor); });
+    window.addEventListener('scroll', function () { if (openFor) place(openFor); }, true);
+    // Commentaries are fetched and injected after the page has rendered, so
+    // their notes arrive later than this module's first pass. Re-run when
+    // the registry changes, and publish them into the page's own footnote
+    // list so the right-hand panel - which reads that list, not this
+    // module - shows them too, under the commentary each came from.
+    function publishInjectedList() {
+        var host = document.querySelector(LIST);
+        if (!host) {
+            var content = document.getElementById('mw-content-text');
+            if (!content) return;
+            host = document.createElement('div');
+            host.className = 'gra-qe-footnotes';
+            content.appendChild(host);
+        }
+        host.querySelectorAll('.gr-teeka-notes-group').forEach(function (g) { g.remove(); });
+        var reg = window.grFootnoteRegistry.all();
+        window.grFootnoteRegistry.groups().forEach(function (g) {
+            var ids = Object.keys(reg).filter(function (id) { return reg[id].group === g.slug; });
+            if (!ids.length) return;
+            var wrap = document.createElement('div');
+            wrap.className = 'gr-teeka-notes-group';
+            wrap.setAttribute('data-teeka-slug', g.slug);
+            var h = document.createElement('div');
+            h.className = 'gr-teeka-notes-title';
+            h.textContent = (window.grLibrary && window.grLibrary.labelFor(g.slug))
+                            || g.title || g.slug;
+            wrap.appendChild(h);
+            var ol = document.createElement('ol');
+            ids.forEach(function (id) {
+                var n = reg[id];
+                var li = document.createElement('li');
+                li.className = 'gra-qe-footnote-item';
+                li.setAttribute('data-gra-id', id);
+                li.setAttribute('data-gra-type', n.type);
+                if (n.quote) {
+                    var q = document.createElement('span');
+                    q.className = 'gra-qe-footnote-quote';
+                    q.textContent = n.quote;
+                    li.appendChild(q);
+                }
+                var t = document.createElement('span');
+                t.className = 'gra-qe-footnote-text';
+                t.textContent = n.text;
+                li.appendChild(t);
+                ol.appendChild(li);
+            });
+            wrap.appendChild(ol);
+            host.appendChild(wrap);
+        });
+        try {
+            window.dispatchEvent(new CustomEvent('gr-new-content', { detail: { container: host } }));
+        } catch (e) { }
+    }
-     btn.onclick = open; cls.onclick = close; bd.onclick = close;
+     window.grFootnoteRegistry.onChange(function () {
-    body.querySelectorAll('a').forEach(function(a){ a.onclick = close; });
+        publishInjectedList();
-  }
+        decorate();
+    });
-  /* ── 6. Moolam / Ullekha links below page title (mobile only) ── */
+     if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', decorate);
-  function injectMoolaUllekhaLinks() {
+    else decorate();
-     if ( document.getElementById( 'gr-mob-doc-nav' ) ) return;
+     if (window.mw && mw.hook) mw.hook('wikipage.content').add(function () { setTimeout(decorate, 150); });
-     var pageName = ( window.mw && mw.config && mw.config.get( 'wgPageName' ) ) || '';
+}());
-    if ( pageName === 'Main_Page' || !pageName ) return;
-    function wikiUrl( slug ) {
+/* ── HASH REVEAL ───────────────────────────────────────────────────────
-      if ( window.mw && mw.util && mw.util.getUrl ) return mw.util.getUrl( slug );
+   A copied id or a bookmark citation is only useful if its #link actually
-      var ap = ( window.mw && mw.config && mw.config.get( 'wgArticlePath' ) ) || '/wiki/$1';
+   lands on the block. The browser's own fragment scroll fires once, at
-      return ap.replace( '$1', encodeURIComponent( slug ).replace( /%2F/g, '/' ) );
+   parse time, and then our fonts swap in and the teeka blocks inject -
-    }
+   the page grows under the reader and the target drifts off screen. It
+   looks exactly like the link didn't work.
+   This retries until the element exists and re-settles after late content
+   arrives. It used to live in copyId.js (Editor extension), which is no
+   longer loaded on this wiki, so it moves here where it always runs. If
+   copyId IS loaded it does the same job; both are idempotent, and the
+   guard below keeps them from fighting over the same jump. */
+(function () {
+    'use strict';
+    if (window.grHashReveal) return;
-     var teekaPage      = document.querySelector( '.gr-teeka-page' );
+     var FLASH_MS = 2600;
-     var primarySlug    = teekaPage
+     var _last = null;
-      ? ( 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;
+     function findTarget(id) {
-    var showUllekha = hasUllekhaPage || !!teekaPage;
+        if (!id) return null;
-    if ( !showMoolam && !showUllekha ) return;
+        var esc = (window.CSS && CSS.escape) ? CSS.escape(id) : id.replace(/["\\]/g, '\\$&');
+        return document.getElementById(id) ||
+               document.querySelector('[data-block-id="' + esc + '"]') ||
+               document.querySelector('[data-copyid="' + esc + '"]') ||
+               null;
+    }
-     var nav = document.createElement( 'div' );
+     function currentHash() {
-    nav.id = 'gr-mob-doc-nav';
+        var raw = (location.hash || '').slice(1);
-    nav.style.cssText = 'display:flex;gap:10px;padding:10px 16px 8px;' +
+        if (!raw) return '';
-      'background:#fdf8f5;border-bottom:1px solid #f0e0d6;font-family:system-ui,sans-serif;';
+        try { return decodeURIComponent(raw); } catch (e) { return raw; }
+    }
-     function makeLink( href, label ) {
+     function land(el, flash) {
-      var a = document.createElement( 'a' );
+        el.scrollIntoView({ block: 'center', behavior: 'smooth' });
-      a.href = href; a.textContent = label;
+        if (!flash) return;
-      a.style.cssText = 'display:inline-flex;align-items:center;padding:5px 16px;' +
+        el.classList.add('gid-target');
-         'border-radius:20px;background:#fff;border:1.5px solid #e8cfc4;' +
+         setTimeout(function () { el.classList.remove('gid-target'); }, FLASH_MS);
-        'color:#b5451b;font-size:14px;font-weight:600;text-decoration:none;';
-      return a;
      }
-     if ( teekaPage )         nav.appendChild( makeLink( wikiUrl( primarySlug ),              'मूल' ) );
+     function reveal(attemptsLeft, flash) {
-    else if ( hasMoolaPage ) nav.appendChild( makeLink( wikiUrl( primarySlug + '/Moola' ),   'मूलम्' ) );
+        var id = currentHash();
-    if ( showUllekha )       nav.appendChild( makeLink( wikiUrl( primarySlug + '/Ullekha' ), 'उल्लेख' ) );
+        if (!id) return;
+        var el = findTarget(id);
+         if (!el) {
+            if (attemptsLeft > 0) setTimeout(function () { reveal(attemptsLeft - 1, flash); }, 400);
+            return;
+        }
+        _last = id;
+        land(el, flash);
+        // Re-settle once the late arrivals (fonts, injected teekas) have
+        // shifted the layout. Cheap, and it is what makes the link feel
+        // like it worked rather than like it missed.
+        setTimeout(function () {
+            if (currentHash() !== id) return;
+            var again = findTarget(id);
+            if (again) again.scrollIntoView({ block: 'center', behavior: 'auto' });
+        }, 1200);
+    }
-     /* Insert below the page h1 */
+     function onLateContent() {
-    var h1 = document.getElementById( 'firstHeading' ) ||
+        var id = currentHash();
-             document.querySelector( '.page-heading, h1.firstHeading, .mw-first-heading' );
+        if (!id || id !== _last) return;
-    if ( h1 && h1.parentNode ) {
+        var el = findTarget(id);
-      h1.parentNode.insertBefore( nav, h1.nextSibling );
+        if (el) el.scrollIntoView({ block: 'center', behavior: 'auto' });
-    } else {
-      var ct = document.getElementById( 'mw-content-text' );
-      if ( ct ) ct.insertBefore( nav, ct.firstChild );
      }
-  }
-  /* ── Boot ── */
+    window.grHashReveal = function (attempts) { reveal(attempts || 12, true); };
-  injectCSS();
-  watchBodyPadding();
-  function boot() {
+    function boot() {
-    expandSections();
+        reveal(12, true);
-    watchSections();
+        window.addEventListener('hashchange', function () { reveal(6, true); });
-    injectMenuLinks();
+        window.addEventListener('gr-new-content', onLateContent);
-    injectMoolaUllekhaLinks();
+        if (document.fonts && document.fonts.ready && document.fonts.ready.then) {
-     [100, 400, 900, 1800].forEach(function(ms){ setTimeout(expandSections, ms); });
+            document.fonts.ready.then(onLateContent);
-     setTimeout(initToc, 700);
+        }
-  }
+    }
+     if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);
+     else boot();
+}());
-  if ( document.readyState === 'loading' ) {
+/* ── GRANTHA LIBRARY ───────────────────────────────────────────────────
-    document.addEventListener( 'DOMContentLoaded', boot );
+   The colophon in the source docx says "श्रीमद्वादिराजपूज्यचरणविरचिता
-  } else {
+   प्रकाशिका" - an author phrase welded to a generic label. That is not a
-    boot();
+   citable title, and it is what the client saw as "Vadirajathirtha
-  }
+   virachitha". The Grantha library holds the real title and author, so
+   the page carries only the library's stable id (data-grantha-id) and we
+   resolve the rest here, at read time. Correct a name in the library and
+   every citation on the site is correct on the next load - nothing to
+   rebuild, nothing to re-upload.
-  if ( window.mw ) {
+   Reads only, and the library's GET endpoints are public: no API key is
-    mw.hook( 'wikipage.content' ).add(function() {
+   sent from the browser, and none may ever be put in this file, which
-      setTimeout(function(){
+   any reader can fetch. */
-        expandSections(); injectMenuLinks(); injectMoolaUllekhaLinks(); initToc();
+(function () {
-      }, 300);
+    'use strict';
-     });
+     if (window.grLibrary) return;
-  }
-}() );
+    // ---- CONFIGURE ME -------------------------------------------------
-/**
+    // Where the Grantha library's REST API lives. Same-origin by default,
- * grantha-mobile-fixes.js
+    // which needs no CORS - but the library is its own app, so unless it is
- */
+    // reverse-proxied under the wiki's domain this must be its real host:
+    //     var API_BASE = 'https://library.example.org/api/granthas';
+    // On another host the library must send
+    //     Access-Control-Allow-Origin: https://anandamakaranda.in
+    // or the browser will refuse the reply and every citation will fall
+    // back to the author baked into the page (usually none).
+    var API_BASE = window.GR_LIBRARY_API || '/api/granthas';
+    // Set to false while the library is not yet reachable: no request is
+    // made at all, and citations use whatever the page itself carries.
+    // Flip it back to true once API_BASE resolves.
+    var LIBRARY_ENABLED = true;
+    // -------------------------------------------------------------------
+    var API = API_BASE.replace(/\/+$/, '');
+    var mem = {};
+    var warned = false;
+    // Once the library has answered "not here", every further call will get
+    // the same answer. Stop asking: a wrong or missing API base otherwise
+    // fills the network log with one 404 per work on the page.
+    var libraryDown = !LIBRARY_ENABLED;
-( function () {
+    // In memory only, for the life of the page. Names used to be kept in
-  'use strict';
+    // sessionStorage for six hours, which quietly outlived any correction
+    // made in the library or on the map page. They now come from the map
+    // page, which is read once per load, so there is nothing to gain from
+    // a second cache that can disagree with it.
+    function cacheGet(id) { return mem[id] || null; }
+    function cacheSet(id, v) { mem[id] = v; }
-  mw.hook( 'wikipage.content' ).add( function () {
+    // The library returns camelCase fields; normalise to what the citation
-    setTimeout( function () {
+    // builder wants and keep BOTH scripts, since a Sanskrit reference is
-      var blocks = document.querySelectorAll( '.collapsible-block, .toggle-list' );
+    // cited in Devanagari and an English-language one in IAST.
-      Array.prototype.forEach.call( blocks, function ( el ) {
+    function shape(g) {
-        if ( !el.parentNode ) {
+        if (!g) return null;
-          try { el.remove(); } catch(e) {}
+        return {
-         }
+            id:          g.id || '',
-      } );
+            name:        g.name || '',
-     }, 0 );
+            nameIAST:    g.transliteration || '',
-  } );
+            author:      g.author || '',
+            authorIAST:  g.authorTransliteration || g.author_transliteration || '',
+            category:    g.category || '',
+            prasthana:   g.prasthana || ''
+         };
+     }
-  if ( mw.config.get( 'wgPageName' ) !== 'Main_Page' ) return;
+    var inflight = {};
+    function lookup(id) {
+        if (!id) return Promise.resolve(null);
+        var hit = cacheGet(id);
+        if (hit) return Promise.resolve(hit);
+        // The map page carries the names for every work this wiki uses, so
+        // normally nothing is fetched from the library at all. That matters
+        // because the library is someone else's server: we cannot add CORS
+        // headers to it, and a cross-origin call we cannot configure is a
+        // call that will not work. The live API stays as an enhancement for
+        // whenever it IS reachable.
+        return granthaMap().then(function (m) {
+            var w = (m.works || {})[id];
+            if (w && (w.name || w.nameIAST)) {
+                var v = { id: id, name: w.name || '', nameIAST: w.nameIAST || '',
+                          author: w.author || '', authorIAST: w.authorIAST || '',
+                          category: w.category || '', prasthana: w.prasthana || '' };
+                cacheSet(id, v);
+                return v;
+            }
+            return fetchFromLibrary(id);
+        });
+    }
-  mw.loader.using( 'mediawiki.util' ).done( function () {
+    function fetchFromLibrary(id) {
-    $( function () {
+        if (libraryDown) return Promise.resolve(null);
-      applyHomeToggleOffset();
+        if (inflight[id]) return inflight[id];
-      window.addEventListener( 'resize', applyHomeToggleOffset, { passive: true } );
+        inflight[id] = fetch(API + '/' + encodeURIComponent(id), {
-      setTimeout( applyHomeToggleOffset, 300 );
+            credentials: 'omit', headers: { 'Accept': 'application/json' }
-      setTimeout( applyHomeToggleOffset, 800 );
+        }).then(function (r) {
-    } );
+            // A 404 or 5xx means the base URL is wrong or the service is
-  } );
+            // down - not that this one work is missing - so trip the breaker.
+            if (!r.ok) {
+                if (r.status === 404 || r.status >= 500) libraryDown = true;
+                throw new Error('library ' + r.status);
+            }
+            return r.json();
+        }).then(function (j) {
+            var v = shape(j && (j.grantha || j.data || j));
+            if (v && v.name) cacheSet(id, v);
+            delete inflight[id];
+            return v;
+        }).catch(function (err) {
+            // Offline, blocked by CORS, wrong host, or the id is not in the
+            // library yet. The page's own data-author/data-doc-title stand
+            // in, so a citation is never blocked on this request - but an
+            // unreachable library looks exactly like a work with no author,
+            // so say which it is, once.
+            delete inflight[id];
+            libraryDown = true;
+            if (!warned) {
+                warned = true;
+                try {
+                    console.warn('[grantha] could not read the library at ' + API +
+                        ' (asked for "' + id + '"): ' + (err && err.message || err) +
+                        '. Citations will use whatever the page itself carries. ' +
+                        'Set window.GR_LIBRARY_API to the library host, and allow ' +
+                        'this origin via Access-Control-Allow-Origin.');
+                } catch (e) { }
+            }
+            return null;
+        });
+        return inflight[id];
+    }
-  function applyHomeToggleOffset() {
+    // ── WHICH GRANTHA IS THIS PAGE? ────────────────────────────────────
-     var bar = document.getElementById( 'gr-static-bar' );
+    // A page can say so itself (data-grantha-id, written by the pipeline),
-     if ( !bar ) return;
+    // but that would mean re-importing every document just to add one
+    // attribute - and a re-import risks losing edits made on the site
+    // since. So the mapping also lives in ONE wiki page, keyed by page
+    // name, and the page looks itself up. Adding a document to the
+    // library is then a single edit to that one page, with no content
+    // touched anywhere.
+     var MAP_PAGE = window.GR_GRANTHA_MAP_PAGE || 'MediaWiki:GranthaMap.json';
+     var mapPromise = null;
-     var barRect = bar.getBoundingClientRect();
+     function granthaMap() {
-    var barBottom = Math.round( barRect.bottom );
+        if (mapPromise) return mapPromise;
+        // Deliberately NOT cached in sessionStorage. It was, for six hours,
+        // which meant that editing the map page changed nothing for anyone
+        // whose tab had already read the old one - the exact failure you hit
+        // while setting this up. mapPromise already collapses it to one
+        // request per page load, and the browser's own HTTP cache handles
+        // the rest; a stale map is far more expensive than a small fetch.
+        try { sessionStorage.removeItem('gr-lib:map'); } catch (e) { }
-    var homeEl = document.getElementById( 'gr-home' );
+        var url = (window.mw && mw.util && mw.util.getUrl)
-    var toggleEl = document.getElementById( 'gr-home-toggle' );
+            ? mw.util.getUrl(MAP_PAGE, { action: 'raw', ctype: 'application/json' })
-    var firstChild = document.querySelector(
+            : '/index.php?title=' + encodeURIComponent(MAP_PAGE) + '&action=raw';
-      '#mw-content-text .mw-parser-output > .gr-home, ' +
+        mapPromise = fetch(url, { credentials: 'same-origin' })
-      '#mw-content-text .mw-parser-output > *:first-child'
+            .then(function (r) { return r.ok ? r.json() : {}; })
-    );
+            .then(function (m) {
+                // Either a flat {page: id} object, or {pages, works,
+                // locators} when names and division names are recorded too.
+                m = m || {};
+                if (!m.pages) m = { pages: m };
+                m.works = m.works || {};
+                m.locators = m.locators || {};
+                try {
+                    if (!Object.keys(m.works).length) {
+                        console.info('[grantha] the map page has no "works" section, ' +
+                            'so names must come from the library API. Re-run ' +
+                            'sync_grantha_map.py to embed them.');
+                    }
+                } catch (e) { }
+                return m;
+            })
+            .catch(function () { return {}; });      // no map page yet - fine
+        return mapPromise;
+    }
-     [ homeEl, toggleEl, firstChild ].forEach( function ( el ) {
+     // page name -> library id, however it is known. The attribute wins,
-      if ( el ) el.style.scrollMarginTop = ( barBottom + 4 ) + 'px';
+    // so a rebuilt page needs no map entry and a map entry needs no rebuild.
-    } );
+    function idForPage(pageName, el) {
+        var own = el && el.getAttribute && el.getAttribute('data-grantha-id');
+        if (own) return Promise.resolve(own);
+        if (!pageName) return Promise.resolve('');
+        return granthaMap().then(function (m) {
+            var p = m.pages || {};
+            return p[pageName] || p[String(pageName).replace(/_/g, ' ')] || '';
+        });
+    }
-     var contentText = document.getElementById( 'mw-content-text' );
+     // Resolve this page and hand the result to anything listening (the
-    if ( contentText ) {
+    // citation builder). Also fills in the visible title when the library
-      var isMob = window.innerWidth < 768 || !!document.getElementById( 'mw-mf-viewport' );
+    // and the page disagree, so the reader sees the real name.
-      if ( isMob ) {
+    function resolvePage() {
-         if ( toggleEl ) {
+        var t = document.querySelector('.gr-doc-title');
-          var toggleRect = toggleEl.getBoundingClientRect();
+        if (!t) return;
-          if ( toggleRect.top < barBottom ) {
+        var page = (window.mw && mw.config.get('wgPageName')) || '';
-            var currentPT = parseInt( window.getComputedStyle( document.body ).paddingTop, 10 ) || 0;
+        // Division names (adhyaya / valli / mantra) come from the same
-            var needed    = currentPT + ( barBottom - toggleRect.top ) + 4;
+        // map page, so a locator can be spelled out without a rebuild too.
-            document.body.style.paddingTop = needed + 'px';
+         if (!t.getAttribute('data-locator-scheme')) {
-          }
+            granthaMap().then(function (m) {
+                var sc = (m.locators || {})[page] ||
+                         (m.locators || {})[String(page).replace(/_/g, ' ')];
+                if (sc) t.setAttribute('data-locator-scheme', sc);
+            });
          }
-       }
+        idForPage(page, t).then(function (gid) {
+            if (!gid) return;
+            t.setAttribute('data-grantha-id', gid);
+            return lookup(gid).then(function (g) {
+                if (!g) return;
+                // On a commentary's own page the heading still reads as the
+                // docx colophon ("...विरचिता प्रकाशिका"). Name it the way the
+                // blocks are named instead.
+                if (t.getAttribute('data-parent-doc')) {
+                    var lab = teekaLabel(g);
+                    if (lab) t.textContent = lab;
+                } else if (g.name) {
+                    t.textContent = g.name;
+                }
+                if (g.name)       t.setAttribute('data-doc-title', g.name);
+                if (g.nameIAST)   t.setAttribute('data-doc-title-iast', g.nameIAST);
+                if (g.author)     t.setAttribute('data-author', g.author);
+                if (g.authorIAST) t.setAttribute('data-author-iast', g.authorIAST);
+                try {
+                    window.dispatchEvent(new CustomEvent('gr-library-resolved', { detail: g }));
+                } catch (e) { }
+            });
+        });
      }
-  }
-  $( function () {
+    // Fetching the whole catalogue is one request; fetching fifty records
-    var $toggle   = $( '#gr-home-toggle' );
+    // one at a time is fifty. Past a handful, take the catalogue.
-    var $viewG    = $( '#gr-view-grantha' );
+    var cataloguePromise = null;
-    var $viewA    = $( '#gr-view-author' );
+    function catalogue() {
-    var $btnG     = $( '#gr-toggle-grantha' );
+        if (libraryDown) return Promise.resolve({});
-    var $btnA     = $( '#gr-toggle-author' );
+        if (cataloguePromise) return cataloguePromise;
+        cataloguePromise = fetch(API + '?limit=1000', {
+            credentials: 'omit', headers: { 'Accept': 'application/json' }
+        }).then(function (r) {
+              if (!r.ok) { libraryDown = true; return null; }
+              return r.json();
+          })
+          .then(function (j) {
+              var list = (j && (j.granthas || j.data || j.results)) || [];
+              var by = {};
+              list.forEach(function (g) { var v = shape(g); if (v && v.id) { by[v.id] = v; cacheSet(v.id, v); } });
+              return by;
+          }).catch(function () { return {}; });
+        return cataloguePromise;
+    }
-     if ( !$toggle.length || !$viewG.length || !$viewA.length ) return;
+     function lookupMany(ids) {
-    if ( $toggle.data( 'gr-wired' ) ) return;
+        var want = [], seen = {};
-    $toggle.data( 'gr-wired', true );
+        (ids || []).forEach(function (i) { if (i && !seen[i]) { seen[i] = 1; want.push(i); } });
+        // lookup() answers from the map page without a network call, so
+        // resolving fifty works costs one shared map fetch, not fifty
+        // requests. Only ids the map does not name reach the library.
+        return Promise.all(want.map(lookup)).then(function (vals) {
+            var out = {};
+            want.forEach(function (i, n) { out[i] = vals[n]; });
+            return out;
+        });
+    }
-     function showView( which ) {
+     // How a commentary is named on screen: its author, then the work.
-      if ( which === 'grantha' ) {
+    // "श्रीवादिराजतीर्थः: काठकोपनिषद्भाष्यप्रकाशिका" - because several
-         $viewG.show(); $viewA.hide();
+    // commentaries on one moola share a work-type name (प्रकाशिका,
-         $btnG.addClass( 'gr-toggle-active' );
+    // विवरणम्, खण्डार्थः), and the author is what actually tells them
-         $btnA.removeClass( 'gr-toggle-active' );
+    // apart for a reader scanning down the page.
-      } else {
+    var labelBySlug = {};
-         $viewA.show(); $viewG.hide();
+    function teekaLabel(g) {
-         $btnA.addClass( 'gr-toggle-active' );
+         if (!g) return '';
-         $btnG.removeClass( 'gr-toggle-active' );
+         var name = g.name || g.nameIAST || '';
-      }
+         var author = g.author || g.authorIAST || '';
-      try { localStorage.setItem( 'grantha_home_tab', which ); } catch(e){}
+         if (!author || !name) return name || author;
+         // Nothing to prefix if the work already opens with the author.
+         if (name.indexOf(author) === 0) return name;
+        return author + ': ' + name;
      }
-     $btnG.on( 'click keydown', function(e){
+     // ── DOCUMENT LINKS ────────────────────────────────────────────────
-      if ( e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ' ) return;
+    // The home page's cards were written by hand and carry the same
-      showView( 'grantha' );
+    // colophon labels the citation had to stop using - "प्रकाशिका",
+    // "भाष्यम्" - which say what KIND of work it is, not which one. Any
+    // link to a mapped page gets the library's name instead, so the
+    // catalogue and the site agree without the page being edited.
+    function relabelDocLinks(root) {
+        var scope = root || document;
+        var links = scope.querySelectorAll('.gr-home-grid a, .gr-doc-nav a, .gr-vadavali a');
+        if (!links.length) return;
+        granthaMap().then(function (m) {
+            var pages = m.pages || {};
+            var jobs = [];
+            Array.prototype.forEach.call(links, function (a) {
+                if (a.getAttribute('data-gr-relabelled')) return;
+                var t = a.getAttribute('title') ||
+                        decodeURIComponent((a.getAttribute('href') || '').split('#')[0]
+                            .replace(/^.*\/(?:wiki\/)?/, ''));
+                var gid = pages[t] || pages[String(t).replace(/_/g, ' ')];
+                if (gid) jobs.push([a, gid]);
+            });
+            if (!jobs.length) return;
+            lookupMany(jobs.map(function (j) { return j[1]; })).then(function (by) {
+                jobs.forEach(function (j) {
+                    var g = by[j[1]];
+                    if (!g || !g.name) return;
+                    j[0].setAttribute('data-gr-relabelled', '1');
+                    j[0].setAttribute('data-grantha-id', j[1]);
+                    if (g.authorIAST || g.author) {
+                        j[0].setAttribute('title', (g.author || '') + ' — ' + g.name);
+                    }
+                    j[0].textContent = g.name;
+                });
+            });
+        });
+    }
+    window.grLibraryVersion = '2026-09-30a';
+    window.grLibrary = { lookup: lookup, lookupMany: lookupMany, catalogue: catalogue,
+                         teekaLabel: teekaLabel,
+                         labelFor: function (slug) { return labelBySlug[slug] || ''; },
+                         idForPage: idForPage, map: granthaMap, api: API,
+                         relabelDocLinks: relabelDocLinks };
+    function boot() { resolvePage(); relabelDocLinks(); }
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);
+    else boot();
+    window.addEventListener('gr-new-content', function (e) {
+        relabelDocLinks(e && e.detail && e.detail.container);
      });
-    $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' ); }
-  } );
-}() );