Conversation
🪼 branch checks and previews
|
🦄 change detectedThis Pull Request includes changes to the following packages.
|
🪼 branch checks and previews
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" |
|
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. |
There was a problem hiding this comment.
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}`; |
| --- | ||
| "trackio": patch | ||
| --- | ||
|
|
||
| feat:Fix Traces UI a bit |
|
Or should I just remove the Trace ID from the table view altogether? Not sure its useful actually |
| page = 0; | ||
| stepFilter = "all"; | ||
| expandedTraceId = null; | ||
| traces = []; | ||
| loadSummary(); |
| $effect(() => { | ||
| project; | ||
| runsKey(selectedRuns); | ||
| const trimmed = search.trim(); |
| <span class="trace-id-chip" title={publicTraceId(trace.id)} | ||
| >{traceHash(trace.id)}{traceIndex(trace.id) !== null | ||
| ? `:${traceIndex(trace.id)}` | ||
| : ""}</span |
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Before:
After: