Skip to content

[O2B-1636] Display snippet of content and allow users to click on row on log-overivew - #2284

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

graduta merged 6 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:

  • Users can now see a log snippet of the log entry in the log-overview table
  • Users can now click anywhere on the row of table (except other linked elements) to open the log. This is needed in preparation for mobile views

Notable changes for developers:

  • N/A

Changes made to the database:

  • N/A

@graduta
graduta requested a balanced review from Copilot October 22, 2026 14:59
@graduta graduta self-assigned this Oct 22, 2026
@graduta
graduta requested a review from isaachilly as a code owner October 22, 2026 14:59
@codecov

codecov Bot commented Oct 22, 2026 •

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 0% with 49 lines in your changes missing coverage. Please review.
✅ Project coverage is 46.34%. Comparing base (f47ca31) to head (8a5ac64).

Files with missing lines Patch % Lines
...ib/public/utilities/formatting/formatLogSnippet.js 0.00% 29 Missing ⚠️
.../public/views/Logs/format/logsRowsConfiguration.js 0.00% 12 Missing ⚠️
...blic/views/Logs/ActiveColumns/logsActiveColumns.js 0.00% 5 Missing ⚠️
...ews/Environments/Details/EnvironmentDetailsPage.js 0.00% 1 Missing ⚠️
...c/views/LhcFills/Detail/lhcFillDetailsComponent.js 0.00% 1 Missing ⚠️
...b/public/views/Runs/Details/runDetailsComponent.js 0.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #2284      +/-   ##
==========================================
- Coverage   46.45%   46.34%   -0.11%     
==========================================
  Files        1054     1056       +2     
  Lines       17384    17429      +45     
  Branches     3166     3179      +13     
==========================================
+ Hits         8076     8078       +2     
- Misses       9308     9351      +43     

☔ 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.

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

🟡 Changes recommended

The formatter alters literal identifiers, and the new preview assertion rejects valid seeded content.

2 open issues
What changed in this PR

This PR adds log-content previews and row-click navigation to log tables, preparing them for mobile use while preserving separate links within each row.

Changes:

  • Add formatted content snippets below log titles, excluding embedded tables.
  • Replace dedicated “More” buttons with title links and shared row-click navigation.
  • Add formatter tests and update browser tests for previews and navigation.
File Description
test/​public/​tags/​detail.test.js Update navigation to use the title link.
test/​public/​runs/​detail.test.js Test title-link and row-click navigation.
test/​public/​logs/​overview.test.js Test snippets, navigation, and removal of dedicated buttons.
test/​public/​envs/​detailsPage.test.js Verify embedded logs omit snippets.
test/​lib/​public/​utilities/​formatting/​index.js Register snippet formatter tests.
test/​lib/​public/​utilities/​formatting/​formatLogSnippet.test.js Test formatting, title removal, and truncation.
lib/​public/​views/​Tags/​Details/​tagDetailsComponent.js Enable log-row navigation in tag details.
lib/​public/​views/​Runs/​Details/​runDetailsComponent.js Enable log-row navigation in run details.
lib/​public/​views/​Logs/​Overview/​index.js Apply shared log-row navigation.
lib/​public/​views/​Logs/​format/​logsRowsConfiguration.js Define row-click behavior and interactive-element exclusions.
lib/​public/​views/​Logs/​ActiveColumns/​logsActiveColumns.js Add title links and previews; remove action buttons.
lib/​public/​views/​LhcFills/​Detail/​lhcFillDetailsComponent.js Enable log-row navigation in fill details.
lib/​public/​views/​Environments/​Details/​EnvironmentDetailsPage.js Enable log-row navigation in environment details.
lib/​public/​utilities/​formatting/​formatLogSnippet.js Format and truncate log-content previews.

Review effort: Balanced

Comment thread test/public/logs/overview.test.js Outdated
Comment thread lib/public/utilities/formatting/formatLogSnippet.js Outdated

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

🔵 Needs a closer look

The snippet formatter removes literal punctuation from identifiers and inline code, making previews inaccurate.

1 open issue
1 resolved since last review

Review effort: Balanced

@graduta
graduta merged commit 00053c9 into main Oct 22, 2026
24 of 26 checks passed
@graduta
graduta deleted the improv/O2B-1636/improve-log-overview-page-UX branch October 22, 2026 15:28
graduta added a commit that referenced this pull request Oct 26, 2026
…snippet (#2300)

- `formatLogSnippet` (added in #2284) strips markdown with regular expressions that are quadratic on long lines (for example ` __a b` repeated: about 2s for 192KB, and log texts have no maximum length). Only the beginning of the content can end up in the snippet, so only its first 2000 characters are now parsed
- A unit test checks that a huge content is processed in less than 500ms. The `formatLogSnippet` unit tests were run locally and pass; the rest of the suite was not run locally
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.

2 participants