MonoCloud Wiki - User contributions [en]

MediaWiki:Gadgets-definition

2026-11-03T08:37:23Z

Administrat0r: Add local writing review with passage evidence and optional draft checks

MediaWiki:Gadget-ArticleReview

2026-11-03T08:37:23Z

Administrat0r: Add local writing review with passage evidence and optional draft checks

Dismissible article reviews and local writing checks with passage evidence; optional checks of unsaved drafts.

MediaWiki:Gadget-ArticleReview.js

2026-11-03T08:37:23Z

Administrat0r: Add local writing review with passage evidence and optional draft checks

( function () {
'use strict';

var rootId = 'shalombux-article-review';
var editorId = 'mayapedia-writing-review-editor';
var guideUrl = 'https://en.wikipedia.org/wiki/Wikipedia:Signs_of_AI_writing';
var viewCard, editorCard, activeTarget, sourceInput, activeDocument;
var editorGeneration = 0, requestSerial = 0;
var maxFindings = 80;

function element( name, className, text ) {
var node = document.createElement( name );
if ( className ) {
node.className = className;
}
if ( text !== undefined ) {
node.textContent = String( text );
}
return node;
}

function safeLink( label, address, newWindow ) {
var url;
try {
url = new URL( address, window.location.href );
} catch ( error ) {
return null;
}
if ( url.protocol !== 'https:' && url.protocol !== 'http:' ) {
return null;
}
var link = element( 'a', '', label );
link.href = url.href;
if ( newWindow ) {
link.target = '_blank';
link.rel = 'noopener noreferrer';
}
return link;
}

function paragraphLink( parent, label, address ) {
var link = safeLink( label, address, true );
if ( link ) {
parent.appendChild( link );
}
}

function makeCard( id, label, storageKey, editor ) {
var root = element( 'div', 'sb-article-review' + ( editor ? ' sb-article-review--editor' : '' ) );
root.id = id;
var badge = element( 'button', 'sb-article-review__badge', label );
badge.type = 'button';
badge.setAttribute( 'aria-controls', id + '-panel' );
badge.setAttribute( 'aria-expanded', 'false' );
badge.title = editor ? 'Check the current unsaved writing' : 'Show the article review';
var panel = element( 'section', 'sb-article-review__panel' );
panel.id = id + '-panel';
panel.hidden = true;
panel.setAttribute( 'aria-labelledby', id + '-heading' );
var header = element( 'div', 'sb-article-review__header' );
var heading = element( 'h2', 'sb-article-review__heading', editor ? 'Writing review' : 'Article review' );
heading.id = id + '-heading';
var close = element( 'button', 'sb-article-review__close', '\u00d7' );
close.type = 'button';
close.setAttribute( 'aria-label', 'Close ' + heading.textContent.toLowerCase() );
close.title = 'Close review (Escape)';
header.appendChild( heading );
header.appendChild( close );
panel.appendChild( header );
var body = element( 'div', 'sb-article-review__body' );
panel.appendChild( body );
root.appendChild( badge );
root.appendChild( panel );
var dismissed = false, hoverBlocked = false, hoverAfter = 0, suppressFocus = false;
try {
dismissed = storageKey && window.localStorage.getItem( storageKey ) === 'dismissed';
} catch ( error ) {
// The card also works when browser storage is unavailable.
}
function remember( value ) {
if ( !storageKey ) {
return;
}
try {
if ( value ) {
window.localStorage.setItem( storageKey, 'dismissed' );
} else {
window.localStorage.removeItem( storageKey );
}
} catch ( error ) {
// Dismissal still works until this page is closed.
}
}
function open( rememberOpen ) {
if ( root.hidden ) {
return;
}
panel.hidden = false;
badge.setAttribute( 'aria-expanded', 'true' );
if ( rememberOpen ) {
remember( false );
}
}
function closePanel( returnFocus ) {
panel.hidden = true;
badge.setAttribute( 'aria-expanded', 'false' );
hoverBlocked = true;
hoverAfter = Date.now() + 800;
remember( true );
if ( returnFocus ) {
suppressFocus = true;
badge.focus( { preventScroll: true } );
suppressFocus = false;
}
}
close.addEventListener( 'click', function () { closePanel( true ); } );
badge.addEventListener( 'click', function () { open( true ); } );
if ( !editor ) {
badge.addEventListener( 'focus', function () {
if ( !suppressFocus ) {
open( false );
}
} );
badge.addEventListener( 'mouseenter', function () {
if ( !hoverBlocked && Date.now() >= hoverAfter && window.matchMedia( '(hover: hover)' ).matches ) {
open( false );
}
} );
}
root.addEventListener( 'mouseleave', function () { hoverBlocked = false; } );
document.addEventListener( 'keydown', function ( event ) {
if ( event.key === 'Escape' && !root.hidden && !panel.hidden ) {
var focusInside = root.contains( document.activeElement );
closePanel( focusInside );
if ( focusInside ) {
event.preventDefault();
}
}
} );
// The controls are outside article content and editor serialization.
document.body.appendChild( root );
return { root: root, body: body, badge: badge, panel: panel, open: open, dismissed: dismissed };
}

function renderManual( body, review, data, viewedRevision ) {
if ( !review || !Number( review.reviewedRevision ) ) {
return;
}
var revision = Number( review.reviewedRevision );
body.appendChild( element( 'h3', 'sb-article-review__section', 'Recorded article review' ) );
body.appendChild( element( 'p', 'sb-article-review__date', 'Reviewed ' + String( data.reviewDate ) + ' \u00b7 revision ' + revision ) );
if ( viewedRevision !== revision || Number( mw.config.get( 'wgCurRevisionId' ) ) > revision ) {
body.appendChild( element( 'p', 'sb-article-review__stale', viewedRevision !== revision ?
'These recorded findings cover another revision and may no longer apply. Writing checks below cover the revision identified in that section.' :
'A newer revision exists. These recorded findings cover the older revision shown here.' ) );
}
var revisionParagraph = element( 'p', 'sb-article-review__revision' );
paragraphLink( revisionParagraph, 'View reviewed revision ' + revision,
mw.util.getUrl( review.title || mw.config.get( 'wgPageName' ), { oldid: revision } ) );
body.appendChild( revisionParagraph );
var issues = Array.isArray( review.issues ) ? review.issues : [];
if ( issues.length ) {
var list = element( 'ul', 'sb-article-review__issues' );
issues.slice( 0, maxFindings ).forEach( function ( issue ) {
if ( !issue || typeof issue !== 'object' ) {
return;
}
var kind = [ 'error', 'review', 'note' ].indexOf( issue.kind ) !== -1 ? issue.kind : 'note';
var item = element( 'li', 'sb-article-review__issue sb-article-review__issue--' + kind );
item.appendChild( element( 'span', 'sb-article-review__kind', { error: 'Verified error', review: 'Review needed', note: 'Note' }[ kind ] ) );
item.appendChild( element( 'strong', 'sb-article-review__issue-title', issue.title || 'Review note' ) );
item.appendChild( element( 'p', 'sb-article-review__detail', issue.detail || '' ) );
if ( Array.isArray( issue.links ) ) {
var links = element( 'div', 'sb-article-review__links' );
issue.links.forEach( function ( source ) {
if ( source && typeof source.url === 'string' ) {
paragraphLink( links, source.label || 'Source', source.url );
}
} );
item.appendChild( links );
}
list.appendChild( item );
} );
body.appendChild( list );
} else {
body.appendChild( element( 'p', '', 'No article-specific issue was recorded in this limited review.' ) );
}
var scope = element( 'details', 'sb-article-review__scope' );
scope.appendChild( element( 'summary', '', 'Scope of the recorded review' ) );
scope.appendChild( element( 'p', 'sb-article-review__coverage', 'The following notes apply only to reviewed revision ' + revision + '.' ) );
if ( review.unicodeNote ) {
scope.appendChild( element( 'p', 'sb-article-review__unicode', review.unicodeNote ) );
}
scope.appendChild( element( 'p', 'sb-article-review__coverage', review.sourceReview === 'spot-checked' ?
'Selected citations were spot-checked; other sources remain unverified.' : 'Citation destinations were not checked for this article.' ) );
scope.appendChild( element( 'p', 'sb-article-review__coverage', 'Policy links provide review guidance; this was not a complete policy assessment.' ) );
body.appendChild( scope );
}

function sourceContents() {
if ( !sourceInput ) {
return null;
}
var input = window.jQuery( sourceInput );
return typeof input.textSelection === 'function' ? input.textSelection( 'getContents' ) : sourceInput.value;
}

function selectFinding( finding, checkedText ) {
if ( activeTarget || !sourceInput || sourceContents() !== checkedText ) {
return;
}
var encoded = new TextEncoder().encode( checkedText );
var startByte = Math.max( 0, Math.min( encoded.length, Number( finding.offset ) || 0 ) );
var endByte = Math.max( startByte, Math.min( encoded.length, startByte + ( Number( finding.length ) || 0 ) ) );
var decoder = new TextDecoder();
var start = decoder.decode( encoded.slice( 0, startByte ) ).length;
var end = decoder.decode( encoded.slice( 0, endByte ) ).length;
var input = window.jQuery( sourceInput );
if ( typeof input.textSelection === 'function' ) {
input.textSelection( 'setSelection', { start: start, end: end } );
input.textSelection( 'scrollToCaretPosition' );
} else {
sourceInput.setSelectionRange( start, end );
}
sourceInput.focus();
}

function renderWriting( body, result, options ) {
var findings = Array.isArray( result.findings ) ? result.findings : [];
body.appendChild( element( 'h3', 'sb-article-review__section', 'Writing checks' ) );
body.appendChild( element( 'p', 'sb-article-review__date', options.editor ?
'Checked an unsaved snapshot. Nothing has been saved or changed.' :
'Checked revision ' + Number( options.revision ) ) );
if ( options.editor ) {
var stale = element( 'p', 'sb-article-review__stale sb-writing-review__stale',
'The draft changed after this check. Check writing again to review the current text.' );
stale.hidden = !options.stale;
body.appendChild( stale );
}
body.appendChild( element( 'p', 'sb-article-review__limits',
'These are prompts for human review, not proof of AI authorship or policy violations. Saving is never blocked.' ) );
if ( !findings.length ) {
body.appendChild( element( 'p', 'sb-writing-review__empty', result.coverage && result.coverage.status === 'scanned' ?
'No matching signs were found by these checks. This does not establish who wrote the text or whether it is accurate.' :
'No findings are available from this check. See the coverage notes below.' ) );
} else {
var list = element( 'ul', 'sb-article-review__issues sb-writing-review__findings' );
findings.slice( 0, maxFindings ).forEach( function ( finding ) {
if ( !finding || typeof finding !== 'object' ) {
return;
}
var kind = finding.severity === 'review' ? 'review' : 'note';
var item = element( 'li', 'sb-article-review__issue sb-article-review__issue--' + kind );
item.appendChild( element( 'span', 'sb-article-review__kind', kind === 'review' ? 'Review this passage' : 'Context check' ) );
item.appendChild( element( 'strong', 'sb-article-review__issue-title', finding.title || 'Writing sign' ) );
item.appendChild( element( 'p', 'sb-article-review__detail', finding.explanation || '' ) );
if ( typeof finding.evidence === 'string' && finding.evidence ) {
item.appendChild( element( 'blockquote', 'sb-writing-review__evidence', finding.evidence.slice( 0, 1200 ) ) );
}
var links = element( 'div', 'sb-article-review__links' );
if ( Number( finding.line ) > 0 ) {
if ( options.editor && sourceInput && !activeTarget ) {
var select = element( 'button', 'sb-writing-review__source', 'Select source line ' + Number( finding.line ) );
select.type = 'button';
select.disabled = !!options.stale;
select.addEventListener( 'click', function () { selectFinding( finding, options.checkedText ); } );
links.appendChild( select );
} else if ( options.editor ) {
links.appendChild( element( 'span', '', 'Draft source line ' + Number( finding.line ) ) );
} else {
paragraphLink( links, 'Source line ' + Number( finding.line ), mw.util.getUrl(
options.title || mw.config.get( 'wgPageName' ), { action: 'edit', oldid: Number( options.revision ) } ) );
}
}
paragraphLink( links, 'Why this is flagged', typeof finding.guide === 'string' ? finding.guide : guideUrl );
item.appendChild( links );
list.appendChild( item );
} );
body.appendChild( list );
}
if ( result.truncated || findings.length > maxFindings ) {
body.appendChild( element( 'p', 'sb-article-review__stale', 'This report is limited in size. Additional passages may need review.' ) );
}
var scope = element( 'details', 'sb-article-review__scope' );
scope.appendChild( element( 'summary', '', 'What the checks cover' ) );
if ( result.coverage && result.coverage.reason ) {
scope.appendChild( element( 'p', '', result.coverage.reason ) );
}
var limitations = result.coverage && result.coverage.limitations;
if ( Array.isArray( limitations ) ) {
limitations.slice( 0, 12 ).forEach( function ( note ) {
if ( typeof note === 'string' ) {
scope.appendChild( element( 'p', '', note ) );
}
} );
} else if ( typeof limitations === 'string' ) {
scope.appendChild( element( 'p', '', limitations ) );
}
scope.appendChild( element( 'p', '', 'Checks use this wiki\u2019s text. They do not establish plagiarism, verify every source, or identify the writer.' ) );
paragraphLink( scope, 'Wikipedia: Signs of AI writing', guideUrl );
body.appendChild( scope );
}

function initializeView() {
var data = window.shalombuxArticleReviewData || {};
var scan = mw.config.get( 'wgMayapediaWritingReview' );
var pageId = Number( mw.config.get( 'wgArticleId' ) );
var revision = Number( mw.config.get( 'wgRevisionId' ) );
var query = new URLSearchParams( window.location.search );
if ( document.getElementById( rootId ) || pageId <= 0 || revision <= 0 ||
mw.config.get( 'wgAction' ) !== 'view' || query.has( 'diff' ) ||
mw.config.get( 'wgDiffOldId' ) || mw.config.get( 'wgDiffNewId' ) ) {
return;
}
var review = data.pages && data.pages[ String( pageId ) ];
// Never present another page/revision's automated findings as current.
if ( scan && ( Number( scan.revision ) !== revision || Number( scan.pageId ) !== pageId ) ) {
scan = null;
}
if ( !scan && !review ) {
return;
}
var count = scan && Array.isArray( scan.findings ) ? scan.findings.length : 0;
var manualCount = review && Array.isArray( review.issues ) ? review.issues.length : 0;
var storageKey = 'shalombux-article-review:writing:' + String( data.version || '' ) + ':' +
String( scan && scan.version || '' ) + ':' + pageId + ':' + revision + ':' + String( review && review.reviewedRevision || '' );
viewCard = makeCard( rootId, count + manualCount ? 'Article review (' + ( count + manualCount ) + ')' : 'Article review', storageKey, false );
viewCard.revision = revision;
viewCard.currentRevision = Number( mw.config.get( 'wgCurRevisionId' ) ) || revision;
renderManual( viewCard.body, review, data, revision );
if ( scan ) {
renderWriting( viewCard.body, scan, { revision: revision, title: scan.title } );
} else {
viewCard.body.appendChild( element( 'p', 'sb-article-review__coverage', 'Automated writing checks are unavailable for this view.' ) );
}
if ( ( count || manualCount ) && !viewCard.dismissed ) {
viewCard.open( false );
}
}

function markDraftChanged() {
editorGeneration++;
if ( editorCard ) {
var stale = editorCard.body.querySelector( '.sb-writing-review__stale' );
if ( stale ) {
stale.hidden = false;
}
editorCard.body.querySelectorAll( '.sb-writing-review__source' ).forEach( function ( button ) { button.disabled = true; } );
}
}

function currentDraft() {
if ( activeTarget ) {
var doc = activeTarget.getDocToSave();
if ( typeof doc === 'string' ) {
return Promise.resolve( doc );
}
return Promise.resolve( activeTarget.serialize( doc ) ).then( function ( data ) {
if ( !data || typeof data.content !== 'string' ) {
throw new Error( 'serialization' );
}
return data.content;
} );
}
var text = sourceContents();
return typeof text === 'string' ? Promise.resolve( text ) : Promise.reject( new Error( 'editor' ) );
}

function checkDraft() {
if ( !editorCard || editorCard.badge.disabled ) {
return;
}
var serial = ++requestSerial, generation = editorGeneration, checkedText;
editorCard.badge.disabled = true;
editorCard.badge.textContent = 'Checking writing\u2026';
editorCard.body.textContent = '';
editorCard.body.appendChild( element( 'p', 'sb-writing-review__status', 'Checking the current unsaved text on Mayapedia\u2026' ) );
editorCard.body.setAttribute( 'aria-busy', 'true' );
editorCard.open( false );
currentDraft().then( function ( text ) {
checkedText = text;
return new mw.Api().postWithToken( 'csrf', { action: 'writingreview', text: text, format: 'json', formatversion: 2 } );
} ).then( function ( response ) {
if ( serial !== requestSerial || !editorCard ) {
return;
}
if ( !response || !response.writingreview ) {
throw new Error( 'response' );
}
editorCard.body.textContent = '';
renderWriting( editorCard.body, response.writingreview, { editor: true, checkedText: checkedText,
stale: generation !== editorGeneration || ( !activeTarget && sourceContents() !== checkedText ) } );
} ).catch( function () {
if ( serial === requestSerial && editorCard ) {
editorCard.body.textContent = '';
editorCard.body.appendChild( element( 'p', 'sb-article-review__stale',
'The writing check could not finish. Your draft is unchanged and you can still save. Try Check writing again.' ) );
}
} ).then( function () {
if ( serial === requestSerial && editorCard ) {
editorCard.badge.disabled = false;
editorCard.badge.textContent = 'Check writing';
editorCard.body.removeAttribute( 'aria-busy' );
}
} );
}

function ensureEditor() {
if ( !editorCard ) {
editorCard = makeCard( editorId, 'Check writing', null, true );
editorCard.badge.addEventListener( 'click', checkDraft );
}
editorCard.root.hidden = false;
}

function activateVisualEditor() {
var target = window.ve && ve.init && ve.init.target;
if ( !target || typeof target.getSurface !== 'function' || typeof target.getDocToSave !== 'function' || typeof target.serialize !== 'function' ) {
return;
}
var surface = target.getSurface();
if ( !surface || !surface.getModel || !surface.getModel().getDocument ) {
return;
}
var doc = surface.getModel().getDocument();
activeTarget = target;
if ( activeDocument !== doc ) {
if ( activeDocument && typeof activeDocument.off === 'function' ) {
activeDocument.off( 'transact', markDraftChanged );
}
activeDocument = doc;
activeDocument.on( 'transact', markDraftChanged );
markDraftChanged();
}
ensureEditor();
if ( viewCard ) {
viewCard.root.hidden = true;
}
}

function initialize() {
if ( [ 0, 118 ].indexOf( Number( mw.config.get( 'wgNamespaceNumber' ) ) ) === -1 ) {
return;
}
initializeView();
sourceInput = document.getElementById( 'wpTextbox1' );
if ( sourceInput && !sourceInput.readOnly && !sourceInput.disabled ) {
ensureEditor();
sourceInput.addEventListener( 'input', markDraftChanged );
window.jQuery( sourceInput ).on( 'change', markDraftChanged );
}
mw.hook( 'ext.CodeMirror.input' ).add( markDraftChanged );
mw.hook( 've.activationStart' ).add( function () {
if ( viewCard ) {
viewCard.root.hidden = true;
}
if ( editorCard ) {
editorCard.root.hidden = true;
}
} );
mw.hook( 've.activationComplete' ).add( activateVisualEditor );
mw.hook( 've.deactivationComplete' ).add( function () {
activeTarget = null;
if ( activeDocument && typeof activeDocument.off === 'function' ) {
activeDocument.off( 'transact', markDraftChanged );
}
activeDocument = null;
requestSerial++;
if ( editorCard ) {
editorCard.root.hidden = true;
editorCard.badge.disabled = false;
editorCard.badge.textContent = 'Check writing';
}
if ( viewCard ) {
var revision = Number( mw.config.get( 'wgRevisionId' ) );
var currentRevision = Number( mw.config.get( 'wgCurRevisionId' ) ) || revision;
if ( revision !== viewCard.revision || currentRevision !== viewCard.currentRevision ) {
viewCard.body.textContent = '';
viewCard.body.appendChild( element( 'p', 'sb-article-review__stale',
'The saved page changed in the editor. Reload this page to check the new saved revision.' ) );
paragraphLink( viewCard.body, 'Refresh saved-page checks', mw.util.getUrl( mw.config.get( 'wgPageName' ) ) );
viewCard.badge.textContent = 'Refresh article review';
}
viewCard.root.hidden = false;
}
} );
if ( document.documentElement.classList.contains( 've-activated' ) || document.body.classList.contains( 've-activated' ) ) {
activateVisualEditor();
}
}

mw.loader.using( [ 'mediawiki.util', 'mediawiki.api', 'jquery.textSelection' ] ).then( function () {
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', initialize, { once: true } );
} else {
initialize();
}
} );
}() );

