Spaces:

localgate
/

audit-conversion

Running

App Files Files Community

abullard1 commited on 4 days ago

Commit

35112d8

verified ·

1 Parent(s): d438ce4

Deploy conversion @ d936f3c-space

Browse files

Files changed (4) hide show

app.js +21 -3
config.js +1 -1
index.html +6 -6
style.css +43 -0

app.js CHANGED Viewed

@@ -24,7 +24,7 @@ import { oauthLoginUrl, oauthHandleRedirectIfPresent, uploadFiles, downloadFile,
 // the ?v= stamp — an unversioned nested import could load a stale module.
 import { keyOf, latestByKey, mergeEvents, orderItems, firstUngraded as
          firstUngradedPure, countComplete, stampClass, nextEpoch,
-         standsDownTo } from "./logic.mjs?v=a7e0fa7-space";
 // Test seam: Playwright installs window.__testHub (an in-memory hub) before
 // any page script runs; production never defines it, so this is one inert
@@ -217,9 +217,9 @@ async function pushGuarded() {
     }
     banner(/403|401/.test(String(err))
       ? "Your work is saved in this browser, but publishing was refused (permissions). "
-        + "Nothing is lost — use the save button (s) to retry once it's fixed."
       : "Your work is saved in this browser, but publishing to the server failed "
-        + `(${String(err).slice(0, 80)}). Use the save button (s) to retry.`,
       true, [{ label: "Download your log (send it to Samuel if this persists)",
                onClick: downloadLog }]);
   }
@@ -586,6 +586,24 @@ async function boot() {
   if (!state.auth) {
     const main = $("#main");
     main.replaceChildren(el("p", null, CONFIG.landing));
     main.append(el("p", "independence", CONFIG.independence));
     const button = el("button", "signin", "Sign in with Hugging Face");
     button.addEventListener("click", signIn);

 // the ?v= stamp — an unversioned nested import could load a stale module.
 import { keyOf, latestByKey, mergeEvents, orderItems, firstUngraded as
          firstUngradedPure, countComplete, stampClass, nextEpoch,
+         standsDownTo } from "./logic.mjs?v=d936f3c-space";
 // Test seam: Playwright installs window.__testHub (an in-memory hub) before
 // any page script runs; production never defines it, so this is one inert
     }
     banner(/403|401/.test(String(err))
       ? "Your work is saved in this browser, but publishing was refused (permissions). "
+        + "Nothing is lost — use the save button to retry once it's fixed (s on a keyboard)."
       : "Your work is saved in this browser, but publishing to the server failed "
+        + `(${String(err).slice(0, 80)}). Use the save button to retry (s on a keyboard).`,
       true, [{ label: "Download your log (send it to Samuel if this persists)",
                onClick: downloadLog }]);
   }
   if (!state.auth) {
     const main = $("#main");
     main.replaceChildren(el("p", null, CONFIG.landing));
+    // A returning annotator (new tab, expired login, reclaimed mobile tab)
+    // must never mistake this screen for a fresh start: their log is here.
+    let stored = 0;
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i);
+      if (!key || !key.startsWith(`audit:${CONFIG.task}:`)) continue;
+      try {
+        const events = JSON.parse(localStorage.getItem(key) ?? "[]");
+        stored += [...latestByKey(events).values()]
+          .filter((ev) => !ev.warmup && CONFIG.isComplete(ev)).length;
+      } catch { /* unreadable log — claim nothing */ }
+    }
+    if (stored) {
+      main.append(el("p", "resume-note",
+        `Welcome back — ${stored} of your judgments are safely stored in this `
+        + "browser. Sign in with the same Hugging Face account to pick up "
+        + "exactly where you left off."));
+    }
     main.append(el("p", "independence", CONFIG.independence));
     const button = el("button", "signin", "Sign in with Hugging Face");
     button.addEventListener("click", signIn);

config.js CHANGED Viewed

@@ -2,7 +2,7 @@ window.CONFIG = {
   task: "conversion",
   title: "Pass 2 · rewrite fidelity — 152 items",
   itemsPath: "conversion_items.json",
-  build: "a7e0fa7-space",
   landing: "You will judge whether each rewritten exam question still asks the same "
     + "question as the original, and whether it stands on its own without the answer "
     + "options. 152 items plus 3 discussable warm-ups; expect roughly 1.5–2 hours, "

   task: "conversion",
   title: "Pass 2 · rewrite fidelity — 152 items",
   itemsPath: "conversion_items.json",
+  build: "d936f3c-space",
   landing: "You will judge whether each rewritten exam question still asks the same "
     + "question as the original, and whether it stands on its own without the answer "
     + "options. 152 items plus 3 discussable warm-ups; expect roughly 1.5–2 hours, "

index.html CHANGED Viewed

@@ -5,8 +5,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self'; style-src 'self'; style-src-attr 'unsafe-inline'; font-src 'self'; connect-src https://huggingface.co https://*.hf.co; img-src 'self' data:; base-uri 'none'; form-action 'none'">
 <title>LocalGate audit</title>
-<link rel="stylesheet" href="style.css?v=a7e0fa7-space">
-<link rel="stylesheet" href="katex/katex.min.css?v=a7e0fa7-space">
 </head>
 <body>
 <header>
@@ -22,9 +22,9 @@
 <pre id="rubric-body"></pre></details>
 </div>
 <div id="controls" hidden></div>
-<script src="katex/katex.min.js?v=a7e0fa7-space"></script>
-<script src="katex/auto-render.min.js?v=a7e0fa7-space"></script>
-<script src="config.js?v=a7e0fa7-space"></script>
-<script type="module" src="app.js?v=a7e0fa7-space"></script>
 </body>
 </html>

 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self'; style-src 'self'; style-src-attr 'unsafe-inline'; font-src 'self'; connect-src https://huggingface.co https://*.hf.co; img-src 'self' data:; base-uri 'none'; form-action 'none'">
 <title>LocalGate audit</title>
+<link rel="stylesheet" href="style.css?v=d936f3c-space">
+<link rel="stylesheet" href="katex/katex.min.css?v=d936f3c-space">
 </head>
 <body>
 <header>
 <pre id="rubric-body"></pre></details>
 </div>
 <div id="controls" hidden></div>
+<script src="katex/katex.min.js?v=d936f3c-space"></script>
+<script src="katex/auto-render.min.js?v=d936f3c-space"></script>
+<script src="config.js?v=d936f3c-space"></script>
+<script type="module" src="app.js?v=d936f3c-space"></script>
 </body>
 </html>

style.css CHANGED Viewed

@@ -227,3 +227,46 @@ details#rubric[open]::after { content: ""; position: sticky; display: block;
 /* note grows into free bench space instead of truncating at 13rem */
 #controls #note { flex: 1 1 13rem; min-width: 9rem; max-width: 24rem; }

 /* note grows into free bench space instead of truncating at 13rem */
 #controls #note { flex: 1 1 13rem; min-width: 9rem; max-width: 24rem; }
+/* ── mobile compatibility batch (2026-08-15) ── */
+/* Fixed-layer stack: bench over rubric over banner — the sticky response
+   label used to paint on top of all three (it has z-index:1; they had none). */
+#controls { z-index: 30; }
+details#rubric { z-index: 20; }
+#banner { position: sticky; top: 0; z-index: 10; max-height: 40vh; overflow-y: auto;
+          display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
+#banner[hidden] { display: none; }
+#banner .banner-act { order: -1; margin-left: 0; }  /* recovery actions first, above the fold */
+/* content must always clear the bench's real height, not a guessed 12rem */
+main { margin-bottom: calc(var(--bench-h, 8rem) + 4rem); }
+#controls button { white-space: nowrap; }
+#controls .grp { flex-wrap: wrap; }
+/* screens without a bench (landing, locked, done) also need no rubric strip */
+body:has(#controls[hidden]) details#rubric { display: none; }
+@media (max-width: 1239px) {
+  #controls button { min-height: 44px; }        /* the 250-500x buttons were 36px */
+  #controls #note { min-height: 44px; }
+  #banner .banner-act { min-height: 44px; }
+  details#rubric { max-height: min(38vh, calc(100dvh - var(--bench-h, 5.9rem) - 9rem)); }
+}
+/* small phones / landscape: compact the bench to give the item room to breathe */
+@media (max-width: 380px), (max-height: 420px) {
+  #controls { padding: .4rem .6rem; gap: .35rem; }
+  #controls .lbl { flex-basis: 100%; margin: 0; }
+  #controls #note { order: 9; flex: 1 1 100%; }
+  #controls .last { display: none; }
+}
+/* onward links (unlock, completion, locked gate) — buttons, not bare anchors */
+a.open-out { display: inline-block; margin-top: .8rem; padding: .7rem 1.3rem;
+             font: 600 .9rem var(--mono); text-decoration: none;
+             color: var(--ground); background: var(--ink); border: 2px solid var(--ink); }
+a.open-out:hover { background: transparent; color: var(--ink); }
+/* the signed-out "your work is safe" reassurance */
+.resume-note { font-family: var(--mono); font-size: .8rem; padding: .6rem .9rem;
+               border: 1px solid var(--match); border-left-width: 4px;
+               color: var(--ink); background: color-mix(in srgb, var(--match) 7%, var(--field)); }