chrome-devtools-frontend 1.0.1506453 → 1.0.1510180

package/front_end/ui/legacy/components/source_frame/xmlTree.css

@@ -4,6 +4,7 @@
  * found in the LICENSE file.
  */
 
+@scope to (devtools-widget > *) {
 .tree-outline ol {
   list-style: none;
   padding: 0;
@@ -19,35 +20,36 @@ ol.tree-outline {
   min-height: 12px;
 }
 
-.tree-outline li.shadow-xml-view-close-tag {
+::part(shadow-xml-view-close-tag) {
   margin-left: -16px;
 }
 
-.shadow-xml-view-tag {
+::part(shadow-xml-view-close-tag),::part(shadow-xml-view-tag) {
   color: var(--sys-color-purple);
 }
 
-.shadow-xml-view-comment {
+::part(shadow-xml-view-comment) {
   color: var(--sys-color-green);
 }
 
-.shadow-xml-view-processing-instruction {
+::part(shadow-xml-view-processing-instruction) {
   color: var(--sys-color-green);
 }
 
-.shadow-xml-view-attribute-name {
+::part(shadow-xml-view-attribute-name) {
   color: var(--sys-color-orange);
 }
 
-.shadow-xml-view-attribute-value {
+::part(shadow-xml-view-attribute-value) {
   color: var(--sys-color-blue);
 }
 
-.shadow-xml-view-text {
+::part(shadow-xml-view-text) {
   color: var(--sys-color-on-surface);
   white-space: pre;
 }
 
-.shadow-xml-view-cdata {
+::part(shadow-xml-view-cdata) {
   color: var(--sys-color-on-surface);
 }
+}

package/front_end/ui/legacy/components/source_frame/xmlView.css

@@ -4,8 +4,10 @@
  * found in the LICENSE file.
  */
 
+@scope to (devtools-widget > *) {
 .shadow-xml-view {
   user-select: text;
   overflow: auto;
-  padding: 2px 4px;
+  padding: 0;
+}
 }

package/front_end/ui/legacy/inspectorCommon.css

@@ -144,7 +144,7 @@ iframe.widget {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.highlighted-search-result {
+.highlighted-search-result,::highlight(highlighted-search-result) {
   border-radius: 1px;
   background-color: var(--sys-color-yellow-container);
   outline: 1px solid var(--sys-color-yellow-container);
@@ -329,10 +329,11 @@ input[type='range']:disabled::-webkit-slider-thumb {
   }
 }
 
-.highlighted-search-result.current-search-result {
+.highlighted-search-result.current-search-result,::highlight(current-search-result) {
   /* Note: this value is used in light & dark mode */
   --override-current-search-result-background-color: rgb(255 127 0 / 80%);
 
+  outline: 1px solid var(--sys-color-yellow-container);
   border-radius: 1px;
   padding: 1px;
   margin: -1px;

package/front_end/ui/legacy/legacy.ts

@@ -16,7 +16,6 @@ import * as FilterBar from './FilterBar.js';
 import * as FilterSuggestionBuilder from './FilterSuggestionBuilder.js';
 import * as ForwardedInputEventHandler from './ForwardedInputEventHandler.js';
 import * as Fragment from './Fragment.js';
-import * as Geometry from './Geometry.js';
 import * as GlassPane from './GlassPane.js';
 import * as Infobar from './Infobar.js';
 import * as InplaceEditor from './InplaceEditor.js';
@@ -71,7 +70,6 @@ export {
   FilterSuggestionBuilder,
   ForwardedInputEventHandler,
   Fragment,
-  Geometry,
   GlassPane,
   Infobar,
   InplaceEditor,

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -540,6 +540,7 @@ export const knownContextValues = new Set([
   'background-services',
   'background-size',
   'background-sync',
+  'badge-notification.dismiss',
   'badproperty',
   'bars',
   'base-64',
@@ -571,6 +572,7 @@ export const knownContextValues = new Set([
   'black-berry-play-book-2.1',
   'blackbox',
   'ble',
+  'block-ellipsis',
   'block-request-domain',
   'block-request-url',
   'block-size',
@@ -1688,6 +1690,7 @@ export const knownContextValues = new Set([
   'gap-rule-overlap',
   'gap-rule-paint-order',
   'garamond',
+  'gdp.sign-up',
   'gen-ai-settings-panel',
   'general',
   'generative-ai-terms-of-service',
@@ -1886,7 +1889,7 @@ export const knownContextValues = new Set([
   'inspector-main.hard-reload',
   'inspector-main.reload',
   'inspector-stylesheet',
-  'inspector.use-vertical-drawer-orientation',
+  'inspector.drawer-orientation',
   'installability',
   'installing-entry-inspect',
   'instance-id',
@@ -2948,6 +2951,7 @@ export const knownContextValues = new Set([
   'rec-2020',
   'recalc-style-count',
   'receive',
+  'receive-gdp-badges',
   'recommendation',
   'reconnect',
   'record-allocation-stacks',
@@ -3685,7 +3689,6 @@ export const knownContextValues = new Set([
   'time',
   'timeline',
   'timeline-alternative-navigation',
-  'timeline-ask-ai-full-button',
   'timeline-capture-layers-and-pictures',
   'timeline-capture-selector-stats',
   'timeline-compiled-sources',
@@ -3781,7 +3784,7 @@ export const knownContextValues = new Set([
   'timeline.insight-ask-ai.dismiss-field-mismatch',
   'timeline.insight-ask-ai.document-latency',
   'timeline.insight-ask-ai.dom-size',
-  'timeline.insight-ask-ai.duplicated-javascript ',
+  'timeline.insight-ask-ai.duplicated-javascript',
   'timeline.insight-ask-ai.field-mismatch',
   'timeline.insight-ask-ai.font-display',
   'timeline.insight-ask-ai.forced-reflow',
@@ -3789,9 +3792,10 @@ export const knownContextValues = new Set([
   'timeline.insight-ask-ai.inp',
   'timeline.insight-ask-ai.lcp-by-phase',
   'timeline.insight-ask-ai.lcp-discovery',
-  'timeline.insight-ask-ai.legacy-javascript ',
+  'timeline.insight-ask-ai.legacy-javascript',
   'timeline.insight-ask-ai.long-critical-network-tree',
   'timeline.insight-ask-ai.modern-http',
+  'timeline.insight-ask-ai.network-dependency-tree',
   'timeline.insight-ask-ai.render-blocking-requests',
   'timeline.insight-ask-ai.slow-css-selector',
   'timeline.insight-ask-ai.third-parties',

package/package.json

@@ -62,7 +62,7 @@
     "eslint-plugin-eslint-plugin": "7.0.0",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsdoc": "51.3.4",
-    "eslint-plugin-mocha": "11.1.0",
+    "eslint-plugin-mocha": "10.5.0",
     "glob": "7.1.7",
     "globals": "16.3.0",
     "js-yaml": "4.1.0",
@@ -102,5 +102,5 @@
       "@eslint/core": "0.15.1"
     }
   },
-  "version": "1.0.1506453"
+  "version": "1.0.1510180"
 }

package/.gemini/commands/migrate-e2e-non-hosted.toml

@@ -1,43 +0,0 @@
-description = "Migrates a test file to the e2e_non_hosted folder"
-prompt = """
-# Task: Migrates a test file to the e2e_non_hosted format.
-
-**The user's raw command is appended below your instructions.**
-
-Your task is to parse the `<original_test_file>`, `<target_test_file>`, and `<issue_id>` from their input
-and migrate `<original_test_file>` to the `<target_test_file>`.
-
-## Expected Format
-The command follows this format: `/migrate-e2e-non-hosted <original_test_file> <target_test_file> <issue_id>`
-
-## Step-by-step instructions
-
-Step by step instructions:
-
-1) Read all tests in @<target_test_file> as examples to understand the aspects of the already migrated files.
-2) Read all files in @test/e2e_non_hosted/shared.
-3) Read the non-migrated test file @<original_test_file>.
-4) Read relevant helpers files imported from the test file.
-5) Create an empty file for the migrated test @<target_test_file>.
-6) Update BUILD.gn files to include the new file into the build and remove it from the BUILD.gn files in the e2e folder.
-7) Migrate the test file following the following instructions:
-
-   - each test function should receive a 'devToolsPage' via its arguments and 'inspectedPage' if needed.
-   - when calling helpers pass the 'devToolsPage' as the last argument.
-   - update the helpers that are used by the test to accept 'devToolsPage' as the last argument if needed. CRITICAL: DO NOT UPDATE helpers if an equivalent already exists on the 'DevToolsPage'. Remember that $$, $, waitFor, click, hover, typeText helpers are available directly on devToolsPage. Rewrite accordingly.
-   - keep the helpers from @test/e2e/helpers in place.
-   - in helpers, the 'devToolsPage' argument should be the last one and it should be optional defaulting to 'getBrowserAndPagesWrappers().devToolsPage'.
-   - use the globally available 'setup' function define experiments and flags for the test.
-   - rewrite any beforeEach/afterEach hooks to be local helper functions called from the test directly.
-   - instead of using 'devToolsPage.keyboard.press' use 'devToolsPage.keyboard.pressKey'.
-   - instead of using global 'click' use 'devToolsPage.click'.
-
-8) After you are done with changes, run 'npm run test -- -t StrictTypes <target_test_file>' to verify.
-9) Delete the original test file.
-10) Create a new branch `git checkout -b fixed-<issue_id>`.
-11) Commit the changes with the message 'Migrate <original_test_file>'
-12) Run 'git cl presubmit --upload'
-13) Run 'git cl upload -a -s -d -f --hashtag=migration-ai -x <issue_id>' to upload the change.
-14) Fix any lint issues. You may have to re-commit if files changed. When re-committing, amend the initial commit to preserve the commit message.
-
-"""

package/.gemini/commands/review.toml

@@ -1,85 +0,0 @@
-description = "Reviews the latest commit"
-prompt = """
-You are an AI assistant programmed to perform meticulous, context-aware code reviews using the tools available in the Gemini CLI. Your task is to review the latest `git` commit.
-
-**Workflow:**
-
-1.  **Identify Changes:** Use the `git` tool to get the commit message and identify all files modified in the latest commit.
-2.  **Review Individually:** Process each changed file one by one.
-3.  **Gather Full Context:** For each file, get its specific code diff. Crucially, to understand the full impact of a change, use tools to read other, unchanged files in the repository as needed (e.g., to see a function definition, a class signature, or a constant that is referenced in the changed code).
-
-**Analysis and Reporting:**
-
-After gathering the full context for a change, analyze it against the detailed checklist below. Format your findings precisely according to the specified output structure.
-
----
-
-**Review Checklist:**
-
-1.  **Functionality & Intent:**
-    * Does the code appear to achieve the stated goal described in the commit message?
-    * Are there logical flaws preventing it? Does it fully address the problem/feature described?
-2.  **Correctness:**
-    * Is the implementation logic sound? Any apparent errors?
-    * Are patterns (e.g., Revealers, event handling, state management) used correctly per conventions or best practices?
-    * Is data/state propagation robust? Any potential inconsistencies?
-    * Is lookup logic (e.g., finding elements/data) safe against null/undefined/missing cases?
-    * Are types used correctly/consistently?
-    * Are component/object lifecycle methods used appropriately (initialization, cleanup)?
-3.  **Asynchronicity:**
-    * Is the usage of `async`/`await`, Promises, `setTimeout`, UI framework async helpers correct and necessary?
-    * Any potential race conditions?
-    * Is async operation cancellation handled where needed?
-4.  **Resource Management:**
-    * **Critical:** Examine timers (`setTimeout`, `setInterval`), event listeners (`addEventListener`), subscriptions, WebSockets, file handles, manual DOM manipulations outside framework lifecycles, etc.
-    * **Verify explicit cleanup:** Is there corresponding cleanup logic (e.g., `removeEventListener`, `clearTimeout`, `clearInterval`, `.unsubscribe()`, `.close()`, framework-specific cleanup hooks) in appropriate lifecycle methods (e.g., `disconnectedCallback`, `useEffect` cleanup, `ngOnDestroy`, `finally`) to prevent leaks when the component/object is destroyed or the resource is no longer needed?
-5.  **Error Handling & Edge Cases:**
-    * Is error handling present and robust for expected failures (e.g., network, API, data validation, file operations)?
-    * Are edge cases handled gracefully (e.g., empty inputs, nulls, zeros, boundary conditions, unexpected data types)?
-6.  **Performance:**
-    * Any obvious performance bottlenecks (e.g., inefficient loops, excessive re-renders/recalculations, large memory allocations, blocking operations on main thread)?
-    * Any clear opportunities for optimization (e.g., memoization, lazy loading, debouncing/throttling)?
-7.  **Security:**
-    * Any potential security risks (e.g., improper handling of user input (XSS), insecure API usage, exposing sensitive data)? (Basic check)
-8.  **Accessibility (a11y):** (Especially for UI/HTML changes)
-    * Is semantic HTML used correctly (e.g., `<button>` for buttons, `<nav>` for navigation)?
-    * Are necessary ARIA attributes used appropriately for custom components or complex interactions?
-    * Is content perceivable (e.g., sufficient color contrast, alternatives for non-text content)?
-    * Is functionality operable via keyboard? Are focus states managed correctly?
-9.  **Testability:**
-    * Is the code structured in a way that facilitates unit or integration testing?
-    * Are there clear dependencies that might hinder testing? Could dependency injection help?
-    * Based on the change, are new tests needed or existing tests require updates? (Consider this even if tests aren't in the CL).
-10. **Code Style, Readability & Documentation:**
-    * Any significant issues impacting readability or maintainability beyond automated linting (e.g., unclear variable/function names, overly complex logic, magic numbers/strings)?
-    * Are comments present for complex or non-obvious logic? Are existing comments accurate and up-to-date?
-    * Is code documentation (e.g., JSDoc, TSDoc) needed or updated for public APIs or complex functions?
-11. **CSS/Styling (if applicable):** Is CSS correct, efficient, maintainable? Does it follow conventions? Any potential style conflicts or specificity issues?
-
----
-
-**Output:**
-
-Generate code review feedback as a series of structured comment blocks. Each block must correspond to a **single, concrete identified issue** and follow this **exact format**. **Crucially, do not use Markdown headings (#, ##, ---, === under text) for the labels (File:, Line:, Context:, Comment:).** Use the specified separator `***` between comments.
-
-File: <path/to/relevant/file.ext>
-Line: <line_number_of_issue_or_most_relevant_line>
-Context:
-```
-<Code from line_number_or_relevant_line - 1>
-<Code from line_number_or_relevant_line>
-<Code from line_number_or_relevant_line + 1>
-```
-
-Comment: <Your specific, **concrete**, and actionable review comment. Clearly explain the **identified** issue (not a potential or speculative one). If suggesting alternatives or pointing out omissions, provide **specific examples** where possible. Ask clarifying questions only if essential information seems missing in the CL for analysis. Phrased objectively and concisely.>
-***
-
-# Guidelines for Output:
-
-* Replace placeholders `<...>` with actual values based on your analysis.
-* **Formatting:** Ensure the labels `File:`, `Line:`, `Context:`, `Comment:` start on new lines and are treated as plain text, not Markdown headings.
-* For `Line:`, use the specific line number where the issue occurs. If the issue spans a block or concerns a general aspect of a function/file (e.g., missing cleanup for a resource initialized elsewhere), use the most representative line number within that context (e.g., the function definition line, the resource initialization line).
-* For `Context:`, provide exactly one line of code before and one line after the target line number, **wrapped in its own triple-backtick code block**. Ensure these context lines accurately reflect the code surrounding the specified line. If the target line is the first or last line of the file, provide only the available context line(s) within the code block.
-* Ensure each `Comment:` targets a single, distinct, and concrete issue identified from the checklist analysis. The comment text itself *can* contain Markdown formatting (like bolding), but should not start with heading markers.
-* Generate one complete block (including the `***` separator) for each concrete issue found. The blocks should be sequential.
-"""

package/.github/workflows/auto-close-prs.yml

@@ -1,30 +0,0 @@
-name: Auto-close PRs
-
-permissions:
-  pull-requests: write
-  issues: write
-
-on:
-  schedule:
-    # Run everyday at: https://crontab.guru/#0_6_*_*_*.
-    - cron: '0 6 * * *'
-  workflow_dispatch:
-
-jobs:
-  auto-close:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          sparse-checkout: |
-            .github
-      - name: Close open pull requests
-        shell: bash
-        env:
-          GH_TOKEN: ${{ github.token }}
-        run: |
-          PRS=$(gh pr list --state=open --repo=ChromeDevTools/devtools-frontend --json number --jq '.[].number')
-          for PR in $PRS; do
-            # See https://cli.github.com/manual/gh_pr_close
-            gh pr close --comment "Auto-closing the pull request because we do not accept PRs via the GitHub mirror. See README.md on how to contribute to DevTools." $PR
-          done

package/.vscode/devtools-workspace-launch.json

@@ -1,43 +0,0 @@
-{
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "type": "chrome",
-      "request": "launch",
-      "name": "Run unit tests in VS Code debugger",
-      "preLaunchTask": "1-build_Debug",
-      "runtimeExecutable": "npm",
-      "runtimeArgs": ["run", "test", "front_end"],
-      "port": 7722,
-      "timeout": 30000,
-      "browserLaunchLocation": "workspace",
-      "outputCapture": "std",
-      "trace": true
-    },
-    {
-      "type": "node",
-      "request": "launch",
-      "name": "Run end-to-end tests in VS Code debugger",
-      "preLaunchTask": "1-build_Debug",
-      "runtimeExecutable": "npm",
-      "runtimeArgs": ["run", "test", "test/e2e"]
-    },
-    {
-      "type": "node",
-      "request": "launch",
-      "name": "Run test",
-      "cwd": "${workspaceFolder}",
-      "runtimeExecutable": "npm",
-      "runtimeArgs": ["run", "test", "--", "${file}"]
-    },
-    {
-      "type": "node",
-      "request": "launch",
-      "name": "Debug test",
-      "cwd": "${workspaceFolder}",
-      "runtimeExecutable": "npm",
-      "console": "integratedTerminal",
-      "runtimeArgs": ["run", "test", "--", "--debug", "${file}"]
-    }
-  ]
-}

package/.vscode/devtools-workspace-settings.json

@@ -1,12 +0,0 @@
-{
-  "eslint.runtime": "$PATHED by scripts/deps/sync-vscode-settings.mjs",
-  "eslint.execArgv": [
-    "--experimental-strip-types",
-    "--no-warnings=ExperimentalWarning"
-  ],
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "debug.javascript.terminalOptions": {
-    "skipFiles": ["node_modules/typescript/**"]
-  },
-  "lit-plugin.rules.no-incompatible-type-binding": "off"
-}

package/.vscode/devtools-workspace-tasks.json

@@ -1,66 +0,0 @@
-{
-  "version": "2.0.0",
-  "runner": "terminal",
-  "tasks": [
-    {
-      "label": "1-build_Debug",
-      "type": "shell",
-      "command": "npm run build",
-      "group": { "kind": "build", "isDefault": true },
-      "presentation": {
-        "echo": true,
-        "reveal": "always"
-      },
-      "problemMatcher": [
-        {
-          "owner": "typescript",
-          "fileLocation": ["relative", "${workspaceRoot}"],
-          "pattern": {
-            "regexp": "^([^\\s].*)\\((\\d+,\\d+)\\): error (TS\\d+):\\s*(.*)$",
-            "file": 1,
-            "location": 2,
-            "code": 3,
-            "message": 4
-          }
-        }
-      ]
-    },
-   {
-    "label": "Create Widget",
-    "type": "shell",
-    "command": "node",
-    "args": [
-      "${workspaceFolder}/scripts/scaffold/scaffold-widget.js",
-      "${input:widgetPath}",
-      "${input:widgetName}"
-    ],
-    "options": {
-      "cwd": "${workspaceFolder}"
-    },
-    "problemMatcher": [],
-    "presentation": {
-      "echo": true,
-      "reveal": "always",
-      "focus": false,
-      "panel": "shared",
-      "showReuseMessage": false,
-      "clear": false
-    },
-    "group": {
-      "kind": "build",
-      "isDefault": false
-    }
-  }],
-  "inputs": [
-    {
-      "id": "widgetPath",
-      "type": "promptString",
-      "description": "Enter the path to create the widget (e.g., front_end/panels/ai_assistance)"
-    },
-    {
-      "id": "widgetName",
-      "type": "promptString",
-      "description": "Enter the WidgetName (PascalCase, e.g., MyWidget)"
-    }
-  ]
-}

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["dbaeumer.vscode-eslint", "runem.lit-plugin", "Google.gn"]
-}

package/codereview.settings

@@ -1,4 +0,0 @@
-# This file is used by git-cl to get repository specific information.
-GERRIT_HOST: True
-CODE_REVIEW_SERVER: codereview.chromium.org
-PROJECT: devtools-frontend