Google Git
Sign in
chromium/devtools/devtools-frontend/refs/heads/chromium/7757
commit
736355a83083dadba61000a349c4299569471183
[log]
author
Samiya Caur <samiyac@google.com>
Thu Mar 26 21:12:56 2026
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Thu Mar 26 22:11:36 2026
tree
a72ef4c4a69810d02e2c8cc35c4747be70635beb
parent
df3ba6ca782489f4d650fee1279db38e4eddddf1 [diff]
Add code completion summary toolbar to styles pane

The summary toolbar is responsible for displaying loading state (using a
spinner) and show privacy and recitation disclaimer. I have tried to
implement this similar to existing toolbar integration in
front_end/panels/console/ConsoleView.ts

I had to update the CSS which is used for wrapping summary toolbar to
use `@container` instead of `@media` - as part of this change, also had
to update CSS for existing toolbar in Console panel.

The text for disclaimer still needs to be updated.

Bypass-Check-License: Existing file
Fixed: 476101419, 476101019
Change-Id: I0610fc3fe5d60807c3045a8933e85aa5bf9e3abc
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7698167
Reviewed-by: Philip Pfaffe <pfaffe@chromium.org>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
Commit-Queue: Samiya Caur <samiyac@chromium.org>
6 files changed
tree: a72ef4c4a69810d02e2c8cc35c4747be70635beb
  1. .agents/
  2. .gemini/
  3. .github/
  4. .vscode/
  5. build_overrides/
  6. config/
  7. docs/
  8. extension-api/
  9. extensions/
  10. front_end/
  11. inspector_overlay/
  12. mcp/
  13. node_modules/
  14. scripts/
  15. test/
  16. third_party/
  17. v8/
  18. build
  19. buildtools
  20. .clang-format
  21. .clang-format-ignore
  22. .editorconfig
  23. .env.template
  24. .geminiignore
  25. .git-blame-ignore-revs
  26. .gitallowed
  27. .gitattributes
  28. .gitignore
  29. .gitmodules
  30. .gn
  31. .mailmap
  32. .npmignore
  33. .npmrc
  34. .style.yapf
  35. .stylelintignore
  36. .stylelintrc.json
  37. AUTHORS
  38. BUILD.gn
  39. codereview.settings
  40. CONTRIBUTING.md
  41. DEPS
  42. DIR_METADATA
  43. eslint.config.mjs
  44. favicon.ico
  45. LICENSE
  46. OWNERS
  47. package-lock.json
  48. package.json
  49. PRESUBMIT.py
  50. README.md
  51. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all TypeScript & CSS to run the DevTools webapp.

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the Chromium DevTools documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch

There are a few options to keep an eye on the latest and greatest of DevTools development: