Skip to content

[FE Fix]: Align archived evaluators page layout with active page#4500

Open
ardaerzin wants to merge 1 commit into
mainfrom
fe-fix/archived-evaluators-page-layout-fix
Open

[FE Fix]: Align archived evaluators page layout with active page#4500
ardaerzin wants to merge 1 commit into
mainfrom
fe-fix/archived-evaluators-page-layout-fix

Conversation

@ardaerzin
Copy link
Copy Markdown
Contributor

Summary

prevents the layout shift when visiting archived evaluators

Testing

QA follow-up

navigate between evaluators and archived evaluators pages

Checklist

  • I have included a video or screen recording for UI changes, or marked Demo as N/A
  • Relevant tests pass locally
  • Relevant linting and formatting pass locally
  • I have signed the CLA, or I will sign it when the bot prompts me

Contributor Resources

Render archived evaluators through the same single PageLayout as the
active Evaluators page, with a Back arrow + title in the standard h-11
header row. Drops the ArchivedEntityLayout wrapper, which double-framed
the page (extra p-4 + tall stacked Back/title/subtitle header) and
pushed the table ~60-70px lower, causing a visible vertical shift when
toggling between Evaluators and Archived.
@ardaerzin ardaerzin marked this pull request as ready for review May 29, 2026 22:03
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 29, 2026

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 76d415b7-fe49-4e43-90ed-1e7a215c795c

📥 Commits

Reviewing files that changed from the base of the PR and between a2df5cb and 7da8c77.

📒 Files selected for processing (2)
  • web/oss/src/components/Evaluators/ArchivedEvaluatorsPage.tsx
  • web/oss/src/components/Evaluators/index.tsx

📝 Walkthrough

Summary by CodeRabbit

  • UI Improvements

    • Added "Back to evaluators" navigation button to the archived evaluators page.
    • Refined layout styling for improved visual consistency in archived view.
  • Refactor

    • Simplified archived evaluators page component structure and reduced dependencies.

Walkthrough

ArchivedEvaluatorsPage is refactored to remove its dependency on ArchivedEntityLayout by directly rendering EvaluatorsRegistry. The main Evaluators component now handles archived-mode UI concerns, including a back navigation button and simplified layout styling.

Changes

Evaluators archived page refactoring

Layer / File(s) Summary
ArchivedEvaluatorsPage simplification
web/oss/src/components/Evaluators/ArchivedEvaluatorsPage.tsx
Remove Next.js routing imports and ArchivedEntityLayout wrapper. Replace with direct EvaluatorsRegistry render using scope="project" and mode="archived".
Evaluators component archived UI handling
web/oss/src/components/Evaluators/index.tsx
Add ArrowLeft icon import, introduce archivedTitle memo with back navigation to evaluators list, and update PageLayout to use archivedTitle when archived. Simplify layout className to "grow min-h-0".

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related issues

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 60.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly describes the main change: aligning the archived evaluators page layout with the active page to fix a layout shift issue.
Description check ✅ Passed The description is directly related to the changeset, explaining the purpose (preventing layout shift), testing approach, and checklist status.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fe-fix/archived-evaluators-page-layout-fix

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.

@dosubot dosubot Bot added size:M This PR changes 30-99 lines, ignoring generated files. Frontend UI labels May 29, 2026
@vercel
Copy link
Copy Markdown

vercel Bot commented May 29, 2026

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

Project Deployment Actions Updated (UTC)
agenta-documentation Ready Ready Preview, Comment May 29, 2026 10:03pm

Request Review

@github-actions
Copy link
Copy Markdown
Contributor

Railway Preview Environment

Preview URL https://gateway-production-76fc.up.railway.app/w
Project agenta-oss-pr-4500
Image tag pr-4500-e5beb68
Status Deployed
Railway logs Open logs
Workflow logs View workflow run
Updated at 2026-05-29T22:16:23.718Z

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Frontend size:M This PR changes 30-99 lines, ignoring generated files. UI

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant