[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_111":112,"_113":114},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","justinstevens","name","caselens-canada","path","frontend/components/App.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_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/justinstevens/caselens-canada/code/frontend/components/App.tsx","extension","id","88e4ba25-1fef-4ea2-89ba-581c76ad631b","App.tsx","fileId","01a0780a-5903-77b6-aac8-56144bb371dc","parentId","01a0780a-5903-77b6-aac8-5c421d94bc54","branchId","9da8d75d-5b67-4db9-bfe9-96a9f922df07","branchVersion",26,"latest",true,"createdAt",["D",1788720704044],"version",1,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Analysis, CategoryKey, CaseMetadata, Highlight, ProgressStage } from \"../../types.ts\";\nimport { Landing } from \"./Landing.tsx\";\nimport { Progress } from \"./Progress.tsx\";\nimport { Toolbar } from \"./Toolbar.tsx\";\nimport { ParagraphView } from \"./ParagraphView.tsx\";\nimport { DetailPanel } from \"./DetailPanel.tsx\";\nimport { ExportView } from \"./ExportView.tsx\";\nimport { parseDocument } from \"../parse.ts\";\nimport { DEMO_TEXT } from \"../demo.ts\";\n\ntype View = \"landing\" | \"progress\" | \"reader\" | \"export\";\n\ntype UserState = Record;\n\nexport function App() {\n const [view, setView] = useState(\"landing\");\n const [analysis, setAnalysis] = useState(null);\n const [progress, setProgress] = useState(\"Uploading\");\n const [error, setError] = useState(null);\n const [ocr, setOcr] = useState(false);\n const [fileName, setFileName] = useState(\"\");\n const [sample, setSample] = useState(false);\n\n const [userState, setUserState] = useState({});\n const [selectedId, setSelectedId] = useState(null);\n const [activeCats, setActiveCats] = useState([]);\n const [showOnlyHighlights, setShowOnlyHighlights] = useState(false);\n const [query, setQuery] = useState(\"\");\n const busyRef = useRef(false);\n\n const filtered = useMemo(() => {\n if (!analysis) return [];\n return analysis.highlights.filter((h) => {\n if (activeCats.length && !activeCats.includes(h.category)) return false;\n const q = query.trim().toLowerCase();\n if (!q) return true;\n return (\n h.exactQuote.toLowerCase().includes(q) ||\n h.legalProposition.toLowerCase().includes(q) ||\n h.whyMatters.toLowerCase().includes(q) ||\n analysis.paragraphs[h.paragraphIndex]?.text.toLowerCase().includes(q)\n );\n });\n }, [analysis, activeCats, query]);\n\n async function runAnalysis(text: string, label: string, isSample: boolean) {\n if (busyRef.current) return;\n busyRef.current = true;\n setError(null);\n setOcr(false);\n setFileName(label);\n setSample(isSample);\n setView(\"progress\");\n setProgress(\"Identifying key passages\");\n // let the paint of the progress screen land before we start stepping\n await smallDelay(60);\n try {\n setProgress(\"Identifying key passages\");\n const res = await fetch(\"/api/analyze\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ text }),\n });\n setProgress(\"Building explanations\");\n await smallDelay(120);\n const data = await res.json().catch(() => null);\n if (!res.ok || !data?.ok) {\n throw new Error(data?.error ?? \"The analysis engine could not process this document.\");\n }\n const a = data.analysis as Analysis;\n if (!a.highlights || a.highlights.length === 0) {\n throw new Error(\"No citation-worthy passages could be identified in this document.\");\n }\n setAnalysis(a);\n setSelectedId(a.highlights[0].id);\n setQuery(\"\");\n setActiveCats([]);\n setShowOnlyHighlights(false);\n setProgress(\"Ready\");\n await smallDelay(150);\n setView(\"reader\");\n } catch (e: any) {\n setError(e?.message ?? \"Something went wrong while analyzing the judgment.\");\n setOcr(false);\n setView(\"landing\");\n } finally {\n busyRef.current = false;\n }\n }\n\n async function handleFiles(files: File[]) {\n const file = files[0];\n if (!file) return;\n if (busyRef.current) return;\n busyRef.current = true;\n setError(null);\n setOcr(false);\n setView(\"progress\");\n setProgress(\"Uploading\");\n const parsed = await parseDocument(file);\n if (!parsed.ok) {\n setError(parsed.error);\n setOcr(parsed.ocr);\n busyRef.current = false;\n setView(\"landing\");\n return;\n }\n busyRef.current = false;\n await runAnalysis(parsed.text, file.name, false);\n }\n\n async function handleDemo() {\n if (busyRef.current) return;\n setError(null);\n setView(\"progress\");\n setProgress(\"Extracting text\");\n setFileName(\"Sample judgment (fictional)\");\n setSample(true);\n await smallDelay(200);\n await runAnalysis(DEMO_TEXT, \"Sample judgment (fictional)\", true);\n }\n\n function reset() {\n setAnalysis(null);\n setView(\"landing\");\n setError(null);\n setSelectedId(null);\n }\n\n function patchHighlight(id: string, patch: { status?: \"saved\" | \"not-useful\" | null; note?: string }) {\n setUserState((prev) => {\n const cur = prev[id] ?? {};\n const next: UserState = { ...prev };\n if (patch.status === null) {\n const { status: _, ...rest } = cur;\n next[id] = rest.status ? rest : { ...rest };\n // if nothing left, delete\n if (!cur.note && cur.status !== undefined && patch.status === null) next[id] = { ...rest } as any;\n } else {\n next[id] = { ...cur, ...(patch.status !== undefined ? { status: patch.status } : {}), ...(patch.note !== undefined ? { note: patch.note } : {}) };\n }\n return next;\n });\n }\n\n function navigate(dir: 1 | -1) {\n if (!analysis || filtered.length === 0) return;\n const list = filtered;\n const idx = list.findIndex((h) => h.id === selectedId);\n const next = list[(idx < 0 ? (dir === 1 ? -1 : 0) : idx + dir + list.length) % list.length];\n select(next.id);\n }\n\n function select(id: string) {\n setSelectedId(id);\n requestAnimationFrame(() => {\n const el = document.getElementById(`hl-${id}`);\n if (el) el.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n });\n }\n\n const selected = analysis ? analysis.highlights.find((h) => h.id === selectedId) ?? null : null;\n const m = analysis?.metadata;\n\n if (view === \"progress\") return ;\n\n if (view === \"export\" && analysis) {\n return (\n setView(\"reader\")}\n onNote={(id, note) => patchHighlight(id, { note })}\n />\n );\n }\n\n if (view === \"reader\" && analysis) {\n return (\n

