Skip to content

Fix router issue in TracesUI page#19044

Merged
daniellok-db merged 2 commits intomlflow:masterfrom
joelrobin18:fix_router_issue
Nov 26, 2025
Merged

Fix router issue in TracesUI page#19044
daniellok-db merged 2 commits intomlflow:masterfrom
joelrobin18:fix_router_issue

Conversation

@joelrobin18
Copy link
Collaborator

@joelrobin18 joelrobin18 commented Nov 26, 2025

Related Issues/PRs

Fix router issue in TracesUI page when switching between dark theme and light theme

What changes are proposed in this pull request?

Fix router issue in TracesUI page when switching between dark theme and light theme

How is this PR tested?

  • Existing unit/integration tests
  • New unit/integration tests
  • Manual tests

Before:

Screen.Recording.2025-11-26.at.9.20.25.AM.mov

After:
https://github.com/user-attachments/assets/1e6502cd-411c-494b-84a2-714355006462

Does this PR require documentation update?

  • No. You can skip the rest of this section.
  • Yes. I've updated:
    • Examples
    • API references
    • Instructions

Release Notes

Is this a user-facing change?

  • No. You can skip the rest of this section.
  • Yes. Give a description of this change to be included in the release notes for MLflow users.

What component(s), interfaces, languages, and integrations does this PR affect?

Components

  • area/tracking: Tracking Service, tracking client APIs, autologging
  • area/models: MLmodel format, model serialization/deserialization, flavors
  • area/model-registry: Model Registry service, APIs, and the fluent client calls for Model Registry
  • area/scoring: MLflow Model server, model deployment tools, Spark UDFs
  • area/evaluation: MLflow model evaluation features, evaluation metrics, and evaluation workflows
  • area/gateway: MLflow AI Gateway client APIs, server, and third-party integrations
  • area/prompts: MLflow prompt engineering features, prompt templates, and prompt management
  • area/tracing: MLflow Tracing features, tracing APIs, and LLM tracing functionality
  • area/projects: MLproject format, project running backends
  • area/uiux: Front-end, user experience, plotting, JavaScript, JavaScript dev server
  • area/build: Build and test infrastructure for MLflow
  • area/docs: MLflow documentation pages

How should the PR be classified in the release notes? Choose one:

  • rn/none - No description will be included. The PR will be mentioned only by the PR number in the "Small Bugfixes and Documentation Updates" section
  • rn/breaking-change - The PR will be mentioned in the "Breaking Changes" section
  • rn/feature - A new user-facing feature worth mentioning in the release notes
  • rn/bug-fix - A user-facing bug fix worth mentioning in the release notes
  • rn/documentation - A user-facing documentation change worth mentioning in the release notes

Should this PR be included in the next patch release?

Yes should be selected for bug fixes, documentation updates, and other small changes. No should be selected for new features and larger changes. If you're unsure about the release classification of this PR, leave this unchecked to let the maintainers decide.

What is a minor/patch release?
  • Minor release: a release that increments the second part of the version number (e.g., 1.2.0 -> 1.3.0).
    Bug fixes, doc updates and new features usually go into minor releases.
  • Patch release: a release that increments the third part of the version number (e.g., 1.2.0 -> 1.2.1).
    Bug fixes and doc updates usually go into patch releases.
  • Yes (this PR will be cherry-picked and included in the next patch release)
  • No (this PR will be included in the next minor release)

Signed-off-by: joelrobin18 <joelrobin1818@gmail.com>
@github-actions github-actions bot added area/uiux Front-end, user experience, plotting, JavaScript, JavaScript dev server rn/bug-fix Mention under Bug Fixes in Changelogs. labels Nov 26, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Nov 26, 2025

Documentation preview for 702dd44 is available at:

More info
  • Ignore this comment if this PR does not change the documentation.
  • The preview is updated when a new commit is pushed to this PR.
  • This comment was created by this workflow run.
  • The documentation was built by this workflow run.

<QueryClientProvider client={queryClient}>
<MlflowRouter isDarkTheme={isDarkTheme} setIsDarkTheme={setIsDarkTheme} />
</QueryClientProvider>
<DarkThemeProvider isDarkTheme={isDarkTheme} setIsDarkTheme={setIsDarkTheme}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

this is a minor nit but i see we're duplicating the isDarkTheme param with DesignSystemProvider. Could we remove it from this one and extract isDarkTheme like:

const { theme } = useDesignSystemTheme();
const isDarkTheme = theme.isDarkTheme;
Suggested change
<DarkThemeProvider isDarkTheme={isDarkTheme} setIsDarkTheme={setIsDarkTheme}>
<DarkThemeProvider setIsDarkTheme={setIsDarkTheme}>

const [showSidebar, setShowSidebar] = useState(true);
const { theme } = useDesignSystemTheme();
const { experimentId } = useParams();
const { isDarkTheme, setIsDarkTheme } = useDarkThemeContext();
Copy link
Collaborator

Choose a reason for hiding this comment

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

see below comment

Suggested change
const { isDarkTheme, setIsDarkTheme } = useDarkThemeContext();
const { setIsDarkTheme } = useDarkThemeContext();
const isDarkTheme = theme.isDarkTheme;

Copy link
Collaborator

@daniellok-db daniellok-db left a comment

Choose a reason for hiding this comment

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

lgtm after nits addressed!

Signed-off-by: joelrobin18 <joelrobin1818@gmail.com>
@daniellok-db daniellok-db added this pull request to the merge queue Nov 26, 2025
Merged via the queue into mlflow:master with commit 4366c9f Nov 26, 2025
74 of 79 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/uiux Front-end, user experience, plotting, JavaScript, JavaScript dev server rn/bug-fix Mention under Bug Fixes in Changelogs.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants