Google Git
Sign in
chromium/devtools/devtools-frontend/6a3cc4f034262e965c19d07a9ce08814eefddd33
commit
6a3cc4f034262e965c19d07a9ce08814eefddd33
[log]
author
Ergun Erdogmus <ergunsh@chromium.org>
Mon Nov 24 14:32:12 2025
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Tue Nov 25 09:54:20 2025
tree
e32d46ff764ac370f347ee300a3cf7669e3f1d3e
parent
a1e34869950befe04b77a56f1ba8adda7d466a65 [diff]
[AiAssistance] Refactor ModelChatMessage to support interleaved responses

See b/462369526#attachment71251292 for the new UX.

This CL refactors the ModelChatMessage interface to use a 'parts'
array instead of separate 'answer' and 'steps' properties.
This allows for interleaved text and step responses from the AI model.

Changes:

- Update ModelChatMessage interface in ChatView.ts.
- Update renderChatMessage in ChatView.ts to iterate over parts.
- Update AiAssistancePanel.ts to populate parts from streaming events.
- Update unit tests in AiAssistancePanel.test.ts and ChatView.test.ts.
- Add new tests for interleaved responses and streaming updates.

Fixed: 462369526
Change-Id: I7d608edbba9b6dafbc3448979a1c1c3584a9577a
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7198520
Reviewed-by: Nikolay Vitkov <nvitkov@chromium.org>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Commit-Queue: Ergün Erdoğmuş <ergunsh@chromium.org>
6 files changed
tree: e32d46ff764ac370f347ee300a3cf7669e3f1d3e
  1. .gemini/
  2. .github/
  3. .vscode/
  4. build_overrides/
  5. config/
  6. docs/
  7. extension-api/
  8. extensions/
  9. front_end/
  10. inspector_overlay/
  11. mcp/
  12. node_modules/
  13. scripts/
  14. test/
  15. third_party/
  16. v8/
  17. build
  18. buildtools
  19. .clang-format
  20. .clang-format-ignore
  21. .editorconfig
  22. .env.template
  23. .geminiignore
  24. .git-blame-ignore-revs
  25. .gitallowed
  26. .gitattributes
  27. .gitignore
  28. .gitmodules
  29. .gn
  30. .mailmap
  31. .npmignore
  32. .npmrc
  33. .style.yapf
  34. .stylelintignore
  35. .stylelintrc.json
  36. AUTHORS
  37. BUILD.gn
  38. codereview.settings
  39. CONTRIBUTING.md
  40. DEPS
  41. DIR_METADATA
  42. eslint.config.mjs
  43. favicon.ico
  44. LICENSE
  45. OWNERS
  46. package-lock.json
  47. package.json
  48. PRESUBMIT.py
  49. README.md
  50. 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: