Subdue empty dashboard tabs by abidlabs · Pull Request #538 · gradio-app/trackio

abidlabs · 2026-04-27T17:47:11Z

Now that we have quite a bit of tabs open, and many applications might only need a subset of tabs (e.g. Traces only, or no Traces, metrics only), this PR visually subdues optional tabs when their content is empty

Specifically, it:

computes dashboard tab availability from the selected project/runs
auto-opens the first non-empty tab when launching the bare dashboard route
refreshes availability periodically so tabs become active as new data arrives

gradio-pr-bot · 2026-04-27T17:47:46Z

🪼 branch checks and previews

•	Name	Status	URL
🦄	Changes	detected!	Details

gradio-pr-bot · 2026-04-27T17:47:46Z

🦄 change detected

This Pull Request includes changes to the following packages.

Package	Version
`trackio`	`patch`

Subdue empty dashboard tabs

‼️ 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.

HuggingFaceDocBuilderDev · 2026-04-27T17:48:25Z

🪼 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/243d14650ee54dd58eab446d9c066f052ddc520d/trackio-0.25.1-py3-none-any.whl"

HuggingFaceDocBuilderDev · 2026-04-27T17:49:56Z

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.

# Conflicts: # trackio/frontend/src/App.svelte

Copilot

Pull request overview

This PR adds “tab availability” detection to the dashboard so optional tabs (e.g., Traces, System, Media, Reports, Files) are visually subdued when there’s no data for the current project/run selection, and the app can auto-navigate away from the bare dashboard route to the first non-empty tab.

Changes:

Compute and periodically refresh per-tab availability based on selected project/runs and available data sources (logs, traces, system metrics, alerts, files).
Auto-open the first available tab when landing on the bare dashboard route.
Update the navbar UI to visually subdue optional tabs detected as empty, and expose an explanatory tooltip.

Reviewed changes

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

File	Description
`trackio/frontend/src/components/Navbar.svelte`	Adds empty-tab styling/tooltip driven by `tabAvailability` and `optionalEmptyTabs`.
`trackio/frontend/src/App.svelte`	Implements tab availability computation, auto-open behavior, and polling refresh; passes state into `Navbar`.
`.changeset/poor-windows-fold.md`	Adds a changeset entry for the feature.

Comments suppressed due to low confidence (2)

trackio/frontend/src/App.svelte:294

anyRunHasTraces makes one /get_traces call per selected run concurrently. For projects with many runs this becomes an N-request fan-out just to compute tab availability, and can overload both browser and backend. Consider switching to a short-circuiting approach (stop after first hit), adding a concurrency limit, and/or using a cheaper aggregate endpoint (or sampling a limited number of runs).

  async function anyRunHasTraces(project, runRecords) {
    const results = await Promise.all(
      runRecords.map(async (run) => {
        try {
          const traces = await getTraces(project, run, { limit: 1 });
          return (traces || []).length > 0;
        } catch {
          return false;
        }
      }),
    );
    return results.some(Boolean);
  }

trackio/frontend/src/App.svelte:330

refreshTabAvailability calls getLogsBatch(selectedProject, runRecords) for all selected runs to detect whether metrics/media/reports exist. Since the default selection is typically "all runs", this can fetch a very large payload and then iterate every log entry just to set boolean flags, and it can run repeatedly via polling/effects. Consider limiting the number of runs/logs inspected (sample/cap), batching like Metrics.svelte does, and/or adding a dedicated lightweight API that returns presence/summary booleans instead of full logs.

      ] = await Promise.all([
        runRecords.length ? getLogsBatch(selectedProject, runRecords) : [],
        getAlerts(selectedProject, null, null, null).catch(() => []),
        runRecords.length ? anyRunHasSystemMetrics(selectedProject, runRecords) : false,
        runRecords.length ? anyRunHasTraces(selectedProject, runRecords) : false,
        getProjectFiles(selectedProject).catch(() => []),
      ]);

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

