<!-- PATCHED 2026-07-30 17:06 MDT -- A SIGN-IN SCREEN APPEARS BY ITSELF for anybody not signed in, and hides the moment they are. Button rather than automatic popup because browsers block signInWithPopup without a click; it uses signInWithRedirect, which is what works on chessclerk.com. Waits 1.2s for getRedirectResult so it does not flash mid-sign-in, and "just let me play" dismisses it for the tab. Previous: -->
<!-- PATCHED 2026-07-30 16:44 MDT -- SIGN IN and 960 buttons restored to the tools row. #nav-signin was already wired on DOMContentLoaded and had no button to attach to, so a signed-out person had no way back in -- which is why /wallet was answering 401. The 960 overlay markup is restored to the shape styles.css section 18 and 960.js already expect. Previous: -->
<!-- PATCHED 2026-07-30 07:04 MDT -- moveverdict.js added: a live verdict on a student move, only at the extremes, with SPREAD deciding whether a good move was actually hard to find. Previous: -->
<!-- PATCHED 2026-07-30 06:20 MDT -- plans.js added after repertoire.js: plan mode, one side moving at a time from a tabiya. Previous: -->
<!-- PATCHED 2026-07-30 05:20 MDT -- a guarded initLocation shim sits immediately before ai.js. ai.js calls it one line before buildPanel(), so a missing initLocation means no AI panel at all. Does nothing when net.js is healthy. Previous: -->
<!-- PATCHED 2026-07-30 01:52 MDT -- #panel2 GONE, not hidden. Move lists are POSTS in the AI panel; there is no move-list column and there never was one to restore. Previous: -->
<!-- PATCHED 2026-07-30 01:40 MDT -- #panel2 IS HIDDEN. Restoring it visible added a third 2-inch column to #panel-row and squeezed the AI panel off screen. The container stays so renderSAN has a target; it is display:none because there are two panels, not three. Previous: -->
<!-- PATCHED 2026-07-30 00:52 MDT -- repertoire.js added after bundle.js: a person's own tree, one decided move per position of theirs, with a gap list of the opponent replies they have not answered. Previous: -->
<!-- PATCHED 2026-07-30 00:12 MDT -- boardvision.js added: a pasted page's FEN or movetext is used before any model looks at a picture, a model-read FEN is validated before it loads, and phones get a camera button. Previous: -->
<!-- PATCHED 2026-07-29 21:34 MDT -- #move-content RESTORED. panel2/move-scroll/move-content were styled in CSS and absent from the HTML, so renderSAN() returned on line one and eight call sites fired into nothing. Previous: -->
<!-- PATCHED 2026-07-29 20:34 MDT -- wikilookup.js added after localbook.js (NOT wiki.js -- panel3/wiki.js already exists and two files with one name is how the wrong one gets edited): the right Wikipedia page AND the right section, off the position on the board. Previous: -->
<!-- PATCHED 2026-07-29 18:12 MDT -- bundle.js added after lines.js: drives autoplay and play-vs-line across whole sets of lines. Previous: -->
<!-- PATCHED 2026-07-30 00:04 MDT -- scratch.js added: the demonstration board and the engine verifier behind >SCRATCH / >DEMO / >BACK. Previous: -->
<!-- PATCHED 2026-07-29 23:06 MDT -- structure-scan.js added before motifpass.js: 14 structural predicates (outposts, seventh rank, open files, bad bishops, colour complexes, batteries, blockades, IQP, space). Previous: -->
<!-- PATCHED 2026-07-29 22:14 MDT -- motifpass.js added after the two scanners: walks a finished game and returns the curriculum motifs that actually occurred, each pinned to its ply. Previous: -->
<!-- PATCHED 2026-07-29 21:18 MDT -- puzzlethemes.js added before lichess.js: all 58 Lichess puzzle themes with plain-English aliases. Previous: -->
<!-- PATCHED 2026-07-29 18:34 MDT -- masters.js added after localbook.js (it feeds LocalBook.setPopularity at runtime). Previous: -->
<!-- PATCHED 2026-07-29 18:10 MDT -- elocheck.js UNLOADED. >ELOCHECK was dropped 28 July; the file stayed in the page and kept wrapping window.makeMove, which is one of the two load-order overwrites in the audit. Previous: -->
<!-- PATCHED 2026-07-29 16:40 MDT -- boardbridge SPLIT IN THIRDS: boardeyes.js, boardplay.js, boardbridge.js, in that order after boardlookup.js. Previous: -->
<!-- PATCHED 2026-07-29 15:58 MDT -- boardlookup.js added, BEFORE boardbridge (it binds to it at boot). Previous: -->
<!-- PATCHED 2026-07-28 21:58 MDT -- qcheck.js added (owner tool: engine-scores every q, rewrites the trees). Previous: -->
<!-- PATCHED 2026-07-28 21:40 MDT -- maia-moves.js (Maia-2, 1858 moves) swapped for maiamoves.js (Maia-3, 4352). Previous: -->
<!-- PATCHED 2026-07-28 16:52 MDT -- uihost.js added: the UI host, nine verbs replacing nine typed phrases. Previous: -->
<!-- PATCHED 2026-07-28 08:41 MDT -- NOW CARRIES A STAMP, because it never
     did and that is why versions of this file kept not getting dropped in:
     there was no way to tell the one in your hand from the one on the
     server. HTML has no comment convention here, so it gets the same
     PATCHED line every js file gets and the same console check reads it.

     This version: two nav rows (game control on top, analysis below), the
     resign flag and the draw button, uniform button widths across both
     rows, and script tags for clock.js, quickgame.js, resign.js,
     post1.js and motifexamples.js. -->
<!DOCTYPE html>
<!-- PATCHED 2026-07-25 20:30 MDT -- codebuilder/codeai.js script tag commented out (folder is post-release scope and firebase.json now ignores it). Earlier today: loads folders/ai/trace.js and folders/ai/report.js FIRST, ahead of hooks.js, so trace's error handlers are armed before any other script parses. -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Chess Clerk</title>
    <meta name="description" content="Chess Clerk — play a full-strength engine, explore openings, solve puzzles, and get live commentary from an AI that actually reads the position. Free to play.">
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="folders/ai/ai.css">  <!-- must come after styles.css: preserves the old injected-block cascade -->


<script>
function googleTranslateElementInit() {
    new google.translate.TranslateElement(
        { pageLanguage: 'en', autoDisplay: false },
        'google_translate_element'
    )
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



</head>

<body class="coords-on">

<div id="google_translate_element" style="display:none"></div>


<div id="app">

    <!-- BOARD COLUMN -->
    <div id="board-column">
        <div id="board-container">

            <div id="rank-coords">
                <div class="coord-rank rank8">8</div>
                <div class="coord-rank rank7">7</div>
                <div class="coord-rank rank6">6</div>
                <div class="coord-rank rank5">5</div>
                <div class="coord-rank rank4">4</div>
                <div class="coord-rank rank3">3</div>
                <div class="coord-rank rank2">2</div>
                <div class="coord-rank rank1">1</div>
            </div>

           <div id="board">

<!-- Rank 8 -->
<div class="square light br" data-square="112"></div>
<div class="square dark bn" data-square="113"></div>
<div class="square light bb" data-square="114"></div>
<div class="square dark bq" data-square="115"></div>
<div class="square light bk" data-square="116"></div>
<div class="square dark bb" data-square="117"></div>
<div class="square light bn" data-square="118"></div>
<div class="square dark br" data-square="119"></div>

<!-- Rank 7 -->
<div class="square dark bp" data-square="96"></div>
<div class="square light bp" data-square="97"></div>
<div class="square dark bp" data-square="98"></div>
<div class="square light bp" data-square="99"></div>
<div class="square dark bp" data-square="100"></div>
<div class="square light bp" data-square="101"></div>
<div class="square dark bp" data-square="102"></div>
<div class="square light bp" data-square="103"></div>

<!-- Rank 6 -->
<div class="square light" data-square="80"></div>
<div class="square dark" data-square="81"></div>
<div class="square light" data-square="82"></div>
<div class="square dark" data-square="83"></div>
<div class="square light" data-square="84"></div>
<div class="square dark" data-square="85"></div>
<div class="square light" data-square="86"></div>
<div class="square dark" data-square="87"></div>

<!-- Rank 5 -->
<div class="square dark" data-square="64"></div>
<div class="square light" data-square="65"></div>
<div class="square dark" data-square="66"></div>
<div class="square light" data-square="67"></div>
<div class="square dark" data-square="68"></div>
<div class="square light" data-square="69"></div>
<div class="square dark" data-square="70"></div>
<div class="square light" data-square="71"></div>

<!-- Rank 4 -->
<div class="square light" data-square="48"></div>
<div class="square dark" data-square="49"></div>
<div class="square light" data-square="50"></div>
<div class="square dark" data-square="51"></div>
<div class="square light" data-square="52"></div>
<div class="square dark" data-square="53"></div>
<div class="square light" data-square="54"></div>
<div class="square dark" data-square="55"></div>

<!-- Rank 3 -->
<div class="square dark" data-square="32"></div>
<div class="square light" data-square="33"></div>
<div class="square dark" data-square="34"></div>
<div class="square light" data-square="35"></div>
<div class="square dark" data-square="36"></div>
<div class="square light" data-square="37"></div>
<div class="square dark" data-square="38"></div>
<div class="square light" data-square="39"></div>

<!-- Rank 2 -->
<div class="square light wp" data-square="16"></div>
<div class="square dark wp" data-square="17"></div>
<div class="square light wp" data-square="18"></div>
<div class="square dark wp" data-square="19"></div>
<div class="square light wp" data-square="20"></div>
<div class="square dark wp" data-square="21"></div>
<div class="square light wp" data-square="22"></div>
<div class="square dark wp" data-square="23"></div>

<!-- Rank 1 -->
<div class="square dark wr" data-square="0"></div>
<div class="square light wn" data-square="1"></div>
<div class="square dark wb" data-square="2"></div>
<div class="square light wq" data-square="3"></div>
<div class="square dark wk" data-square="4"></div>
<div class="square light wb" data-square="5"></div>
<div class="square dark wn" data-square="6"></div>
<div class="square light wr" data-square="7"></div>

</div>

            <div id="file-coords">
                <div class="coord-file fileA">a</div>
                <div class="coord-file fileB">b</div>
                <div class="coord-file fileC">c</div>
                <div class="coord-file fileD">d</div>
                <div class="coord-file fileE">e</div>
                <div class="coord-file fileF">f</div>
                <div class="coord-file fileG">g</div>
                <div class="coord-file fileH">h</div>
            </div>

            <!-- Running Stockfish eval. Populated by folders/coreui/evalbar.js,
                 which computes continuously and paints only when switched on
                 (>EVALBAR: on, or the offer at game start). Styled in
                 styles.css section 4b to match the captured-piece score.
                 Two segments: position (this position's raw value) on the
                 left, move (the swing the last move caused) on the right. -->
            <div id="board-eval-bar">
                <span class="eval-position"></span>
                <span class="eval-move"></span>
            </div>
        </div>

   
      
     </div>


    <!-- RIGHT COLUMN -->
    <div id="right-column">



      </div>
<div id="nav-keys">
    <div id="nav-row-board">
        <button class="nav-btn" id="nav-first"    title="First Move">⏮</button>
        <button class="nav-btn" id="nav-back"      title="Back">←</button>
        <button class="nav-btn" id="nav-play"      title="New game">▶</button>
        <button class="nav-btn" id="nav-forward"   title="Forward">→</button>
        <button class="nav-btn" id="nav-last"      title="Last Move">⏭</button>
        <button class="nav-btn" id="undo-btn"      title="Undo">↶</button>
        <button class="nav-btn" id="redo-btn"      title="Redo">↷</button>
        <button class="nav-btn" id="reset-btn"     title="Reset">⟳</button>
        <button class="nav-btn" id="nav-flip"      title="Flip Board">⇅</button>
        <button class="nav-btn" id="nav-draw"      title="Offer / accept a draw">½</button>
        <button class="nav-btn" id="nav-resign"    title="Resign">⚑</button>
    </div>
    <!-- SECOND ROW (7/28). Split on a real seam rather than an arbitrary one:
         above is moving through a game, below is looking at a position. Two
         rows because 640px divided by eighteen buttons is 35px each, and the
         same row on a phone is 21px -- well under the ~44px anybody can
         reliably hit. Mobile gets every function, which was the rule, and
         two rows is how that promise gets kept. Costs 32 vertical pixels on
         a desktop. -->
    <div id="nav-row-tools">
        <button class="nav-btn" id="nav-legal"     title="Legal Moves">✦</button>
        <button class="nav-btn" id="nav-settings"  title="Settings">⚙️</button>
        <button class="nav-btn" id="engine-move"   title="Engine Move">Σ</button>
        <button class="nav-btn" id="nav-candi"     title="Candidates">≡</button>
        <button class="nav-btn" id="nav-threats"   title="Threats">⚠️</button>
        <button class="nav-btn" id="nav-plunder"   title="Plunder">☠️</button>
        <button class="nav-btn" id="nav-hint"      title="Hint">💡</button>
        <!-- 960 (7/30). The overlay below is the ORIGINAL popup -- every class it
             uses is still in styles.css section 18 and 960.js still has the
             handlers; only the markup had been removed. -->
        <button class="nav-btn" id="nav-960"       title="Chess960">960</button>
        <!-- SIGN IN (7/30). index.html has wired #nav-signin on DOMContentLoaded
             the whole time -- the button itself was deleted with the four-panel
             layout, so the handler had nothing to attach to and there was no way
             back in after a sign-out. Nothing else needed changing. -->
        <button class="nav-btn" id="nav-signin"    title="Sign in">⚿</button>
    </div>

   </div>





<!-- ===== SIGN-IN GATE (7/30) =====

     Appears by itself for anybody not signed in, and goes away the moment
     they are. It reuses the 960 overlay's own classes so it matches the app
     without a single new CSS rule.

     WHY IT IS A BUTTON RATHER THAN AN AUTOMATIC POPUP: browsers block
     signInWithPopup unless a click triggered it, so a popup fired on page load
     is swallowed by the popup blocker and the person sees nothing at all. The
     screen arrives on its own; the click is what makes Google open. It also
     uses signInWithRedirect for the reason noted below -- popup was failing on
     chessclerk.com.

     THE BOARD STAYS PLAYABLE BEHIND IT. Dismissing leaves them signed out with
     free play, which is the promise post #1 makes: the board, the clock and the
     opening book cost nothing. Only talking to the clerk needs an account, and
     the Worker enforces that on its own. -->
<div id="signin-overlay" style="position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:10000;">
  <div id="chess960-box" style="width:340px;text-align:center;">
    <div class="c960-title">Sign in to ChessClerk</div>
    <div style="font-size:13px;line-height:1.5;margin-bottom:18px;opacity:.9;">
      Talking to the clerk needs an account. Playing does not — the board, the clock
      and the opening book are free whether you sign in or not.
    </div>
    <div class="c960-buttons">
      <button class="c960-start" id="signin-go">Sign in with Google</button>
      <button class="c960-cancel" id="signin-later">Just let me play</button>
    </div>
  </div>
</div>

<!-- ===== CHESS960 POPUP (restored 7/30) =====
     The original markup, matching styles.css section 18 and the handlers in
     folders/engine/960.js: radio group name="c960-mode", .c960-start and
     .c960-cancel, and the overlay id the open/close functions look up. -->
<div id="chess960-overlay">
  <div id="chess960-box">
    <div class="c960-title">Chess 960</div>
    <div class="c960-section">
      <label class="c960-option"><input type="radio" name="c960-mode" value="computer-sym" checked> Against the computer — same back rank both sides</label>
      <label class="c960-option"><input type="radio" name="c960-mode" value="computer-nonsym"> Against the computer — different back ranks</label>
      <label class="c960-option"><input type="radio" name="c960-mode" value="human-sym"> Two players — same back rank both sides</label>
      <label class="c960-option"><input type="radio" name="c960-mode" value="human-nonsym"> Two players — different back ranks</label>
      <label class="c960-option"><input type="radio" name="c960-mode" value="each-own"> Each side sets up its own</label>
    </div>
    <div class="c960-buttons">
      <button class="c960-start">Start</button>
      <button class="c960-cancel">Cancel</button>
    </div>
  </div>
</div>

<!-- PANEL ROW -->
<div id="panel-row">

    <!-- PANEL 3: MAIN CONTENT -->
<div id="panel3-col">
     <div id="panel3">
        <div class="fork-layout">
            <div id="ai-root"></div>
        </div>
     </div>
    </div>

    <!-- PANEL 4: CATEGORIES -->
    <div id="list-panel"></div>

</div><!-- END PANEL ROW -->         
</div><!-- END APP — panel-row lives INSIDE #app; styles.css section 2 sizes it as flex:1 of the app row -->











<!-- FIREBASE -->
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-firestore-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-auth-compat.js"></script>
<script>
    const firebaseConfig = {
       apiKey: "AIzaSyB9ytG3tGpJHdSxnyRn6CLY-3ilQ9vCUZI",
        // FIX: was hardcoded to "chessclerk.com". That forced EVERY sign-in —
        // even ones starting on chessclerkpro.web.app — through a cross-origin
        // redirect hop to chessclerk.com/__/auth/handler and back. Confirmed
        // in testing: fresh incognito sign-in failed identically on BOTH
        // origins, and neither the getRedirectResult() success log nor its
        // .catch() ever fired — the promise just hung, the signature of the
        // storage-relay silently breaking on that cross-origin hop.
        // firebaseapp.com is Firebase's own dedicated auth domain, built to
        // handle this relay reliably for any origin in this project — using
        // it removes the cross-origin hop entirely instead of routing every
        // sign-in through whichever custom domain happens to be hardcoded here.
        // TEST: reverting to the app's own domain now that the COEP/COOP
        // headers (firebase.json) are confirmed removed. Original theory
        // was that chessclerk.com as authDomain broke under COEP; but we
        // never tested chessclerk.com WITHOUT COEP in the way. Using the
        // app's own domain means the redirect never needs a cross-origin
        // storage handoff between firebaseapp.com and chessclerk.com at
        // all — which matches what's actually been failing (signInWithIdp
        // never even attempted, like the handler can't find its own state).
        authDomain:        "chessclerk.com",
        projectId:         "chessclerkpro",
        storageBucket:     "chessclerkpro.firebasestorage.app",
        messagingSenderId: "258273175013",
        appId:             "1:258273175013:web:b79d42c11f8eec467cfb0c"
    }
   firebase.initializeApp(firebaseConfig)
window.db   = firebase.firestore()
window.auth = firebase.auth()

firebase.auth().onAuthStateChanged(user => {
    // Logging unconditionally now, not just on success — we need to know
    // if this ever fires with null after a completed OAuth round-trip,
    // not just silently do nothing the way it did before.
    console.log("[auth] onAuthStateChanged fired. user:", user ? user.uid : null)
    if (user) {
        window.currentUser = user
        window.userId      = user.uid
        console.log("[auth] user:", user.uid)
        const btn = document.getElementById("nav-signin")
        if (btn) btn.textContent = user.displayName
            ? user.displayName.split(" ")[0]
            : "Signed In"
        const gate = document.getElementById("signin-overlay")
        if (gate) gate.style.display = "none"
    } else {
        /* NOBODY. onAuthStateChanged fires with null both before a redirect
           has been resolved and after a genuine sign-out, so the gate waits
           a beat for getRedirectResult to land rather than flashing up in
           the middle of a successful sign-in. */
        setTimeout(function () {
            if (window.userId) return
            if (sessionStorage.getItem("cc_signin_dismissed")) return
            const gate = document.getElementById("signin-overlay")
            if (gate) gate.style.display = "flex"
        }, 1200)
    }
})

// signInWithPopup was failing on chessclerk.com with
// auth/popup-closed-by-user — a known Firebase failure mode where the
// popup's cross-origin handshake back to the opener silently fails
// (modern browsers increasingly restrict third-party storage access
// between the authDomain popup and the parent page), and Firebase
// mis-reports that as "the user closed it." signInWithRedirect sidesteps
// this entirely — full-page navigation instead of a popup, no opener
// handshake required. getRedirectResult() below picks up the result
// when the page reloads after returning from Google.
//
// Logging the SUCCESS path explicitly now too — a promise that
// resolves cleanly with no user logs nothing by default, and that
// silence was hiding exactly the case we need to see: did Google's
// real, completed OAuth round-trip actually get recognized here at all?
firebase.auth().getRedirectResult().then(result => {
    console.log("[auth] getRedirectResult resolved:", result,
        "| result.user:", result ? result.user : "(no result object)")
}).catch(err => {
    console.error("[auth] redirect sign-in failed", err.code, err.message, err)
})

document.addEventListener("DOMContentLoaded", () => {
    const go = document.getElementById("signin-go")
    if (go) go.addEventListener("click", () => {
        const provider = new firebase.auth.GoogleAuthProvider()
        firebase.auth().signInWithRedirect(provider)
    })
    /* Dismissed for THIS TAB only -- sessionStorage, not localStorage, so a
       person who waves it away today is asked again next visit rather than
       never again. */
    const later = document.getElementById("signin-later")
    if (later) later.addEventListener("click", () => {
        sessionStorage.setItem("cc_signin_dismissed", "1")
        const gate = document.getElementById("signin-overlay")
        if (gate) gate.style.display = "none"
    })
})

document.addEventListener("DOMContentLoaded", () => {
    const nine = document.getElementById("nav-960")
    if (nine) nine.addEventListener("click", () => {
        const el = document.getElementById("chess960-overlay")
        if (el) el.classList.add("active")
    })
})

document.addEventListener("DOMContentLoaded", () => {
    const btn = document.getElementById("nav-signin")
    if (btn) btn.addEventListener("click", () => {
        const provider = new firebase.auth.GoogleAuthProvider()
        firebase.auth().signInWithRedirect(provider)
    })
})
</script>



<script src="session.js"></script>


<!-- CORE -->
<script src="folders/ai/trace.js"></script>
<script src="folders/ai/report.js"></script>
<script src="folders/corestate/hooks.js"></script>
<script src="folders/corestate/constants.js"></script>
<script src="folders/corestate/state.js"></script>
<script src="folders/corestate/moves.js"></script>
<script src="folders/corestate/rules.js"></script>
<script src="folders/corestate/execute.js"></script>
<script src="folders/corestate/notation.js"></script>
<script src="folders/coreui/boardui.js"></script>
<script src="folders/coreui/movesui.js"></script>
<script src="folders/coreui/annotations.js"></script>
<script src="folders/coreui/boardvision.js"></script>
<script src="folders/coreui/scratch.js"></script>
<script src="folders/coreui/puzzlethemes.js"></script>
<script src="folders/coreui/lichess.js"></script>
<!-- ENGINE -->
<script src="folders/engine/stockfish.js"></script>
<script src="folders/engine/maiamoves.js"></script>
<script src="folders/engine/maia.js"></script>
<script src="folders/engine/qcheck.js"></script>
<script src="folders/engine/book.js"></script>
<!-- <script src="folders/engine/evaluate.js"></script> -->
<!-- <script src="folders/engine/search.js"></script> -->
<script src="folders/engine/zobrist.js"></script>
<script src="folders/engine/engine.js"></script>
<script src="folders/engine/960.js"></script>
<!-- PANEL3 -->
<script src="folders/ai/memory.js"></script>
<script src="folders/ai/verify.js"></script>
<script src="folders/ai/happiness.js"></script>
<script src="folders/ai/harmony.js"></script>
<script src="folders/ai/rapport.js"></script>
<script src="folders/ai/router.js"></script>
<script src="folders/ai/forks.js"></script>
<script src="folders/ai/post1.js"></script>
<script src="folders/ai/contents.js"></script>
<script src="folders/ai/codebase.js"></script>  
<script src="folders/panel3/active.js"></script>
<script src="folders/ai/textdrop.js"></script>
<script src="folders/ai/boardlookup.js"></script>
<script src="folders/ai/boardeyes.js"></script>
<script src="folders/ai/boardplay.js"></script>
<script src="folders/ai/boardbridge.js"></script>
<script src="folders/ai/chessai.js"></script>
<script src="folders/ai/uihost.js"></script>
<!-- codebuilder is POST-RELEASE scope (7/25). The whole folder is now
     ignored by firebase.json, so this tag MUST stay commented out: with
     the catch-all rewrite in place the browser would fetch index.html
     into a <script> and throw a syntax error on every page load.
     Uncomment BOTH this line and the ignore entry together, never one. -->
<!-- <script src="folders/codebuilder/codeai.js"></script> -->
<script src="folders/ai/net.js"></script>
<script src="folders/ai/posts.js"></script>
<script src="folders/ai/aiui.js"></script>
<!-- GUARD (7/30). ai.js calls initLocation() on the line BEFORE buildPanel(), so if that
     name is not on the global scope the AI panel never gets built -- an empty sized panel
     and a dead play button, with one red line in the console. initLocation lives in net.js;
     this fills the hole if it does not arrive for any reason. Guarded, so when net.js is
     healthy this does nothing at all. -->
<script>if (typeof initLocation === "undefined") { window.initLocation = function () { window._aiLocation = window._aiLocation || "Bozeman, Montana" } }</script>
<script src="folders/ai/ai.js"></script>
<script src="voice.js"></script>
<script src="folders/panel3/panel3.js"></script>
<script src="folders/panel3/expand.js"></script>
    <script src="mobile.js"></script>  
<!-- switcher.js retired — mode-quad-ai/mode-quad-solo are gone, dual is
     the only mode now, so there's nothing left to switch between. File
     kept on disk (see its own header) but no longer loaded. -->
<script src="folders/panel3/wiki.js"></script>
<!-- EXPLORER -->
<script src="folders/explorer/sicilian.js"></script>
<script src="folders/explorer/ruy.js"></script>
<script src="folders/explorer/opengames.js"></script>
<script src="folders/explorer/qgd.js"></script>
<script src="folders/explorer/english.js"></script>
<script src="folders/explorer/kid.js"></script>
<script src="folders/explorer/nimzo.js"></script>
<script src="folders/explorer/indian2.js"></script>
<script src="folders/explorer/d4.js"></script>
<script src="folders/explorer/dutch.js"></script>
<script src="folders/explorer/french.js"></script>
<script src="folders/explorer/odds.js"></script>
<script src="folders/explorer/context.js"></script>
<script src="folders/explorer/explore.js"></script>
<!-- UI -->

<script src="folders/coreui/nav.js"></script>
<script src="folders/coreui/autoplay.js"></script>
<script src="folders/coreui/review.js"></script>   <!-- new -->
<script src="folders/coreui/options.js"></script>
<script src="folders/coreui/playvscod.js"></script>
<script src="folders/coreui/external.js"></script>
<script src="folders/coreui/playvsline.js"></script>
<script src="folders/coreui/captured.js"></script>
<script src="folders/coreui/clock.js"></script>
<script src="folders/coreui/quickgame.js"></script>
<script src="folders/coreui/resign.js"></script>
<script src="folders/coreui/evalbar.js"></script>
<script src="folders/coreui/boardview.js"></script>
<script src="folders/coreui/settings.js"></script>
<!-- LIBRARY -->
<script src="folders/library/persistence.js"></script>
<script src="folders/library/lines.js"></script>
<script src="folders/library/bundle.js"></script>
<script src="folders/library/repertoire.js"></script>
<script src="folders/library/plans.js"></script>
<script src="folders/coreui/moveverdict.js"></script>
<script src="folders/library/storage.js"></script>
<script src="wallet.js"></script>
<!-- PANEL4 -->
<script src="folders/panel4/data.js"></script> 
<script src="folders/panel4/motifexamples.js"></script>
<script src="folders/panel4/panel.js"></script>
<script src="folders/explorer/board-themes.js"></script>
<script src="folders/explorer/opening-hooks.js"></script>
<script src="folders/explorer/localbook.js"></script>
<script src="folders/explorer/wikilookup.js"></script>
<script src="folders/explorer/masters.js"></script>
<script src="folders/ai/tactics-scan.js"></script>
<script src="folders/ai/positional-scan.js"></script>
<script src="folders/ai/structure-scan.js"></script>
<script src="folders/ai/motifpass.js"></script>


</body>
</html>