Skip to content

feat(dashboard): show every monitored DAO on the panel - #2125

Closed
brunod-e wants to merge 5 commits into
feat/panel-v2.1-tickerfrom
feat/panel-v2.1-table-scroll
Closed

feat(dashboard): show every monitored DAO on the panel#2125
brunod-e wants to merge 5 commits into
feat/panel-v2.1-tickerfrom
feat/panel-v2.1-table-scroll

Conversation

@brunod-e

Copy link
Copy Markdown
Collaborator

Part 3/6 of the Panel v2.1 stack (DEV-1148). Base: feat/panel-v2.1-ticker (#2124).

What changes

Section 3 of the spec: the table itself is untouched — same columns, tooltips, sorting. Only the wrapper changes, so all rows show instead of scrolling inside a fixed-height viewport:

  • PanelTable.tsx — drop fillHeight, keep min-h-[400px] so empty/loading states don't collapse.
  • PanelSection.tsx — drop the lg:min-h-0 / lg:flex-1 / h-full chain that constrained the section.
  • app/page.tsxmain now scrolls at every breakpoint (it already did on mobile); the outer h-screen overflow-hidden stays so the sidebar remains fixed.

This is what makes room for the sections in parts 4–6; without it they'd be trapped below a locked viewport.

Verification

tsc --noEmit clean · eslint clean · 527 tests / 54 suites pass · rendered locally at 1440px — all 12 DAOs visible, no inner scrollbar, page scrolls as one.

@vercel

vercel Bot commented Aug 13, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
anticapture-storybook Ready Ready Preview Aug 18, 2026 11:57pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
anticapture Ignored Ignored Aug 18, 2026 11:57pm

Request Review

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 44010372d1

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

Comment thread apps/dashboard/features/panel/components/PanelTable.tsx

Copy link
Copy Markdown
Collaborator

🎨 UI Review

Automated review · Figma: 🛰️ Product Design — Desktop / Panel LP — FINAL · Spec: DEV-1148
⚠️ ClickUp is rate-limited for this run (~19h cooldown) — spec text cross-check and task image attachments were skipped. ⚠️ The anticapture (dashboard) Vercel preview is Ignored for this PR stack — only Storybook deployed. Review is grounded in Figma + diff only.
No Figma node was called out in the PR body for this one, but the parent frame (3633:96646) confirms the intent below.


No findings — this is a clean, minimal wrapper fix.

Validated against Figma — no change needed

  • The Figma artboard's Content frame is 1653px tall against a 720px "viewport" frame, with the Table Section showing all 13 rows uncut and no inner scrollbar — the mock itself is built as a page that scrolls past the fold, not a table that scrolls inside a fixed box. Dropping fillHeight / the lg:min-h-0/lg:flex-1 chain so main scrolls as a whole (rather than the table scrolling internally) matches this exactly.
  • The sidebar stays outside main and the outer shell keeps h-screen overflow-hidden, so the sidebar remains fixed while content scrolls — matches the design's fixed-sidebar layout.
  • Table columns, tooltips, and sorting are untouched, as described — no visual changes there to check.

Mobile

No behavior change on mobile — main already had overflow-auto unconditionally before this PR; only the desktop (lg:) override that forced an inner-scrolling table was removed.


Generated by Claude Code

Copy link
Copy Markdown
Collaborator

🎨 UI Review

Automated review · Spec: DEV-1148 (Panel v2.1)
⚠️ Same config gap as the rest of this stack — Figma MCP couldn't resolve this file's frames and ClickUp was rate-limited this run. Reviewed via diff + repo conventions.


Table scroll

No visual surface changes here — this is a wrapper/layout fix (drops fillHeight + the lg:min-h-0/lg:flex-1 chain so the page scrolls instead of the table). Traced it through app/page.tsxPanelSectionPanelTable: the fixed mobile header (fixed! top-0) and the outer h-screen overflow-hidden sidebar clip are both left untouched, so this shouldn't regress either. Table itself (columns, sorting, sticky first column) is unchanged per the diff.

Findings: 0 — no issues found.


Generated by Claude Code

Copy link
Copy Markdown
Collaborator

🎨 UI Review

Automated review · Figma: 🛰️ Product-Design — Desktop / Panel LP · Table Section · Spec (DEV-1148) · Preview: only anticapture-storybook deployed for this branch — no live dashboard preview, diff + Figma review only.
⚠️ ClickUp API is rate-limited for this run, so the task's attachments/comments weren't pulled independently.


Panel — Monitored DAOs table

This PR doesn't touch PanelTable's markup, only the height/overflow chain around it, so the review is a structural read of the diff against the full-page Figma frame rather than a component-level comparison.

Validated against Figma — no change needed

  • The Figma "Panel LP" frame lays out the table with all 12 DAO rows visible in one continuous frame, with the Footer directly below it — no inner scroll container in the design. Dropping fillHeight/lg:min-h-0/lg:flex-1 in favor of min-h-[400px] + a page-level scroll matches that intent.
  • overflow-hidden staying on the outermost h-screen wrapper while main moves to overflow-auto is the right split: the sidebar keeps its fixed height, only the content column scrolls — consistent with HeaderSidebar being a flex sibling, not a child, of main.

Note

  • No live dashboard preview was available to click through the actual scroll behavior (only Storybook deployed for this branch) — worth a quick manual check at 1440px + a narrow mobile width once a preview is up, to confirm nothing further up the tree still clips at lg: sizes.

Generated by Claude Code

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 56f36d593b

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

Comment thread apps/dashboard/features/panel/components/PanelTable.tsx

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 7968dd9f4b

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

Comment thread apps/dashboard/features/panel/components/PanelTable.tsx Outdated
brunod-e and others added 5 commits August 18, 2026 20:55
The v2.1 panel is a scrolling page, not a single viewport: drop the table's
fillHeight and the min-h-0/flex-1 chain that made it scroll inside the
section, and let main scroll on desktop the way it already does on mobile.

The table itself is untouched — same columns, tooltips, and sorting.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The short-viewport check still waited for the table container to overflow its
own box, which was true only while the table was pinned to the viewport height.
Now that the wrapper is unconstrained the container is exactly as tall as its
rows, so that poll could never come back true and the Dashboard E2E job would
have failed on the new, intended behaviour. It now checks the opposite: the
table lays out past the fold and `main` is the element that scrolls.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The panel table container stops being a scrollport on desktop
(containerClassName escape hatch on the DS Table), so the sticky header
resolves against main, the page scroller. Mobile keeps the inner
horizontal scroll: the header never pinned there and HeaderMobile is
fixed with no specified offset to pin under.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Measured at 1024px the table runs 58px wider than its container, so
lg:overflow-visible leaked a page-level horizontal scrollbar in the
1024-1279px band; the inner scrollport stays below xl. The pin test now
stubs the session like its sibling, re-scrolls on every poll tick since
metric cells stream in and grow the page, and measures the header in
the same evaluation as its precondition.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…p range

Column headers wrap between lg and xl, removing the 58px table overflow
that forced the pin to xl, so the container can stop being a scrollport
from lg up. The pin e2e test now runs at 1024px and 1920px and asserts
main gains no horizontal overflow.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@brunod-e

Copy link
Copy Markdown
Collaborator Author

Superseded by #2137, which combines the whole panel v2.1 stack into a single PR against dev.

@brunod-e brunod-e closed this Aug 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants