<!-- clerksuite/suite/index.html
     DATE AND TIME: 2026-09-22 7:15 AM MDT

     folders/tools/socialrules.js loads with the shared files, ahead of netprompt.js, so every
     room's clerk has the unspoken-rules index. Older stamp below.
     DATE AND TIME: 2026-09-18 10:08 AM MDT

     ONE STEP: PRESS THE BUTTON, PICK THE ACCOUNT, YOU ARE IN. Two changes, both aimed at
     everything after that step.

     1. THE SESSION NOW SURVIVES THE BROWSER CLOSING. firebase.auth().setPersistence(LOCAL) is
        set before any sign-in runs. It is Firebase's default, but the default is only in force
        if nothing else set it and nothing here ever did -- so this makes it explicit and it
        cannot be changed out from under the app by another script. A person signs in once on a
        machine and never sees the chooser on it again.
     2. prompt: "select_account" -- the chooser comes up rather than Google silently reusing
        whichever account it feels like, which is the behaviour to have when four accounts are
        signed in on the same browser.

     ⚠ WHAT IS NOT OURS TO REMOVE. If an account shows "Signed out" in that chooser, Google
     re-authenticates it -- passkey, password, whatever that account is set to -- and no
     setting in Firebase or in this file can skip it. That is Google deciding the account has
     no live session in this browser. The way past it is on the Google side: sign into that
     account in the browser once and it stops being marked signed out, or use the account that
     already has a live session.

<!-- index.html -- CLERK SUITE

     ⚠ READ THE TOP STAMP AND NOTHING ELSE TO KNOW IF THIS FILE CHANGED. Everything under
     "Earlier:" is history and does not move.

     PATCHED 2026-08-31 17:30 MDT -- mobile.js and everyroom.js load here now. voice.js has been
     checking window.Mobile since it was written and falling through every time; and eighteen
     products opened Introduction and Feedback to nothing because ChessClerk was the only one
     with a registerIntro. Both files existed in folders/overflow/ and neither was on the page.
     Previous changes this file:
     PATCHED 2026-08-29 19:15 MDT -- THE ROOT IS CLEAR AGAIN. Nine files that had piled up
     beside index.html now load from folders/overflow/, and rating.js has gone to
     folders/chessclerk/chessai/ where bpladder and bpmaia are -- it reads one and writes the
     other and nothing outside chess touches it, so it loads with the chess body instead of
     from here.

     Earlier:

     15:25 -- membership.js added. The subscription panel.
     13:15 -- The header itself was rebuilt. Every edit that day had replaced the FIRST LINE of
              the previous stamp instead of sitting above it, so the chain was orphaned
              fragments and could not be read to tell whether the file had changed.
     13:05 -- tokens.js added. Ask why the meter moved and it gives the arithmetic, then how to
              spend less.
     11:20 -- discuss.js added. The discussion row is named per product, and asking about a
              subscription opens it on the right.
     10:30 -- specwriter.js added. A product's own source, in front of that product's own clerk.
     09:20 -- rating.js added. One four-digit number sets both engines; it then tracks fifty
              points above the person off their median centipawn gap.
     08-28 20:10 -- panelshot.js added. Ask the clerk to look at the panel and whatever is
              beside it is photographed onto the message, through addImageToTray.
     08-28 19:15 -- A MISSING SCRIPT NAMES ITSELF. "firebase is not defined" and ai.js not
              defining mountAiChat were the same thing: a script tag that did not load. The
              Firebase init is guarded so a blocked CDN no longer takes the block down with it,
              and the mount failure lists the files the recorder saw fail.
     08-28 18:40 -- mainchat.js added. One conversation across every product, fed the state of
              whatever panel is on screen.
     08-28 17:50 -- THE CLERK MOUNTS FROM HERE. The only mountAiChat call in the suite was
              inside a ChessClerk file, so on the hub #ai-root stayed empty -- and the function
              is async, so what it threw became an unhandled rejection with nothing on screen.
              Every way it can fail now writes the reason INTO the panel.
     08-28 17:20 -- SIGN-IN USES THE POPUP. signInWithRedirect finishes by reading its pending
              operation out of storage on the authDomain, Chrome blocks that, and
              getRedirectResult returned a null user after a round trip that had succeeded.
     08-28 16:45 -- authDomain back to clerksuite.firebaseapp.com; location.hostname produced
              Error 400 redirect_uri_mismatch.
     08-28 16:20 -- "one balance" out of the sign-in card and both meta descriptions.
     08-28 15:50 -- NEW FIREBASE PROJECT. chessclerkpro is gone; this runs on clerksuite. All
              six config values changed. ⚠ proxy.js changed with it -- FIREBASE_PROJECT has to
              match projectId or every API call 401s after a sign-in that looked fine.
     08-27 18:40 -- NEW FILE. One page for the whole suite.

     ⚠ THE TIMES ABOVE FOR 28 AUG ARE APPROXIMATE. They were written off a wrong clock that ran
     five to ten hours fast, and have been pulled back to something sane rather than left
     reading like tomorrow. The order is right; the exact minutes are not.

     WHAT IS ON THIS PAGE AND WHAT IS NOT.
     Here: the console recorder, Firebase and sign-in, the shared panel skeleton, and the AI
     folder -- the one AI every program in the suite talks through. That is the whole shell.
     Not here: any one product's files. ChessClerk alone is 186 script tags; loading it for
     somebody who opened ESL would mean waiting on Stockfish, twelve opening trees and the
     motif corpus to read a lesson. suite.js holds one manifest per product and fetches a
     product's body the first time that product is switched on.

     THE SKELETON BELOW IS SHARED AND PERMANENT. #app, #panel-row, #panel3-col, #panel3,
     .fork-layout and #ai-root are built once and never rebuilt -- the clerk mounts into
     #ai-root at the bottom of this file and nothing may pull it out from under it. A product
     that needs more furniture brings its own and injects it, which is what
     folders/chessclerk/chessmount.js does.

     a new timestamp is required for making any changes in this file -->
<!DOCTYPE html>

<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>Clerk Suite</title>

    <meta name="description" content="One clerk, one account. Chess, bridge, words, writing, English and every program that comes after it, in one place.">
    <meta property="og:type"        content="website">
    <meta property="og:site_name"   content="Clerk Suite">
    <meta property="og:url"         content="https://clerksuite.com/">
    <meta property="og:title"       content="Clerk Suite">
    <meta property="og:description" content="One clerk, one account. Chess, bridge, words, writing, English and every program that comes after it, in one place.">
    <link rel="canonical" href="https://clerksuite.com/">


<!-- ── THE CONSOLE RECORDER ──
     FIRST IN THE HEAD, DELIBERATELY, AND INLINE. The point is to catch errors thrown by
     scripts that have not loaded yet, so it cannot be a file and it cannot be later.
     Errors and warnings only -- a page's ordinary chatter is not evidence of anything.
     Read by >DDT's other half: >DDT reads the DISK and finds what will not run; this is
     what happened when it DID. walkthrough.js threw "isActive is not defined" on every page
     load for DAYS and static analysis saw a valid file. -->
<script>
(function () {
    var MAX = 50, CAP = 400;
    var log = [];
    function push(kind, text, where) {
        try {
            log.push({
                kind:  kind,
                text:  String(text == null ? "" : text).slice(0, CAP),
                where: where || "",
                at:    Date.now()
            });
            if (log.length > MAX) log.shift();
        } catch (e) {}
    }

    ["error", "warn"].forEach(function (level) {
        var original = console[level];
        console[level] = function () {
            try {
                push(level, Array.prototype.map.call(arguments, function (a) {
                    if (a instanceof Error) return a.message;
                    if (typeof a === "object") { try { return JSON.stringify(a) } catch (e) { return "[object]" } }
                    return a;
                }).join(" "));
            } catch (e) {}
            // The real one, always, whatever happened above.
            return original.apply(console, arguments);
        };
    });

    /* Capture phase, because a failed <script src> fires its error event on
       the ELEMENT and that never bubbles to window. This listener is the only
       way a 404 on a script tag is ever noticed by the app itself. */
    window.addEventListener("error", function (e) {
        try {
            if (e && e.target && e.target !== window && e.target.tagName) {
                push("load", e.target.tagName + " FAILED TO LOAD",
                     e.target.src || e.target.href || "");
                return;
            }
            push("throw", (e && e.message) || "unknown error",
                 (e && e.filename ? e.filename.split("/").pop() : "") +
                 (e && e.lineno ? ":" + e.lineno : ""));
        } catch (x) {}
    }, true);

    window.addEventListener("unhandledrejection", function (e) {
        try {
            var r = e && e.reason;
            push("promise", (r && r.message) || String(r || "unknown"), "");
        } catch (x) {}
    });

    window.ccConsole = {
        // Newest last, which is how a person reads a log.
        recent: function (n) { return log.slice(-(n || 20)) },
        all:    function ()  { return log.slice() },
        count:  function ()  { return log.length },
        clear:  function ()  { log.length = 0 },
        /* Formatted for a prompt rather than for a person: one line each,
           oldest first, seconds-ago instead of timestamps because the model
           cares how long ago rather than when. */
        forPrompt: function (n) {
            var now = Date.now();
            return log.slice(-(n || 20)).map(function (e) {
                return "  [" + e.kind + " " + Math.round((now - e.at) / 1000) + "s ago] " +
                       e.text + (e.where ? "   (" + e.where + ")" : "");
            }).join("\n");
        }
    };
})();
</script>

<!-- ── THE PRODUCT SEAM ──
     netstore.js reads window.ccProduct at CALL time to pick its Firestore collection, so in a
     suite it cannot be a constant in the page. suite.js keeps it pointed at whichever product
     the rail is on; this is only the value before the frame has settled. -->
<script>window.ccProduct = "clerksuite";</script>

    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="stepcard.css">
    <!-- must come after styles.css: preserves the old injected-block cascade -->
    <link rel="stylesheet" href="folders/ai/ai.css">

<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>

<div id="google_translate_element" style="display:none"></div>

<!-- ── THE SHARED SKELETON ──
     The clerk on the left and the workstation on the right. Every product in the suite gets
     this and nothing else for free. -->
<div id="app">

<div id="panel-row">

    <div id="panel3-col">
     <div id="panel3">
        <div class="fork-layout">
            <div id="ai-root"></div>
        </div>
     </div>
    </div>

</div><!-- END PANEL ROW -->
</div><!-- END APP -->

<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 Clerk Suite</div>
    <div style="font-size:13px;line-height:1.5;margin-bottom:18px;opacity:.9;">
      Clerk Suite needs an account. One account, every program in the suite.
    </div>
    <div class="c960-buttons">
      <button class="c960-start" id="signin-go">Sign in with Google</button>
      <button class="c960-cancel" id="signin-later">Not now</button>
    </div>
  </div>
</div>

<!-- 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>
    /* ══ CLERK SUITE, 28 AUG 2026 ══
       New project. The old chessclerkpro one had five accounts on it, all Eric's, so there
       was nothing to migrate and nothing to preserve.

       ── THE authDomain PROBLEM ──
       This app answers at seven addresses, and any single value here is cross-origin to six
       of them. That is a real problem and the fix for it is not free -- see the note in the
       config block below before changing this line again.

       The Authorized Domains list is load-bearing either way: every address the suite answers
       at has to be listed under Authentication -> Settings -> Authorized domains, or sign-in
       fails on exactly that one domain and works everywhere else, with no error worth reading. */
    const firebaseConfig = {
        apiKey:            "AIzaSyBSknBPMBMkyeuQpuetpa2E0yBm9w79GkI",
        /* ── authDomain STAYS THE firebaseapp.com ONE ──
           It was briefly set to location.hostname, on the theory that the redirect was dying
           in the third-party storage relay between web.app and firebaseapp.com. That theory
           may still be right, but the change traded a maybe-bug for a certain one: Google's
           OAuth client only knows the redirect URIs Firebase registers for it, which is
           clerksuite.firebaseapp.com/__/auth/handler and nothing else. Every other value
           produces Error 400: redirect_uri_mismatch before the flow even starts.

           Pointing this at a custom domain is possible and it is not free: every domain needs
           its handler added by hand to the OAuth client in Google Cloud Console, under both
           Authorized redirect URIs and Authorized JavaScript origins. Two entries per domain.
           Worth doing if the relay really is the problem -- and worth ruling out the two
           uncaught SyntaxErrors that were firing during boot in the same session FIRST. */
        authDomain:        "clerksuite.firebaseapp.com",
        projectId:         "clerksuite",
        storageBucket:     "clerksuite.firebasestorage.app",
        messagingSenderId: "790090630436",
        appId:             "1:790090630436:web:b08c66bfcc2627729b1fb1"
    }
    /* ── IF THE SDK DID NOT LOAD, SAY SO AND CARRY ON ──
       These three script tags come from gstatic.com, and when an ad blocker or a dropped
       connection eats them the very next line throws "firebase is not defined" and takes the
       whole block with it -- sign-in, the auth listener, everything below. Nothing on the page
       says which of the two happened. Guarded so the failure is named and the rest of the page
       still runs. */
if (typeof firebase === "undefined") {
    console.error("[shell] the Firebase SDK did not load from gstatic.com. " +
                  "Nothing that needs an account will work. Usually an ad blocker or a " +
                  "dropped connection \u2014 reload before assuming it is the code.");
    window.ccFirebaseMissing = true;
} else {
   firebase.initializeApp(firebaseConfig)
window.db   = firebase.firestore()
window.auth = firebase.auth()
}

if (!window.ccFirebaseMissing)
/* ── THE SESSION LASTS ──
   Set before the listener below so it is in force for the first sign-in of the session, not
   only for later ones. LOCAL means it survives the tab closing, the browser closing and the
   machine restarting; it ends when they sign out. */
firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)
    .catch(function (err) { console.error("[auth] could not set persistence", err.code, err.message) })

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?
if (!window.ccFirebaseMissing)
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)
})

/* ROW SWAP. A class on #nav-keys decides which row is on screen; the CSS in
   styles.css section 30 does the hiding. Nothing else in the app needs to know
   -- every button keeps its id and its handler, and boardview.js can still
   relocate #nav-row-board without this caring. */
/* THE CLASS GOES ON BODY. #nav-keys was the obvious home for it and the wrong
   one: boardview.js moves both rows into the board panel, so they leave
   #nav-keys behind and the CSS stopped matching. */
/* The VIEW SWITCH block stood here until 2026-08-02. Its two boot side effects
   were checked before it came out: ccMobile.sizeBoard() early-returns unless
   body has phone-one, so on the desktop it did nothing, and boardui.js runs
   initBoardUI() -> render() on its own DOMContentLoaded regardless. */

document.addEventListener("DOMContentLoaded", () => {
    const toTools = document.getElementById("nav-tools")
    const toBoard = document.getElementById("nav-board")
    if (toTools) toTools.addEventListener("click", () => document.body.classList.add("tools-shown"))
    if (toBoard) toBoard.addEventListener("click", () => document.body.classList.remove("tools-shown"))
})

/* ── SIGNING IN, AND WHY IT TAKES TWO ROUTES (3 Aug) ───────────────────────

   The note above is right about the DEPLOYED site: signInWithPopup was
   failing there with auth/popup-closed-by-user, and redirect fixed it. That
   stands and is not being undone.

   It is the WRONG answer on localhost, and for the mirror-image reason.
   Redirect bounces through the authDomain — which is now this page's own hostname —
   and reads back the result through that origin's storage. From
   chessclerkpro.web.app that is SAME-SITE and works. From http://localhost:1337
   it is CROSS-SITE, so Edge's tracking prevention (and Safari's ITP, and
   Firefox's partitioning) blocks the storage the handshake needs. Google
   accepts the login, the page comes back, and nothing is signed in — no
   error, just the sign-in card again, which is exactly what he saw.

   So the route is chosen by where the page is served from, not by preference:

     deployed  -> redirect, unchanged, still the thing that works there
     localhost -> popup, which needs no third-party storage because the popup
                  talks to its opener directly

   POPUP MUST BE CALLED FROM THE CLICK ITSELF. Not after an await, not in a
   .then — a browser only allows a popup while a real user gesture is still
   being handled, and anything asynchronous first spends it. That is also why
   testing it from a console returns auth/popup-blocked and proves nothing.

   And popup falls back to redirect if it is blocked anyway: better a flow
   that might not complete than a button that visibly does nothing. */
/* ── POPUP FIRST, EVERYWHERE. REDIRECT ONLY IF THE POPUP CANNOT OPEN. ──
   This used to read "if (!local) return signInWithRedirect(provider)" -- popup on localhost,
   redirect everywhere else. That was written when a popup was failing on chessclerk.com and
   redirect fixed it, and it has since become the reason sign-in does not work at all.

   WHY REDIRECT IS THE BROKEN ONE NOW. signInWithRedirect finishes by reading its own pending
   operation back out of storage on the authDomain -- clerksuite.firebaseapp.com -- from a page
   running on clerksuite.web.app. That is third-party storage, and Chrome blocks it. The whole
   round trip completes, Google hands back a valid code, and then getRedirectResult returns
   {credential: null, user: null}: no error, no rejection, just nothing, because the operation
   it went looking for was never readable. Which lands you back on the sign-in card, which is
   exactly what it did.

   WHY POPUP IS NOT AFFECTED. The popup posts its result straight back to the window that
   opened it with postMessage. No storage, nothing third-party, nothing for a browser to
   partition. It is what Firebase recommends now for the same reason.

   The redirect fallback stays, because a popup can genuinely be blocked -- and if it is, a
   redirect that half works beats no sign-in at all. */
function ccSignIn() {
    if (window.ccFirebaseMissing) {
        console.error("[shell] cannot sign in \u2014 the Firebase SDK never loaded.")
        return
    }
    const provider = new firebase.auth.GoogleAuthProvider()
    /* Four accounts on one browser: ask which, rather than letting Google pick. */
    provider.setCustomParameters({ prompt: "select_account" })

    return firebase.auth().signInWithPopup(provider)
        .then(r => {
            console.log("[auth] popup sign-in ok:", r && r.user && r.user.uid)
        })
        .catch(err => {
            console.warn("[auth] popup failed (" + err.code + ")")
            /* Only fall back when the popup could not open or was closed on the way. Anything
               else -- a wrong password, a cancelled consent, an unauthorised domain -- is a
               real answer and bouncing to a redirect just hides it. */
            if (err.code === "auth/popup-blocked" ||
                err.code === "auth/cancelled-popup-request" ||
                err.code === "auth/operation-not-supported-in-this-environment") {
                console.warn("[auth] falling back to redirect")
                return firebase.auth().signInWithRedirect(provider)
            }
            console.error("[auth] sign-in failed", err.code, err.message)
        })
}

document.addEventListener("DOMContentLoaded", () => {
    const go = document.getElementById("signin-go")
    if (go) go.addEventListener("click", () => { ccSignIn() })
    /* 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"
    })
})

/* The 960 button is gone from the tool row; the overlay is opened from the play page instead.
   Kept as a named function rather than deleted, because the overlay and its styles are still
   here and the play page needs exactly this one line. */
window.ccOpen960 = function () {
    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", () => { ccSignIn() })
})
</script>

<!-- ── SHARED CORE ──
     Outside folders/ because none of it belongs to a product: the session, the hook bus, the
     portal, the disk reader, the wallet and the voice are the same code whichever program is on. -->
<script src="session.js"></script>
<script src="hooks.js"></script>
<script src="portal.js"></script>
<script src="zipdisk.js"></script>

<!-- ── THE ONE AI ──
     ChessClerk's copy of folders/ai, which is the one that has been worked on -- it carries the
     21 Aug patch pointing the three retired Gemini 2.5 seats at their 3.x ids. It lives here and
     in no product folder. router.js holds the whole ladder, Flash Lite to Opus, so the model list
     is the same everywhere by construction rather than by copying. -->
<script src="folders/ai/trace.js"></script>
<script src="folders/ai/report.js"></script>
<script src="folders/ai/memory.js"></script>
<script src="folders/ai/verify.js"></script>
<script src="folders/ai/rapport.js"></script>
<script src="folders/ai/router.js"></script>
<script src="folders/ai/rtroute.js"></script>
<script src="folders/ai/rtstatus.js"></script>
<script src="folders/ai/rtprov.js"></script>
<script src="folders/ai/rtclaude.js"></script>
<script src="folders/ai/rtgpt.js"></script>
<script src="folders/ai/forks.js"></script>
<script src="folders/ai/fkfork.js"></script>
<script src="folders/ai/fkui.js"></script>
<script src="folders/ai/fkraw.js"></script>
<script src="folders/ai/post1data.js"></script>
<script src="folders/ai/post1.js"></script>
<script src="folders/ai/contents.js"></script>
<script src="folders/ai/ctsession.js"></script>
<script src="folders/ai/sections.js"></script>
<script src="folders/ai/household.js"></script>
<script src="folders/ai/textdrop.js"></script>
<script src="folders/ai/uihost.js"></script>
<script src="folders/ai/postcite.js"></script>
<script src="folders/tools/socialrules.js"></script>
<script src="folders/ai/netprompt.js"></script>
<script src="folders/ai/netstore.js"></script>
<script src="folders/ai/netroute.js"></script>
<script src="folders/ai/netprep.js"></script>
<script src="folders/ai/netsend.js"></script>
<script src="folders/ai/netcall.js"></script>
<script src="folders/ai/net.js"></script>
<script src="folders/ai/posts.js"></script>
<script src="folders/ai/psblocks.js"></script>
<script src="folders/ai/psmsg.js"></script>
<script src="folders/ai/aiui.js"></script>
<script src="folders/ai/panelview.js"></script>
<script src="folders/ai/panelfiles.js"></script>
<script src="folders/ai/ai.js"></script>

<!-- ── THE SUITE ──
     After ai/sections.js, because it registers into that frame. Loads every product's sections
     file so the rail is complete, then the body of whichever product is on. -->
<script src="suite.js"></script>

<script src="wallet.js"></script>
<script src="voice.js"></script>

<!-- ── THE ONE CONVERSATION ──
     After suite.js and after netstore.js, because it wraps the first and needs the second.
     Makes "Open discussion" the same thread in every product, and hands it whatever is on the
     panel so it can talk about the board you are both looking at. -->
<script src="folders/overflow/mainchat.js"></script>

<!-- ── LOOKING AT THE PANEL ──
     Photographs whatever is beside the clerk and attaches it to the message, on being asked in
     plain words. canvas.js sits next to it and is fetched only the first time a
     picture is actually wanted -- local rather than a CDN, because a blocked CDN is what took
     sign-in out tonight. -->
<script src="folders/overflow/panelshot.js"></script>

<!-- rating.js moved to folders/chessclerk/chessai/ and loads with the chess body. -->

<!-- ── SPECWRITER ──
     Reads a product's own source and puts it in front of that product's own clerk, so the spec
     is written by the thing that has the files rather than from memory. A root file rather than
     a product body: it reads every product's manifest and has to exist before any of them do.
     Owner only, and the refusal that counts is in the Worker. -->
<script src="folders/overflow/specwriter.js"></script>

<!-- ── THE DISCUSSION ROW ──
     Names it per product -- ChessClerk discussion, Spreadsheet discussion -- as a LABEL only:
     the section underneath stays "Open discussion", which is the storage key every post is
     filed under. And asking about a subscription in there opens it on the right. -->
<script src="folders/overflow/discuss.js"></script>

<!-- ── THE METER, EXPLAINED ──
     The charge is the real token cost now, so the pill moves by different amounts every turn.
     Ask why and it gives the arithmetic, then how to spend less -- which is a strange thing for
     a business whose revenue is a multiple on usage to build, and the reason it will be
     believed. -->
<script src="folders/overflow/tokens.js"></script>

<!-- ── THE SUBSCRIPTION PANEL ──
     Opened from any product's discussion row by discuss.js. Shows the model money, the card
     fee as part of the price rather than a surcharge, and the total Stripe will see -- before
     anybody agrees to anything. -->
<script src="folders/overflow/membership.js"></script>

<!-- ── THE SEATS ──
     Several vantage points look at an answer before it is shown, on the machinery a chess
     engine already uses: MultiPV, pruning, an NNUE-cheap incremental read, a deepening budget.
     A person cannot step outside their own vantage point. This can. -->
<script src="folders/overflow/vantage.js"></script>

<!-- ── ONE PROFILE, TWO ENGINES ──
     What is known about the person, read by the choosing of words and by the board. Alpha-beta
     over phrasings the way an engine prunes moves: order by what is known, drop anything that
     cannot beat what is already there. It holds the profile and scores candidates -- it never
     rewrites an answer, because a reply silently reshaped to fit a profile is unauditable. -->
<script src="folders/overflow/person.js"></script>

<!-- ── A SPEC AT THE TOP OF EVERY TAB ──
     Post #1 explains Introduction and Feedback; every other room had nothing saying what it
     is for. Collapsed by default, prepended above whatever the room draws. -->
<script src="folders/overflow/roomspec.js"></script>

<!-- ══ THE PHONE LAYER ══
     voice.js line 15 has been checking `window.Mobile && Mobile.isPhone` since it was written
     and falling through every time, because nothing defined it. This is it: the rail becomes a
     drawer, the clerk and the panel take turns, and the bar sits at the bottom where a thumb
     is. Under 820px only; above it this file does nothing at all. -->
<script src="folders/overflow/mobile.js"></script>

<!-- ══ TWO ROWS ON EVERY RAIL ══
     Clerk Suite on top, Introduction and Feedback second, for EVERY product rather than each
     one wiring it itself -- which is why eighteen products opened Introduction and Feedback to
     nothing while ChessClerk was the only one with a registerIntro.
     ⚠ LOADS LAST OF THE OVERFLOW FILES. It reads CleanFork.PRODUCTS and re-checks as products
     register, so it has to come after the frame; and it keeps looking for a while because a
     product body arrives when somebody first opens it, not at boot. -->
<script src="folders/overflow/everyroom.js"></script>

<!-- ── MOUNT THE CLERK, AND NEVER FAIL SILENTLY ──
     LAST SCRIPT ON THE PAGE, on purpose: everything it needs has run by here.

     WHY THIS IS IN index.html AND NOT IN A PRODUCT. The only call to mountAiChat in the whole
     suite used to live in folders/chessclerk/panel3/panel3.js. So the clerk appeared because
     ChessClerk happened to be the product that loaded, and on any page where it was not --
     the hub, whose body is empty -- #ai-root stayed empty. The clerk is the shell. It mounts
     here.

     AND THE CATCH IS THE POINT. mountAiChat is async, so anything it throws becomes an
     unhandled rejection: no red line where you are looking, no clerk, and a brown panel with
     nothing in it and nothing to read. Four hours went into that silence. If it fails now it
     says so ON THE SCREEN, in the panel, with the actual error. -->
<script>
(function () {
    function fail(msg, detail) {
        var panel = document.getElementById("panel3") ||
                    document.getElementById("ai-root") ||
                    document.body;
        var box = document.createElement("div");
        box.style.cssText = "flex:1;padding:20px;color:#e6cfa3;font:13px/1.6 " +
            "ui-monospace,Menlo,monospace;overflow:auto;";
        box.innerHTML =
            '<div style="color:#e08a6a;font-size:15px;margin-bottom:10px;">' +
            "The clerk did not start.</div>" +
            '<div style="margin-bottom:14px;">' + msg + "</div>" +
            (detail ? '<div style="color:#8a6a4a;white-space:pre-wrap;">' + detail + "</div>" : "");
        panel.appendChild(box);
        console.error("[shell] " + msg, detail || "");
    }

    /* ── NAME THE FILES, DO NOT SAY "CHECK THE CONSOLE" ──
       The recorder at the top of this page already catches a failed <script src> -- it listens
       in the capture phase precisely because those errors fire on the element and never bubble
       to window. Nothing ever showed them to anybody. This reads them back out, so a missing
       file is a filename on the screen instead of an afternoon. */
    function failedScripts() {
        try {
            var bad = (window.ccConsole ? window.ccConsole.all() : [])
                .filter(function (e) { return e.kind === "load" })
                .map(function (e) { return "  " + (e.where || e.text) });
            if (bad.length) return "These did not load:\n" + bad.join("\n");
            return "No failed script loads were recorded, so the file was fetched and threw " +
                   "while running. The console has the throw.";
        } catch (e) { return "" }
    }

    function mount() {
        var root = document.getElementById("ai-root");
        if (!root)  return fail("#ai-root is not on the page.");
        if (root.children.length) return;            // something already mounted it
        if (!window.mountAiChat)
            return fail("folders/ai/ai.js did not define mountAiChat, which means it did not " +
                        "run. It has nothing but function declarations in it, so if it loaded " +
                        "at all the function exists.", failedScripts());
        try {
            var r = window.mountAiChat(root, {});
            if (r && r.catch) r.catch(function (e) {
                fail("mountAiChat threw while building the panel.",
                     (e && e.message ? e.message : String(e)) +
                     (e && e.stack ? "\n\n" + e.stack : ""));
            });
            /* It is async, so an empty root a moment later means it got partway and stopped. */
            setTimeout(function () {
                if (!root.children.length)
                    fail("mountAiChat ran but built nothing into #ai-root.",
                         "buildPanel() in folders/ai/aiui.js is where the panel is created.");
            }, 1500);
            console.log("[shell] clerk mount requested");
        } catch (e) {
            fail("mountAiChat threw immediately.",
                 (e && e.message ? e.message : String(e)) +
                 (e && e.stack ? "\n\n" + e.stack : ""));
        }
    }

    if (document.readyState === "loading")
        document.addEventListener("DOMContentLoaded", mount);
    else mount();
})();
</script>

</body>
</html>