[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_115":116,"_117":118},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","wakawaka1","name","Register","path","frontend/components/review.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":-5,"_57":58,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/wakawaka1/Register/code/frontend/components/review.tsx","extension","id","7fdc30a2-0936-4cb3-b38e-c3aeb02376d6","review.tsx","fileId","6b115e38-aa59-11f1-a1d5-1607ee4eb77e","parentId","019fb508-534b-72f8-ae6b-5c9134b15841","branchId","77aeb2e4-2684-499f-b0b5-734576b3c68b","branchVersion",34,"latest",true,"createdAt",["D",1788745310914],"version",3,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport {\n api,\n Area,\n Btn,\n Field,\n fileToBase64,\n fmt,\n Label,\n Panel,\n PROOF,\n proofLabel,\n Stat,\n T,\n} from \"./ui.tsx\";\n\n// frontend/components/review.tsx — the weekly review passes and the card.\n\n// ───────────────────────────────────────────────────────── passes\n\nfunction PassClose({ state, next }: any) {\n const open = state.open_week;\n const ids: string[] = JSON.parse(open.required_json);\n const items = ids.map((i) => state.backlog.find((b: any) => b.id === i))\n .filter(Boolean);\n const [busy, setBusy] = useState(false);\n const [err, setErr] = useState(null);\n\n return (\n

\n pass 1 — verdict\n \n Read-only. These were verified live during the week.\n

\n {items.map((it: any) => (\n \n \n {it.title}\n \n \n {it.done_week === open.iso_week ? \"verified\" : \"outstanding\"}\n \n

\n ))}\n\n {!state.can_close && (\n \n The week's still running and something's outstanding. Finish it, or\n come back Sunday.\n

\n )}\n {err && (\n \n {err}\n

\n )}\n\n

\n {\n setBusy(true);\n setErr(null);\n try {\n const v = await api(\"/week/close\", { iso_week: open.iso_week });\n next({ verdict: v });\n } catch (e: any) {\n setErr(e.message);\n }\n setBusy(false);\n }}\n >\n {busy ? \"…\" : \"Close the week\"}\n \n

\n \n );\n}\n\nfunction PassInbox({ state, next, reload }: any) {\n const [queue, setQueue] = useState(state.inbox_pending);\n const [title, setTitle] = useState(\"\");\n const [ptype, setPtype] = useState(\"artifact_photo\");\n const [pdesc, setPdesc] = useState(\"\");\n const [busy, setBusy] = useState(false);\n const [think, setThink] = useState(false);\n const cur = queue[0];\n\n useEffect(() => {\n setTitle(cur ? cur.raw : \"\");\n setPdesc(\"\");\n setPtype(\"artifact_photo\");\n }, [cur?.id]);\n\n if (!cur) {\n return (\n

\n pass 2 — inbox\n \n {state.inbox_pending.length > 0\n ? \"Left for next time.\"\n : \"Inbox empty.\"}\n

\n {\n await reload();\n next({});\n }}\n >\n Continue\n \n

\n );\n }\n\n return (\n

\n \n pass 2 — inbox · {queue.length} left\n {\n await reload();\n next({});\n }}\n style={{\n background: \"none\",\n border: \"none\",\n padding: 0,\n cursor: \"pointer\",\n fontFamily: T.mono,\n fontSize: 11,\n color: T.faint,\n }}\n >\n skip the rest →\n \n

\n \n \n {cur.raw}\n

\n \n captured {new Date(cur.captured_at).toLocaleDateString(\"en-NZ\")}\n

\n \n\n one action\n setTitle(e.target.value)} />\n

\n proof type\n \n {PROOF.map((p) => (\n setPtype(p.v)}\n style={{ padding: \"7px 11px\", fontSize: 13 }}\n >\n {p.label}\n \n ))}\n

\n what the photo shows\n setPdesc(e.target.value)}\n placeholder=\"a booking confirmation from the gym\"\n />\n\n

\n {\n setBusy(true);\n try {\n await api(\"/backlog\", {\n from_inbox: [cur.id],\n title: title.trim(),\n proof_type: ptype,\n proof_description: pdesc.trim(),\n });\n setQueue((q) => q.slice(1));\n } catch (e: any) {\n alert(e.message);\n }\n setBusy(false);\n }}\n >\n File it\n \n {\n setThink(true);\n try {\n const p = await api(\"/ai/promote\", { raw: cur.raw });\n if (p.title) setTitle(p.title);\n if (p.proof_type) setPtype(p.proof_type);\n if (p.proof_description) setPdesc(p.proof_description);\n } catch {}\n setThink(false);\n }}\n >\n {think ? \"…\" : \"Suggest\"}\n \n {\n setBusy(true);\n await api(\"/inbox/discard\", { ids: [cur.id] });\n setQueue((q) => q.slice(1));\n setBusy(false);\n }}\n >\n Bin it\n \n setQueue((q) => q.slice(1))}>Later\n

\n {pdesc.trim().length < 10 && (\n \n No describable photo means it isn't an action yet. Shrink it until you\n can name the image.\n

\n )}\n \n );\n}\n\n// Confession must never be expensive, or you'll start confessing one small\n// thing a week. Only the worst becomes mandatory; the rest get a short fuse.\nfunction PassLoopholes({ next, reload }: any) {\n const [qs, setQs] = useState(null);\n const [answers, setAnswers] = useState(\"\");\n const [props, setProps] = useState(null);\n // Tracked by identity, not list position — dropping a row above the chosen\n // one would otherwise move the amber dot onto a different item silently.\n const [worst, setWorst] = useState(null);\n const [busy, setBusy] = useState(false);\n\n return (\n

\n pass 3 — loopholes\n {!qs && (\n <>\n \n Where did your laziness find a way round the system this week?\n

\n {\n setBusy(true);\n const r = await api(\"/ai/interrogate\", {});\n setQs(r.questions);\n setBusy(false);\n }}\n >\n {busy ? \"…\" : \"Interrogate me\"}\n \n next({})}>Skip\n

\n \n )}\n\n {qs && !props && (\n <>\n {qs.map((q, i) => (\n \n {q}\n

\n ))}\n

\n setAnswers(e.target.value)}\n placeholder=\"Answer honestly. Confessing more costs you nothing.\"\n />\n

\n {\n setBusy(true);\n const r = await api(\"/ai/interrogate\", {\n questions: qs,\n answers,\n });\n const list = (r.proposals || []).map((x: any, i: number) => ({\n ...x,\n _id: \"p\" + i,\n }));\n setProps(list);\n setWorst(list.length ? list[0]._id : null);\n setBusy(false);\n }}\n >\n {busy ? \"…\" : \"Turn into actions\"}\n \n next({})}>Skip\n

\n \n )}\n\n {props && (\n <>\n \n Pick the worst one. That closes next week, guaranteed. The rest go\n to the backlog on a two-week fuse.\n

\n {props.length === 0 && (\n \n All dropped. Nothing to file.\n

\n )}\n {props.map((p: any) => (\n \n setWorst(p._id)}\n style={{\n flexShrink: 0,\n width: 20,\n height: 20,\n borderRadius: 10,\n marginTop: 3,\n border: \"1px solid \" + (worst === p._id ? T.owed : T.line),\n background: worst === p._id ? T.owed : \"transparent\",\n cursor: \"pointer\",\n }}\n />\n setWorst(p._id)}\n style={{ flex: 1, cursor: \"pointer\" }}\n >\n \n {p.title}\n

\n \n {proofLabel(p.proof_type)} — {p.proof_description}\n

\n \n setProps((list: any) => {\n const kept = list.filter((x: any) => x._id !== p._id);\n if (worst === p._id) {\n setWorst(kept.length ? kept[0]._id : null);\n }\n return kept;\n })}\n style={{\n background: \"none\",\n border: \"none\",\n padding: \"0 0 0 8px\",\n cursor: \"pointer\",\n fontFamily: T.mono,\n fontSize: 11,\n color: T.faint,\n alignSelf: \"flex-start\",\n flexShrink: 0,\n }}\n >\n drop\n \n

\n ))}\n

\n {\n setBusy(true);\n const forced: string[] = [];\n for (const p of props as any[]) {\n try {\n const r = await api(\"/backlog\", {\n from_inbox: [],\n title: p.title,\n proof_type: p.proof_type,\n proof_description: p.proof_description,\n origin: \"loophole\",\n });\n if (p._id === worst) forced.push(r.id);\n } catch {}\n }\n await reload();\n next({ forced });\n setBusy(false);\n }}\n >\n {busy ? \"…\" : \"File \" + props.length}\n \n next({})}>\n {props.length ? \"Skip\" : \"Continue\"}\n \n

\n \n )}\n \n );\n}\n\nfunction PassAged({ state, next, reload }: any) {\n const flagged = state.backlog.filter(\n (b: any) => (b.needs_decision || b.needs_reshape) && !b.mandatory,\n );\n const [forced, setForced] = useState([]);\n const [editing, setEditing] = useState(null);\n const [t, setT] = useState(\"\");\n const [d, setD] = useState(\"\");\n const [busy, setBusy] = useState(false);\n\n if (!flagged.length) {\n return (\n

\n pass 4 — forced decisions\n \n Nothing overdue or repeatedly failed.\n

\n next({})}>Continue\n

\n );\n }\n\n return (\n

\n pass 4 — forced decisions\n \n Carried too long, or failed three times. Require it, reshape it, or kill\n it.\n

\n {flagged.map((b: any) => (\n \n \n \n {b.title}\n

\n \n {b.needs_reshape\n ? \"failed \" + b.fail_count + \"x\"\n : b.age_weeks + \"w\"}\n {b.mention_count > 0 ? \" · said \" + b.mention_count + \"x\" : \"\"}\n \n

\n\n {editing === b.id\n ? (\n

\n setT(e.target.value)}\n placeholder=\"smaller title\"\n />\n

\n setD(e.target.value)}\n placeholder=\"what the photo shows\"\n />\n

\n {\n setBusy(true);\n await api(\"/backlog/reshape\", {\n id: b.id,\n title: t,\n proof_description: d,\n });\n await reload();\n setEditing(null);\n setBusy(false);\n }}\n >\n Save\n \n setEditing(null)}\n >\n Cancel\n \n

\n )\n : (\n \n \n setForced((f) =>\n f.includes(b.id)\n ? f.filter((x) => x !== b.id)\n : [...f, b.id]\n )}\n >\n Require\n \n {\n setEditing(b.id);\n setT(b.title);\n setD(b.proof_description);\n }}\n >\n Reshape\n \n {\n setBusy(true);\n try {\n await api(\"/backlog/kill\", { id: b.id });\n await reload();\n } catch (e: any) {\n alert(e.message);\n }\n setBusy(false);\n }}\n >\n Kill\n \n

\n )}\n \n ))}\n

\n next({ forced })}>\n Continue\n \n

\n \n );\n}\n\n// Commit. The proof description is refined and frozen here — frozen so it can't\n// be loosened later to fit whatever photo you happened to take.\nfunction PassCommit({ state, next, locked, mode }: any) {\n const adding = mode === \"add\";\n const options = adding\n ? state.backlog.filter((b: any) => b.state !== \"required\")\n : state.backlog;\n const mandatory = adding ? [] : [\n ...state.backlog.filter((b: any) => b.mandatory).map((b: any) => b.id),\n ...(locked || []),\n ];\n const [picked, setPicked] = useState(\n [...new Set(mandatory)] as string[],\n );\n const [proofs, setProofs] = useState(() => {\n const o: any = {};\n for (const b of state.backlog) o[b.id] = b.proof_description;\n return o;\n });\n const [busyId, setBusyId] = useState(null);\n const [busy, setBusy] = useState(false);\n const [when, setWhen] = useState(\"next\");\n const [err, setErr] = useState(null);\n\n return (\n

\n {adding ? \"add to this week\" : \"pass 5 — commit\"}\n \n {adding\n ? \"These join the week already running, on the same deadline. You can add, never remove.\"\n : \"Minimum one. Write each proof line as loosely as you can while it still means you did it — it's frozen once you commit.\"}\n

\n\n {!adding && (\n

\n setWhen(\"next\")}\n style={{ padding: \"7px 11px\", fontSize: 13 }}\n >\n starts Monday\n \n setWhen(\"now\")}\n style={{ padding: \"7px 11px\", fontSize: 13 }}\n >\n due this Sunday\n \n

\n )}\n\n {options.map((b: any) => {\n const on = picked.includes(b.id);\n const isLocked = mandatory.includes(b.id);\n return (\n \n {\n if (isLocked) return;\n setPicked((p) =>\n on ? p.filter((x) => x !== b.id) : [...p, b.id]\n );\n }}\n style={{\n display: \"flex\",\n gap: 12,\n cursor: isLocked ? \"default\" : \"pointer\",\n }}\n >\n \n {on ? \"✓\" : \"\"}\n

\n \n {b.title}\n

\n \n {b.age_weeks}w · {proofLabel(b.proof_type)}\n {isLocked ? \" · mandatory\" : \"\"}\n {b.fail_count > 0 ? \" · failed \" + b.fail_count + \"x\" : \"\"}\n {b.mention_count > 0\n ? \" · said \" + b.mention_count + \"x\"\n : \"\"}\n

\n \n\n {on && (\n

\n \n setProofs({ ...proofs, [b.id]: e.target.value })}\n />\n

\n {\n setBusyId(b.id);\n try {\n const r = await api(\"/ai/freeze\", {\n title: b.title,\n proof_description: proofs[b.id],\n });\n setProofs((p: any) => ({\n ...p,\n [b.id]: r.frozen_proof,\n }));\n } catch {}\n setBusyId(null);\n }}\n >\n {busyId === b.id ? \"…\" : \"Loosen it\"}\n \n

\n )}\n \n );\n })}\n\n {err && (\n \n {err}\n

\n )}\n

\n {\n setBusy(true);\n setErr(null);\n try {\n const payload = {\n items: picked.map((id) => ({ id, frozen_proof: proofs[id] })),\n };\n if (adding) await api(\"/week/add\", payload);\n else await api(\"/week\", { when, ...payload });\n next({ added: adding });\n } catch (e: any) {\n setErr(e.message);\n }\n setBusy(false);\n }}\n >\n {busy ? \"…\" : (adding ? \"Add \" : \"Commit \") + picked.length}\n \n

\n \n );\n}\n\nfunction CardView({ card }: any) {\n if (!card) return null;\n return (\n

\n proof\n \n Screenshot this and submit it to Vouch.\n

\n \n \n \n Weekly review\n \n \n {fmt(card.reviewed_at)}\n \n

\n \n \n {card.cleared === null\n ? \"first review — no prior week\"\n : card.cleared\n ? \"last week cleared\"\n : card.failed_count + \" missed · now mandatory\"}\n \n \n {card.cleared_count}/{card.closed_count} weeks\n \n \n

\n required · {card.week}\n {card.required.map((r: any, i: number) => (\n

\n \n {i + 1}\n \n

\n \n {r.title}\n

\n \n {r.frozen_proof}\n

\n ))}\n

\n \n \n backlog {card.backlog_count}\n {card.oldest_weeks ? \" · oldest \" + card.oldest_weeks + \"w\" : \"\"}\n \n \n {card.session}\n \n \n {card.build_outstanding && (\n \n building: {card.build_outstanding}\n

\n )}\n \n \n );\n}\n\n// ───────────────────────────────────────────────────────── review\n\n// A card exited before it was screenshotted is not recoverable from anywhere\n// else — the weekly review only builds it once — so every past card stays\n// reachable here.\nfunction CardHistory({ onBack }: any) {\n const [list, setList] = useState(null);\n const [card, setCard] = useState(null);\n const [err, setErr] = useState(null);\n\n useEffect(() => {\n api(\"/cards\")\n .then((r: any) => setList(r.cards ?? []))\n .catch(() => setErr(\"could not load the list\"));\n }, []);\n\n async function open(week: string) {\n setErr(null);\n try {\n const r = await api(\"/card?week=\" + encodeURIComponent(week));\n if (r.card) setCard(r.card);\n else setErr(\"no card for \" + week);\n } catch {\n setErr(\"could not load \" + week);\n }\n }\n\n if (card) {\n return (\n

\n \n

\n setCard(null)}>Back to the list\n

\n );\n }\n\n return (\n

\n past cards\n {err && (\n \n {err}\n

\n )}\n {list === null && !err && (\n

\n loading…\n

\n )}\n {list?.length === 0 && (\n

\n No cards yet — the first one appears once you commit a week.\n

\n )}\n {list?.map((c: any) => (\n open(c.week)}\n style={{\n display: \"block\",\n width: \"100%\",\n textAlign: \"left\",\n background: T.panel,\n border: \"1px solid \" + T.line,\n borderRadius: 6,\n padding: \"12px 14px\",\n marginBottom: 8,\n cursor: \"pointer\",\n }}\n >\n

\n {c.week}\n

\n \n {fmt(c.reviewed_at)} · {c.session} ·{\" \"}\n {c.outcome === null\n ? \"running\"\n : c.outcome\n ? \"cleared\"\n : \"missed\"}\n

\n \n ))}\n

\n Back to the review\n

\n \n );\n}\n\nfunction Review({ state, reload }: any) {\n const [step, setStep] = useState(0);\n const [acc, setAcc] = useState({});\n const [card, setCard] = useState(null);\n const [added, setAdded] = useState(false);\n const [history, setHistory] = useState(false);\n\n // A week that's running but not yet finishable can't be closed — but the rest\n // of the review still works, and pass 5 adds to it rather than committing the\n // next one.\n const running = !!state.open_week && !state.can_close;\n const steps: string[] = [];\n if (state.open_week && state.can_close) steps.push(\"close\");\n steps.push(\"inbox\", \"loopholes\", \"aged\", \"commit\");\n\n async function advance(data: any) {\n const merged = { ...acc, ...data };\n setAcc(merged);\n if (steps[step] === \"commit\") {\n if (data?.added) {\n setAdded(true);\n await reload();\n return;\n }\n const r = await api(\"/card\");\n setCard(r.card);\n } else {\n setStep(step + 1);\n }\n }\n\n if (added) {\n return (\n

\n added\n \n They're on this week's list. No new card — the one you submitted on\n Sunday still stands.\n

\n {\n await reload();\n setAdded(false);\n setStep(0);\n setAcc({});\n }}\n >\n Done\n \n

\n );\n }\n\n if (card) {\n return (\n

\n \n

\n {\n await reload();\n setCard(null);\n setStep(0);\n setAcc({});\n }}\n >\n Back to the review\n \n

\n );\n }\n\n if (history) return setHistory(false)} />;\n\n const name = steps[step];\n return (\n

\n \n setHistory(true)}\n style={{\n background: \"none\",\n border: \"none\",\n padding: 0,\n cursor: \"pointer\",\n fontFamily: T.mono,\n fontSize: 11,\n color: T.dim,\n textDecoration: \"underline\",\n }}\n >\n past cards\n \n

\n {steps.map((s, i) => (\n \n ))}\n

\n {name === \"close\" && }\n {name === \"inbox\" && (\n \n )}\n {name === \"loopholes\" && }\n {name === \"aged\" && (\n \n )}\n {name === \"commit\" && (\n \n )}\n \n );\n}\n\nexport { CardView, Review };","deleted",false,"label",[47,48,24],"frontend","components","90ca6794-83fb-4ed4-bc24-63ae1b4c882d",["D",1785448649481],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789538399&sig=d91a7ef87f90c894c3b8d0b9fb95840fd02478ac34a646812058e001671e6ecb","userId","ac016058-4dff-4268-a58d-c6377cb09a13","pinnedFileId","019fb508-534b-72f8-ae6b-7b2519b376d1","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f1fab-a2bc-73b7-aa9b-5a23f068d628","tursoName","90ca679483fb4ed4bc2463ae1b4c882d","tursoHostname","90ca679483fb4ed4bc2463ae1b4c882d-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789474235934],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_114":110},"org",{"_9":10,"_107":108,"_109":110,"_59":60,"_111":112,"_113":44},"branch",{"_37":93,"_11":94,"_22":30,"_95":49,"_96":97,"_98":99,"_100":54,"_101":102,"_103":104,"_105":12,"_106":10},"isOwned",37,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",91,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","displayName","waka waka","avatar","https://lh3.googleusercontent.com/a/ACg8ocIfPhdrpGDjFrYHrMnU190pz133j3MwBQZnU7s6gdFpOCob2Q=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_148":149,"_150":151,"_152":153,"_154":44,"_155":44,"_156":44,"_157":34,"_158":-5,"_159":-7,"_160":-7,"_161":67,"_162":44,"_163":44,"_164":-5,"_165":44,"_166":44,"_167":44,"_168":-5},"ENV",{"_119":120,"_121":122,"_123":94,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143,"_144":145,"_146":147},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]