[DebugUITabStrip] TabStripInternals UI state storage [chromium/src : main]

0 views
Skip to first unread message

Brijesh Giri (Gerrit)

unread,
Jan 16, 2026, 6:59:05 PMJan 16
to Jerome Jiang, Mirko Bonadei, AyeAye, Darryl James, Atharv Maan, Chromium LUCI CQ, chromium...@chromium.org, penghuan...@chromium.org, cblume...@chromium.org, chrome-intelligence-te...@google.com, mar...@chromium.org, eme-r...@chromium.org, net-r...@chromium.org, jz...@chromium.org, chrome-intell...@chromium.org, fgal...@chromium.org, fuzzin...@chromium.org, feature-me...@chromium.org, devtools...@chromium.org
Attention needed from Atharv Maan

Brijesh Giri added 2 comments

File chrome/browser/resources/tab_strip_internals/tab_strip_internals_view.ts
Line 149, Patchset 6: private handleDividerKeydown_(e: KeyboardEvent) {
Atharv Maan . unresolved

I wonder what should be a good place to explain the keyboard shortcuts used for resizing, along with other ways of interacting with the UI?

Brijesh Giri

As of now, the only keyboard shortcuts supported are to move the divider of our split pane to the left or to the right via keyboard, assuming it is the currently selected element.

In future, we could potentially document it with an information icon that lets the user know about all the available shortcuts, in-case we do end-up adding more.

However, given that our UI is just a read-only view, I do not forsee us adding more shortcuts. Please let me know in-case my assumption is incorrect.

File chrome/browser/resources/tab_strip_internals/tab_strip_internals_viewmodel.ts
Line 147, Patchset 6: observer(change);
Atharv Maan . resolved

same comment as the previous CL, this is essentially a callback being run, not a Observer class.

Brijesh Giri

Have updated it.

Open in Gerrit

Related details

Attention is currently required from:
  • Atharv Maan
Submit Requirements:
  • requirement satisfiedCode-Coverage
  • requirement is not 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: chromium/src
Gerrit-Branch: main
Gerrit-Change-Id: Ic2794020ca97baf3861dd8570e8610b6392b3bcd
Gerrit-Change-Number: 7262051
Gerrit-PatchSet: 6
Gerrit-Owner: Brijesh Giri <brijes...@gmail.com>
Gerrit-Reviewer: Atharv Maan <athar...@chromium.org>
Gerrit-Reviewer: Brijesh Giri <brijes...@gmail.com>
Gerrit-Reviewer: Darryl James <dlj...@chromium.org>
Gerrit-CC: Jerome Jiang <ji...@chromium.org>
Gerrit-CC: Mirko Bonadei <mbon...@chromium.org>
Gerrit-Attention: Atharv Maan <athar...@chromium.org>
Gerrit-Comment-Date: Fri, 16 Jan 2026 23:58:59 +0000
Gerrit-HasComments: Yes
Gerrit-Has-Labels: No
Comment-In-Reply-To: Atharv Maan <athar...@chromium.org>
satisfied_requirement
unsatisfied_requirement
open
diffy

Brijesh Giri (Gerrit)

unread,
Jan 22, 2026, 9:35:15 PMJan 22
to Darryl James, Atharv Maan, Chromium LUCI CQ, chromium...@chromium.org, devtools...@chromium.org
Attention needed from Atharv Maan

Brijesh Giri added 1 comment

File chrome/browser/resources/tab_strip_internals/tab_strip_internals_view.ts
Line 149, Patchset 6: private handleDividerKeydown_(e: KeyboardEvent) {
Atharv Maan . resolved

I wonder what should be a good place to explain the keyboard shortcuts used for resizing, along with other ways of interacting with the UI?

Brijesh Giri

As of now, the only keyboard shortcuts supported are to move the divider of our split pane to the left or to the right via keyboard, assuming it is the currently selected element.

In future, we could potentially document it with an information icon that lets the user know about all the available shortcuts, in-case we do end-up adding more.

However, given that our UI is just a read-only view, I do not forsee us adding more shortcuts. Please let me know in-case my assumption is incorrect.

Brijesh Giri

Done

Open in Gerrit

Related details

Attention is currently required from:
  • Atharv Maan
Submit Requirements:
  • requirement satisfiedCode-Coverage
  • 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: chromium/src
Gerrit-Branch: main
Gerrit-Change-Id: Ic2794020ca97baf3861dd8570e8610b6392b3bcd
Gerrit-Change-Number: 7262051
Gerrit-PatchSet: 9
Gerrit-Owner: Brijesh Giri <brijes...@gmail.com>
Gerrit-Reviewer: Atharv Maan <athar...@chromium.org>
Gerrit-Reviewer: Brijesh Giri <brijes...@gmail.com>
Gerrit-Reviewer: Darryl James <dlj...@chromium.org>
Gerrit-Attention: Atharv Maan <athar...@chromium.org>
Gerrit-Comment-Date: Fri, 23 Jan 2026 02:35:10 +0000
Gerrit-HasComments: Yes
Gerrit-Has-Labels: No
Comment-In-Reply-To: Brijesh Giri <brijes...@gmail.com>
Comment-In-Reply-To: Atharv Maan <athar...@chromium.org>
satisfied_requirement
unsatisfied_requirement
open
diffy

Brijesh Giri (Gerrit)

unread,
Jan 29, 2026, 2:12:18 PMJan 29
to Darryl James, Atharv Maan, Chromium LUCI CQ, chromium...@chromium.org, devtools...@chromium.org
Attention needed from Atharv Maan

Brijesh Giri added 1 comment

File chrome/browser/resources/tab_strip_internals/tab_strip_internals_viewmodel.ts
Line 110, Patchset 9 (Latest): localStorage.setItem(
Brijesh Giri . unresolved

Is it okay to use localStorage in this manner?

Open in Gerrit

Related details

Attention is currently required from:
  • Atharv Maan
Submit Requirements:
    • requirement satisfiedCode-Coverage
    • 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: chromium/src
    Gerrit-Branch: main
    Gerrit-Change-Id: Ic2794020ca97baf3861dd8570e8610b6392b3bcd
    Gerrit-Change-Number: 7262051
    Gerrit-PatchSet: 9
    Gerrit-Owner: Brijesh Giri <brijes...@gmail.com>
    Gerrit-Reviewer: Atharv Maan <athar...@chromium.org>
    Gerrit-Reviewer: Brijesh Giri <brijes...@gmail.com>
    Gerrit-Reviewer: Darryl James <dlj...@chromium.org>
    Gerrit-Attention: Atharv Maan <athar...@chromium.org>
    Gerrit-Comment-Date: Thu, 29 Jan 2026 19:12:13 +0000
    Gerrit-HasComments: Yes
    Gerrit-Has-Labels: No
    satisfied_requirement
    unsatisfied_requirement
    open
    diffy

    Brijesh Giri (Gerrit)

    unread,
    Jan 29, 2026, 2:12:53 PMJan 29
    to Darryl James, Atharv Maan, Chromium LUCI CQ, chromium...@chromium.org, devtools...@chromium.org
    Attention needed from Atharv Maan

    Brijesh Giri added 1 comment

    File chrome/browser/resources/tab_strip_internals/tab_strip_internals_viewmodel.ts
    Line 110, Patchset 9 (Latest): localStorage.setItem(
    Brijesh Giri . resolved

    Is it okay to use localStorage in this manner?

    Brijesh Giri

    Done

    Open in Gerrit

    Related details

    Attention is currently required from:
    • Atharv Maan
    Submit Requirements:
      • requirement satisfiedCode-Coverage
      • 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: chromium/src
      Gerrit-Branch: main
      Gerrit-Change-Id: Ic2794020ca97baf3861dd8570e8610b6392b3bcd
      Gerrit-Change-Number: 7262051
      Gerrit-PatchSet: 9
      Gerrit-Owner: Brijesh Giri <brijes...@gmail.com>
      Gerrit-Reviewer: Atharv Maan <athar...@chromium.org>
      Gerrit-Reviewer: Brijesh Giri <brijes...@gmail.com>
      Gerrit-Reviewer: Darryl James <dlj...@chromium.org>
      Gerrit-Attention: Atharv Maan <athar...@chromium.org>
      Gerrit-Comment-Date: Thu, 29 Jan 2026 19:12:46 +0000
      Gerrit-HasComments: Yes
      Gerrit-Has-Labels: No
      Comment-In-Reply-To: Brijesh Giri <brijes...@gmail.com>
      satisfied_requirement
      unsatisfied_requirement
      open
      diffy

      Darryl James (Gerrit)

      unread,
      Feb 2, 2026, 5:00:18 PMFeb 2
      to Brijesh Giri, Atharv Maan, Chromium LUCI CQ, chromium...@chromium.org, devtools...@chromium.org
      Attention needed from Atharv Maan and Brijesh Giri

      Darryl James voted Code-Review+1

      Code-Review+1
      Open in Gerrit

      Related details

      Attention is currently required from:
      • Atharv Maan
      • Brijesh Giri
      Submit Requirements:
      • requirement satisfiedCode-Coverage
      • 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: chromium/src
      Gerrit-Branch: main
      Gerrit-Change-Id: Ic2794020ca97baf3861dd8570e8610b6392b3bcd
      Gerrit-Change-Number: 7262051
      Gerrit-PatchSet: 9
      Gerrit-Owner: Brijesh Giri <brijes...@gmail.com>
      Gerrit-Reviewer: Atharv Maan <athar...@chromium.org>
      Gerrit-Reviewer: Brijesh Giri <brijes...@gmail.com>
      Gerrit-Reviewer: Darryl James <dlj...@chromium.org>
      Gerrit-Attention: Brijesh Giri <brijes...@gmail.com>
      Gerrit-Attention: Atharv Maan <athar...@chromium.org>
      Gerrit-Comment-Date: Mon, 02 Feb 2026 21:59:58 +0000
      Gerrit-HasComments: No
      Gerrit-Has-Labels: Yes
      satisfied_requirement
      unsatisfied_requirement
      open
      diffy

      Atharv Maan (Gerrit)

      unread,
      Feb 5, 2026, 2:41:57 AMFeb 5
      to Brijesh Giri, Darryl James, Chromium LUCI CQ, chromium...@chromium.org, devtools...@chromium.org
      Attention needed from Brijesh Giri

      Atharv Maan voted Code-Review+1

      Code-Review+1
      Open in Gerrit

      Related details

      Attention is currently required from:
      • Brijesh Giri
      Submit Requirements:
        • requirement satisfiedCode-Coverage
        • requirement satisfiedCode-Owners
        • requirement satisfiedCode-Review
        • requirement satisfiedReview-Enforcement
        Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
        Gerrit-MessageType: comment
        Gerrit-Project: chromium/src
        Gerrit-Branch: main
        Gerrit-Change-Id: Ic2794020ca97baf3861dd8570e8610b6392b3bcd
        Gerrit-Change-Number: 7262051
        Gerrit-PatchSet: 9
        Gerrit-Owner: Brijesh Giri <brijes...@gmail.com>
        Gerrit-Reviewer: Atharv Maan <athar...@chromium.org>
        Gerrit-Reviewer: Brijesh Giri <brijes...@gmail.com>
        Gerrit-Reviewer: Darryl James <dlj...@chromium.org>
        Gerrit-Attention: Brijesh Giri <brijes...@gmail.com>
        Gerrit-Comment-Date: Thu, 05 Feb 2026 07:41:52 +0000
        Gerrit-HasComments: No
        Gerrit-Has-Labels: Yes
        satisfied_requirement
        open
        diffy

        Chromium LUCI CQ (Gerrit)

        unread,
        Feb 9, 2026, 7:50:07 PMFeb 9
        to Brijesh Giri, Atharv Maan, Darryl James, chromium...@chromium.org, devtools...@chromium.org

        Chromium LUCI CQ submitted the change

        Change information

        Commit message:
        [DebugUITabStrip] TabStripInternals UI state storage

        This CL introduces Phase 3 of the 'tab-strip-internals' page, a debug
        WebUI intended to visualize the live state of the TabStrip model.

        Changes:
        - Updated `tab_strip_internals_view.ts` to add event listeners
        for resizing the left/right pane
        - Updated `tab_strip_internals_viewmodel.ts` to add support for
        savinga and restoring UI state from local storage
        - Updated `tab-strip-internals.html` with new CSS styles

        Project doc:
        https://docs.google.com/document/d/1EKJicM4grBpp2nA4SOPzUvsKVLa_Ndj5L0HrIsGJNUI
        Bug: 427204855
        Change-Id: Ic2794020ca97baf3861dd8570e8610b6392b3bcd
        Reviewed-by: Darryl James <dlj...@chromium.org>
        Reviewed-by: Atharv Maan <athar...@chromium.org>
        Commit-Queue: Brijesh Giri <brijes...@gmail.com>
        Cr-Commit-Position: refs/heads/main@{#1582136}
        Files:
        • M chrome/browser/resources/tab_strip_internals/tab_strip_internals.html
        • M chrome/browser/resources/tab_strip_internals/tab_strip_internals_view.ts
        • M chrome/browser/resources/tab_strip_internals/tab_strip_internals_viewmodel.ts
        Change size: L
        Delta: 3 files changed, 249 insertions(+), 17 deletions(-)
        Branch: refs/heads/main
        Submit Requirements:
        • requirement satisfiedCode-Review: +1 by Darryl James, +1 by Atharv Maan
        Open in Gerrit
        Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
        Gerrit-MessageType: merged
        Gerrit-Project: chromium/src
        Gerrit-Branch: main
        Gerrit-Change-Id: Ic2794020ca97baf3861dd8570e8610b6392b3bcd
        Gerrit-Change-Number: 7262051
        Gerrit-PatchSet: 10
        Gerrit-Owner: Brijesh Giri <brijes...@gmail.com>
        Gerrit-Reviewer: Atharv Maan <athar...@chromium.org>
        Gerrit-Reviewer: Brijesh Giri <brijes...@gmail.com>
        Gerrit-Reviewer: Chromium LUCI CQ <chromiu...@luci-project-accounts.iam.gserviceaccount.com>
        Gerrit-Reviewer: Darryl James <dlj...@chromium.org>
        open
        diffy
        satisfied_requirement
        Reply all
        Reply to author
        Forward
        0 new messages