Eligibility Test Case Generator

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_228":229,"_230":231},"routes/_app.x.$handle.$name",{"_94":93,"_31":44,"_102":84,"_26":52,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":24,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/ConfigPanel.tsx","latestPath","fileId","82d0fd3c-32e3-11f1-9db0-42b51c65c3df","name","ConfigPanel.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { ReactNode } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { RuleConfig, CutoffType, FPLYear } from \"../../shared/types.ts\";\n\n// ---------------------------------------------------------------------------\n// Reusable mini-components\n// ---------------------------------------------------------------------------\n\nconst cls = {\n input:\n \"w-full border border-gray-200 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-400 bg-white\",\n select:\n \"w-full border border-gray-200 rounded-md px-2.5 py-1.5 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-indigo-400\",\n label: \"block text-xs font-medium text-gray-500 mb-1\",\n};\n\nfunction Field({ label, children }: { label: string; children: ReactNode }) {\n return (\n

\n {label}\n {children}\n

\n );\n}\n\nfunction Section({\n title,\n checked,\n onToggle,\n children,\n}: {\n title: string;\n checked?: boolean;\n onToggle?: () => void;\n children: ReactNode;\n}) {\n return (\n

\n {onToggle !== undefined && (\n \n )}\n

\n {title}\n

\n {children}\n

\n );\n}\n\n// ---------------------------------------------------------------------------\n// Cutoff type options (income and age share the same set)\n// ---------------------------------------------------------------------------\n\nconst CUTOFF_OPTIONS: Array<{ value: CutoffType; label: string }> = [\n { value: \"<\", label: \"< (strictly less than)\" },\n { value: \"<=\", label: \"≤ (less than or equal to)\" },\n { value: \">\", label: \"> (strictly greater than)\" },\n { value: \">=\", label: \"≥ (greater than or equal to)\" },\n { value: \"lte_lt\", label: \"Range: lower ≤ X < upper\" },\n { value: \"lt_lte\", label: \"Range: lower < X ≤ upper\" },\n];\n\nfunction isRange(t: CutoffType) {\n return t === \"lte_lt\" || t === \"lt_lte\";\n}\n\n// ---------------------------------------------------------------------------\n// Immutable deep-update helper\n// ---------------------------------------------------------------------------\n\nfunction deepSet(obj: unknown, path: string[], value: unknown): unknown {\n if (path.length === 0) return value;\n const [head, ...rest] = path;\n const copy = Array.isArray(obj) ? [...(obj as unknown[])] : { ...(obj as Record) };\n (copy as Record)[head] = deepSet(\n (obj as Record)[head],\n rest,\n value\n );\n return copy;\n}\n\n// ---------------------------------------------------------------------------\n// ConfigPanel\n// ---------------------------------------------------------------------------\n\nexport default function ConfigPanel({\n config,\n onChange,\n}: {\n config: RuleConfig;\n onChange: (c: RuleConfig) => void;\n}) {\n const [newZip, setNewZip] = useState(\"\");\n\n function update(path: string[], value: unknown) {\n onChange(deepSet(config, path, value) as RuleConfig);\n }\n\n function addZip() {\n const zip = newZip.trim();\n if (zip.length !== 5 || !/^\\d{5}$/.test(zip)) return;\n if (config.location.zipCodes.includes(zip)) {\n setNewZip(\"\");\n return;\n }\n update([\"location\", \"zipCodes\"], [...config.location.zipCodes, zip]);\n setNewZip(\"\");\n }\n\n function removeZip(zip: string) {\n update(\n [\"location\", \"zipCodes\"],\n config.location.zipCodes.filter((z) => z !== zip)\n );\n }\n\n const incomeIsRange = isRange(config.income.cutoffType);\n const ageIsRange = isRange(config.age.cutoffType);\n const selectedBenefitCount = Object.values(config.benefits).filter(Boolean).length;\n\n return (\n

\n {/* ── General ── */}\n

\n \n \n update([\"program\"], (e.target as HTMLInputElement).value)\n }\n placeholder=\"e.g. CHIP, Medicaid, WIC\"\n />\n \n\n

\n \n \n update(\n [\"numAdults\"],\n Math.max(0, parseInt((e.target as HTMLInputElement).value) || 0)\n )\n }\n />\n \n \n \n update(\n [\"numChildren\"],\n Math.max(0, parseInt((e.target as HTMLInputElement).value) || 0)\n )\n }\n />\n \n

\n\n \n

\n {[true, false].map((val) => (\n \n update([\"householdWorking\"], val)}\n className=\"accent-indigo-600\"\n />\n {val ? \"Yes\" : \"No\"}\n \n ))}\n

\n \n

\n\n {/* ── Location ── */}\n

\n setNewZip((e.target as HTMLInputElement).value)}\n placeholder=\"5-digit ZIP\"\n maxLength={5}\n onKeyDown={(e) => e.key === \"Enter\" && addZip()}\n />\n \n Add\n \n

\n\n

\n {config.location.zipCodes.length === 0 ? (\n \n No valid ZIPs added yet\n \n ) : (\n config.location.zipCodes.map((zip) => (\n \n {zip}\n removeZip(zip)}\n className=\"text-indigo-400 hover:text-red-500 font-bold leading-none\"\n >\n ×\n \n \n ))\n )}\n

\n\n \n \n update(\n [\"location\", \"includeInvalidZip\"],\n (e.target as HTMLInputElement).checked\n )\n }\n className=\"w-4 h-4 accent-indigo-600\"\n />\n Include invalid ZIP test case (00000)\n \n

\n\n {/* ── Income ── */}\n update([\"income\", \"enabled\"], !config.income.enabled)}\n >\n {config.income.enabled && (\n <>\n \n

\n {([2025, 2026] as FPLYear[]).map((yr) => (\n \n update([\"income\", \"fplYear\"], yr)}\n className=\"accent-indigo-600\"\n />\n {yr}\n \n ))}\n

\n \n\n \n

\n \n update(\n [\"income\", \"fplPercent\"],\n parseInt((e.target as HTMLInputElement).value) || 100\n )\n }\n />\n % FPL\n

\n \n\n \n \n update(\n [\"income\", \"cutoffType\"],\n (e.target as HTMLSelectElement).value as CutoffType\n )\n }\n >\n {CUTOFF_OPTIONS.map((o) => (\n \n ))}\n \n \n\n {incomeIsRange && (\n \n

\n \n update(\n [\"income\", \"fplPercent2\"],\n parseInt((e.target as HTMLInputElement).value) || 150\n )\n }\n />\n % FPL\n

\n \n )}\n\n

\n Generates 3 income boundary test cases per permutation\n

\n \n )}\n \n\n {/* ── Age ── */}\n update([\"age\", \"enabled\"], !config.age.enabled)}\n >\n {config.age.enabled && (\n <>\n \n \n update(\n [\"age\", \"ageValue\"],\n parseInt((e.target as HTMLInputElement).value) || 0\n )\n }\n />\n \n\n \n \n update(\n [\"age\", \"cutoffType\"],\n (e.target as HTMLSelectElement).value as CutoffType\n )\n }\n >\n {CUTOFF_OPTIONS.map((o) => (\n \n ))}\n \n \n\n {ageIsRange && (\n \n \n update(\n [\"age\", \"ageValue2\"],\n parseInt((e.target as HTMLInputElement).value) || 0\n )\n }\n />\n \n )}\n\n \n \n update(\n [\"age\", \"referenceDateType\"],\n (e.target as HTMLSelectElement).value\n )\n }\n >\n \n \n \n \n\n {config.age.referenceDateType === \"specific-date\" && (\n

\n \n \n update(\n [\"age\", \"referenceMonth\"],\n Math.min(12, Math.max(1, parseInt((e.target as HTMLInputElement).value) || 12))\n )\n }\n />\n \n \n \n update(\n [\"age\", \"referenceDay\"],\n Math.min(31, Math.max(1, parseInt((e.target as HTMLInputElement).value) || 31))\n )\n }\n />\n \n

\n )}\n\n

\n DOBs auto-derived from boundary ages at reference date\n

\n \n )}\n \n\n {/* ── Pregnant ── */}\n

\n \n \n update(\n [\"pregnant\", \"enabled\"],\n (e.target as HTMLInputElement).checked\n )\n }\n className=\"w-4 h-4 accent-indigo-600\"\n />\n Test pregnant scenarios (×2 per permutation)\n \n

\n\n {/* ── Ancillary Benefits ── */}\n

\n {(\n [\n { key: \"tanf\", label: \"Eligible for TANF\" },\n { key: \"ssi\", label: \"Eligible for SSI\" },\n { key: \"snap\", label: \"Eligible for SNAP\" },\n { key: \"homelessness\", label: \"Experiencing Homelessness\" },\n { key: \"fosterCare\", label: \"In Foster Care\" },\n ] as Array<{ key: keyof typeof config.benefits; label: string }>\n ).map(({ key, label }) => (\n \n \n update(\n [\"benefits\", key],\n (e.target as HTMLInputElement).checked\n )\n }\n className=\"w-4 h-4 accent-indigo-600\"\n />\n {label}\n \n ))}\n

\n\n {selectedBenefitCount > 0 && (\n

\n 2^{{selectedBenefitCount}} ={\" \"}\n {Math.pow(2, selectedBenefitCount)} benefit\n combinations per permutation\n

\n )}\n

\n );\n}\n","createdAt",["D",1775608815857],"branchVersion","branchId","427adade-32e1-11f1-9301-42b51c65c3df","id","4278da72-32e1-11f1-9301-42b51c65c3df","testcase-generator",["D",1775607848942],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"isOwned",21,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shapedlines","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_31":44,"_37":224,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":225,"_78":226,"_80":227,"_82":24},"tree",[167,168,174,175],"files",[167,168,169,170,171,172,173,174,175],"counts",{"_157":60,"_158":148,"_159":60,"_160":161,"_162":163},"contents",[123,124,125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":151,"_31":152,"_29":153,"_130":-5,"_40":41,"_39":154,"_132":133,"_37":155,"_13":60,"_33":143,"_35":-5,"_23":24,"_136":-5,"_26":156},{"_42":145,"_31":146,"_29":147,"_130":-5,"_40":41,"_39":148,"_132":133,"_37":149,"_13":60,"_33":143,"_35":-5,"_23":24,"_136":-5,"_26":150},{"_42":138,"_31":139,"_29":140,"_130":-5,"_40":41,"_39":141,"_132":133,"_37":142,"_13":60,"_33":143,"_35":-5,"_23":24,"_136":-5,"_26":144},{"_42":127,"_31":128,"_29":129,"_130":-5,"_40":41,"_39":131,"_132":133,"_37":134,"_13":60,"_33":20,"_35":135,"_23":24,"_136":-5,"_26":137},"82c78c5c-32e3-11f1-acc2-42b51c65c3df","deno.json","82c78d24-32e3-11f1-acc2-42b51c65c3df","parentId",8,"latest",true,["D",1775608815750],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","label",[128],"8276d6cc-32e3-11f1-827c-42b51c65c3df","shared","8276d78a-32e3-11f1-827c-42b51c65c3df",3,["D",1775608815294],"directory",[139],"824a1ace-32e3-11f1-9703-42b51c65c3df","frontend","824a1bb4-32e3-11f1-9703-42b51c65c3df",1,["D",1775608814996],[146],"82627998-32e3-11f1-acc2-42b51c65c3df","backend","82627a74-32e3-11f1-acc2-42b51c65c3df",2,["D",1775608815159],[152],"pulls","branches","forks","envVars",{"_164":60,"_166":60},"connections",{"_164":60,"_165":60},"count","unfilledCount","emptyCount",{"_42":151,"_31":152,"_29":153,"_130":-5,"_40":41,"_39":154,"_132":133,"_37":221,"_13":60,"_33":143,"_35":-5,"_23":24,"_136":-5,"_177":222,"_26":223},{"_42":145,"_31":146,"_29":147,"_130":-5,"_40":41,"_39":148,"_132":133,"_37":218,"_13":60,"_33":143,"_35":-5,"_23":24,"_136":-5,"_177":219,"_26":220},{"_42":213,"_31":208,"_29":202,"_130":147,"_40":41,"_39":214,"_132":133,"_37":215,"_13":60,"_33":143,"_35":-5,"_23":24,"_136":-5,"_177":216,"_26":217},{"_42":209,"_31":32,"_29":30,"_130":202,"_40":41,"_39":14,"_132":24,"_37":210,"_13":60,"_33":34,"_35":36,"_23":24,"_136":-5,"_177":211,"_26":212},{"_42":199,"_31":200,"_29":201,"_130":202,"_40":41,"_39":203,"_132":133,"_37":204,"_13":60,"_33":34,"_35":205,"_23":24,"_136":-5,"_177":206,"_26":207},{"_42":191,"_31":192,"_29":193,"_130":147,"_40":41,"_39":194,"_132":133,"_37":195,"_13":60,"_33":20,"_35":196,"_23":24,"_136":-5,"_177":197,"_26":198},{"_42":183,"_31":184,"_29":185,"_130":147,"_40":41,"_39":186,"_132":133,"_37":187,"_13":60,"_33":34,"_35":188,"_23":24,"_136":-5,"_177":189,"_26":190},{"_42":138,"_31":139,"_29":140,"_130":-5,"_40":41,"_39":141,"_132":133,"_37":180,"_13":60,"_33":143,"_35":-5,"_23":24,"_136":-5,"_177":181,"_26":182},{"_42":127,"_31":128,"_29":129,"_130":-5,"_40":41,"_39":131,"_132":133,"_37":176,"_13":60,"_33":20,"_35":135,"_23":24,"_136":-5,"_177":178,"_26":179},["D",1775608815750],"children",[],[128],["D",1775608815294],[],[139],"82a6efce-32e3-11f1-aa3d-42b51c65c3df","index.tsx","82a6f082-32e3-11f1-aa3d-42b51c65c3df",5,["D",1775608815609],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[146,184],"82bc364a-32e3-11f1-aa3d-42b51c65c3df","index.html","82bc374e-32e3-11f1-aa3d-42b51c65c3df",6,["D",1775608815746],"\n\n \n \n \n Eligibility Test Case Generator\n \n \n \n \n \n

\n \n \n\n",[],[146,192],"82c0f9aa-32e3-11f1-83b4-42b51c65c3df","ResultsTable.tsx","82c0fa5e-32e3-11f1-83b4-42b51c65c3df","828e208e-32e3-11f1-827c-42b51c65c3df",7,["D",1775608815777],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { TestCase } from \"../../shared/types.ts\";\n\nconst PAGE_SIZE = 50;\n\n// ---------------------------------------------------------------------------\n// CSV export helpers\n// ---------------------------------------------------------------------------\n\nfunction csvCell(value: string | number | boolean): string {\n const s = String(value);\n // Wrap in quotes if the cell contains a comma, quote, or newline\n if (s.includes(\",\") || s.includes('\"') || s.includes(\"\\n\")) {\n return `\"${s.replace(/\"/g, '\"\"')}\"`;\n }\n return s;\n}\n\nconst COLUMNS: Array<{ key: keyof TestCase; header: string; width?: number }> = [\n { key: \"id\", header: \"ID\", width: 52 },\n { key: \"date\", header: \"Date\", width: 136 },\n { key: \"program\", header: \"Program\", width: 110 },\n { key: \"requirementTested\", header: \"Requirement Tested\" },\n { key: \"postal_code\", header: \"ZIP\", width: 64 },\n { key: \"children_DOBs\", header: \"Children DOBs\", width: 200 },\n { key: \"household_size\", header: \"HH Size\", width: 68 },\n { key: \"household_total_income\", header: \"Income\", width: 96 },\n { key: \"household_working_boolean\", header: \"Working\", width: 68 },\n { key: \"pregnant\", header: \"Pregnant\", width: 72 },\n { key: \"conditional_questions\", header: \"Conditional Questions\", width: 220 },\n];\n\nfunction renderCell(tc: TestCase, key: keyof TestCase) {\n const v = tc[key];\n if (key === \"household_total_income\") {\n return `$${(v as number).toLocaleString()}`;\n }\n if (key === \"household_working_boolean\" || key === \"pregnant\") {\n return (v as boolean) ? (\n \n Y\n \n ) : (\n \n N\n \n );\n }\n if (key === \"postal_code\" && v === \"00000\") {\n return (\n \n 00000\n \n );\n }\n if (key === \"id\") {\n return (\n {v as number}\n );\n }\n return String(v || \"—\");\n}\n\n// ---------------------------------------------------------------------------\n// Download helper\n// ---------------------------------------------------------------------------\n\nfunction downloadFile(content: string, filename: string, mime: string) {\n const blob = new Blob([content], { type: mime });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = filename;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport default function ResultsTable({ testCases }: { testCases: TestCase[] }) {\n const [page, setPage] = useState(1);\n const [filterText, setFilterText] = useState(\"\");\n\n const filtered = filterText.trim()\n ? testCases.filter((tc) =>\n tc.requirementTested.toLowerCase().includes(filterText.toLowerCase()) ||\n tc.postal_code.includes(filterText) ||\n tc.program.toLowerCase().includes(filterText.toLowerCase())\n )\n : testCases;\n\n const totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));\n const safePage = Math.min(page, totalPages);\n const start = (safePage - 1) * PAGE_SIZE;\n const visible = filtered.slice(start, start + PAGE_SIZE);\n\n function handleFilterChange(val: string) {\n setFilterText(val);\n setPage(1);\n }\n\n function exportCSV() {\n const header = COLUMNS.map((c) => c.header).join(\",\");\n const rows = testCases.map((tc) =>\n COLUMNS.map((c) => {\n const v = tc[c.key];\n return csvCell(typeof v === \"boolean\" ? (v ? \"true\" : \"false\") : v);\n }).join(\",\")\n );\n downloadFile([header, ...rows].join(\"\\n\"), \"test-cases.csv\", \"text/csv\");\n }\n\n function exportJSON() {\n downloadFile(\n JSON.stringify(testCases, null, 2),\n \"test-cases.json\",\n \"application/json\"\n );\n }\n\n return (\n

\n {/* ── Toolbar ── */}\n

\n \n handleFilterChange((e.target as HTMLInputElement).value)\n }\n placeholder=\"Filter by ZIP, program, or requirement…\"\n className=\"w-full border border-gray-200 rounded-md pl-8 pr-3 py-1.5 text-xs focus:outline-none focus:ring-2 focus:ring-indigo-400 bg-white\"\n />\n \n 🔍\n \n

\n\n \n {filterText\n ? `${filtered.length.toLocaleString()} / ${testCases.length.toLocaleString()}`\n : `${testCases.length.toLocaleString()} rows`}\n \n\n \n Export CSV\n \n \n Export JSON\n \n

\n\n {/* ── Table ── */}\n

\n \n \n \n {COLUMNS.map((col) => (\n \n {col.header}\n \n ))}\n \n \n \n {visible.map((tc, i) => (\n \n {COLUMNS.map((col) => (\n \n {col.key === \"requirementTested\" ? (\n \n {tc.requirementTested}\n \n ) : (\n renderCell(tc, col.key)\n )}\n \n ))}\n \n ))}\n {visible.length === 0 && (\n \n \n No matching test cases\n \n \n )}\n \n

\n\n {/* ── Pagination ── */}\n {totalPages > 1 && (\n

\n \n Showing {start + 1}–{Math.min(start + PAGE_SIZE, filtered.length)} of{\" \"}\n {filtered.length.toLocaleString()}\n \n

\n {[\n { label: \"«\", action: () => setPage(1), disabled: safePage === 1 },\n {\n label: \"‹\",\n action: () => setPage((p) => Math.max(1, p - 1)),\n disabled: safePage === 1,\n },\n {\n label: \"›\",\n action: () => setPage((p) => Math.min(totalPages, p + 1)),\n disabled: safePage === totalPages,\n },\n {\n label: \"»\",\n action: () => setPage(totalPages),\n disabled: safePage === totalPages,\n },\n ].map(({ label, action, disabled }) => (\n \n {label}\n \n ))}\n \n Page {safePage} / {totalPages}\n \n

\n )}\n

\n );\n}\n",[],[146,208,200],"components","82d0fc6a-32e3-11f1-9db0-42b51c65c3df",["D",1775608815857],[],[146,208,32],"828e1f9e-32e3-11f1-827c-42b51c65c3df",4,["D",1775608815446],[170,171],[146,208],["D",1775608814996],[169,172,173],[146],["D",1775608815159],[],[152],["D",1775607848942],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":24},{"_13":83,"_31":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"ctx",{"_76":-5,"_120":261,"_262":263,"_264":265,"_266":24,"_267":24,"_268":24,"_269":133,"_270":-5,"_271":-7,"_272":-7,"_273":60,"_274":24,"_275":24,"_276":-5,"_277":24,"_278":24,"_279":24,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":84,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v9