Skip to content

Add traces mode to prompts details page and implement filtered traces…#19599

Merged
TomeHirata merged 7 commits intomlflow:masterfrom
TomeHirata:feat/ui/trace-tab-prompt
Jan 5, 2026
Merged

Add traces mode to prompts details page and implement filtered traces…#19599
TomeHirata merged 7 commits intomlflow:masterfrom
TomeHirata:feat/ui/trace-tab-prompt

Conversation

@TomeHirata
Copy link
Collaborator

@TomeHirata TomeHirata commented Dec 24, 2025

🛠 DevTools 🛠

Open in GitHub Codespaces

Install mlflow from this PR

# mlflow
pip install git+https://github.com/mlflow/mlflow.git@refs/pull/19599/merge
# mlflow-skinny
pip install git+https://github.com/mlflow/mlflow.git@refs/pull/19599/merge#subdirectory=libs/skinny

For Databricks, use the following command:

%sh curl -LsSf https://raw.githubusercontent.com/mlflow/mlflow/HEAD/dev/install-skinny.sh | sh -s pull/19599/merge

Related Issues/PRs

n/a

What changes are proposed in this pull request?

Add a trace tab where users can see traces that are linked to the prompt version.

How is this PR tested?

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

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)

… view

- Introduced a new 'TRACES' mode in the PromptVersionsTableMode enum.
- Updated the PromptsDetailsPage to include a button for switching to traces mode.
- Added PromptFilteredTracesView component to display traces filtered by the selected prompt version.
- Enhanced the usePromptDetailsPageViewState hook to manage traces mode state.
- Modified TracesV3Logs to accept initial filters for better trace management.

This update improves the user experience by allowing users to view traces associated with specific prompt versions.

Signed-off-by: Tomu Hirata <tomu.hirata@gmail.com>
@TomeHirata TomeHirata requested review from Copilot and daniellok-db and removed request for Copilot December 24, 2025 02:20
@github-actions github-actions bot added v3.8.1 area/prompts MLflow Prompt Registry and Optimization area/uiux Front-end, user experience, plotting, JavaScript, JavaScript dev server rn/feature Mention under Features in Changelogs. labels Dec 24, 2025
@TomeHirata TomeHirata added the team-review Trigger a team review request label Dec 24, 2025
Signed-off-by: Tomu Hirata <tomu.hirata@gmail.com>
Copilot AI review requested due to automatic review settings December 24, 2025 02:24
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR adds a "Traces" tab to the prompts details page, allowing users to view traces associated with specific prompt versions. When a prompt is experiment-scoped, users can switch to the traces mode to see all traces that were logged with that particular prompt version, with the table automatically filtered by the selected prompt.

Key Changes:

  • Added a new TRACES mode to the prompt details page modes (preview, compare, traces)
  • Implemented PromptFilteredTracesView component that renders the traces table with automatic filtering by prompt version
  • Extended TracesV3Logs to accept initialFilters prop for pre-filtering traces

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
utils.ts Added TRACES enum value to PromptVersionsTableMode
usePromptDetailsPageViewState.tsx Added setTracesMode action and reducer handler for managing traces mode state
PromptVersionsTable.tsx Updated table row selection logic to treat TRACES mode similar to PREVIEW mode (single selection, clickable rows)
PromptFilteredTracesView.tsx New component that displays traces filtered by selected prompt version, with appropriate empty states for non-experiment-scoped prompts
PromptsDetailsPage.tsx Integrated traces mode UI with segmented control button (disabled for non-experiment prompts) and conditional rendering of filtered traces view
TracesV3Logs.tsx Added initialFilters prop and useEffect to apply filters on mount/update for supporting pre-filtered traces views

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 24, 2025

Documentation preview for f6a2e01 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.

Signed-off-by: Tomu Hirata <tomu.hirata@gmail.com>
Signed-off-by: Tomu Hirata <tomu.hirata@gmail.com>
Signed-off-by: Tomu Hirata <tomu.hirata@gmail.com>
@github-actions github-actions bot added v3.8.2 and removed v3.8.1 labels Dec 27, 2025
Signed-off-by: Tomu Hirata <tomu.hirata@gmail.com>
Signed-off-by: Tomu Hirata <tomu.hirata@gmail.com>
Copy link
Collaborator

@hubertzub-db hubertzub-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! 🚀

@TomeHirata TomeHirata added this pull request to the merge queue Jan 5, 2026
Merged via the queue into mlflow:master with commit 65bfb4b Jan 5, 2026
52 of 56 checks passed
@TomeHirata TomeHirata deleted the feat/ui/trace-tab-prompt branch January 5, 2026 23:06
omarfarhoud pushed a commit to omarfarhoud/mlflow that referenced this pull request Jan 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/prompts MLflow Prompt Registry and Optimization area/uiux Front-end, user experience, plotting, JavaScript, JavaScript dev server rn/feature Mention under Features in Changelogs. team-review Trigger a team review request v3.8.2

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants