feat: tanstack replacement for virtual-table in root keys by MichaelUnkey · Pull Request #5066 · unkeyed/unkey

MichaelUnkey · 2026-02-17T15:10:16Z

What does this PR do?

Generic DataTable component and all supporting primitives (cells, headers, footers, hooks, utils) from the dashboard into the shared @unkey/ui package, making it reusable across the monorepo.
Refactors the root keys table to use the new shared DataTable, replacing the previous VirtualTable implementation with a paginated, non-virtualized approach.
Introduces a new root-keys-table component folder in the dashboard that owns root-key-specific columns, skeleton rendering, query hooks, and schema.

Changes

@unkey/ui (new exports)

DataTable — generic TanStack Table component with sorting, row selection, keyboard nav, skeleton loading, and load-more/pagination footer support
Cell primitives: BadgeCell, CopyCell, HiddenValueCell, TimestampCell, StatusCell, AssignedItemsCell, LastUpdatedCell, RootKeyNameCell
Header primitive: SortableHeader
Footer components: PaginationFooter, LoadMoreFooter
Empty state: EmptyRootKeys
Hooks: useDataTable, useRealtimeData, useTableHeight
Constants: STATUS_STYLES, StatusStyle

Dashboard — components/root-keys-table/ (new)

columns/create-root-key-columns.tsx — column definitions for the root keys table
components/skeletons/render-root-key-skeleton-row.tsx — skeleton row renderer
components/settings-root-keys/ — delete/edit actions and popover
hooks/use-root-keys-list-query.ts — paginated tRPC query hook
schema/query-logs.schema.ts — Zod schema for the query payload

Dashboard — consumer updates

root-keys-list.tsx — now uses DataTable, EmptyRootKeys, PaginationFooter from @unkey/ui and the new root-keys-table module; replaces infinite-scroll loadMore with page-based onPageChange
keys-list.tsx — updated HiddenValueCell import to use @unkey/ui
Removed old components/data-table/ directory from the dashboard

Type of change

Bug fix (non-breaking change which fixes an issue)
Chore (refactoring code, technical debt, workflow improvements)
Enhancement (small improvements)
New feature (non-breaking change which adds functionality)
Breaking change (fix or feature that would cause existing functionality to not work as expected)
This change requires a documentation update

How should this be tested?

Root keys settings page loads and displays keys correctly
Pagination controls work (next/prev page, page size)
Sorting on sortable columns works
Delete and edit actions open correct dialogs
Skeleton loading state renders during fetch
Empty state renders when no keys exist

Checklist

Required

Appreciated

If a UI change was made: Added a screen recording or screenshots to this PR
Updated the Unkey Docs if changes were necessary

…-table

coderabbitai · 2026-02-17T15:10:25Z

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch root-key-table

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

vercel · 2026-02-17T15:10:27Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
dashboard	Ready	Preview, Comment	Mar 3, 2026 4:41pm
engineering	Ready	Preview, Comment	Mar 3, 2026 4:41pm

* fix: cleanup project side nav * feat: simplify deployment overview page only show build logs until it's built, then show domains and network * chore: clean up nav

…0M +) (#4959) * fix(clickhouse): improve clickhouse query for key logs and add new table and mv for latest keys used * fix valid/error count = 0 scenario * remove identity_id from order by * wrap identity_id with aggregating function since its removed from the order key --------- Co-authored-by: Flo <53355483+Flo4604@users.noreply.github.com>

* fix: domain refetch and promotion disable rule * fix: regression --------- Co-authored-by: Andreas Thomas <dev@chronark.com>

* refactor: move custom domains to tanstack db * fix: comment * fix: delete mutation * remove: unnecessary query

* remove agent * remove agent

* remove agent * remove agent * use vault in dashboard * remove

* fix: cleanup project side nav * feat: simplify deployment overview page only show build logs until it's built, then show domains and network * chore: clean up nav * feat: add per-project sticky domain and only display that

* chore: use vault in api * chore: use vault in api * fix harness * use memory test * vault container go start * [autofix.ci] apply automated fixes --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

* dunno * nextjs should allow a setting that says dynamic * [autofix.ci] apply automated fixes --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Add references to real-time performance benchmarks in: - introduction.mdx: new 'Performance at scale' accordion - modes.mdx: link after latency claim Presents benchmarks as capability demonstration rather than comparison.

Add missing SEO description to frontmatter Generated-By: mintlify-agent Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com> Co-authored-by: Andreas Thomas <dev@chronark.com>

Remove Spring Boot Java, Rust, and Elixir SDK docs that are not linked in navigation and appear to be outdated/unmaintained. Generated-By: mintlify-agent Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com> Co-authored-by: Andreas Thomas <dev@chronark.com>

* rework release * rework release

* feat: generate rpc wrappers * bazel happyier * more changes * more changes * move path * delete old files (#5043) * fix: rabbit comments --------- Co-authored-by: Oz <21091016+ogzhanolguncu@users.noreply.github.com>

* add a gossip implementation * add gossip to sentinel/frontline * add message muxing * sentinel fun * cleansings * cleansings * cleansings * cleansings * use oneof * fix bazel happiness * do some changies * exportoneof * more cool fancy thingx * change gateway choosing * add label * adjjust some more * adjjust some more * fixa test * goodbye kafka * fix: bazel * rename gateway -> ambassador * add docs * fix: rabbit comments * [autofix.ci] apply automated fixes * idfk * more changes * more changes * fix ordering * fix missing files * fix test --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

* fix: retry cillium policy until CRDs are ready * fix: blocks until all system pods are ready

* fix: cleanup project side nav * feat: simplify deployment overview page only show build logs until it's built, then show domains and network * feat: new build screen for ongoing deployments * fix: table column typo

* refactor: move them to tanstack * refactor: tidy up * feat: add env provider to decide what env we are on * refactor: tidy * feat: add scroll into view for settingcard * fix: bg * refactor: remove toasts from env-vars * chore: tidy * fix: build

* feat: vault bulk en/decrypt * oops wrong file * cleanup proto * [autofix.ci] apply automated fixes * cleanup * cleanup --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

* feat: trace generated rpc clients * ignore not found

* fix: retry memberlist creation * remove comments * move to const

* Restore filtering on logs Restores filtering on the logs. * [autofix.ci] apply automated fixes * fmt --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

* fix: resolve dns to ip * rabbit comments

* fix: Billing page has inconsistent section widths (#5132) Standardized all SettingCard components to use consistent width classes: - Updated Usage component: contentWidth changed from 'w-full lg:w-[320px]' to 'w-full' - Updated CancelAlert component: contentWidth changed from 'w-full lg:w-[320px]' to 'w-full' - Updated Billing Portal in client.tsx: contentWidth changed from 'w-full lg:w-[320px]' to 'w-full' - Updated CurrentPlanCard component: removed min-w-[200px] from className for consistency All billing sections now use contentWidth='w-full' for consistent layout. Fixes #5132 * Fix billing and setting cards * [autofix.ci] apply automated fixes --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

…-table

MichaelUnkey added 5 commits February 9, 2026 09:50

test keys table

c89a7d5

re org and exports

6090f43

Merge branch 'main' of https://github.com/unkeyed/unkey into root-key…

73ebb18

…-table

error fix

207ff2e

Apos

5419657

vercel bot deployed to Preview – engineering February 17, 2026 15:12 View deployment

vercel bot deployed to Preview – dashboard February 17, 2026 15:12 View deployment

chronark and others added 21 commits February 24, 2026 14:15

chore: remove deployment breadcrumbs (#5019)

aefb397

* fix: cleanup project side nav * feat: simplify deployment overview page only show build logs until it's built, then show domains and network * chore: clean up nav

fix: domain refetch and promotion disable rule (#5013)

4d9c865

* fix: domain refetch and promotion disable rule * fix: regression --------- Co-authored-by: Andreas Thomas <dev@chronark.com>

refactor: move custom domains to tanstack db (#5017)

66a8646

* refactor: move custom domains to tanstack db * fix: comment * fix: delete mutation * remove: unnecessary query

remove agent (#5021)

9c5f811

* remove agent * remove agent

chore: vault in dashboard (#5023)

5ed6ba9

* remove agent * remove agent * use vault in dashboard * remove

project domain (#5022)

1ec6be9

* fix: cleanup project side nav * feat: simplify deployment overview page only show build logs until it's built, then show domains and network * chore: clean up nav * feat: add per-project sticky domain and only display that

chore: use vault in api (#5024)

f9b1913

* chore: use vault in api * chore: use vault in api * fix harness * use memory test * vault container go start * [autofix.ci] apply automated fixes --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

fix: Make GH callback dynamic (#5029)

937b021

* dunno * nextjs should allow a setting that says dynamic * [autofix.ci] apply automated fixes --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

allow longer timeouts (#5032)

277eee6

docs: add description to cache store interface page (#5037)

1a9dc05

Add missing SEO description to frontmatter Generated-By: mintlify-agent Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com> Co-authored-by: Andreas Thomas <dev@chronark.com>

No data

2fc9541

add bg

8465fe1

rework release (#5044)

acf7c03

* rework release * rework release

feat: generate rpc wrappers (#5028)

f91f5d6

* feat: generate rpc wrappers * bazel happyier * more changes * more changes * move path * delete old files (#5043) * fix: rabbit comments --------- Co-authored-by: Oz <21091016+ogzhanolguncu@users.noreply.github.com>

fix: retry hubble ui (#5056)

d7dec58

fix: wait for cillium policy until CRDs are ready (#5059)

ed1192c

* fix: retry cillium policy until CRDs are ready * fix: blocks until all system pods are ready

deployment build screen v1 (#5042)

988723a

* fix: cleanup project side nav * feat: simplify deployment overview page only show build logs until it's built, then show domains and network * feat: new build screen for ongoing deployments * fix: table column typo

ogzhanolguncu and others added 12 commits February 24, 2026 14:18

feat: vault bulk en/decrypt (#5127)

635b211

* feat: vault bulk en/decrypt * oops wrong file * cleanup proto * [autofix.ci] apply automated fixes * cleanup * cleanup --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

feat: trace generated rpc clients (#5128)

d1a6d8d

* feat: trace generated rpc clients * ignore not found

fix: docs generator paths (#5136)

2d5269a

fix: retry memberlist creation (#5134)

2bdc295

* fix: retry memberlist creation * remove comments * move to const

fix: Restore filtering on logs (#5138)

a337f60

* Restore filtering on logs Restores filtering on the logs. * [autofix.ci] apply automated fixes * fmt --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

fix: resolve dns to ip (#5139)

fb9bbf4

* fix: resolve dns to ip * rabbit comments

pnpm i

b12b8cd

Merge branch 'main' of https://github.com/unkeyed/unkey into root-key…

be20cad

…-table

No virtualization

cae4e94

pagination footer

a6bc679

vercel bot deployed to Preview February 26, 2026 15:42 View deployment

MichaelUnkey added 2 commits March 2, 2026 11:53

sorting and pagination changes

51bc87b

Merge branch 'main' of https://github.com/unkeyed/unkey into root-key…

f76daff

…-table

vercel bot deployed to Preview March 2, 2026 16:59 View deployment

MichaelUnkey added 3 commits March 2, 2026 12:57

refactor

95a73f1

exports

721cd9b

move data-table to ui

adada86

vercel bot deployed to Preview March 2, 2026 22:54 View deployment

Merge branch 'main' of https://github.com/unkeyed/unkey into root-key…

4bed422

…-table

vercel bot deployed to Preview March 3, 2026 13:43 View deployment

MichaelUnkey changed the title ~~feat: Root key table~~ feat: tanstack replacement for virtual-table in root keys Mar 3, 2026

Merge branch 'main' of https://github.com/unkeyed/unkey into root-key…

5857f93

…-table

vercel bot deployed to Preview March 3, 2026 15:33 View deployment

MichaelUnkey added 4 commits March 3, 2026 11:30

Merge branch 'main' of https://github.com/unkeyed/unkey into root-key…

91ef392

…-table

install

765305e

fmt

105910e

Merge branch 'main' of https://github.com/unkeyed/unkey into root-key…

a61ab78

…-table

vercel bot deployed to Preview March 3, 2026 16:41 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: tanstack replacement for virtual-table in root keys#5066

feat: tanstack replacement for virtual-table in root keys#5066
MichaelUnkey wants to merge 77 commits intomainfrom
root-key-table

MichaelUnkey commented Feb 17, 2026 •

edited

Loading

Uh oh!

coderabbitai bot commented Feb 17, 2026 •

edited

Loading

Review skipped

Uh oh!

vercel bot commented Feb 17, 2026 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

8 participants

Conversation

MichaelUnkey commented Feb 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What does this PR do?

Changes

Type of change

How should this be tested?

Checklist

Required

Appreciated

Uh oh!

coderabbitai bot commented Feb 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

vercel bot commented Feb 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

8 participants

MichaelUnkey commented Feb 17, 2026 •

edited

Loading

coderabbitai bot commented Feb 17, 2026 •

edited

Loading

vercel bot commented Feb 17, 2026 •

edited

Loading