MediaWiki:Gadget-ArticleReview.css

2026-11-03T08:37:23Z

Administrat0r: Add local writing review with passage evidence and optional draft checks

.sb-article-review {
position: fixed;
z-index: 90;
right: 16px;
right: max(16px, env(safe-area-inset-right));
bottom: 16px;
bottom: calc(16px + env(safe-area-inset-bottom));
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
width: 23rem;
max-width: calc(100vw - 32px);
color: var(--color-base, #202122);
font: 14px/1.45 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
text-align: start;
pointer-events: none;
}

.sb-article-review *,
.sb-article-review *::before,
.sb-article-review *::after {
box-sizing: border-box;
}

.sb-article-review[hidden],
.sb-article-review [hidden],
.ve-active .sb-article-review:not(.sb-article-review--editor),
.ve-activated .sb-article-review:not(.sb-article-review--editor),
.ve-activating .sb-article-review:not(.sb-article-review--editor),
.ve-deactivating .sb-article-review:not(.sb-article-review--editor) {
display: none !important;
}

.sb-article-review__panel {
order: 1;
display: flex;
flex-direction: column;
width: 100%;
max-height: 70vh;
max-height: min(70dvh, 36rem);
overflow: hidden;
background: var(--background-color-base, #fff);
border: 1px solid var(--border-color-base, #a2a9b1);
border-radius: 10px;
box-shadow: 0 4px 22px rgb(0 0 0 / 18%);
pointer-events: auto;
}

.sb-article-review__header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 7px 8px 7px 14px;
border-bottom: 1px solid var(--border-color-subtle, #eaecf0);
}

.sb-article-review .sb-article-review__heading {
margin: 0;
padding: 0;
border: 0;
color: inherit;
font: 600 16px/1.3 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.sb-article-review__close,
.sb-article-review__badge {
appearance: none;
margin: 0;
color: var(--color-base, #202122);
background: var(--background-color-base, #fff);
border: 1px solid var(--border-color-base, #a2a9b1);
font: inherit;
cursor: pointer;
}

.sb-article-review__close {
flex: 0 0 auto;
width: 36px;
min-height: 36px;
padding: 0;
border-color: transparent;
border-radius: 5px;
font-size: 25px;
line-height: 1;
}

.sb-article-review__badge {
order: 2;
min-height: 40px;
padding: 8px 14px;
border-radius: 20px;
box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
font-weight: 600;
pointer-events: auto;
}

.sb-article-review__close:hover,
.sb-article-review__badge:hover {
background: var(--background-color-interactive-subtle, #f8f9fa);
}

.sb-article-review button:focus-visible,
.sb-article-review summary:focus-visible,
.sb-article-review a:focus-visible {
outline: 2px solid var(--color-progressive, #36c);
outline-offset: 2px;
}

.sb-article-review__body {
min-height: 0;
padding: 12px 14px 14px;
overflow-y: auto;
overscroll-behavior: contain;
overflow-wrap: anywhere;
}

.sb-article-review p {
margin: 0 0 10px;
}

.sb-article-review p:last-child {
margin-bottom: 0;
}

.sb-article-review__date,
.sb-article-review__revision,
.sb-article-review__unicode,
.sb-article-review__coverage {
font-size: 12px;
}

.sb-article-review__date {
color: var(--color-subtle, #54595d);
}

.sb-article-review__stale {
padding: 9px 10px;
border-inline-start: 3px solid #ac6600;
background: var(--background-color-warning-subtle, #fef6e7);
}

.sb-article-review .sb-article-review__issues {
margin: 14px 0;
padding: 0;
list-style: none;
}

.sb-article-review__issue {
margin: 0 0 14px;
padding-inline-start: 10px;
border-inline-start: 3px solid var(--border-color-base, #a2a9b1);
}

.sb-article-review__issue:last-child {
margin-bottom: 0;
}

.sb-article-review__issue--error {
border-inline-start-color: #b32424;
}

.sb-article-review__issue--review {
border-inline-start-color: #ac6600;
}

.sb-article-review__kind {
display: block;
margin-bottom: 3px;
color: var(--color-subtle, #54595d);
font-size: 11px;
font-weight: 600;
}

.sb-article-review__issue-title {
display: block;
margin-bottom: 5px;
}

.sb-article-review .sb-article-review__detail {
margin-bottom: 6px;
}

.sb-article-review__links {
display: flex;
flex-wrap: wrap;
gap: 4px 12px;
font-size: 12px;
}

.sb-article-review__scope {
padding-top: 10px;
border-top: 1px solid var(--border-color-subtle, #eaecf0);
color: var(--color-subtle, #54595d);
font-size: 12px;
}

.sb-article-review__scope summary {
cursor: pointer;
font-weight: 600;
}

.sb-article-review__scope[open] summary {
margin-bottom: 10px;
}

.sb-article-review .sb-article-review__section {
margin: 14px 0 9px;
padding: 0;
border: 0;
font: 600 15px/1.35 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.sb-article-review .sb-article-review__section:first-child {
margin-top: 0;
}

.sb-article-review__limits {
font-size: 12px;
}

.sb-article-review .sb-writing-review__evidence {
margin: 7px 0;
padding: 8px;
border: 1px solid var(--border-color-subtle, #eaecf0);
border-radius: 3px;
background: var(--background-color-neutral-subtle, #f8f9fa);
color: inherit;
white-space: pre-wrap;
font: inherit;
font-size: 12px;
}

.sb-writing-review__source {
appearance: none;
padding: 0;
border: 0;
background: none;
color: var(--color-progressive, #36c);
font: inherit;
text-align: start;
cursor: pointer;
}

.sb-writing-review__source:hover {
text-decoration: underline;
}

.sb-writing-review__source:disabled,
.sb-article-review__badge:disabled {
opacity: 0.65;
cursor: wait;
}

.sb-writing-review__source:disabled {
cursor: default;
}

.sb-article-review--editor {
z-index: 100;
}

.ve-active .sb-article-review--editor:not([hidden]),
.ve-activated .sb-article-review--editor:not([hidden]) {
display: flex !important;
}

@media (max-width: 400px) {
.sb-article-review {
right: 12px;
max-width: calc(100vw - 24px);
}

.sb-article-review__close,
.sb-article-review__badge {
min-height: 44px;
}

.sb-article-review__close {
width: 44px;
}
}

@media print {
.sb-article-review,
.ve-active .sb-article-review--editor:not([hidden]),
.ve-activated .sb-article-review--editor:not([hidden]) {
display: none !important;
}
}

MediaWiki:Gadgets-definition

2026-11-03T07:46:35Z

Administrat0r: Enable ResourceLoader for article review gadget

MediaWiki:Gadgets-definition

2026-11-03T07:45:41Z

Administrat0r: Add dismissible article review interface

MediaWiki:Gadget-ArticleReview

2026-11-03T07:45:40Z

Administrat0r: Add dismissible article review interface

Dismissible article review cards with documented findings and source links.

MediaWiki:Gadget-ArticleReview.css

2026-11-03T07:45:40Z

Administrat0r: Add dismissible article review interface

.sb-article-review {
position: fixed;
z-index: 90;
right: 16px;
right: max(16px, env(safe-area-inset-right));
bottom: 16px;
bottom: calc(16px + env(safe-area-inset-bottom));
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
width: 23rem;
max-width: calc(100vw - 32px);
color: var(--color-base, #202122);
font: 14px/1.45 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
text-align: start;
pointer-events: none;
}

.sb-article-review *,
.sb-article-review *::before,
.sb-article-review *::after {
box-sizing: border-box;
}

.sb-article-review[hidden],
.sb-article-review [hidden],
.ve-active .sb-article-review,
.ve-activated .sb-article-review,
.ve-activating .sb-article-review,
.ve-deactivating .sb-article-review {
display: none !important;
}

.sb-article-review__panel {
order: 1;
display: flex;
flex-direction: column;
width: 100%;
max-height: 70vh;
max-height: min(70dvh, 36rem);
overflow: hidden;
background: var(--background-color-base, #fff);
border: 1px solid var(--border-color-base, #a2a9b1);
border-radius: 10px;
box-shadow: 0 4px 22px rgb(0 0 0 / 18%);
pointer-events: auto;
}

.sb-article-review__header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 7px 8px 7px 14px;
border-bottom: 1px solid var(--border-color-subtle, #eaecf0);
}

.sb-article-review .sb-article-review__heading {
margin: 0;
padding: 0;
border: 0;
color: inherit;
font: 600 16px/1.3 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.sb-article-review__close,
.sb-article-review__badge {
appearance: none;
margin: 0;
color: var(--color-base, #202122);
background: var(--background-color-base, #fff);
border: 1px solid var(--border-color-base, #a2a9b1);
font: inherit;
cursor: pointer;
}

.sb-article-review__close {
flex: 0 0 auto;
width: 36px;
min-height: 36px;
padding: 0;
border-color: transparent;
border-radius: 5px;
font-size: 25px;
line-height: 1;
}

.sb-article-review__badge {
order: 2;
min-height: 40px;
padding: 8px 14px;
border-radius: 20px;
box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
font-weight: 600;
pointer-events: auto;
}

.sb-article-review__close:hover,
.sb-article-review__badge:hover {
background: var(--background-color-interactive-subtle, #f8f9fa);
}

.sb-article-review button:focus-visible,
.sb-article-review summary:focus-visible,
.sb-article-review a:focus-visible {
outline: 2px solid var(--color-progressive, #36c);
outline-offset: 2px;
}

.sb-article-review__body {
min-height: 0;
padding: 12px 14px 14px;
overflow-y: auto;
overscroll-behavior: contain;
overflow-wrap: anywhere;
}

.sb-article-review p {
margin: 0 0 10px;
}

.sb-article-review p:last-child {
margin-bottom: 0;
}

.sb-article-review__date,
.sb-article-review__revision,
.sb-article-review__unicode,
.sb-article-review__coverage {
font-size: 12px;
}

.sb-article-review__date {
color: var(--color-subtle, #54595d);
}

.sb-article-review__stale {
padding: 9px 10px;
border-inline-start: 3px solid #ac6600;
background: var(--background-color-warning-subtle, #fef6e7);
}

.sb-article-review .sb-article-review__issues {
margin: 14px 0;
padding: 0;
list-style: none;
}

.sb-article-review__issue {
margin: 0 0 14px;
padding-inline-start: 10px;
border-inline-start: 3px solid var(--border-color-base, #a2a9b1);
}

.sb-article-review__issue:last-child {
margin-bottom: 0;
}

.sb-article-review__issue--error {
border-inline-start-color: #b32424;
}

.sb-article-review__issue--review {
border-inline-start-color: #ac6600;
}

.sb-article-review__kind {
display: block;
margin-bottom: 3px;
color: var(--color-subtle, #54595d);
font-size: 11px;
font-weight: 600;
}

.sb-article-review__issue-title {
display: block;
margin-bottom: 5px;
}

.sb-article-review .sb-article-review__detail {
margin-bottom: 6px;
}

.sb-article-review__links {
display: flex;
flex-wrap: wrap;
gap: 4px 12px;
font-size: 12px;
}

.sb-article-review__scope {
padding-top: 10px;
border-top: 1px solid var(--border-color-subtle, #eaecf0);
color: var(--color-subtle, #54595d);
font-size: 12px;
}

.sb-article-review__scope summary {
cursor: pointer;
font-weight: 600;
}

.sb-article-review__scope[open] summary {
margin-bottom: 10px;
}

@media (max-width: 400px) {
.sb-article-review {
right: 12px;
max-width: calc(100vw - 24px);
}

.sb-article-review__close,
.sb-article-review__badge {
min-height: 44px;
}

.sb-article-review__close {
width: 44px;
}
}

@media print {
.sb-article-review {
display: none !important;
}
}

MediaWiki:Gadget-ArticleReview.js

2026-11-03T07:45:40Z

Administrat0r: Add dismissible article review interface

( function () {
'use strict';

var rootId = 'shalombux-article-review';

function element( name, className, text ) {
var node = document.createElement( name );
if ( className ) {
node.className = className;
}
if ( text !== undefined ) {
node.textContent = String( text );
}
return node;
}

function safeLink( label, address, newWindow ) {
var url;
try {
url = new URL( address, window.location.href );
} catch ( error ) {
return null;
}
if ( url.protocol !== 'https:' && url.protocol !== 'http:' ) {
return null;
}
var link = element( 'a', '', label );
link.href = url.href;
if ( newWindow ) {
link.target = '_blank';
link.rel = 'noopener noreferrer';
}
return link;
}

function initialize() {
var data = window.shalombuxArticleReviewData;
var query = new URLSearchParams( window.location.search );
var pageId = Number( mw.config.get( 'wgArticleId' ) );
var viewedRevision = Number( mw.config.get( 'wgRevisionId' ) );
if ( document.getElementById( rootId ) || !data || !data.pages ||
mw.config.get( 'wgNamespaceNumber' ) !== 0 || pageId <= 0 || viewedRevision <= 0 ||
mw.config.get( 'wgAction' ) !== 'view' || query.has( 'diff' ) || query.has( 'veaction' ) ||
mw.config.get( 'wgDiffOldId' ) || mw.config.get( 'wgDiffNewId' ) ) {
return;
}
var review = data.pages[ String( pageId ) ];
if ( !review || !Number( review.reviewedRevision ) ) {
return;
}

var reviewedRevision = Number( review.reviewedRevision );
var currentRevision = Number( mw.config.get( 'wgCurRevisionId' ) ) || viewedRevision;
var storageKey = 'shalombux-article-review:' + String( data.version ) + ':' +
pageId + ':' + reviewedRevision;
var dismissed = false;
try {
dismissed = window.localStorage.getItem( storageKey ) === 'dismissed';
} catch ( error ) {
// The card remains usable when browser storage is unavailable.
}

var root = element( 'div', 'sb-article-review' );
root.id = rootId;
var badge = element( 'button', 'sb-article-review__badge', 'Article review' );
badge.type = 'button';
badge.setAttribute( 'aria-controls', rootId + '-panel' );
badge.setAttribute( 'aria-expanded', 'false' );
badge.title = 'Show the article review';

var panel = element( 'section', 'sb-article-review__panel' );
panel.id = rootId + '-panel';
panel.setAttribute( 'aria-labelledby', rootId + '-heading' );
var header = element( 'div', 'sb-article-review__header' );
var heading = element( 'h2', 'sb-article-review__heading', 'Article review' );
heading.id = rootId + '-heading';
var close = element( 'button', 'sb-article-review__close', '\u00d7' );
close.type = 'button';
close.setAttribute( 'aria-label', 'Close article review' );
close.title = 'Close article review (Escape)';
header.appendChild( heading );
header.appendChild( close );
panel.appendChild( header );

var body = element( 'div', 'sb-article-review__body' );
body.appendChild( element( 'p', 'sb-article-review__date', 'Reviewed ' + String( data.reviewDate ) ) );
if ( viewedRevision !== reviewedRevision || currentRevision !== reviewedRevision ) {
var stale = viewedRevision !== reviewedRevision ?
'This review covers a different revision. The text you are viewing has not been rechecked; the findings below may no longer apply.' :
'You are viewing the reviewed revision. A newer revision exists and has not been rechecked.';
body.appendChild( element( 'p', 'sb-article-review__stale', stale ) );
}
var revisionLink = safeLink( 'View reviewed revision ' + reviewedRevision,
mw.util.getUrl( review.title || mw.config.get( 'wgPageName' ), { oldid: reviewedRevision } ), false );
if ( revisionLink ) {
var revisionParagraph = element( 'p', 'sb-article-review__revision' );
revisionParagraph.appendChild( revisionLink );
body.appendChild( revisionParagraph );
}

var issues = Array.isArray( review.issues ) ? review.issues : [];
if ( issues.length ) {
var list = element( 'ul', 'sb-article-review__issues' );
issues.forEach( function ( issue ) {
if ( !issue || typeof issue !== 'object' ) {
return;
}
var kind = [ 'error', 'review', 'note' ].indexOf( issue.kind ) !== -1 ? issue.kind : 'note';
var labels = { error: 'Verified error', review: 'Review needed', note: 'Note' };
var item = element( 'li', 'sb-article-review__issue sb-article-review__issue--' + kind );
item.appendChild( element( 'span', 'sb-article-review__kind', labels[ kind ] ) );
item.appendChild( element( 'strong', 'sb-article-review__issue-title', issue.title || 'Review note' ) );
item.appendChild( element( 'p', 'sb-article-review__detail', issue.detail || '' ) );
if ( Array.isArray( issue.links ) ) {
var links = element( 'div', 'sb-article-review__links' );
issue.links.forEach( function ( source ) {
if ( !source || typeof source.url !== 'string' ) {
return;
}
var link = safeLink( source.label || 'Source', source.url, true );
if ( link ) {
links.appendChild( link );
}
} );
if ( links.childNodes.length ) {
item.appendChild( links );
}
}
list.appendChild( item );
} );
body.appendChild( list );
} else {
body.appendChild( element( 'p', 'sb-article-review__no-issues',
'No article-specific issue recorded in this limited review.' ) );
}

body.appendChild( element( 'p', 'sb-article-review__ai',
'AI indicators: none found in reviewed text/links; authorship unverified.' ) );
var scope = element( 'details', 'sb-article-review__scope' );
scope.appendChild( element( 'summary', '', 'Review scope' ) );
scope.appendChild( element( 'p', 'sb-article-review__unicode', review.unicodeNote ||
'Unicode scan: no flagged hidden characters found in the reviewed source.' ) );
scope.appendChild( element( 'p', 'sb-article-review__coverage',
review.sourceReview === 'spot-checked' ?
'Selected citations were spot-checked; other sources remain unverified.' :
'Citation destinations were not checked for this article.' ) );
scope.appendChild( element( 'p', 'sb-article-review__coverage',
'Wikipedia policy links are review guidance; no complete policy assessment.' ) );
body.appendChild( scope );
panel.appendChild( body );
root.appendChild( badge );
root.appendChild( panel );

var isOpen = false;
var hoverBlocked = false;
var hoverMayOpenAfter = 0;
var suppressFocus = false;
var suspended = false;

function rememberDismissal( value ) {
try {
if ( value ) {
window.localStorage.setItem( storageKey, 'dismissed' );
} else {
window.localStorage.removeItem( storageKey );
}
} catch ( error ) {
// Dismissal still works for the current page without storage.
}
}

function openPanel( remember ) {
if ( suspended ) {
return;
}
isOpen = true;
panel.hidden = false;
badge.setAttribute( 'aria-expanded', 'true' );
if ( remember ) {
rememberDismissal( false );
}
}

function closePanel( returnFocus ) {
isOpen = false;
panel.hidden = true;
badge.setAttribute( 'aria-expanded', 'false' );
hoverBlocked = true;
hoverMayOpenAfter = Date.now() + 800;
rememberDismissal( true );
if ( returnFocus ) {
suppressFocus = true;
badge.focus( { preventScroll: true } );
suppressFocus = false;
}
}

close.addEventListener( 'click', function () {
closePanel( true );
} );
badge.addEventListener( 'click', function () {
openPanel( true );
} );
badge.addEventListener( 'focus', function () {
if ( !suppressFocus ) {
openPanel( false );
}
} );
badge.addEventListener( 'mouseenter', function () {
if ( !hoverBlocked && Date.now() >= hoverMayOpenAfter &&
window.matchMedia( '(hover: hover)' ).matches ) {
openPanel( false );
}
} );
root.addEventListener( 'mouseleave', function () {
hoverBlocked = false;
} );
document.addEventListener( 'keydown', function ( event ) {
if ( event.key === 'Escape' && isOpen && !suspended ) {
var focusInside = root.contains( document.activeElement );
closePanel( focusInside );
if ( focusInside ) {
event.preventDefault();
}
}
} );

function updateEditorVisibility() {
var editorClasses = [ 've-active', 've-activated', 've-activating', 've-deactivating' ];
suspended = editorClasses.some( function ( name ) {
return document.documentElement.classList.contains( name ) || document.body.classList.contains( name );
} );
root.hidden = suspended;
}
mw.hook( 've.activationStart' ).add( function () {
suspended = true;
root.hidden = true;
} );
mw.hook( 've.deactivationComplete' ).add( updateEditorVisibility );
if ( window.MutationObserver ) {
var observer = new MutationObserver( updateEditorVisibility );
observer.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
observer.observe( document.body, { attributes: true, attributeFilter: [ 'class' ] } );
}

// Keep review UI outside article content and VisualEditor serialization.
document.body.appendChild( root );
panel.hidden = dismissed;
if ( !dismissed ) {
openPanel( false );
}
updateEditorVisibility();
}

mw.loader.using( 'mediawiki.util' ).then( function () {
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', initialize, { once: true } );
} else {
initialize();
}
} );
}() );

MediaWiki:Gadget-ArticleReviewData.js

2026-11-03T07:45:39Z

Administrat0r: Add dismissible article review interface

Template:End date

2026-11-02T09:25:14Z

Administrat0r: Correct date template expansion

<includeonly>{{#if:{{{3|}}}|{{#ifeq:{{{df|}}}|y|{{#time:j F Y|{{{1}}}-{{{2}}}-{{{3}}}}}|{{#time:F j, Y|{{{1}}}-{{{2}}}-{{{3}}}}}}}|{{{1|}}}}}</includeonly><noinclude>Display a calendar date with optional day–month–year formatting.
<templatedata>
{
"description": "Display a calendar date with optional day–month–year formatting.",
"params": {
"1": {
"label": "Year",
"type": "string",
"required": true
},
"2": {
"label": "Month",
"type": "string",
"required": true
},
"3": {
"label": "Day",
"type": "string",
"required": true
},
"df": {
"label": "Use day–month–year style",
"type": "string",
"default": "y"
}
},
"paramOrder": [
"1",
"2",
"3",
"df"
]
}
</templatedata></noinclude>

Template:Start date

2026-11-02T09:25:14Z

Administrat0r: Correct date template expansion

Template:’

2026-11-02T09:21:59Z