+  async function anyRunHasSystemMetrics(project, runRecords) {
+    const results = await Promise.all(
+      runRecords.map(async (run) => {
+        try {
+          const metrics = await getSystemMetricsForRun(project, run);
+          return (metrics || []).length > 0;
+        } catch {
+          return false;
+        }
+      }),
+    );
+    return results.some(Boolean);
+  }
+
+  async function anyRunHasTraces(project, runRecords) {
+    const results = await Promise.all(
+      runRecords.map(async (run) => {
+        try {
+          const traces = await getTraces(project, run, { limit: 1 });
+          return (traces || []).length > 0;
+        } catch {
+          return false;
+        }
+      }),
+    );
+    return results.some(Boolean);


znation

Other than agreeing with Copilot's suggestion, LGTM.

Copilot

Pull request overview

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

abidlabs · 2026-05-22T23:44:46Z

+        with SQLiteStorage._get_connection(db_path) as conn:
+            flags["metrics"] = _exists(
+                conn,
+                "SELECT 1 FROM metrics "
+                "WHERE metrics GLOB '*:[0-9]*' OR metrics GLOB '*:-[0-9]*' "
+                "LIMIT 1",
+            )


Thanks — considered this but keeping the current heuristic. The narrow case it can false-positive on is a project that only logs typed values (histogram/table) where those typed values happen to contain numeric metadata adjacent to a : (e.g. "bins":50). For that to mislead the user, the project must additionally never log any scalar metric in any run — quite rare in practice, and the worst-case outcome is "Metrics tab is highlighted but the page is empty when clicked," not a correctness bug.

The alternative (deserialize each row's JSON with orjson.loads and inspect top-level keys) brings back per-row JSON parsing in Python — exactly the cost this endpoint was introduced to avoid (the original frontend code shipped 3000 logs × N runs over the wire to do this). A bounded-sample variant would either miss data or still parse N rows.

A stricter SQL-only heuristic — "row has a digit and no _type marker" — is appealing but regresses the more common case of users logging scalars + media in the same log() call (e.g. {"loss": 0.5, "img": Image()}): that row contains _type and would be excluded, hiding the Metrics tab from users who clearly have metrics. False negatives on a common path are worse than false positives on a rare path.

+  for (const row of metricsRows) {
+    if (!metrics && rowHasScalarMetric(row)) metrics = true;
+    if (!media && rowHasTypedValue(row, MEDIA_TYPES)) media = true;
+    if (!reports && rowHasTypedValue(row, new Set(["trackio.markdown"]))) reports = true;
+    if (metrics && media && reports) break;


+"trackio": patch
+---
+
+feat:Subdue empty dashboard tabs


Python sqlite3 stores orjson bytes as BLOB; GLOB pattern matching against BLOB-typed values is unreliable on older SQLite builds (reproduced on Ubuntu CI Python 3.10.20). Force TEXT comparison. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

- Hoist MARKDOWN_TYPES to module-level constant in staticApi.js to avoid per-row Set allocation in tab-availability scan. - Add missing space in changeset entry: "feat:Subdue" -> "feat: Subdue". Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

abidlabs · 2026-05-22T23:47:31Z

Thanks @znation! Addressed copilot's comments, will merge this in

abidlabs and others added 2 commits April 27, 2026 10:46

Subdue empty dashboard tabs

3c515af

add changeset

8330b52

Merge remote-tracking branch 'origin/main' into subdued-empty-tabs

c407461

# Conflicts: # trackio/frontend/src/App.svelte

abidlabs marked this pull request as ready for review May 22, 2026 00:04

abidlabs requested review from Saba9, Copilot, qgallouedec and znation May 22, 2026 00:04

abidlabs added the v: patch label May 22, 2026

Copilot started reviewing on behalf of abidlabs May 22, 2026 00:05 View session

add changeset

288b2bd

Copilot AI reviewed May 22, 2026

View reviewed changes

znation approved these changes May 22, 2026

View reviewed changes

changes

06ca1bd

abidlabs requested a review from Copilot May 22, 2026 23:31

Copilot started reviewing on behalf of abidlabs May 22, 2026 23:31 View session

changes

155b65a

Copilot AI reviewed May 22, 2026

View reviewed changes

abidlabs and others added 2 commits May 22, 2026 16:38

abidlabs merged commit a15c1a8 into main May 22, 2026
8 of 9 checks passed

gradio-pr-bot mentioned this pull request May 22, 2026

chore: update versions #552

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Subdue empty dashboard tabs#538

Subdue empty dashboard tabs#538
abidlabs merged 8 commits into
mainfrom
subdued-empty-tabs

abidlabs commented Apr 27, 2026 •

edited

Loading

Uh oh!

gradio-pr-bot commented Apr 27, 2026 •

edited

Loading

Uh oh!

gradio-pr-bot commented Apr 27, 2026 •

edited

Loading

Something isn't right?

Uh oh!

HuggingFaceDocBuilderDev commented Apr 27, 2026 •

edited

Loading

Uh oh!

HuggingFaceDocBuilderDev commented Apr 27, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

znation left a comment

Uh oh!

Copilot AI left a comment

Uh oh!

abidlabs May 22, 2026

Uh oh!

abidlabs commented May 22, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Conversation

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

Uh oh!

Uh oh!

gradio-pr-bot commented Apr 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🪼 branch checks and previews

Uh oh!

gradio-pr-bot commented Apr 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦄 change detected

This Pull Request includes changes to the following packages.

Something isn't right?

Uh oh!

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

Uh oh!

🪼 branch checks and previews

Uh oh!

HuggingFaceDocBuilderDev commented Apr 27, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

znation left a comment

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

abidlabs May 22, 2026

Choose a reason for hiding this comment

Uh oh!

abidlabs commented May 22, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

abidlabs commented Apr 27, 2026 •

edited

Loading

gradio-pr-bot commented Apr 27, 2026 •

edited

Loading

gradio-pr-bot commented Apr 27, 2026 •

edited

Loading

HuggingFaceDocBuilderDev commented Apr 27, 2026 •

edited

Loading