Skip to content

[O2B-1636] Merge columns of the log overview into denser ones and give the title the most space - #2285

Merged
graduta merged 8 commits into
mainfrom
improv/O2B-1636/improve-log-overview-page-UX
Oct 23, 2026
Merged

graduta merged 8 commits into
mainfrom
improv/O2B-1636/improve-log-overview-page-UX

Conversation

@graduta

@graduta graduta commented Oct 22, 2026 •

Copy link
Copy Markdown
Member

I have a JIRA ticket

  • branch and/or PR name(s) include(s) JIRA ID
  • issue has "Fix version" assigned
  • issue "Status" is set to "In review"
  • PR labels are selected

Notable changes for users:

  • The log overview (and the logs tables embedded in the run, environment, LHC fill and tag details pages) has fewer, denser columns, and the title now has the largest width:
    • Title: the title is a link to the log, with a one-line plain-text preview of the log's content below it (not displayed in the embedded tables). The number of replies and attachments are displayed as icons at the end of the title line instead of in dedicated columns.
    • Created: displays the creation date with its author below it ("by ..."). The Author column is merged into it.
    • Linked to: displays the runs, the environments and the LHC fills in their own labelled lines (Runs, Env, Fills). The Runs, Environments and LHC Fills columns are merged into it.
    • Passes: displays the data passes and the simulation passes in their own labelled lines (Data, Sim).
    • Tags: moved to the last column. Only the first tag is displayed with the number of remaining ones, hovering it opens a popover with all the tags.
  • A whole log row can now be clicked to open the log (ctrl/cmd-click opens it in a new tab). Clicks on links, popovers or text selections do not navigate. The "More" button is removed.
  • Sorting by author, runs, environments is not available anymore (the filters are all still available, in the same filters panel).

Notable changes for developers:

  • logsActiveColumns columns whose content is now displayed in a merged column (author, runs, environments, lhcFills, dataPasses, simulationPasses) are kept as hidden columns to provide their filters. The filters' URL parameters are unchanged.
  • New formatLogSnippet utility (markdown to one-line plain text, preserving code spans and identifiers like LHC22b_apass1), with unit tests.
  • New logsRowsConfiguration rows configuration, shared by every table displaying logs, to make rows clickable by delegating to the title link. Untrusted (programmatic) clicks are ignored as popovers forward clicks made in their content to the hidden original content, which lives in the row.
  • formatTagsList has a new limit option (flex mode only).
  • Elements have stable ids to be used in UI tests: #row<id>-title-link, -title-value, -title-snippet, -replies-count, -attachments-count, -created-date, -created-author, -runs, -environments, -lhcFills, -passes-data, -passes-simulation, -tags.
  • Tests of the log overview, run details, tag details, environment details and LHC fill details are updated for the new columns, and tests are added for each new behaviour. They were not run locally, only the unit tests of formatLogSnippet.

Changes made to the database:

  • None

🤖 Generated with Claude Code

…a single two-line column

The creation date is displayed with its author below it. The author column is kept hidden to provide its filter, and sorting by author is dropped.
… overview into a single Passes column

Data and simulation passes are displayed in their own labelled lines. Their columns are kept hidden to provide their filters.
…to a single column

Runs and environments are displayed in their own labelled lines. Their columns are kept hidden to provide their filters, and sorting by them is dropped.
…title in the log overview

The replies and attachments columns are removed, their counts are displayed as icons at the end of the title line.
…ay the first tag with a popover listing all of them

Only the first tag is displayed with the number of remaining ones, hovering the displayed tags opens a popover with the full list.
…he log overview

The column is renamed Linked to and displays runs, environments and LHC fills in their own labelled lines. The LHC fills column is kept hidden to provide its filter.
Columns widths are rebalanced to sum up to 100% so that the title and its content snippet predominate.
@graduta
graduta requested a review from isaachilly as a code owner October 22, 2026 15:52
@codecov

codecov Bot commented Oct 22, 2026 •

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 0% with 24 lines in your changes missing coverage. Please review.
✅ Project coverage is 46.28%. Comparing base (00053c9) to head (5ed069f).

Files with missing lines Patch % Lines
...blic/views/Logs/ActiveColumns/logsActiveColumns.js 0.00% 21 Missing ⚠️
lib/public/views/Tags/format/formatTagsList.js 0.00% 3 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #2285      +/-   ##
==========================================
- Coverage   46.34%   46.28%   -0.07%     
==========================================
  Files        1056     1056              
  Lines       17429    17440      +11     
  Branches     3179     3183       +4     
==========================================
- Hits         8078     8072       -6     
- Misses       9351     9368      +17     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

… the screen

On wide screens the created and tags columns are narrower, as their content has a fixed size, to leave more space to the title.
@graduta graduta self-assigned this Oct 23, 2026
@graduta
graduta merged commit 16d25c2 into main Oct 23, 2026
59 of 64 checks passed
@graduta
graduta deleted the improv/O2B-1636/improve-log-overview-page-UX branch October 23, 2026 08:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Development

Successfully merging this pull request may close these issues.

1 participant