+}
+```
+- **Docs**: [TanStack Router Guide](https://tanstack.com/router/latest/docs/routing/file-based-routing)
+
+### TanStack Table (Headless Data Grid)
+- **Concept**: Logic engine for complex tables (sorting, filtering, pagination).
+- **Core APIs**: `useReactTable`, `createColumnHelper`.
+- **Code Snippet**:
+```typescript
+const table = useReactTable({
+ data,
+ columns,
+ getCoreRowModel: getCoreRowModel(),
+ getPaginationRowModel: getPaginationRowModel(),
+})
+
+// Render using table.getHeaderGroups() and table.getRowModel().rows
+```
+- **Docs**: [TanStack Table Core APIs](https://tanstack.com/table/latest/docs/api/core/table)
+
+### TanStack Start (Full-Stack)
+- **Concept**: SSR, Streaming, and Server Functions (RPCs).
+- **Core APIs**: `createServerFn`, `createFileRoute`.
+- **Code Snippet**:
+```typescript
+const updateCount = createServerFn({ method: 'POST' })
+ .validator((d: number) => d)
+ .handler(async ({ data }) => {
+ // Server-side logic (DB update, etc.)
+ return { success: true }
+ })
+```
+- **Docs**: [TanStack Start Overview](https://tanstack.com/start/latest/docs/framework/react/overview)
+
+---
+
+## 3. Real-World Use Cases & Templates
+
+- **SaaS Admin Dashboards**: Combining **Table** for data grids, **Query** for server state, and **Router** for deeply nested layouts and URL-driven filters.
+- **E-commerce Product Filters**: Using **Router's Search Param Validation** (Zod-integrated) to manage complex filtering states in the URL.
+- **AI-Powered Chat Apps**: Using **TanStack AI** for streaming responses and tool-calling with approval workflows.
+- **Template**: [Trellaux](https://github.com/TanStack/router/tree/main/examples/react/start-trellaux) - A full-stack Trello clone showing Start, Query, and complex drag-and-drop state.
+
+---
+
+## 4. Developer Friction Points
+
+1. **Router Type Generation**: The `routeTree.gen.ts` file must be generated via a background watcher. AI agents often struggle to trigger this generation or understand that the file is missing during initial setup.
+2. **SSR Hydration with Query**: Misconfiguring `staleTime` or `gcTime` during SSR can lead to "Hydration Mismatch" errors where the server and client data differ.
+3. **Table Column Typing**: Defining complex columns with custom cell renderers and meta-data requires deep understanding of TypeScript generics, often leading to "Type instantiation is excessively deep" errors.
+4. **Headless Complexity**: The "Headless" nature means no default UI. Implementing a basic accessible table or form requires significant boilerplate (e.g., mapping over header groups).
+
+---
+
+## 5. Evaluation Ideas
+
+### Simple
+- Create a type-safe navigation menu with active link highlighting using TanStack Router.
+- Implement a basic "Todo" list that fetches and creates items using TanStack Query.
+
+### Intermediate
+- Build a paginated data table with TanStack Table including server-side sorting.
+- Create a multi-step registration form with TanStack Form and Zod validation.
+- Implement a "Search" page where all filters (query, category, price range) are synced to the URL via TanStack Router.
+
+### Complex
+- Build a full-stack "Counter" app in TanStack Start using Server Functions and SQLite.
+- Implement an "Optimistic Update" flow for a nested comment system using TanStack Query.
+- Create an AI Chat interface using TanStack AI that includes a "Tool Approval" step for database writes.
+
+---
+
+## 6. Sources
+
+1. [TanStack Official Site](https://tanstack.com/) - Main ecosystem hub.
+2. [TanStack Query Docs](https://tanstack.com/query/latest/docs) - Server-state management reference.
+3. [TanStack Router Docs](https://tanstack.com/router/latest/docs) - Type-safe routing and URL state reference.
+4. [TanStack Start Docs](https://tanstack.com/start/latest/docs) - Full-stack framework and SSR reference.
+5. [TanStack Table Docs](https://tanstack.com/table/latest/docs) - Headless table engine reference.
+6. [TanStack Form Docs](https://tanstack.com/form/latest/docs) - Headless form state reference.
+7. [TanStack AI Overview](https://tanstack.com/ai/latest/docs/getting-started/overview) - AI SDK and tool calling reference.
+8. [TanStack GitHub Repository](https://github.com/TanStack) - Source code and community examples.
\ No newline at end of file
diff --git a/scratchpad/pending-tasks/headless_table_initialization_and_typing/instruction.md b/scratchpad/pending-tasks/headless_table_initialization_and_typing/instruction.md
new file mode 100644
index 0000000..707f0cb
--- /dev/null
+++ b/scratchpad/pending-tasks/headless_table_initialization_and_typing/instruction.md
@@ -0,0 +1,8 @@
+TanStack Table is a headless logic engine, requiring strict typing for complex columns and manual boilerplate mapping to render the UI grid without "excessively deep" type instantiation errors.
+
+You need to instantiate a data table using `useReactTable` and `createColumnHelper` for a specific `Employee` interface, and build the standard HTML table markup to display the data.
+
+**Constraints:**
+- Must render the standard HTML `
`, ``, and `` structure by manually mapping over `table.getHeaderGroups()` and `table.getRowModel().rows`.
+- Must create at least one custom cell renderer (e.g., formatting a date or rendering an Action button).
+- Do NOT use any pre-built UI library table components (like MUI DataGrid or AG Grid).
\ No newline at end of file
diff --git a/scratchpad/pending-tasks/optimistic_updates_with_tanstack_query/instruction.md b/scratchpad/pending-tasks/optimistic_updates_with_tanstack_query/instruction.md
new file mode 100644
index 0000000..ed75dd0
--- /dev/null
+++ b/scratchpad/pending-tasks/optimistic_updates_with_tanstack_query/instruction.md
@@ -0,0 +1,8 @@
+TanStack Query manages asynchronous server state and allows optimistic updates for a snappy user experience during data mutations.
+
+You need to implement a `useMutation` hook for adding a new "Post" that optimistically updates the local cache before the network request finishes, and rolls back if the network request fails.
+
+**Constraints:**
+- Must synchronously update the cache array for the `['posts']` query key inside the `onMutate` callback.
+- Must implement the rollback logic in the `onError` callback using the context returned from `onMutate`.
+- Must trigger a background refetch via `onSettled` to ensure synchronization.
\ No newline at end of file
diff --git a/scratchpad/pending-tasks/resolving_query_ssr_hydration_mismatch/instruction.md b/scratchpad/pending-tasks/resolving_query_ssr_hydration_mismatch/instruction.md
new file mode 100644
index 0000000..7dc8113
--- /dev/null
+++ b/scratchpad/pending-tasks/resolving_query_ssr_hydration_mismatch/instruction.md
@@ -0,0 +1,8 @@
+When combining TanStack Query with Server-Side Rendering (SSR), misconfiguring caching durations often leads to "Hydration Mismatch" errors where server HTML and initial client state differ.
+
+You need to configure the global `QueryClient` initialization in a TanStack Start `app.tsx` file to properly align server and client caching behavior and prevent immediate refetching on hydration.
+
+**Constraints:**
+- Must set a default `staleTime` strictly greater than `0` (e.g., `60 * 1000`) in the default options to prevent instant invalidation.
+- Must conditionally initialize the `QueryClient` so it is not shared across users during SSR, but remains a singleton on the client.
+- Do NOT alter any specific component's `useQuery` configurations; apply the fix at the root provider level.
\ No newline at end of file
diff --git a/scratchpad/pending-tasks/server_function_creation_in_tanstack_start/instruction.md b/scratchpad/pending-tasks/server_function_creation_in_tanstack_start/instruction.md
new file mode 100644
index 0000000..ecedc21
--- /dev/null
+++ b/scratchpad/pending-tasks/server_function_creation_in_tanstack_start/instruction.md
@@ -0,0 +1,8 @@
+TanStack Start supports full-stack RPCs via Server Functions, allowing secure server-side logic and database operations to be called directly from client components.
+
+You need to create a `updateCount` server function in a TanStack Start application using `createServerFn` that accepts an increment amount, executes dummy server-side logic, and returns a success payload.
+
+**Constraints:**
+- Must use the `.validator()` method to ensure the payload type is strictly an integer.
+- Must configure the server function method strictly as `POST`.
+- Do NOT write directly to a real database; use a mock asynchronous return.
\ No newline at end of file
diff --git a/scratchpad/pending-tasks/synchronized_url_search_parameters/instruction.md b/scratchpad/pending-tasks/synchronized_url_search_parameters/instruction.md
new file mode 100644
index 0000000..6aa6a4d
--- /dev/null
+++ b/scratchpad/pending-tasks/synchronized_url_search_parameters/instruction.md
@@ -0,0 +1,8 @@
+TanStack Router allows deep integration with validation libraries like Zod to manage complex, type-safe filtering states directly in the URL search params.
+
+You need to create a file route definition for `/products` that strictly types and validates URL search parameters (`category` as a string, `inStock` as a boolean) using the `validateSearch` option.
+
+**Constraints:**
+- Must use Zod (`z.object`) to validate the search parameters.
+- Must provide fallback default values (`category` defaults to `"all"`, `inStock` defaults to `true`) if the parameters are omitted from the URL.
+- Do NOT generate the `routeTree.gen.ts` file manually.
\ No newline at end of file
diff --git a/scratchpad/pending-tasks/type_safe_navigation_menu/instruction.md b/scratchpad/pending-tasks/type_safe_navigation_menu/instruction.md
new file mode 100644
index 0000000..f99bf51
--- /dev/null
+++ b/scratchpad/pending-tasks/type_safe_navigation_menu/instruction.md
@@ -0,0 +1,7 @@
+TanStack Router provides file-based routing and 100% type safety for paths, ensuring broken links are caught at compile time.
+
+You need to implement a navigation menu component `Nav.tsx` utilizing TanStack Router's `` component to navigate between `/`, `/posts`, and `/settings` in a standard React environment.
+
+**Constraints:**
+- Must apply a specific CSS class `active-link` to the currently active route using the `activeProps` API.
+- Do NOT use `react-router-dom` or standard HTML `` tags for internal routing.
\ No newline at end of file
diff --git a/site/app/(home)/components/leaderboard-table.tsx b/site/app/(home)/components/leaderboard-table.tsx
new file mode 100644
index 0000000..d10b1f0
--- /dev/null
+++ b/site/app/(home)/components/leaderboard-table.tsx
@@ -0,0 +1,183 @@
+"use client";
+
+import { useState, useMemo, useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { Search, Trophy, ListTree } from "lucide-react";
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+import Link from "next/link";
+import zealtConfig from "@/zealt/config.json";
+
+function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
+
+export interface LeaderboardEntry {
+ id: string;
+ model: string;
+ rawModel: string;
+ agent: string;
+ passedEvals: number;
+ successRate: number;
+ avgLatency: number;
+ isNew?: boolean;
+}
+
+function ProgressBar({ value, colorClass }: { value: number; colorClass: string }) {
+ return (
+