chrome-devtools-frontend 1.0.1654411 → 1.0.1656897

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/.agents/skills/ui-eng-vision-local-lit-renderer/SKILL.md +116 -0
  2. package/.agents/skills/ui-eng-vision-logic-consolidator/SKILL.md +82 -0
  3. package/.agents/skills/ui-eng-vision-orchestrator/SKILL.md +123 -0
  4. package/.agents/skills/ui-eng-vision-test-scaffolder/SKILL.md +125 -0
  5. package/.agents/skills/ui-eng-vision-widget-promoter/SKILL.md +75 -0
  6. package/AUTHORS +1 -0
  7. package/config/owner/COMMON_OWNERS +0 -4
  8. package/docs/playbook.md +1 -1
  9. package/front_end/Tests.js +1 -0
  10. package/front_end/core/common/Settings.ts +47 -30
  11. package/front_end/core/sdk/CPUThrottlingManager.ts +10 -159
  12. package/front_end/core/sdk/ConsoleModel.ts +13 -11
  13. package/front_end/core/sdk/DOMDebuggerModel.ts +11 -5
  14. package/front_end/core/sdk/DOMModel.ts +7 -5
  15. package/front_end/core/sdk/EventBreakpointsModel.ts +9 -5
  16. package/front_end/core/sdk/IsolateManager.ts +6 -6
  17. package/front_end/core/sdk/ResourceTreeModel.ts +5 -3
  18. package/front_end/core/sdk/SourceMapCache.ts +2 -4
  19. package/front_end/core/sdk/SourceMapManager.ts +8 -7
  20. package/front_end/core/sdk/TargetManager.ts +17 -0
  21. package/front_end/entrypoints/devtools_app/devtools_app.ts +0 -1
  22. package/front_end/entrypoints/main/MainImpl.ts +12 -36
  23. package/front_end/entrypoints/main/SimpleApp.ts +0 -13
  24. package/front_end/entrypoints/main/main-meta.ts +1 -1
  25. package/front_end/foundation/Universe.ts +110 -3
  26. package/front_end/generated/InspectorBackendCommands.ts +5 -1
  27. package/front_end/generated/SupportedCSSProperties.js +2 -6
  28. package/front_end/generated/protocol-mapping.d.ts +8 -0
  29. package/front_end/generated/protocol-proxy-api.d.ts +15 -0
  30. package/front_end/generated/protocol.ts +36 -1
  31. package/front_end/models/ai_assistance/AiConversation.ts +0 -6
  32. package/front_end/models/ai_assistance/agents/NetworkAgent.snapshot.txt +1 -1
  33. package/front_end/models/ai_assistance/agents/PerformanceAgent.ts +2 -156
  34. package/front_end/models/ai_assistance/agents/StylingAgent.snapshot.txt +0 -24
  35. package/front_end/models/ai_assistance/agents/StylingAgent.ts +2 -358
  36. package/front_end/models/ai_assistance/ai_assistance.ts +0 -6
  37. package/front_end/models/ai_assistance/contexts/RequestContext.snapshot.txt +0 -1
  38. package/front_end/models/ai_assistance/data_formatters/NetworkRequestFormatter.ts +0 -2
  39. package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts +1 -14
  40. package/front_end/models/autofill_manager/AutofillManager.ts +1 -2
  41. package/front_end/models/crux-manager/CrUXManager.ts +16 -11
  42. package/front_end/models/javascript_metadata/NativeFunctions.js +1 -1
  43. package/front_end/models/persistence/AutomaticFileSystemManager.ts +14 -13
  44. package/front_end/models/persistence/AutomaticFileSystemWorkspaceBinding.ts +12 -9
  45. package/front_end/models/persistence/IsolatedFileSystemManager.ts +18 -9
  46. package/front_end/models/project_settings/ProjectSettingsModel.ts +12 -11
  47. package/front_end/models/trace/handlers/ScreenshotsHandler.ts +14 -59
  48. package/front_end/panels/ai_assistance/AiAssistancePanel.ts +3 -29
  49. package/front_end/panels/application/DeviceBoundSessionsView.ts +15 -3
  50. package/front_end/panels/application/FrameDetailsView.ts +2 -1
  51. package/front_end/panels/application/ServiceWorkersView.ts +193 -161
  52. package/front_end/panels/application/serviceWorkersView.css +8 -0
  53. package/front_end/panels/common/CPUThrottlingOption.ts +142 -0
  54. package/front_end/panels/common/ThrottlingUtils.ts +9 -4
  55. package/front_end/panels/common/common.ts +1 -1
  56. package/front_end/panels/console/ConsoleViewMessage.ts +45 -0
  57. package/front_end/panels/elements/ElementsPanel.ts +35 -102
  58. package/front_end/panels/elements/ElementsTreeOutline.ts +0 -4
  59. package/front_end/panels/elements/elements-meta.ts +3 -2
  60. package/front_end/panels/emulation/DeviceModeToolbar.ts +46 -45
  61. package/front_end/panels/mobile_throttling/CalibrationController.ts +6 -5
  62. package/front_end/panels/mobile_throttling/MobileThrottlingSelector.ts +1 -1
  63. package/front_end/panels/mobile_throttling/ThrottlingManager.ts +40 -13
  64. package/front_end/panels/mobile_throttling/ThrottlingPresets.ts +13 -17
  65. package/front_end/panels/mobile_throttling/ThrottlingSettingsTab.ts +15 -13
  66. package/front_end/panels/network/NetworkLogView.ts +0 -9
  67. package/front_end/panels/network/NetworkPanel.ts +1 -63
  68. package/front_end/panels/network/RequestInitiatorView.ts +29 -4
  69. package/front_end/panels/network/components/HeaderSectionRow.css +9 -7
  70. package/front_end/panels/network/components/HeaderSectionRow.ts +20 -1
  71. package/front_end/panels/network/components/RequestHeaderSection.css +5 -3
  72. package/front_end/panels/network/components/RequestHeaderSection.ts +1 -2
  73. package/front_end/panels/network/components/RequestHeadersView.css +1 -1
  74. package/front_end/panels/security/SecurityPanel.ts +36 -23
  75. package/front_end/panels/settings/SettingsScreen.ts +18 -103
  76. package/front_end/panels/settings/settings-meta.ts +0 -24
  77. package/front_end/panels/timeline/TimelineController.ts +3 -2
  78. package/front_end/panels/timeline/TimelinePanel.ts +20 -3
  79. package/front_end/panels/timeline/components/CPUThrottlingSelector.ts +15 -14
  80. package/front_end/panels/timeline/timelineFlamechartPopover.css +2 -0
  81. package/front_end/panels/utils/utils.ts +25 -24
  82. package/front_end/third_party/chromium/README.chromium +1 -1
  83. package/front_end/third_party/puppeteer/README.chromium +2 -2
  84. package/front_end/third_party/puppeteer/package/lib/es5-iife/puppeteer-core-browser.d.ts +34 -55
  85. package/front_end/third_party/puppeteer/package/lib/es5-iife/puppeteer-core-browser.js +96 -83
  86. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/Browser.d.ts +10 -1
  87. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/Browser.d.ts.map +1 -1
  88. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/Browser.js.map +1 -1
  89. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/BrowserContext.d.ts.map +1 -1
  90. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/BrowserContext.js +1 -1
  91. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/BrowserContext.js.map +1 -1
  92. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/CDPSession.d.ts.map +1 -1
  93. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/CDPSession.js.map +1 -1
  94. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/HTTPResponse.d.ts +3 -2
  95. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/HTTPResponse.d.ts.map +1 -1
  96. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/HTTPResponse.js.map +1 -1
  97. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/Realm.d.ts.map +1 -1
  98. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/Realm.js.map +1 -1
  99. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/Target.d.ts +1 -1
  100. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/Target.js +1 -1
  101. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/locators/locators.d.ts.map +1 -1
  102. package/front_end/third_party/puppeteer/package/lib/puppeteer/api/locators/locators.js.map +1 -1
  103. package/front_end/third_party/puppeteer/package/lib/puppeteer/bidi/HTTPResponse.d.ts.map +1 -1
  104. package/front_end/third_party/puppeteer/package/lib/puppeteer/bidi/HTTPResponse.js +2 -1
  105. package/front_end/third_party/puppeteer/package/lib/puppeteer/bidi/HTTPResponse.js.map +1 -1
  106. package/front_end/third_party/puppeteer/package/lib/puppeteer/bidi/core/Realm.d.ts.map +1 -1
  107. package/front_end/third_party/puppeteer/package/lib/puppeteer/bidi/core/Realm.js.map +1 -1
  108. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Browser.d.ts +2 -2
  109. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Browser.d.ts.map +1 -1
  110. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Browser.js +5 -2
  111. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Browser.js.map +1 -1
  112. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Frame.js +1 -1
  113. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Frame.js.map +1 -1
  114. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/FrameManager.d.ts.map +1 -1
  115. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/FrameManager.js +23 -13
  116. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/FrameManager.js.map +1 -1
  117. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/HTTPResponse.d.ts.map +1 -1
  118. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/HTTPResponse.js +4 -1
  119. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/HTTPResponse.js.map +1 -1
  120. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Input.js +1 -1
  121. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/LifecycleWatcher.d.ts.map +1 -1
  122. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/LifecycleWatcher.js.map +1 -1
  123. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Target.d.ts.map +1 -1
  124. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/Target.js.map +1 -1
  125. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/WebMCP.d.ts +3 -41
  126. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/WebMCP.d.ts.map +1 -1
  127. package/front_end/third_party/puppeteer/package/lib/puppeteer/cdp/WebMCP.js.map +1 -1
  128. package/front_end/third_party/puppeteer/package/lib/puppeteer/common/ConnectOptions.d.ts.map +1 -1
  129. package/front_end/third_party/puppeteer/package/lib/puppeteer/node/BrowserLauncher.d.ts.map +1 -1
  130. package/front_end/third_party/puppeteer/package/lib/puppeteer/node/BrowserLauncher.js +4 -2
  131. package/front_end/third_party/puppeteer/package/lib/puppeteer/node/BrowserLauncher.js.map +1 -1
  132. package/front_end/third_party/puppeteer/package/lib/puppeteer/node/LaunchOptions.d.ts +5 -0
  133. package/front_end/third_party/puppeteer/package/lib/puppeteer/node/LaunchOptions.d.ts.map +1 -1
  134. package/front_end/third_party/puppeteer/package/lib/puppeteer/revisions.d.ts +1 -1
  135. package/front_end/third_party/puppeteer/package/lib/puppeteer/revisions.js +1 -1
  136. package/front_end/third_party/puppeteer/package/lib/puppeteer/util/httpUtils.d.ts +1 -1
  137. package/front_end/third_party/puppeteer/package/lib/puppeteer/util/httpUtils.d.ts.map +1 -1
  138. package/front_end/third_party/puppeteer/package/lib/puppeteer/util/httpUtils.js +5 -5
  139. package/front_end/third_party/puppeteer/package/lib/puppeteer/util/httpUtils.js.map +1 -1
  140. package/front_end/third_party/puppeteer/package/lib/puppeteer/util/version.d.ts +1 -1
  141. package/front_end/third_party/puppeteer/package/lib/puppeteer/util/version.js +1 -1
  142. package/front_end/third_party/puppeteer/package/lib/types.d.ts +34 -55
  143. package/front_end/third_party/puppeteer/package/package.json +4 -4
  144. package/front_end/third_party/puppeteer/package/src/api/Browser.ts +13 -1
  145. package/front_end/third_party/puppeteer/package/src/api/BrowserContext.ts +2 -3
  146. package/front_end/third_party/puppeteer/package/src/api/CDPSession.ts +3 -1
  147. package/front_end/third_party/puppeteer/package/src/api/HTTPResponse.ts +3 -2
  148. package/front_end/third_party/puppeteer/package/src/api/Realm.ts +1 -2
  149. package/front_end/third_party/puppeteer/package/src/api/Target.ts +1 -1
  150. package/front_end/third_party/puppeteer/package/src/api/locators/locators.ts +1 -2
  151. package/front_end/third_party/puppeteer/package/src/bidi/HTTPResponse.ts +3 -1
  152. package/front_end/third_party/puppeteer/package/src/bidi/core/Realm.ts +1 -3
  153. package/front_end/third_party/puppeteer/package/src/cdp/Browser.ts +13 -3
  154. package/front_end/third_party/puppeteer/package/src/cdp/Frame.ts +1 -1
  155. package/front_end/third_party/puppeteer/package/src/cdp/FrameManager.ts +24 -13
  156. package/front_end/third_party/puppeteer/package/src/cdp/HTTPResponse.ts +4 -1
  157. package/front_end/third_party/puppeteer/package/src/cdp/Input.ts +1 -1
  158. package/front_end/third_party/puppeteer/package/src/cdp/LifecycleWatcher.ts +1 -4
  159. package/front_end/third_party/puppeteer/package/src/cdp/Target.ts +2 -4
  160. package/front_end/third_party/puppeteer/package/src/cdp/WebMCP.ts +7 -76
  161. package/front_end/third_party/puppeteer/package/src/common/ConnectOptions.ts +1 -4
  162. package/front_end/third_party/puppeteer/package/src/node/BrowserLauncher.ts +4 -1
  163. package/front_end/third_party/puppeteer/package/src/node/LaunchOptions.ts +5 -0
  164. package/front_end/third_party/puppeteer/package/src/revisions.ts +1 -1
  165. package/front_end/third_party/puppeteer/package/src/util/httpUtils.ts +5 -5
  166. package/front_end/third_party/puppeteer/package/src/util/version.ts +1 -1
  167. package/front_end/third_party/puppeteer/third_party/parsel/README.chromium +1 -1
  168. package/front_end/ui/components/dialogs/Dialog.ts +3 -0
  169. package/front_end/ui/components/markdown_view/MarkdownLinksMap.ts +0 -7
  170. package/front_end/ui/helpers/OpenInNewTab.ts +15 -7
  171. package/front_end/ui/legacy/TabbedPane.ts +1 -108
  172. package/front_end/ui/legacy/components/data_grid/DataGrid.ts +9 -0
  173. package/front_end/ui/legacy/components/data_grid/DataGridElement.ts +172 -123
  174. package/front_end/ui/legacy/components/data_grid/DataGridExporter.ts +89 -0
  175. package/front_end/ui/legacy/components/data_grid/dataGrid.css +10 -0
  176. package/front_end/ui/legacy/components/data_grid/data_grid.ts +3 -1
  177. package/front_end/ui/legacy/components/perf_ui/FlameChart.ts +89 -40
  178. package/front_end/ui/visual_logging/KnownContextValues.ts +2 -0
  179. package/package.json +1 -1
  180. package/front_end/Images/navigationControls.png +0 -0
  181. package/front_end/Images/navigationControls_2x.png +0 -0
  182. package/front_end/Images/popoverArrows.png +0 -0
  183. package/front_end/entrypoints/greendev_floaty/FloatyEntrypoint.ts +0 -746
  184. package/front_end/entrypoints/greendev_floaty/floaty.css +0 -301
  185. package/front_end/entrypoints/greendev_floaty/floaty.html +0 -38
  186. package/front_end/entrypoints/greendev_floaty/greendev_floaty.ts +0 -415
  187. package/front_end/models/ai_assistance/agents/GreenDevAgent.ts +0 -834
  188. package/front_end/models/ai_assistance/agents/GreenDevAgentAntigravityCliSocketClient.ts +0 -53
  189. package/front_end/models/ai_assistance/agents/GreenDevAgentGeminiCliSocketClient.ts +0 -117
  190. package/front_end/models/annotations/AnnotationRepository.ts +0 -238
  191. package/front_end/models/annotations/AnnotationType.ts +0 -10
  192. package/front_end/models/annotations/README.md +0 -7
  193. package/front_end/models/annotations/annotations.ts +0 -6
  194. package/front_end/models/greendev/Prototypes.ts +0 -68
  195. package/front_end/models/greendev/README.md +0 -5
  196. package/front_end/models/greendev/greendev.ts +0 -5
  197. package/front_end/panels/common/Annotation.ts +0 -184
  198. package/front_end/panels/common/AnnotationManager.ts +0 -208
  199. package/front_end/panels/common/annotation.css +0 -40
  200. package/front_end/panels/greendev/GreenDevPanel.css +0 -282
  201. package/front_end/panels/greendev/GreenDevPanel.ts +0 -364
  202. package/front_end/panels/greendev/GreenDevShared.ts +0 -13
  203. package/front_end/panels/greendev/greendev-meta.ts +0 -52
  204. package/front_end/panels/greendev/greendev.ts +0 -9
package/front_end/entrypoints/greendev_floaty/floaty.css DELETED
@@ -1,301 +0,0 @@
1
- /* eslint-disable color-named, no-duplicate-selectors */
2
- /* stylelint-disable plugin/use_theme_colors */
3
- /*
4
- * Copyright 2026 The Chromium Authors
5
- * Use of this source code is governed by a BSD-style license that can be
6
- * found in the LICENSE file.
7
- */
8
-
9
- :root {
10
- --gemini-logo: url("data:image/svg+xml,%0A%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2065%2065%22%3E%3Cmask%20id%3D%22maskme%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2265%22%20height%3D%2265%22%3E%3Cpath%20d%3D%22M32.447%200c.68%200%201.273.465%201.439%201.125a38.904%2038.904%200%20001.999%205.905c2.152%205%205.105%209.376%208.854%2013.125%203.751%203.75%208.126%206.703%2013.125%208.855a38.98%2038.98%200%20005.906%201.999c.66.166%201.124.758%201.124%201.438%200%20.68-.464%201.273-1.125%201.439a38.902%2038.902%200%2000-5.905%201.999c-5%202.152-9.375%205.105-13.125%208.854-3.749%203.751-6.702%208.126-8.854%2013.125a38.973%2038.973%200%2000-2%205.906%201.485%201.485%200%2001-1.438%201.124c-.68%200-1.272-.464-1.438-1.125a38.913%2038.913%200%2000-2-5.905c-2.151-5-5.103-9.375-8.854-13.125-3.75-3.749-8.125-6.702-13.125-8.854a38.973%2038.973%200%2000-5.905-2A1.485%201.485%200%20010%2032.448c0-.68.465-1.272%201.125-1.438a38.903%2038.903%200%20005.905-2c5-2.151%209.376-5.104%2013.125-8.854%203.75-3.749%206.703-8.125%208.855-13.125a38.972%2038.972%200%20001.999-5.905A1.485%201.485%200%200132.447%200z%22%20fill%3D%22%23000%22/%3E%3Cpath%20d%3D%22M32.447%200c.68%200%201.273.465%201.439%201.125a38.904%2038.904%200%20001.999%205.905c2.152%205%205.105%209.376%208.854%2013.125%203.751%203.75%208.126%206.703%2013.125%208.855a38.98%2038.98%200%20005.906%201.999c.66.166%201.124.758%201.124%201.438%200%20.68-.464%201.273-1.125%201.439a38.902%2038.902%200%2000-5.905%201.999c-5%202.152-9.375%205.105-13.125%208.854-3.749%203.751-6.702%208.126-8.854%2013.125a38.973%2038.973%200%2000-2%205.906%201.485%201.485%200%2001-1.438%201.124c-.68%200-1.272-.464-1.438-1.125a38.913%2038.913%200%2000-2-5.905c-2.151-5-5.103-9.375-8.854-13.125-3.75-3.749-8.125-6.702-13.125-8.854a38.973%2038.973%200%2000-5.905-2A1.485%201.485%200%20010%2032.448c0-.68.465-1.272%201.125-1.438a38.903%2038.903%200%20005.905-2c5-2.151%209.376-5.104%2013.125-8.854%203.75-3.749%206.703-8.125%208.855-13.125a38.972%2038.972%200%20001.999-5.905A1.485%201.485%200%200132.447%200z%22%20fill%3D%22url%28%23prefix__paint0_linear_2001_67%29%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23maskme%29%22%3E%3Cg%20filter%3D%22url%28%23prefix__filter0_f_2001_67%29%22%3E%3Cpath%20d%3D%22M-5.859%2050.734c7.498%202.663%2016.116-2.33%2019.249-11.152%203.133-8.821-.406-18.131-7.904-20.794-7.498-2.663-16.116%202.33-19.25%2011.151-3.132%208.822.407%2018.132%207.905%2020.795z%22%20fill%3D%22%23FFE432%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter1_f_2001_67%29%22%3E%3Cpath%20d%3D%22M27.433%2021.649c10.3%200%2018.651-8.535%2018.651-19.062%200-10.528-8.35-19.062-18.651-19.062S8.78-7.94%208.78%202.587c0%2010.527%208.35%2019.062%2018.652%2019.062z%22%20fill%3D%22%23FC413D%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter2_f_2001_67%29%22%3E%3Cpath%20d%3D%22M20.184%2082.608c10.753-.525%2018.918-12.244%2018.237-26.174-.68-13.93-9.95-24.797-20.703-24.271C6.965%2032.689-1.2%2044.407-.519%2058.337c.681%2013.93%209.95%2024.797%2020.703%2024.271z%22%20fill%3D%22%2300B95C%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter3_f_2001_67%29%22%3E%3Cpath%20d%3D%22M20.184%2082.608c10.753-.525%2018.918-12.244%2018.237-26.174-.68-13.93-9.95-24.797-20.703-24.271C6.965%2032.689-1.2%2044.407-.519%2058.337c.681%2013.93%209.95%2024.797%2020.703%2024.271z%22%20fill%3D%22%2300B95C%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter4_f_2001_67%29%22%3E%3Cpath%20d%3D%22M30.954%2074.181c9.014-5.485%2011.427-17.976%205.389-27.9-6.038-9.925-18.241-13.524-27.256-8.04-9.015%205.486-11.428%2017.977-5.39%2027.902%206.04%209.924%2018.242%2013.523%2027.257%208.038z%22%20fill%3D%22%2300B95C%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter5_f_2001_67%29%22%3E%3Cpath%20d%3D%22M67.391%2042.993c10.132%200%2018.346-7.91%2018.346-17.666%200-9.757-8.214-17.667-18.346-17.667s-18.346%207.91-18.346%2017.667c0%209.757%208.214%2017.666%2018.346%2017.666z%22%20fill%3D%22%233186FF%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter6_f_2001_67%29%22%3E%3Cpath%20d%3D%22M-13.065%2040.944c9.33%207.094%2022.959%204.869%2030.442-4.972%207.483-9.84%205.987-23.569-3.343-30.663C4.704-1.786-8.924.439-16.408%2010.28c-7.483%209.84-5.986%2023.57%203.343%2030.664z%22%20fill%3D%22%23FBBC04%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter7_f_2001_67%29%22%3E%3Cpath%20d%3D%22M34.74%2051.43c11.135%207.656%2025.896%205.524%2032.968-4.764%207.073-10.287%203.779-24.832-7.357-32.488C49.215%206.52%2034.455%208.654%2027.382%2018.94c-7.072%2010.288-3.779%2024.833%207.357%2032.49z%22%20fill%3D%22%233186FF%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter8_f_2001_67%29%22%3E%3Cpath%20d%3D%22M54.984-2.336c2.833%203.852-.808%2011.34-8.131%2016.727-7.324%205.387-15.557%206.631-18.39%202.78-2.833-3.853.807-11.342%208.13-16.728%207.324-5.387%2015.558-6.631%2018.39-2.78z%22%20fill%3D%22%23749BFF%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter9_f_2001_67%29%22%3E%3Cpath%20d%3D%22M31.727%2016.104C43.053%205.598%2046.94-8.626%2040.41-15.666c-6.53-7.04-21.006-4.232-32.332%206.274s-15.214%2024.73-8.683%2031.77c6.53%207.04%2021.006%204.232%2032.332-6.274z%22%20fill%3D%22%23FC413D%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23prefix__filter10_f_2001_67%29%22%3E%3Cpath%20d%3D%22M8.51%2053.838c6.732%204.818%2014.46%205.55%2017.262%201.636%202.802-3.915-.384-10.994-7.116-15.812-6.731-4.818-14.46-5.55-17.261-1.636-2.802%203.915.383%2010.994%207.115%2015.812z%22%20fill%3D%22%23FFEE48%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22prefix__filter0_f_2001_67%22%20x%3D%22-19.824%22%20y%3D%2213.152%22%20width%3D%2239.274%22%20height%3D%2243.217%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.46%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter1_f_2001_67%22%20x%3D%22-15.001%22%20y%3D%22-40.257%22%20width%3D%2284.868%22%20height%3D%2285.688%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%2211.891%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter2_f_2001_67%22%20x%3D%22-20.776%22%20y%3D%2211.927%22%20width%3D%2279.454%22%20height%3D%2290.916%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%2210.109%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter3_f_2001_67%22%20x%3D%22-20.776%22%20y%3D%2211.927%22%20width%3D%2279.454%22%20height%3D%2290.916%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%2210.109%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter4_f_2001_67%22%20x%3D%22-19.845%22%20y%3D%2215.459%22%20width%3D%2279.731%22%20height%3D%2281.505%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%2210.109%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter5_f_2001_67%22%20x%3D%2229.832%22%20y%3D%22-11.552%22%20width%3D%2275.117%22%20height%3D%2273.758%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%229.606%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter6_f_2001_67%22%20x%3D%22-38.583%22%20y%3D%22-16.253%22%20width%3D%2278.135%22%20height%3D%2278.758%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%228.706%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter7_f_2001_67%22%20x%3D%228.107%22%20y%3D%22-5.966%22%20width%3D%2278.877%22%20height%3D%2277.539%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%227.775%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter8_f_2001_67%22%20x%3D%2213.587%22%20y%3D%22-18.488%22%20width%3D%2256.272%22%20height%3D%2251.81%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%226.957%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter9_f_2001_67%22%20x%3D%22-15.526%22%20y%3D%22-31.297%22%20width%3D%2270.856%22%20height%3D%2269.306%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%225.876%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22prefix__filter10_f_2001_67%22%20x%3D%22-14.168%22%20y%3D%2220.964%22%20width%3D%2255.501%22%20height%3D%2251.571%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%227.273%22%20result%3D%22effect1_foregroundBlur_2001_67%22/%3E%3C/filter%3E%3ClinearGradient%20id%3D%22prefix__paint0_linear_2001_67%22%20x1%3D%2218.447%22%20y1%3D%2243.42%22%20x2%3D%2252.153%22%20y2%3D%2215.004%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234893FC%22/%3E%3Cstop%20offset%3D%22.27%22%20stop-color%3D%22%234893FC%22/%3E%3Cstop%20offset%3D%22.777%22%20stop-color%3D%22%23969DFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BD99FE%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
11
- }
12
-
13
- #floaty-dialog-container {
14
- position: absolute;
15
- top: 0;
16
- left: 0;
17
- width: 100%;
18
- height: 100%;
19
- z-index: 1000;
20
- pointer-events: none;
21
- }
22
-
23
- html, body {
24
- height: 100%;
25
- margin: 0;
26
- padding: 0;
27
- overflow: hidden;
28
- }
29
-
30
- .green-dev-floaty-dialog {
31
- width: 100%;
32
- height: 100%;
33
- background-color: #fff;
34
- display: flex;
35
- flex-direction: column;
36
- font-family: sans-serif;
37
- color: #333;
38
- font-size: 16px;
39
- box-sizing: border-box;
40
- }
41
-
42
- /* Header extending upwards */
43
- .green-dev-floaty-dialog-header {
44
- position: relative;
45
- height: 70px;
46
- margin-top: -20px;
47
- background-color: #d3e3fd;
48
- border-top-left-radius: 12px;
49
- border-top-right-radius: 12px;
50
- display: flex;
51
- justify-content: space-between;
52
- align-items: center;
53
- padding: 34px 10px 11px;
54
- box-sizing: border-box;
55
- }
56
-
57
- .green-dev-floaty-dialog-header-text {
58
- font-weight: bold;
59
- font-size: 18px;
60
- }
61
-
62
- .green-dev-floaty-dialog-close-button {
63
- width: 20px;
64
- height: 20px;
65
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");
66
- background-size: cover;
67
- cursor: pointer;
68
- border: none;
69
- background-color: transparent;
70
- padding: 0;
71
- }
72
-
73
- /* Main content area of the white card */
74
- .green-dev-floaty-dialog-content {
75
- flex-grow: 1;
76
- padding: 20px;
77
- display: flex;
78
- flex-direction: column;
79
- min-height: 0; /* Important for flex-grow with overflow */
80
- }
81
-
82
- .green-dev-floaty-dialog-chat-container {
83
- flex-grow: 1;
84
- margin-bottom: 10px;
85
- overflow-y: auto;
86
- display: flex;
87
- flex-direction: column;
88
- gap: 10px;
89
- padding: 10px;
90
- border: 1px solid #e0e0e0;
91
- border-radius: 8px;
92
- background-color: #f9f9f9;
93
- }
94
-
95
- .message {
96
- padding: 8px 12px;
97
- border-radius: 12px;
98
- max-width: 85%;
99
- overflow-wrap: break-word;
100
- line-height: 1.4;
101
- white-space: pre-wrap; /* Preserve newlines */
102
- flex-shrink: 0;
103
- min-height: min-content;
104
- }
105
-
106
- .user-message {
107
- align-self: flex-end;
108
- background-color: #d3e3fd;
109
- color: #0b57d0;
110
- border-bottom-right-radius: 2px;
111
- }
112
-
113
- .ai-message {
114
- align-self: flex-start;
115
- background-color: #fff;
116
- color: #333;
117
- border: 1px solid #e0e0e0;
118
- border-bottom-left-radius: 2px;
119
- }
120
-
121
- .message-details-toggle {
122
- font-size: 11px;
123
- color: #0b57d0;
124
- cursor: pointer;
125
- margin-top: 4px;
126
- text-decoration: underline;
127
- }
128
-
129
- .message-details-toggle:hover {
130
- color: #0842a0;
131
- }
132
-
133
- .message-details {
134
- font-size: 11px;
135
- color: #666;
136
- margin-top: 8px;
137
- padding-top: 8px;
138
- border-top: 1px solid #eee;
139
- font-family: var(--monospace-font-family);
140
- }
141
-
142
- .thought, .action {
143
- margin-bottom: 6px;
144
- white-space: pre-wrap;
145
- }
146
-
147
- .thought {
148
- font-style: italic;
149
- }
150
-
151
- .green-dev-floaty-dialog-top-row {
152
- display: flex;
153
- align-items: center;
154
- margin-bottom: 15px; /* Space between top row and blue card */
155
- }
156
-
157
- .green-dev-floaty-dialog-gemini-icon {
158
- width: 24px;
159
- height: 24px;
160
- background-image: var(--gemini-logo);
161
- background-size: cover;
162
- margin-right: 10px;
163
- }
164
-
165
- .green-dev-floaty-dialog-checkmark-icon {
166
- width: 20px;
167
- height: 20px;
168
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234CAF50' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
169
- background-size: cover;
170
- margin-right: 5px;
171
- }
172
-
173
- .green-dev-floaty-dialog-context-text {
174
- font-weight: bold;
175
- }
176
-
177
- /* Blue card at the bottom */
178
- .green-dev-floaty-dialog-blue-card {
179
- position: relative;
180
- background-color: #edf2fa; /* Light blue */
181
- border-radius: 12px;
182
- padding: 12px;
183
- display: flex;
184
- flex-direction: column;
185
- gap: 8px;
186
- border: 1px solid #d3e3fd;
187
- flex-shrink: 0;
188
- }
189
-
190
- .green-dev-floaty-dialog-node-description {
191
- font-size: 11px;
192
- font-family: var(--monospace-font-family);
193
- color: #0b57d0;
194
- background-color: #d3e3fd;
195
- padding: 2px 8px;
196
- margin-bottom: 10px;
197
- border-radius: 4px;
198
- align-self: flex-start;
199
- max-width: 100%;
200
- overflow: hidden;
201
- text-overflow: ellipsis;
202
- white-space: nowrap;
203
- }
204
-
205
- .input-row {
206
- display: flex;
207
- align-items: center;
208
- width: 100%;
209
- }
210
-
211
- .green-dev-floaty-dialog-text-field {
212
- flex-grow: 1;
213
- background-color: #fff;
214
- border: 1px solid #a7d9f0;
215
- border-radius: 20px; /* Pill shape */
216
- padding: 8px 16px;
217
- font-size: 14px;
218
- color: #333;
219
- margin-right: 8px;
220
- outline: none;
221
- transition: border-color 0.2s;
222
- }
223
-
224
- .green-dev-floaty-dialog-text-field:focus {
225
- border-color: #0b57d0;
226
- }
227
-
228
- .green-dev-floaty-dialog-play-button {
229
- width: 30px;
230
- height: 30px;
231
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231976D2' d='M8 5v14l11-7z'/%3E%3C/svg%3E");
232
- background-size: cover;
233
- cursor: pointer;
234
- border: none;
235
- background-color: transparent;
236
- padding: 0;
237
- }
238
-
239
- .green-dev-floaty-minimal {
240
- position: absolute;
241
- width: 40px;
242
- height: 40px;
243
- background-color: #fff;
244
- background-image: var(--gemini-logo);
245
- background-repeat: no-repeat;
246
- background-position: center;
247
- background-size: 32px;
248
- cursor: pointer;
249
- pointer-events: all;
250
- z-index: 1001;
251
- border-radius: 12px;
252
- box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
253
- padding: 5px;
254
- }
255
-
256
- .green-dev-floaty-disclaimer {
257
- font-size: 15px;
258
- color: #666;
259
- text-align: center;
260
- margin-top: 8px;
261
- position: relative; /* For tooltip positioning */
262
- }
263
-
264
- .disclaimer-link {
265
- color: #666; /* Match text color */
266
- text-decoration: underline;
267
- cursor: pointer;
268
- }
269
-
270
- .disclaimer-tooltip {
271
- display: none;
272
- position: absolute;
273
- bottom: 100%; /* Position above */
274
- left: 50%;
275
- transform: translateX(-50%);
276
- width: 300px;
277
- padding: 12px;
278
- background-color: #fff;
279
- border: 1px solid #ccc;
280
- border-radius: 8px;
281
- box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
282
- z-index: 1000;
283
- text-align: left;
284
- font-size: 14px;
285
- line-height: 1.4;
286
- color: #333;
287
- }
288
-
289
- .disclaimer-link:hover + .disclaimer-tooltip,
290
- .disclaimer-tooltip:hover {
291
- display: block;
292
- }
293
-
294
- .learn-more-link {
295
- color: #0b57d0;
296
- text-decoration: none;
297
- }
298
-
299
- .learn-more-link:hover {
300
- text-decoration: underline;
301
- }
package/front_end/entrypoints/greendev_floaty/floaty.html DELETED
@@ -1,38 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>DevTools Floaty</title>
5
- <link rel="stylesheet" href="../../ui/legacy/inspectorCommon.css">
6
- <link rel="stylesheet" href="../../ui/legacy/tabbedPane.css">
7
- <link rel="stylesheet" href="floaty.css">
8
- <script src="../../devtools_compatibility.js"></script>
9
- <script type="module" src="FloatyEntrypoint.js"></script>
10
- </head>
11
- <body>
12
- <div class="green-dev-floaty-dialog">
13
- <div class="green-dev-floaty-dialog-content">
14
- <div class="green-dev-floaty-dialog-top-row">
15
- <div class="green-dev-floaty-dialog-gemini-icon"></div>
16
- <div class="green-dev-floaty-dialog-checkmark-icon"></div>
17
- <span class="green-dev-floaty-dialog-context-text">Context added</span>
18
- </div>
19
- <div class="green-dev-floaty-dialog-chat-container" id="chat-container"></div>
20
- <div class="green-dev-floaty-dialog-blue-card">
21
- <div class="green-dev-floaty-dialog-node-description"></div>
22
- <div class="input-row">
23
- <input type="text" class="green-dev-floaty-dialog-text-field" placeholder="Why is this hanging?">
24
- <button class="green-dev-floaty-dialog-play-button"></button>
25
- </div>
26
- <div class="green-dev-floaty-disclaimer">
27
- <span class="disclaimer-link">Relevant data</span> is sent to Google
28
- <div class="disclaimer-tooltip">
29
- Chat messages and any data the inspected page can access via Web APIs are sent to Google and may be seen by human reviewers to improve this feature. This is an experimental AI feature and won't always get it right.
30
- <br><br>
31
- <a href="https://developer.chrome.com/docs/devtools/ai-assistance" class="learn-more-link">Learn about AI in DevTools</a>
32
- </div>
33
- </div>
34
- </div>
35
- </div>
36
- </div>
37
- </body>
38
- </html>