\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","deleted","label",[179,180,161],"frontend","components","permalink","https://www.val.town/x/shapedlines/testcase-generator/code/frontend/components/ResultsTable.tsx","extension","actionData","errors"]