[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_114":115,"_116":117},"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/tabs.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/tabs.tsx","extension","id","f68c4d9c-b27b-4a69-b43d-e0caaef32a49","tabs.tsx","fileId","580ad3dc-aa59-11f1-a235-1607ee4eb77e","parentId","019fb508-534b-72f8-ae6b-5c9134b15841","branchId","77aeb2e4-2684-499f-b0b5-734576b3c68b","branchVersion",37,"latest",true,"createdAt",["D",1788746693245],"version",3,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef, forwardRef } from \"https://esm.sh/react@18.2.0\";\nimport { T, PROOF, proofLabel, api, fileToBase64, fmt, Label, Btn, Field, Area, Panel, Stat } from \"./ui.tsx\";\n\n// frontend/components/tabs.tsx — everything outside the weekly review flow.\n\n// ───────────────────────────────────────────────────────── lock\n\nfunction Lock({ onIn }: any) {\n const [pin, setPin] = useState(\"\");\n const [err, setErr] = useState(null);\n async function go() {\n try { await api(\"/login\", { pin }); onIn(); }\n catch { setErr(\"wrong pin\"); }\n }\n return (\n

\n register\n setPin(e.target.value)}\n onKeyDown={(e: any) => e.key === \"Enter\" && go()} />\n

Unlock

\n {err &&

{err}

}\n

\n );\n}\n\n// ───────────────────────────────────────────────────────── active\n\nfunction ActiveItem({ item, onDone }: any) {\n const [busy, setBusy] = useState(false);\n const [verdict, setVerdict] = useState(null);\n const [note, setNote] = useState(\"\");\n const [pending, setPending] = useState(null);\n const file = useRef(null);\n\n async function send(image: string, withNote?: string) {\n setBusy(true);\n try {\n const r = await api(\"/verify\", { id: item.id, image, media_type: \"image/jpeg\", note: withNote });\n setVerdict(r);\n if (r.verdict === \"accept\") { setPending(null); onDone(); }\n } catch (e: any) {\n setVerdict({ verdict: \"reject\", message: e.message });\n }\n setBusy(false);\n }\n\n async function pick(e: any) {\n const f = e.target.files?.[0];\n if (!f) return;\n setBusy(true);\n const b64 = await fileToBase64(f);\n setPending(b64);\n await send(b64);\n }\n\n if (item.verified) {\n return (\n \n

{item.title}

\n verified\n

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

{item.title}

\n {item.frozen_proof}\n

\n\n {verdict && verdict.verdict !== \"accept\" && (\n

{verdict.message}

\n )}\n\n {verdict?.verdict === \"unclear\" && pending && (\n

\n setNote(e.target.value)}\n placeholder=\"Explain it in one line — logged as an appeal.\" />\n

\n send(pending, note.trim())}>\n {busy ? \"…\" : \"Appeal\"}\n \n

\n )}\n\n \n

\n file.current?.click()}>\n {busy ? \"checking…\" : verdict ? \"Try another photo\" : \"Submit proof\"}\n \n

\n \n );\n}\n\nfunction Active({ onChanged }: any) {\n const [data, setData] = useState(null);\n\n async function load() {\n try { setData(await api(\"/active\")); } catch {}\n }\n useEffect(() => { load(); }, []);\n\n if (!data) {\n return

loading…

;\n }\n\n if (!data.items.length) {\n return (\n

\n this week\n

\n Nothing committed yet. Run the review to pick what you're on the hook for.\n

\n );\n }\n\n const left = data.items.filter((i: any) => !i.verified).length;\n return (\n

\n \n {data.overdue ? data.week + \" · overdue\" : data.upcoming ? data.week + \" · starts monday\" : \"this week\"}\n {\" · \"}{left ? left + \" outstanding\" : \"all clear\"}\n \n {data.overdue && (\n

\n This week never got closed. Finish what you can, then run the review —\n anything verified before you close still counts.\n

\n )}\n {data.items.map((i: any) => (\n { load(); onChanged?.(); }} />\n ))}\n

\n Submit proof when you do the thing, not on Sunday. Verified items can't be undone.\n

\n );\n}\n\n// ───────────────────────────────────────────────────────── capture\n\nfunction Capture({ state, reload }: any) {\n const [text, setText] = useState(\"\");\n const [recent, setRecent] = useState([]);\n const [busy, setBusy] = useState(false);\n const [open, setOpen] = useState(false);\n const [err, setErr] = useState(null);\n const ref = useRef(null);\n\n const pending = state?.inbox_pending ?? [];\n const filed = state?.backlog ?? [];\n const total = pending.length + filed.length;\n\n async function drop() {\n const raw = text.trim();\n if (!raw || busy) return;\n setBusy(true); setErr(null);\n try {\n await api(\"/inbox\", { raw, source: \"web\" });\n const lines = raw.split(\"\\n\").map((l) => l.trim()).filter(Boolean);\n setText(\"\");\n setRecent((r) => [...lines, ...r].slice(0, 3));\n ref.current?.focus();\n reload?.();\n } catch (e: any) { setErr(e.message); }\n setBusy(false);\n }\n\n return (\n

\n capture · one per line\n setText(e.target.value)}\n onKeyDown={(e: any) => { if (e.key === \"Enter\" && (e.metaKey || e.ctrlKey)) drop(); }} />\n

\n \n {busy ? \"…\" : \"Drop it in\"}\n \n

\n {err &&

{err}

}\n {recent.length > 0 && (\n

\n just captured\n {recent.map((r, i) => (\n

{r}

\n ))}\n

\n )}\n\n {/* Collapsed by default so the default experience stays a bare box —\n read-only, with no edit or delete, so it can't become a place to\n tinker instead of capturing. */}\n

\n \n\n {open && (\n

\n {pending.length > 0 && (\n <>\n not filed yet · {pending.length}\n {pending.map((p: any) => (\n

{p.raw}

\n ))}\n

\n \n )}\n {filed.length > 0 && (\n <>\n filed · {filed.length}\n {filed.map((b: any) => (\n

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

\n ))}\n \n )}\n {total === 0 && (\n

Nothing yet.

\n )}\n

\n\n

\n Each line becomes its own item. Nothing to organise here — it all gets\n sorted in Sunday's review.\n

\n );\n}\n\n// ───────────────────────────────────────────────────────── yap\n\nfunction Yap() {\n const [text, setText] = useState(\"\");\n const [result, setResult] = useState(null);\n const [card, setCard] = useState(null);\n const [busy, setBusy] = useState(false);\n const [listening, setListening] = useState(false);\n const [err, setErr] = useState(null);\n const rec = useRef(null);\n\n const words = text.trim() ? text.trim().split(/\\s+/).length : 0;\n\n // Typing (and your phone's own dictation) is the primary path; the mic is a\n // convenience that appends into the same box, so nothing depends on it.\n function toggleMic() {\n const SR = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;\n if (!SR) { setErr(\"This browser has no built-in dictation — use your keyboard's mic key.\"); return; }\n if (listening) { rec.current?.stop(); setListening(false); return; }\n const r = new SR();\n r.continuous = true; r.interimResults = false; r.lang = \"en-NZ\";\n r.onresult = (e: any) => {\n let add = \"\";\n for (let i = e.resultIndex; i < e.results.length; i++) {\n if (e.results[i].isFinal) add += e.results[i][0].transcript + \" \";\n }\n if (add) setText((t) => (t ? t + \" \" : \"\") + add.trim());\n };\n r.onerror = () => setListening(false);\n r.onend = () => setListening(false);\n rec.current = r; r.start(); setListening(true);\n }\n\n async function save() {\n setBusy(true); setErr(null);\n try {\n const r = await api(\"/notes\", { text: text.trim(), source: listening ? \"dictation\" : \"typed\" });\n setResult(r); setText(\"\");\n const cr = await api(\"/notes/card\");\n setCard(cr.card);\n } catch (e: any) { setErr(e.message); }\n setBusy(false);\n }\n\n if (card) {\n return (\n

\n day complete\n

\n {card.passable\n ? \"Screenshot this for Vouch.\"\n : \"Too short to count — keep talking and save again.\"}\n

\n \n

\n Yap\n {fmt(card.created_at)}\n

\n {card.summary}\n

\n \n {card.word_count} words\n \n \n {card.week_count}/{card.target} this week · {card.total} total\n \n

\n \n {result && (\n

\n {result.created} new to inbox · {result.matched} matched existing\n

\n )}\n

\n { setCard(null); setResult(null); }}>New note\n

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

\n yap · {words} words\n setText(e.target.value)}\n placeholder=\"Talk about anything. Only explicit intentions get pulled out — the rest just stays on the record.\" />\n

\n \n {busy ? \"reading…\" : \"Save\"}\n \n \n {listening ? \"Stop dictating\" : \"Dictate\"}\n \n

\n {err &&

{err}

}\n

\n {YAP_MIN} words or more counts toward the weekly goal. Things you mention\n repeatedly get counted against the item, not duplicated.\n

\n );\n}\n\nconst YAP_MIN = 150;\n\n// ───────────────────────────────────────────────────────── loopholes\n\nfunction Loopholes({ onChanged }: any) {\n const [d, setD] = useState(null);\n const [text, setText] = useState(\"\");\n const [busy, setBusy] = useState(false);\n const [just, setJust] = useState(null);\n const [err, setErr] = useState(null);\n\n async function load() {\n try { setD(await api(\"/loopholes\")); } catch {}\n }\n useEffect(() => { load(); }, []);\n\n if (!d) {\n return

loading…

;\n }\n\n const outstanding = d.open.filter((l: any) => !l.verified);\n\n return (\n

\n {outstanding.length > 0 && (\n

\n open · {outstanding.length} — the week can't clear until these close\n {outstanding.map((l: any) => (\n \n

{l.title}

\n \n {l.state === \"required\" ? \"this week\" : \"next week\"}\n \n

\n {l.frozen_proof}\n

\n \n ))}\n

\n Submit proof for these on the Active tab, same as anything else.\n

\n )}\n\n {just && (\n \n {just.required_now ? \"added to this week\" : \"mandatory next week\"}\n

{just.title}

\n {just.proof_description}\n

\n \n )}\n\n raise a loophole\n setText(e.target.value)}\n placeholder=\"I entered a Beeminder datapoint for a gym session I didn't do\" />\n

