[OPIK-5585][FE]: udpate titles v2; by aadereiko · Pull Request #6112 · comet-ml/opik

aadereiko · 2026-04-07T16:52:40Z

Details

Standardize page titles and "Create new" button placement across all v2 pages, and rename InsightsPage to ProjectDashboardsPage.

Moved "Create new" buttons from the toolbar row to the page title section (right-aligned next to the title) on all list pages:

ProjectsPage — "Create new project"
PromptsPage — "Create new prompt"
EvaluationSuitesPage — "Create new"
ExperimentsPage — "Create new experiment"
AnnotationQueuesPage — "Create new queue"
OnlineEvaluationPage — "Create new rule"
DashboardsPage — "Create new dashboard"
FeedbackDefinitionsTab — "Create new feedback definition"

Removed ExplainerDescription / ExplainerCallout blocks below page titles to reduce vertical padding between the title and page content.

Changed title style from comet-title-l to comet-title-xs where applicable.

InsightsPage → ProjectDashboardsPage rename

Renamed the project-scoped "Insights" page to "Dashboards" to align naming with the workspace-level Dashboards page:

Directory: InsightsPage/ → ProjectDashboardsPage/
Files: InsightsPage.tsx, InsightsViewSelector.tsx, InsightsViewDialog.tsx, InsightsViewItems.tsx → ProjectDashboardsPage.tsx, ProjectDashboardViewSelector.tsx, ProjectDashboardViewDialog.tsx, ProjectDashboardViewItems.tsx
Components/types: All Insights* prefixes renamed to ProjectDashboard*
Router: route variable insightsRoute → projectDashboardsRoute, URL path /insights → /dashboards, title "Insights" → "Dashboards"
Sidebar menu: label "Insights" → "Dashboards", path updated to /dashboards
Redirects: TracesTabRedirect updated to redirect ?tab=insights, ?tab=metrics, and ?view=dashboards to /dashboards

AgentConfigurationTab

Added page title "Agent configuration" (comet-title-xs) and removed the "Agent configuration" and "Version history" sub-headers.

Files changed

Change checklist

User facing
Documentation update

Issues

OPIK-5585

AI-WATERMARK

AI-WATERMARK: yes

Tools: Claude Code
Model(s): Opus 4.6

Testing

Manually
npm run lint
npm run typecheck

Documentation

github-actions · 2026-04-07T16:53:18Z

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.10.60 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch sashaa/OPIK-5585/udpate-titles-v2
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.

github-actions · 2026-04-07T16:54:32Z

📋 PR Linter Failed

❌ Incomplete Issues Section. You must reference at least one GitHub issue (#xxxx), Jira ticket (OPIK-xxxx), CUST ticket (CUST-xxxx), DEV ticket (DEV-xxxx), or DND ticket (DND-xxxx) under the ## Issues section.

CometActions · 2026-04-07T17:03:46Z

✅ Test environment is now available!

To configure additional Environment variables for your environment, run [Deploy Opik AdHoc Environment workflow] (https://github.com/comet-ml/comet-deployment/actions/workflows/deploy_opik_adhoc_env.yaml)

Access Information

URL: https://pr-6112.dev.comet.com
Cluster: comet-ml-development
Namespace: pr-6112
Version: 1.10.60-6112-merge-1776
Application logs: View in Grafana

The deployment has completed successfully and the version has been verified.

CometActions · 2026-04-08T04:57:49Z

🌙 Nightly cleanup: The test environment for this PR (pr-6112) has been cleaned up to free cluster resources. PVCs are preserved — re-deploy to restore the environment.

CometActions · 2026-04-09T04:54:34Z

🌙 Nightly cleanup: The test environment for this PR (pr-6112) has been cleaned up to free cluster resources. PVCs are preserved — re-deploy to restore the environment.

github-actions · 2026-04-09T10:20:55Z

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.11.1-4850 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch sashaa/OPIK-5585/udpate-titles-v2
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.

CometActions · 2026-04-09T10:30:24Z

✅ Test environment is now available!

To configure additional Environment variables for your environment, run [Deploy Opik AdHoc Environment workflow] (https://github.com/comet-ml/comet-deployment/actions/workflows/deploy_opik_adhoc_env.yaml)

Access Information

URL: https://pr-6112.dev.comet.com
Cluster: comet-ml-development
Namespace: pr-6112
Version: 1.11.1-6112-merge-1786
Application logs: View in Grafana

The deployment has completed successfully and the version has been verified.

CometActions · 2026-04-10T05:03:41Z

🌙 Nightly cleanup: The test environment for this PR (pr-6112) has been cleaned up to free cluster resources. PVCs are preserved — re-deploy to restore the environment.

github-actions · 2026-04-10T13:35:01Z

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.11.3-4876 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch sashaa/OPIK-5585/udpate-titles-v2
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.

baz-reviewer · 2026-04-10T13:37:16Z

+    <div className="pt-4">
      <div className="mb-1 flex items-center justify-between">
-        <h1 className="comet-title-l">Alerts</h1>
+        <h1 className="comet-title-xs">Alerts</h1>
+        {canUpdateAlerts && (
+          <Button variant="default" size="xs" onClick={handleNewAlertClick}>
+            <Plus className="mr-1 size-4" />
+            Create alert
+          </Button>
+        )}


Header block is duplicated across list pages with only title/button/onClick differing — should we extract it into a shared <PageSectionHeader title="..." action={{ label, icon, onClick }} />?

_{Finding type: Code Dedup and Conventions | Severity: 🟢 Low}

Want Baz to fix this for you? Activate Fixer

CometActions · 2026-04-10T13:45:11Z

✅ Test environment is now available!

To configure additional Environment variables for your environment, run [Deploy Opik AdHoc Environment workflow] (https://github.com/comet-ml/comet-deployment/actions/workflows/deploy_opik_adhoc_env.yaml)

Access Information

URL: https://pr-6112.dev.comet.com
Cluster: comet-ml-development
Namespace: pr-6112
Version: 1.11.3-6112-merge-1805
Application logs: View in Grafana

The deployment has completed successfully and the version has been verified.

CometActions · 2026-04-11T04:44:18Z

🌙 Nightly cleanup: The test environment for this PR (pr-6112) has been cleaned up to free cluster resources. PVCs are preserved — re-deploy to restore the environment.

CometActions · 2026-04-12T05:02:42Z

🌙 Nightly cleanup: The test environment for this PR (pr-6112) has been cleaned up to free cluster resources. PVCs are preserved — re-deploy to restore the environment.

CometActions · 2026-04-13T05:09:13Z

🌙 Nightly cleanup: The test environment for this PR (pr-6112) has been cleaned up to free cluster resources. PVCs are preserved — re-deploy to restore the environment.

github-actions · 2026-04-13T07:59:04Z

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.11.3-4876 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch sashaa/OPIK-5585/udpate-titles-v2
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.

CometActions · 2026-04-13T08:08:18Z

✅ Test environment is now available!

To configure additional Environment variables for your environment, run [Deploy Opik AdHoc Environment workflow] (https://github.com/comet-ml/comet-deployment/actions/workflows/deploy_opik_adhoc_env.yaml)

Access Information

URL: https://pr-6112.dev.comet.com
Cluster: comet-ml-development
Namespace: pr-6112
Version: 1.11.3-6112-merge-1822
Application logs: View in Grafana

The deployment has completed successfully and the version has been verified.

JetoPistola

Reviewed the v2 page-title / Create-button standardization. No correctness issues — just a few consistency nits flagged inline.

🤖 Review posted via /review-github-pr

JetoPistola · 2026-04-13T11:07:23Z

-        />
+        <h1 className="comet-title-xs truncate break-words">Experiments</h1>
+        <Button variant="outline" size="xs" onClick={handleNewExperimentClick}>
+          <Info className="mr-1 size-3.5" />


💡 suggestion | Consistency

Every other "Create" button standardized in this PR (Projects, Prompts, Dashboards, Annotation queues, Alerts, Online evaluation rules, Feedback definitions) uses the Plus icon. The Info icon here looks like a leftover from the previous button — switching to Plus would match the rest.

Suggested change

<Info className="mr-1 size-3.5" />

<Plus className="mr-1 size-4" />

(also update the lucide-react import on line 3 to use Plus instead of Info)

🤖 Review posted via /review-github-pr

Looks uglier with size-4, but a good comment :)

JetoPistola · 2026-04-13T11:07:23Z

  return (
-    <div className="pt-6">
+    <div className="pt-4">
      <div className="mb-1 flex items-center justify-between">


💡 suggestion | Consistency

This page kept mb-1 on the title row (and the ExplainerDescription block on line 343 below the title), while every other list page in this PR was migrated to mb-4 and had its explainer block removed (e.g. ProjectsPage, PromptsPage, DashboardsPage, AnnotationQueuesPage, OnlineEvaluationPage). Was this intentional, or should AlertsPage follow the same pattern?

🤖 Review posted via /review-github-pr

JetoPistola · 2026-04-13T11:07:23Z

            {noData && canCreateDashboards && (
              <Button variant="link" onClick={handleNewDashboardClick}>
-                Create new dashboard
+                <Plus className="mr-2 size-4" />


🧹 nit | Style

The header "Create dashboard" button on this page (and across the PR) uses mr-1 for the icon spacing — only the no-data variant here uses mr-2.

Suggested change

<Plus className="mr-2 size-4" />

<Plus className="mr-1 size-4" />

🤖 Review posted via /review-github-pr

Commit e0d06b0 addressed this comment by updating the icon spacing on the no-data “Create dashboard” button from mr-2 to mr-1, matching the rest of the header buttons.

JetoPistola · 2026-04-13T11:07:23Z

-        <h1 className="comet-title-l">Optimize a prompt</h1>
+        <h1 className="comet-title-xs">Optimize a prompt</h1>
        <div className="flex gap-2">
          <Button variant="outline" size="sm" onClick={onCancel}>


🧹 nit | Style

Title moved to comet-title-xs but the adjacent Cancel/submit buttons still use size="sm". The new convention in this PR pairs the xs title with size="xs" action buttons.

🤖 Review posted via /review-github-pr

That was required by design

JetoPistola · 2026-04-13T11:07:23Z

@@ -57,13 +57,13 @@ describe("TracesTabRedirect", () => {
  it("redirects ?tab=insights to /insights", () => {


🧹 nit | Tests

Test descriptions on lines 57, 63, 93, and 158 still read "to /insights" but the assertions now check /dashboards. The it(...) strings should be updated so the test names match what they verify.

🤖 Review posted via /review-github-pr

Commit e0d06b0 addressed this comment by updating the four it(...) descriptions to mention /dashboards, matching the assertions for those redirects.

JetoPistola · 2026-04-13T11:07:23Z

    }

-    // Legacy ?view=dashboards → insights
+    // Legacy ?view=dashboards → dashboards


🧹 nit | Comment

With the route renamed, this reads as a tautology (?view=dashboards → dashboards). Consider dropping or clarifying intent, e.g. // Legacy ?view=dashboards param from the old Insights tab.

🤖 Review posted via /review-github-pr

Commit e0d06b0 addressed this comment by removing the tautological comment so the code no longer contains the confusing remark about ?view=dashboards.

JetoPistola

LGTM — consistent sweep across v2 pages. Inline nits are non-blocking.

🤖 Approved via Claude Code

JetoPistola

Re-approving — addressed nits look good (mr-1 fix, test names, comment cleanup).

🤖 Approved via Claude Code

* [OPIK-5585]: update titles of v2; * eslint issues; * update workspace level components; * eslint issue; * update routing and titles; * conflicts resolve; * update imports; * resize create buttons; * align buttons; * fix pr reviews; --------- Co-authored-by: aadereiko <aliaksandr@comet.com>

aadereiko added the test-environment Deploy Opik adhoc environment label Apr 7, 2026

github-actions Bot added Frontend typescript *.ts *.tsx and removed test-environment Deploy Opik adhoc environment labels Apr 7, 2026

github-actions Bot assigned aadereiko Apr 7, 2026

aadereiko changed the title ~~[OPIK-5585]: udpate titles v2;~~ [OPIK-5585][FE]: udpate titles v2; Apr 7, 2026

aadereiko requested review from a team and awkoy April 7, 2026 16:56

baz-reviewer Bot reviewed Apr 7, 2026

View reviewed changes

aadereiko force-pushed the sashaa/OPIK-5585/udpate-titles-v2 branch from 75394f1 to d03d87f Compare April 8, 2026 17:59

aadereiko added the test-environment Deploy Opik adhoc environment label Apr 9, 2026

CometActions removed the test-environment Deploy Opik adhoc environment label Apr 10, 2026

aadereiko force-pushed the sashaa/OPIK-5585/udpate-titles-v2 branch from d03d87f to 17b0102 Compare April 10, 2026 13:33

aadereiko added the test-environment Deploy Opik adhoc environment label Apr 10, 2026

baz-reviewer Bot reviewed Apr 10, 2026

View reviewed changes

CometActions removed the test-environment Deploy Opik adhoc environment label Apr 11, 2026

aadereiko added the test-environment Deploy Opik adhoc environment label Apr 13, 2026

aadereiko added 9 commits April 13, 2026 12:50

[OPIK-5585]: update titles of v2;

86a2a59

eslint issues;

fe7e148

update workspace level components;

7beb652

eslint issue;

1bd1f60

update routing and titles;

cc47671

conflicts resolve;

700b400

update imports;

298fb1a

resize create buttons;

14e9f89

align buttons;

84cb0b2

aadereiko force-pushed the sashaa/OPIK-5585/udpate-titles-v2 branch from 17b0102 to 84cb0b2 Compare April 13, 2026 10:55

JetoPistola reviewed Apr 13, 2026

View reviewed changes

JetoPistola previously approved these changes Apr 13, 2026

View reviewed changes

fix pr reviews;

e0d06b0

aadereiko dismissed JetoPistola’s stale review via e0d06b0 April 13, 2026 11:17

JetoPistola approved these changes Apr 13, 2026

View reviewed changes

aadereiko merged commit ff276d6 into main Apr 13, 2026
10 checks passed

aadereiko deleted the sashaa/OPIK-5585/udpate-titles-v2 branch April 13, 2026 11:21

	<Info className="mr-1 size-3.5" />
	<Plus className="mr-1 size-4" />

	<Plus className="mr-2 size-4" />
	<Plus className="mr-1 size-4" />

		@@ -57,13 +57,13 @@ describe("TracesTabRedirect", () => {
		it("redirects ?tab=insights to /insights", () => {

Conversation

aadereiko commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Details

InsightsPage → ProjectDashboardsPage rename

AgentConfigurationTab

Files changed

Change checklist

Issues

AI-WATERMARK

Testing

Documentation

Uh oh!

github-actions Bot commented Apr 7, 2026

Uh oh!

github-actions Bot commented Apr 7, 2026

📋 PR Linter Failed

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

CometActions commented Apr 7, 2026

Access Information

Uh oh!

CometActions commented Apr 8, 2026

Uh oh!

CometActions commented Apr 9, 2026

Uh oh!

github-actions Bot commented Apr 9, 2026

Uh oh!

CometActions commented Apr 9, 2026

Access Information

Uh oh!

CometActions commented Apr 10, 2026

Uh oh!

github-actions Bot commented Apr 10, 2026

Uh oh!

baz-reviewer Bot Apr 10, 2026

Choose a reason for hiding this comment

Uh oh!

CometActions commented Apr 10, 2026

Access Information

Uh oh!

CometActions commented Apr 11, 2026

Uh oh!

CometActions commented Apr 12, 2026

Uh oh!

CometActions commented Apr 13, 2026

Uh oh!

github-actions Bot commented Apr 13, 2026

Uh oh!

CometActions commented Apr 13, 2026

Access Information

Uh oh!

JetoPistola left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

baz-reviewer Bot Apr 13, 2026

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

baz-reviewer Bot Apr 13, 2026

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

aadereiko commented Apr 7, 2026 •

edited

Loading