\n \n setActiveCats((c) => (c.includes(k) ? c.filter((x) => x !== k) : [...c, k]))\n }\n showOnlyHighlights={showOnlyHighlights}\n onToggleOnly={() => setShowOnlyHighlights((v) => !v)}\n onPrev={() => navigate(-1)}\n onNext={() => navigate(1)}\n onExport={() => setView(\"export\")}\n onReset={reset}\n total={analysis.highlights.length}\n />\n\n {sample && (\n

\n Sample content — fictional parties, citation, and judgment shown for demonstration. Nothing is uploaded.\n

\n )}\n\n

\n \n

\n );\n }\n\n // landing\n return (\n

\n {error && (\n

\n {ocr ? \"⚠️ \" : \"✕ \"}\n {error}\n

\n )}\n \n

\n );\n}\n\nfunction caseTitle(m: CaseMetadata): string {\n return m.styleOfCause.value ?? m.neutralCitation.value ?? \"Judgment\";\n}\n\nfunction MetadataStrip({ meta, engineLabel, fileName }: { meta: CaseMetadata; engineLabel: string; fileName: string }) {\n const cells: Array<[string, string | null]> = [\n [\"Court / tribunal\", meta.court.value],\n [\"Neutral citation\", meta.neutralCitation.value],\n [\"Decision date\", meta.decisionDate.value],\n [\"Justice(s)\", meta.judges.value],\n [\"Style of cause\", meta.styleOfCause.value],\n [\"Docket / file no.\", meta.docket.value],\n ];\n return (\n

\n {fileName}\n \n Engine: {engineLabel}\n \n

\n {cells.map(([label, value]) => (\n

\n {label}\n \n {value ?? \"Not detected\"}\n \n

\n ))}\n

\n );\n}\n\nconst smallDelay = (ms: number) => new Promise((r) => setTimeout(r, ms));\n","deleted",false,"label",[47,48,24],"frontend","components","98a438e2-e86c-4387-8e64-73a6f374b982",["D",1788720339103],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Canadian judgment analyzer, highlights citation-worthy passages","imageUrl","userId","436e5f36-a2ba-4a6a-a643-a30cb32bc6d0","pinnedFileId","01a0780a-5903-77b6-aac8-7b10e8bcd475","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a07805-dad2-708b-ba9b-d68c374aef77","tursoName","98a438e2e86c43878e6473a6f374b982","tursoHostname","98a438e2e86c43878e6473a6f374b982-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789504908499],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_110":106},"org",{"_9":10,"_103":104,"_105":106,"_59":60,"_107":108,"_109":44},"branch",{"_37":93,"_11":94,"_22":30,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":12,"_102":10},"isOwned",28,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Justin Stevens","avatar","https://lh3.googleusercontent.com/a/ACg8ocKLKYD-xizVJxt8-uDEezaNk_hNn0G1pUiiV0LSrwEU1mcm1qa4=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_144":145,"_146":147,"_148":149,"_150":44,"_151":44,"_152":44,"_153":34,"_154":-5,"_155":-7,"_156":-7,"_157":67,"_158":44,"_159":44,"_160":-5,"_161":44,"_162":44,"_163":44,"_164":-5},"ENV",{"_115":116,"_117":118,"_119":94,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143},"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"]