Add multi-row selection support to view event list with selection count panel

[Copilot]

This PR implements support for selecting multiple rows simultaneously in the view event list, addressing the feature request to enable multi-selection and display a custom panel when multiple events are selected.

Changes

Multi-Selection Functionality

• Ctrl+Click (Cmd+Click on Mac) now toggles individual row selection for multi-selection
• Regular click maintains existing single-selection behavior
• Selected events are tracked in a new selectedEventIds Set in the UI store
• Visual feedback: multi-selected rows display with distinctive border highlighting

New Multi-Selection Panel

• When multiple events are selected, the right panel switches from event details to a selection summary
• Displays the total count of selected events in a clean, centered layout
• Shows "X events selected" with appropriate singular/plural handling

Implementation Details

State Management (UiStore):

• Added selectedEventIds: Set<string> to track multiple selections
• Added hasMultipleSelectedEvents computed property
• Added methods: toggleEventSelection(), setSelectedEventIds()
• Updated setSelectedEventId() to clear multi-selection when switching to single selection

Event List Updates (ViewEventList):

• Enhanced onListMouseDown to detect Ctrl+Click for multi-selection
• Added styling for multi-selected rows with border highlighting
• Updated all row components (HTTP exchanges, RTC streams, TLS connections, built-in APIs) to support multi-selection visual states

View Page Integration (ViewPage):

• Added conditional rendering to show MultiSelectionPanel when multiple events are selected
• Maintains existing single-event detail panels for normal selection
• Added onEventToggled handler for multi-selection events

Backward Compatibility

All existing functionality remains unchanged - single-click selection, keyboard navigation, and detail panels work exactly as before. The multi-selection feature is purely additive and activated only through Ctrl+Click interactions.


The implementation successfully builds and passes all existing unit tests, ensuring no regressions while adding the requested multi-selection capability.

Warning

Firewall rules blocked me from connecting to one or more addresses

I tried to connect to the following addresses, but was blocked by firewall rules:

• accounts.google.com
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=3738 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-12067814 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12096223297125145994,18307958515159173842,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
  • Triggering command: /opt/google/chrome/chrome --user-data-dir=/tmp/karma-12067814 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications --no-sandbox --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222 --noerrdialogs --ozone-platform=headless --ozone-override-screen-size=800,600 --use-angle=swiftshader-webgl http://localhost:9876/?id=12067814 (dns block)
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=4338 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-42711831 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,318946571837126770,2879241133023503072,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
• clients2.google.com
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=3738 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-12067814 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12096223297125145994,18307958515159173842,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
  • Triggering command: /opt/google/chrome/chrome --user-data-dir=/tmp/karma-12067814 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications --no-sandbox --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222 --noerrdialogs --ozone-platform=headless --ozone-override-screen-size=800,600 --use-angle=swiftshader-webgl http://localhost:9876/?id=12067814 (dns block)
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=4338 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-42711831 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,318946571837126770,2879241133023503072,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
• clientservices.googleapis.com
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=3738 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-12067814 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12096223297125145994,18307958515159173842,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
  • Triggering command: /opt/google/chrome/chrome --user-data-dir=/tmp/karma-12067814 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications --no-sandbox --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222 --noerrdialogs --ozone-platform=headless --ozone-override-screen-size=800,600 --use-angle=swiftshader-webgl http://localhost:9876/?id=12067814 (dns block)
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=4338 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-42711831 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,318946571837126770,2879241133023503072,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
• https://storage.googleapis.com/chromium-browser-snapshots/Linux_x64/809590/chrome-linux.zip
  • Triggering command: node install.js (http block)
• redirector.gvt1.com
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=3738 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-12067814 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12096223297125145994,18307958515159173842,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
  • Triggering command: /opt/google/chrome/chrome --user-data-dir=/tmp/karma-12067814 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications --no-sandbox --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222 --noerrdialogs --ozone-platform=headless --ozone-override-screen-size=800,600 --use-angle=swiftshader-webgl http://localhost:9876/?id=12067814 (dns block)
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=4338 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-42711831 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,318946571837126770,2879241133023503072,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
• safebrowsingohttpgateway.googleapis.com
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=3738 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-12067814 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12096223297125145994,18307958515159173842,262144 --disable-features=PaintHolding --variations-seed-version (dns block)
  • Triggering command: /opt/google/chrome/chrome --user-data-dir=/tmp/karma-12067814 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications --no-sandbox --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222 --noerrdialogs --ozone-platform=headless --ozone-override-screen-size=800,600 --use-angle=swiftshader-webgl http://localhost:9876/?id=12067814 (dns block)
  • Triggering command: /opt/google/chrome/chrome --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=4338 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-42711831 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,318946571837126770,2879241133023503072,262144 --disable-features=PaintHolding --variations-seed-version (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}