\n {\n setBusy(true); setErr(null);\n try {\n const r = await api(\"/loopholes/raise\", { text: text.trim() });\n setJust(r); setText(\"\"); await load(); onChanged?.();\n } catch (e: any) { setErr(e.message); }\n setBusy(false);\n }}>{busy ? \"…\" : \"Raise it\"}\n

\n {err &&

{err}

}\n

\n Anything raised here becomes required for the running week. Say it anyway —\n a system whose numbers are lying is worth less than a week of convenience.\n

\n\n {d.closed.length > 0 && (\n

\n closed · {d.closed.length}\n {d.closed.map((l: any) => (\n

\n \n {l.title}\n \n \n {l.verified_at ? new Date(l.verified_at).toLocaleDateString(\"en-NZ\") : \"done\"}\n \n

\n ))}\n

\n )}\n

\n );\n}\n\n// ───────────────────────────────────────────────────────── build\n\nfunction Drift({ d }: any) {\n if (!d) return null;\n return (\n

\n drift · last 8 weeks\n = 4 && d.weeks_cleared / d.weeks_closed < 0.5 ? T.owed : T.ink} />\n \n d.proof_submissions / 3 ? T.owed : T.ink} />\n 6 && d.capture_days_28d <= 3 ? T.owed : T.ink} />\n \n \n \n

\n );\n}\n\n// The same panel the improvement review ends on, so a card pulled back out of\n// the history is the one that was submitted rather than a second rendering.\nfunction BuildCardView({ card }: any) {\n if (!card) return null;\n return (\n <>\n improvement review · proof\n

\n Screenshot this for Vouch.\n

\n \n

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

\n {card.verdict === \"commit\" ? \"Committed: \" + card.committed : \"Passed\"}\n

\n {card.note}\n

\n \n \n \n

\n = 4 ? T.owed : T.faint,\n }}>\n {card.consecutive_passes\n ? \"passed \" + card.consecutive_passes + \" in a row\"\n : \"review \" + card.cycle_count}\n \n {card.session}\n

\n \n \n );\n}\n\n// An improvement card is only built once, so dismissing it used to lose it.\nfunction BuildCardHistory({ 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(\"/build/cards\")\n .then((r: any) => setList(r.cards ?? []))\n .catch(() => setErr(\"could not load the list\"));\n }, []);\n\n async function open(id: string) {\n setErr(null);\n try {\n const r = await api(\"/build/card?id=\" + encodeURIComponent(id));\n if (r.card) setCard(r.card);\n else setErr(\"no card for that review\");\n } catch {\n setErr(\"could not load that card\");\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 improvement cards\n {err &&

{err}

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

loading…

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

\n No cards yet — the first one appears once you finish an improvement review.\n

\n )}\n {list?.map((c: any) => (\n \n ))}\n

\n Back\n

\n );\n}\n\nfunction Build() {\n const [s, setS] = useState(null);\n const [idea, setIdea] = useState(\"\");\n const [mode, setMode] = useState<\"idle\" | \"review\">(\"idle\");\n const [verdict, setVerdict] = useState<\"pass\" | \"commit\">(\"pass\");\n const [pick, setPick] = useState(null);\n const [proof, setProof] = useState(\"\");\n const [note, setNote] = useState(\"\");\n const [shipNote, setShipNote] = useState(\"\");\n const [card, setCard] = useState(null);\n const [history, setHistory] = useState(false);\n const [busy, setBusy] = useState(false);\n const [err, setErr] = useState(null);\n\n async function load() {\n try { setS(await api(\"/build/state\")); } catch {}\n }\n useEffect(() => { load(); }, []);\n\n if (!s) {\n return

loading…

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

\n \n

\n { setCard(null); setMode(\"idle\"); load(); }}>Done\n

\n );\n }\n\n if (history) return setHistory(false)} />;\n\n if (mode === \"review\") {\n return (\n

\n \n\n verdict\n

\n setVerdict(\"pass\")}\n style={{ padding: \"7px 11px\", fontSize: 13 }}>Nothing this cycle\n setVerdict(\"commit\")}\n style={{ padding: \"7px 11px\", fontSize: 13 }}>Commit to one\n

\n\n {verdict === \"commit\" && (\n <>\n which one\n {s.ideas.length === 0 && (\n

\n No ideas queued. Add one below first.\n

\n )}\n {s.ideas.map((i: any) => (\n

setPick(i.id)} style={{\n display: \"flex\", gap: 12, padding: \"10px 0\",\n borderBottom: \"1px solid \" + T.line, cursor: \"pointer\",\n }}>\n

\n {i.text}\n

\n ))}\n

\n what the screenshot shows when it's done\n setProof(e.target.value)}\n placeholder=\"a before/after photo passing that previously got rejected\" />\n

\n \n )}\n\n {verdict === \"pass\" ? \"why nothing\" : \"why this one\"}\n setNote(e.target.value)}\n placeholder=\"friction's fine, rejections down to zero, nothing worth touching\" />\n\n {err &&

{err}

}\n\n

\n {\n setBusy(true); setErr(null);\n try {\n await api(\"/build/review\", {\n verdict, note: note.trim(), idea_id: pick, proof_description: proof.trim(),\n });\n const r = await api(\"/build/card\");\n setCard(r.card); setNote(\"\"); setProof(\"\"); setPick(null);\n } catch (e: any) { setErr(e.message); }\n setBusy(false);\n }}>{busy ? \"…\" : \"Finish review\"}\n setMode(\"idle\")}>Back\n

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

\n \n

\n {s.outstanding && (\n \n outstanding — blocks the next review\n

\n {s.outstanding.text}\n

\n {s.outstanding.proof_description}\n

\n setShipNote(e.target.value)}\n placeholder=\"one line on what changed\" />\n

\n {\n setBusy(true);\n await api(\"/build/ship\", { id: s.outstanding.id, note: shipNote.trim() });\n setShipNote(\"\"); await load(); setBusy(false);\n }}>Mark shipped\n

\n \n )}\n\n idea\n setIdea(e.target.value)}\n placeholder=\"verifier too strict on before/after items\" />\n

\n {\n setBusy(true);\n await api(\"/build/ideas\", { text: idea.trim() });\n setIdea(\"\"); await load(); setBusy(false);\n }}>Queue it\n

\n\n {s.ideas.length > 0 && (\n

\n queued · {s.ideas.length}\n {s.ideas.map((i: any) => (\n

\n {i.text}\n \n

\n ))}\n

\n )}\n\n

\n setMode(\"review\")}>\n {s.due ? \"Run the improvement review\" : \"Review early\"}\n \n

\n {s.last_reviewed_at\n ? \"last \" + new Date(s.last_reviewed_at).toLocaleDateString(\"en-NZ\") +\n (s.consecutive_passes ? \" · passed \" + s.consecutive_passes + \" in a row\" : \"\")\n : \"never reviewed\"}\n

\n );\n}\n\nexport { Lock, Active, Capture, Yap, Loopholes, Build };\n","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=1789552799&sig=b32577280eb127e4de2b63a06a7bd0de022303ec239a56e6599056e91939e4de","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,"_113":109},"org",{"_9":10,"_106":107,"_108":109,"_59":60,"_110":111,"_112":44},"branch",{"_37":32,"_11":93,"_22":30,"_94":49,"_95":96,"_97":98,"_99":54,"_100":101,"_102":103,"_104":12,"_105":10},"isOwned","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,"_147":148,"_149":150,"_151":152,"_153":44,"_154":44,"_155":44,"_156":34,"_157":-5,"_158":-7,"_159":-7,"_160":67,"_161":44,"_162":44,"_163":-5,"_164":44,"_165":44,"_166":44,"_167":-5},"ENV",{"_118":119,"_120":121,"_122":93,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142,"_143":144,"_145":146},"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"]