Skip to content

Fix Traces UI a bit#563

Merged
abidlabs merged 7 commits into
mainfrom
trace-ui
May 23, 2026
Merged

Fix Traces UI a bit#563
abidlabs merged 7 commits into
mainfrom
trace-ui

Conversation

@abidlabs
Copy link
Copy Markdown
Member

@abidlabs abidlabs commented May 21, 2026

  • show relevant part of trace ID
  • shortern the trace ID column

Before:

Screenshot 2026-05-21 at 10 48 32 AM

After:

image

@gradio-pr-bot
Copy link
Copy Markdown
Contributor

gradio-pr-bot commented May 21, 2026

🪼 branch checks and previews

Name Status URL
🦄 Changes detected! Details

@gradio-pr-bot
Copy link
Copy Markdown
Contributor

gradio-pr-bot commented May 21, 2026

🦄 change detected

This Pull Request includes changes to the following packages.

Package Version
trackio patch

  • Fix Traces UI a bit

‼️ Changeset not approved. Ensure the version bump is appropriate for all packages before approving.

  • Maintainers can approve the changeset by checking this checkbox.

Something isn't right?

  • Maintainers can change the version label to modify the version bump.
  • If the bot has failed to detect any changes, or if this pull request needs to update multiple packages to different versions or requires a more comprehensive changelog entry, maintainers can update the changelog file directly.

@abidlabs abidlabs requested review from Saba9 and znation May 21, 2026 17:56
@HuggingFaceDocBuilderDev
Copy link
Copy Markdown

HuggingFaceDocBuilderDev commented May 21, 2026

🪼 branch checks and previews

Name Status URL
Spaces ready! Spaces preview

Install Trackio from this PR (includes built frontend)

pip install "https://huggingface.co/buckets/trackio/trackio-wheels/resolve/5b22178f9df829d7d0d4605c13d34493ca26c892/trackio-0.25.1-py3-none-any.whl"

@HuggingFaceDocBuilderDev
Copy link
Copy Markdown

The docs for this PR live here. All of your documentation changes will be reflected on that endpoint. The docs are available until 30 days after the last update.

Copy link
Copy Markdown
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 adjusts the Traces page UI to make Trace IDs easier to scan in the table while keeping the full ID accessible, and adds a changeset entry for the release notes.

Changes:

  • Add a displayTraceId() helper and use it in the Trace ID table cell with a tooltip for the full ID.
  • Add fixed table layout + explicit column widths and update Trace ID styling to prevent wrapping.
  • Improve metadata rendering in the expanded trace detail view via formatMetadataValue() and add a changeset entry.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
trackio/frontend/src/pages/Traces.svelte Shorten/ellipsis Trace ID display in the table, add full Trace ID in detail view, and fix column sizing/truncation styles.
.changeset/eager-meals-call.md Adds a patch changeset entry describing the UI update.

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

if (parts.length >= 4) {
const logId = parts[1] || parts[0];
const index = parts[parts.length - 1];
return `${logId.slice(0, 12)}…:${index}`;
Comment on lines +1 to +5
---
"trackio": patch
---

feat:Fix Traces UI a bit
@abidlabs
Copy link
Copy Markdown
Member Author

Or should I just remove the Trace ID from the table view altogether? Not sure its useful actually

Copy link
Copy Markdown
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

Copilot reviewed 2 out of 2 changed files in this pull request and generated 4 comments.

Comment on lines 163 to 167
page = 0;
stepFilter = "all";
expandedTraceId = null;
traces = [];
loadSummary();
Comment on lines 171 to 174
$effect(() => {
project;
runsKey(selectedRuns);
const trimmed = search.trim();
Comment on lines +404 to +407
<span class="trace-id-chip" title={publicTraceId(trace.id)}
>{traceHash(trace.id)}{traceIndex(trace.id) !== null
? `:${traceIndex(trace.id)}`
: ""}</span
Comment thread trackio/frontend/src/pages/Traces.svelte Outdated
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@abidlabs abidlabs merged commit 551569c into main May 23, 2026
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants