Migrate EventDisplayTable as per UI eng vision [devtools/devtools-frontend : main]

0 views
Skip to first unread message

Samiya Caur (Gerrit)

unread,
Jul 3, 2026, 5:42:39 AMĀ (yesterday)Ā Jul 3
to Danil Somsikov, devtools-rev...@chromium.org
Attention needed from Danil Somsikov

Samiya Caur voted

Auto-Submit+1
Commit-Queue+1
Open in Gerrit

Related details

Attention is currently required from:
  • Danil Somsikov
Submit Requirements:
  • requirement satisfiedCode-Owners
  • requirement is not satisfiedCode-Review
  • requirement is not satisfiedReview-Enforcement
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: comment
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I5f5afa9165423901ae1ece23eb639b9599b905ba
Gerrit-Change-Number: 7720583
Gerrit-PatchSet: 3
Gerrit-Owner: Samiya Caur <sam...@chromium.org>
Gerrit-Reviewer: Danil Somsikov <d...@chromium.org>
Gerrit-Reviewer: Samiya Caur <sam...@chromium.org>
Gerrit-Attention: Danil Somsikov <d...@chromium.org>
Gerrit-Comment-Date: Fri, 03 Jul 2026 09:42:34 +0000
Gerrit-HasComments: No
Gerrit-Has-Labels: Yes
satisfied_requirement
unsatisfied_requirement
open
diffy

Samiya Caur (Gerrit)

unread,
Jul 3, 2026, 5:50:56 AMĀ (yesterday)Ā Jul 3
to devtools-fro...@luci-project-accounts.iam.gserviceaccount.com, Danil Somsikov, devtools-rev...@chromium.org
Attention needed from Danil Somsikov

Samiya Caur voted

Auto-Submit+1
Commit-Queue+1
Open in Gerrit

Related details

Attention is currently required from:
  • Danil Somsikov
Submit Requirements:
  • requirement satisfiedCode-Owners
  • requirement is not satisfiedCode-Review
  • requirement is not satisfiedReview-Enforcement
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: comment
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I5f5afa9165423901ae1ece23eb639b9599b905ba
Gerrit-Change-Number: 7720583
Gerrit-PatchSet: 4
Gerrit-Owner: Samiya Caur <sam...@chromium.org>
Gerrit-Reviewer: Danil Somsikov <d...@chromium.org>
Gerrit-Reviewer: Samiya Caur <sam...@chromium.org>
Gerrit-Attention: Danil Somsikov <d...@chromium.org>
Gerrit-Comment-Date: Fri, 03 Jul 2026 09:50:53 +0000
Gerrit-HasComments: No
Gerrit-Has-Labels: Yes
satisfied_requirement
unsatisfied_requirement
open
diffy

Danil Somsikov (Gerrit)

unread,
Jul 3, 2026, 6:11:16 AMĀ (yesterday)Ā Jul 3
to Samiya Caur, devtools-fro...@luci-project-accounts.iam.gserviceaccount.com, devtools-rev...@chromium.org
Attention needed from Samiya Caur

Danil Somsikov added 3 comments

File front_end/panels/media/EventDisplayTable.ts
Line 52, Patchset 4 (Latest): <devtools-data-grid mode='dynamic-rows' striped name=${
Danil Somsikov . unresolved

Please wrap in `// clang-format off/on` and format manually.

This is rather hard to read.

Line 69, Patchset 4 (Latest): ${UI.Widget.widget(SourceFrame.JSONView.CollapsedJsonView, {
Danil Somsikov . unresolved

`const {widget} = UI.Widget` and simply `widget()` here for brevity.

In this specific case it is fine, but I'd like to avoid setting a bad example.

File front_end/ui/legacy/components/source_frame/JSONView.ts
Line 313, Patchset 4 (Latest):export class CollapsedJsonView extends UI.Widget.VBox {
Danil Somsikov . unresolved

What makes it "collapsed"?

Why do we need this wrapper? The JSONView is a widget itself, cant we instantiate it directly?

Open in Gerrit

Related details

Attention is currently required from:
  • Samiya Caur
Submit Requirements:
    • requirement satisfiedCode-Owners
    • requirement is not satisfiedCode-Review
    • requirement is not satisfiedNo-Unresolved-Comments
    • requirement is not satisfiedReview-Enforcement
    Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
    Gerrit-MessageType: comment
    Gerrit-Project: devtools/devtools-frontend
    Gerrit-Branch: main
    Gerrit-Change-Id: I5f5afa9165423901ae1ece23eb639b9599b905ba
    Gerrit-Change-Number: 7720583
    Gerrit-PatchSet: 4
    Gerrit-Owner: Samiya Caur <sam...@chromium.org>
    Gerrit-Reviewer: Danil Somsikov <d...@chromium.org>
    Gerrit-Reviewer: Samiya Caur <sam...@chromium.org>
    Gerrit-Attention: Samiya Caur <sam...@chromium.org>
    Gerrit-Comment-Date: Fri, 03 Jul 2026 10:11:12 +0000
    Gerrit-HasComments: Yes
    Gerrit-Has-Labels: No
    satisfied_requirement
    unsatisfied_requirement
    open
    diffy

    Samiya Caur (Gerrit)

    unread,
    Jul 3, 2026, 8:17:33 AMĀ (yesterday)Ā Jul 3
    to devtools-fro...@luci-project-accounts.iam.gserviceaccount.com, Danil Somsikov, devtools-rev...@chromium.org
    Attention needed from Danil Somsikov

    Samiya Caur voted and added 3 comments

    Votes added by Samiya Caur

    Auto-Submit+0
    Commit-Queue+1

    3 comments

    File front_end/panels/media/EventDisplayTable.ts
    Line 52, Patchset 4: <devtools-data-grid mode='dynamic-rows' striped name=${
    Danil Somsikov . resolved

    Please wrap in `// clang-format off/on` and format manually.

    This is rather hard to read.

    Samiya Caur

    Done

    Line 69, Patchset 4: ${UI.Widget.widget(SourceFrame.JSONView.CollapsedJsonView, {
    Danil Somsikov . resolved

    `const {widget} = UI.Widget` and simply `widget()` here for brevity.

    In this specific case it is fine, but I'd like to avoid setting a bad example.

    Samiya Caur

    Done

    File front_end/ui/legacy/components/source_frame/JSONView.ts
    Line 313, Patchset 4:export class CollapsedJsonView extends UI.Widget.VBox {
    Danil Somsikov . unresolved

    What makes it "collapsed"?

    Why do we need this wrapper? The JSONView is a widget itself, cant we instantiate it directly?

    Samiya Caur

    We want JSONView to be collapsed by default, hence the name xp

    I think we would need to add additional setters in JSONView, update constructor, make `parsedJSON` not `readonly`. And since we use a same pattern for SearchableJsonView to create widgets, I added this wrapper. But if you prefer making the changes in JSONView itself, I can do that.

    Open in Gerrit

    Related details

    Attention is currently required from:
    • Danil Somsikov
    Submit Requirements:
    • requirement satisfiedCode-Owners
    • requirement is not satisfiedCode-Review
    • requirement is not satisfiedNo-Unresolved-Comments
    • requirement is not satisfiedReview-Enforcement
    Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
    Gerrit-MessageType: comment
    Gerrit-Project: devtools/devtools-frontend
    Gerrit-Branch: main
    Gerrit-Change-Id: I5f5afa9165423901ae1ece23eb639b9599b905ba
    Gerrit-Change-Number: 7720583
    Gerrit-PatchSet: 5
    Gerrit-Attention: Danil Somsikov <d...@chromium.org>
    Gerrit-Comment-Date: Fri, 03 Jul 2026 12:17:30 +0000
    Gerrit-HasComments: Yes
    Gerrit-Has-Labels: Yes
    Comment-In-Reply-To: Danil Somsikov <d...@chromium.org>
    satisfied_requirement
    unsatisfied_requirement
    open
    diffy

    Danil Somsikov (Gerrit)

    unread,
    Jul 3, 2026, 10:42:57 AMĀ (yesterday)Ā Jul 3
    to Samiya Caur, devtools-fro...@luci-project-accounts.iam.gserviceaccount.com, devtools-rev...@chromium.org
    Attention needed from Samiya Caur

    Danil Somsikov added 1 comment

    File front_end/ui/legacy/components/source_frame/JSONView.ts
    Line 313, Patchset 4:export class CollapsedJsonView extends UI.Widget.VBox {
    Danil Somsikov . unresolved

    What makes it "collapsed"?

    Why do we need this wrapper? The JSONView is a widget itself, cant we instantiate it directly?

    Samiya Caur

    We want JSONView to be collapsed by default, hence the name xp

    I think we would need to add additional setters in JSONView, update constructor, make `parsedJSON` not `readonly`. And since we use a same pattern for SearchableJsonView to create widgets, I added this wrapper. But if you prefer making the changes in JSONView itself, I can do that.

    Danil Somsikov

    We use this pattern above because we need to extend SearchbleView.

    You don't need to add setters, although you are welcome to add them.

    You can instantiate using a second `widget` overload, like `widger(e => new JSONView(e, new ParsedJSON(obj, '', '')))`.

    Might need propagate element through the JSONView constructor to the base class, but that's the only thing needed.

    Open in Gerrit

    Related details

    Attention is currently required from:
    • Samiya Caur
    Submit Requirements:
    • requirement satisfiedCode-Owners
    • requirement is not satisfiedCode-Review
    • requirement is not satisfiedNo-Unresolved-Comments
    • requirement is not satisfiedReview-Enforcement
    Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
    Gerrit-MessageType: comment
    Gerrit-Project: devtools/devtools-frontend
    Gerrit-Branch: main
    Gerrit-Change-Id: I5f5afa9165423901ae1ece23eb639b9599b905ba
    Gerrit-Change-Number: 7720583
    Gerrit-PatchSet: 5
    Gerrit-Owner: Samiya Caur <sam...@chromium.org>
    Gerrit-Reviewer: Danil Somsikov <d...@chromium.org>
    Gerrit-Reviewer: Samiya Caur <sam...@chromium.org>
    Gerrit-Attention: Samiya Caur <sam...@chromium.org>
    Gerrit-Comment-Date: Fri, 03 Jul 2026 14:42:53 +0000
    Gerrit-HasComments: Yes
    Gerrit-Has-Labels: No
    Comment-In-Reply-To: Danil Somsikov <d...@chromium.org>
    Comment-In-Reply-To: Samiya Caur <sam...@chromium.org>
    satisfied_requirement
    unsatisfied_requirement
    open
    diffy
    Reply all
    Reply to author
    Forward
    0 new messages