Skip to content

fix(dashboard): show file contents inline in run Files tab - #1501

Merged
christso merged 1 commit into
mainfrom
fix-files-tab
Jun 23, 2026
Merged

christso merged 1 commit into
mainfrom
fix-files-tab

Conversation

@christso

Copy link
Copy Markdown
Collaborator

Problem

On the run/results detail view, selecting the Files tab shows the file list but the file content pane renders blank. The content only appears via Full Page.

Root cause

The inline run-detail panel renders EvalDetail inside a fixed-height block container (h-[36rem] … overflow-hidden), but EvalDetail's root used only min-h-full (min-height; height: auto → indefinite). Percentage heights cascade only from a definite-height ancestor, so every h-full descendant down to the Monaco viewer (height="100%") collapsed to 0px. Full Page works because there EvalDetail is a flex item of a flex flex-col parent, giving it a definite height.

Fix

apps/dashboard/src/components/EvalDetail.tsx root: flex min-h-full flex-col → flex h-full min-h-full flex-col. h-full makes the height definite regardless of parent type; min-h-full kept so Full Page is unchanged.

Validation

  • apps/dashboard tsc -b && vite build → ✓
  • apps/dashboard bun test → 122 pass, 0 fail

The inline run-detail panel renders EvalDetail inside a fixed-height block
container, but EvalDetail's root used only `min-h-full` (min-height, leaving
`height: auto` / indefinite). Percentage heights on descendants (`h-full` down
to the Monaco file viewer with height="100%") therefore collapsed to 0, so the
Files tab content pane rendered blank. The Full Page route worked because there
EvalDetail is a flex item of a flex column, giving it a definite height.

Add `h-full` to the root so its height is definite regardless of parent type,
letting the height chain resolve and the Monaco viewer fill the pane inline.
`min-h-full` is preserved so the Full Page view behavior is unchanged.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying agentv with  Cloudflare Pages  Cloudflare Pages

Latest commit: 654c3b0
Status: ✅  Deploy successful!
Preview URL: https://0f78fa83.agentv.pages.dev
Branch Preview URL: https://fix-files-tab.agentv.pages.dev

View logs

@christso
christso merged commit 13657a1 into main Jun 23, 2026
8 checks passed
@christso
christso deleted the fix-files-tab branch June 23, 2026 12:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant