chrome-devtools-frontend 1.0.1362775 → 1.0.1376716

package/docs/dependencies.md

@@ -1,100 +1 @@
-# Dependencies
-
-[TOC]
-
-## Managing dependencies
-
-If you need to manually roll a git dependency, it's not sufficient to update the revision in the DEPS file. Instead, use
-the gclient tool:
-```bash
-gclient setdep -r DEP@REV # for example build@afe0125ef9e10b400d9ec145aa18fca932369346
-```
-This will simultaneously update both the DEPS entry as well as the gitlink entry for the corresponding git submodule.
-
-To sync dependencies from Chromium to DevTools frontend, use `scripts/deps/roll_deps.py`.
-Note that this may:
-- Introduce unneeded whitespace/formatting changes. Presubmit scripts (e.g. invoked via `git cl upload`) will automatically fix these locally, so just apply the changes directly to your change (e.g. with `git commit --amend`) afterwards.
-- Introduce breaking changes to the devtools protocol, causing compilation failures. Unfortunately these need to be handled manually as there are some changes (e.g. removing an enum value) that cannot fail gracefully.
-
-
-The following scripts run as AutoRollers, but can be manually invoked if desired:
-
-- To roll the `HEAD` commit of DevTools frontend into Chromium, use `scripts/deps/roll_to_chromium.py`.
-- To update DevTools frontend's DEPS, use `roll-dep`.
-
-## Third-party Guidelines
-
-When you want to integrate or use third-party content in DevTools, there are a
-couple of different ways to do so. Most of the time, we have to make a
-distinction between "third-party code we use as part of DevTools implementation"
-and "third-party code we use to build DevTools itself, but is not included in
-the product".
-
-### Third-party code included in DevTools bundle
-
-All third-party content that you want to ship as part of the DevTools bundle
-must be included in `front_end/third_party`. The typical way to update these
-packages is to download the relevant packages from [npm]. Since DevTools does
-not use a `package.json` to handle its dependencies (to make it possible to
-review third-party changes by legal), most packages bundles are fetched with
-`wget`.
-
-For all these packages, the [Chromium third-party guidelines] apply.
-
-Since DevTools ships as part of the Chrome binary, bundle size
-limitations apply. To make integration feasible, focus on small packages that
-(preferably) have no dependencies. This will make licensing checks feasible for
-Chromium reviewers and typically avoids inflating the bundle size.
-
-### Third-party tooling packages
-
-For all third-party packages that are used either as part of the DevTools build
-process or to augment engineers workflows (for example linters), we add them to
-`scripts/deps/manage_node_deps.py`. This Python script has been approved by
-Chromium licensing to be used, on the basis that it enforces all packages have a
-license that is compatible with a set of pre-defined licensees.
-
-If you want to use a new package as tooling process in engineer workflows, you
-can add the package to the `package.json` and run `npm run install-deps`
-to check in the new contents.
-
-Only add new license types to `LICENSES` after you received approval
-from `opensource-licensing@google.com`. Their response time is typically within
-24 hours, so this typically is not a big hurdle.
-
-To avoid excessive package updates, it is typically easiest to
-update all packages in `manage_node_deps.py` once a month. Since NPM packages
-can have a lot of (shared) transitive dependencies, updating the packages on a
-specific day increases the chances that shared dependencies are deduplicated and
-thus result in smaller repository sizes.
-
-> **WARNING:** Updating tools such as Rollup and TypeScript will cause all build cache
-> output to be purged, as they are part of all DevTools modules. Whenever you are
-> updating either of these tools, update these at the end of a working day to
-> avoid full rebuilds for other engineers.
-
-### Chromium third-party DEPS
-
-Some packages related to infrastructure are maintained by Chromium infra teams.
-These packages are typically uploaded to cloud storage buckets or are explicitly
-mirrored to a repository on https://chromium.googlesource.com. Examples include
-[GN][] (Chromium/DevTools build system) or [clang-format][] (multi-language
-formatter).
-
-The packages in `DEPS` are typically kept automatically up-to-date with
-autorollers. These autorollers will periodically update packages, which
-engineers can fetch with running `gclient sync`.
-
-These `DEPS` are checked out on all bots, which includes Chromium and
-DevTools-specific bots. To avoid excessive network bandwidth usage, by default
-do not check out packages if they are only used in specific situations.
-
-Only include packages that are maintained by Chromium
-infrastructure teams and are used to build DevTools in `DEPS`. For packages that
-are DevTools-specific, prefer adding them to `scripts/deps/manage_node_deps.py`
-instead.
-
-[npm]: https://www.npmjs.com/
-[Chromium third-party guidelines]: https://chromium.googlesource.com/chromium/src/+/HEAD/docs/adding_to_third_party.md
-[GN]: https://gn.googlesource.com/gn/+/master/docs/reference.md
-[clang-format]: https://clang.llvm.org/docs/ClangFormat.html
+This file has moved [here](./cookbook/dependencies.md).

package/docs/l10n.md

@@ -1,295 +1 @@
-# Localization
-
-## How to add a localizable string
-
-When you introduce a new UI string or modify an existing one that will be displayed to the users, or remove a string that is localized, follow these steps so that it can be localized.
-
-**Table of Contents**
-- [Adding a string](#adding-a-string)
-- [Modifying a string](#modifying-a-string)
-- [Removing a string](#removing-a-string)
-
-### Adding a string
-Before proceeding, make sure you know the different [localization APIs](#what-are-the-l10n-apis) and know which one you should use.
-
-Code example:
-  ```javascript
-  import * as i18n from '../i18n/i18n.js';
-
-  // at the top of example.js file, after import statements
-  const UIStrings = {
-    /**
-      * @description A string that is already added
-      */
-    alreadyAddedString: 'Someone already created a "UIStrings = {}" and added this string',
-    /**
-      * @description This is an example description for my new string
-      */
-    addThisString: 'The new string I want to add',
-    /**
-      * @description This is an example description for my new string with placeholder
-      * @example {example for placeholder} PH1
-      */
-    addAnotherString: 'Another new string I want to add, with {PH1}',
-  };
-  const str_ = i18n.i18n.registerUIStrings('example.js', UIStrings);
-  const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-  ```
-
-  ```javascript
-  // in example.js file, where you want to call the string
-
-  const message1 = i18nString(UIStrings.addThisString);
-  console.log(message1); // The new string I want to add
-
-  const message2 = i18nString(UIStrings.addAnotherString, {PH1: 'a placeholder'});
-  console.log(message2); // Another new string I want to add, with a placeholder
-  ```
-1. If there is already `UIStrings = {}` declared in the file, add your string to it.
-  If there isn't `UIStrings = {}` in the file, create one and add your string, also register the new UIStrings into the `en-US.json` by adding:
-    1. `const str_ = i18n.i18n.registerUIStrings({the current fileName.js, relative to front_end}, UIStrings);`
-    1. `const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);`
-
-
-2. Add description and examples for placeholder(if any):
-    1. To specify the description, use `@description …`
-    `@description This is an example description for my new string`
-    2. To specify an example for placeholder, use `@example {…} …`
-    `@example {example for placeholder} PH1`
-    3. To distinguish messages with the same content, use `@meaning …`
-    `@meaning This is an example meaning to differentiate this message from the other message with same content`
-
-3. Make sure your string is localizable:
-
-   1. Do not assume word order by using concatenation. Use the whole string.
-      ❌
-      ```javascript
-      'Add' + 'breakpoint'
-      ```
-      ✔️
-      ```javascript
-      'Add breakpoint'
-      ```
-      or
-      ❌
-      ```javascript
-      let description = 'first part'
-      if (condition)
-        description += ' second part'
-      ```
-      ✔️
-      ```javascript
-      let description
-      if (condition)
-        description = 'first part second part'
-      else
-        description = 'first part'
-      ```
-   2. Use placeholder over concatenation. This is so that the translators can adjust variable order based on what works in another language. For example:
-      ❌
-      ```javascript
-      'Check ' + title + ' for more information.'
-      ```
-      ✔️
-      ```javascript
-      'Check {PH1} for more information.', {PH1: title}
-      ```
-   3. If your string contains <b>leading or trailing white space</b>, it's usually an indication that it's half of a sentence. This decreases localizability as it's essentially concatenating. Modify it so that it doesn't contain leading or trailing white space anymore if you can.
-   4. <b>Backticks</b> are only used for the text that should not be localized. They cannot be escaped as part of the string. Check if there are something should not be localized (see [locked terms](#phrases-that-are-fully-locked) for more details).
-
-      ❌ Not localized
-
-      - Numbers: 1, 1.23, 1.2e3, etc.
-      - Application data: error codes, enums, database names, rgba, urls, etc.
-
-      ✔️ Can be localized
-
-      - Words and sentences
-      - Punctuation
-      - Units of measurement: kb/s, mph, etc.
-4. The following commands would add the new strings to `en-US.json`:
-  - `git cl presubmit --upload`, or
-  - `node third_party/i18n/collect-strings.js` under the DevTools src folder
-5. Strings containing possible plurals have a special format in ICU. This is because plurals work quite differently in other languages, e.g. special forms for two or three items.
-
-    ❌
-    ```javascript
-    if (count === 1) {
-      str = '1 breakpoint';
-    } else {
-      str = '{n} breakpoints', {n: count};
-    }
-    ```
-
-    ✔️
-    ```javascript
-    '{n, plural, =1 {# breakpoint} other {# breakpoints}}', {n: count};
-    ```
-    - '#' is replaced with the value of `n`
-    - 'n' is a naming convention, but any name can be used
-    - Nesting placeholders inside of plurals is allowed
-    - Put the entire string within the plural switch, e.g. `{# breakpoints were found}`, not `{# breakpoints} were found`
-    - Always provide the `=1` and the `other` case, even if they are the same for English.
-
-### Modifying a string
-1. Update the string you want to modify in `UIStrings`
-2. Update the description and placeholders of the string if necessary
-
-### Removing a string
-1. Remove your string and the metadata from `UIStrings`
-
-
-## What are the l10n APIs?
-
-Access localized strings in the DevTools frontend using the following localization calls.
-
-### i18nString
-The basic API to make a string (with or without placeholder) localizable.
-The first argument is the string reference in `UIStrings`
-The second argument is an object for placeholders (if any)
-
-```javascript
-// at the top of example.js file, after import statements
-
-const UIStrings = {
-  /**
-    * @description This is an example description for my new string with placeholder
-    * @example {example for placeholder} PH1
-    * @example {example 2 for placeholder 2} PH2
-    */
-  addAnotherString: 'Another new string I want to add, with {PH1} and {PH2}',
-};
-
-message = i18nString(UIStrings.addAnotherString, {PH1: 'a placeholder', PH2: 'another placeholder'});
-```
-
-### i18nLazyString
-The `i18nString` function returns the translated string, with placeholders resolved. To do this, it needs access to the translated strings for the user's locale, which are not available until after DevTools has finished starting up.
-
-Calls to `i18nString` in the module scope will therefore fail when the module is imported.
-```javascript
-// Fails because i18nString runs at module-import time.
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.CONSOLE,
-  title: i18nString(UIStrings.groupSimilarMessagesInConsole),
-...
-
-function notTopLevel() {
-  console.log(extension.title);
-}
-```
-
-`i18nLazyString` fixes this problem by providing the same API, but returning a closure that returns a `LocalizedString`.
-It can be used in top-level calls; just make sure use-sites know it's a function now.
-
-```javascript
-// Works because i18nLazyString defers the loading of the translated string until later.
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.CONSOLE,
-  title: i18nLazyString(UIStrings.groupSimilarMessagesInConsole),
-...
-
-// Note we need to call title() now.
-function notTopLevel() {
-  console.log(extension.title());
-}
-```
-
-### i18n.i18n.getFormatLocalizedString
-This call returns a **span element**, not a string. It is used when you want to construct a DOM element with a localizable string, or localizable content that contains some other DOM element.
-
-```javascript
-// Create the string in UIString
-/**
-*@description Message in Coverage View of the Coverage tab
-*@example {reload button icon} PH1
-*@example {record button icon} PH2
-*/
-clickTheRecordButtonSToStart: 'Click the reload button {PH1} to reload or record button {PH2} start capturing coverage.',
-
-// Element with localizable content containing two DOM elements that are buttons
-const reloadButton = UI.createInlineButton(UI.Toolbar.createActionButtonForId('coverage.start-with-reload'));
-const recordButton = UI.createInlineButton(UI.Toolbar.createActionButton(this._toggleRecordAction));
-message = i18n.i18n.getFormatLocalizedString(str_, UIStrings.clickTheReloadButtonSToReloadAnd, {PH1: reloadButton, PH2:recordButton });
-```
-
-### i18n.i18n.lockedString
-This call is a named cast. Use it in places where a localized string is expected but the
-term you want to use does not require translation. Instead of locking the whole phrase or using
-a placeholder-only phrase, use `lockedString`.
-
-```javascript
-someFunctionRequiringALocalizedString(i18n.i18n.lockedString('HTTP'));
-```
-
-## How to write good descriptions
-
-Good descriptions can improve localizability by providing more context to the translators.
-There are some details that are very important to have in other languages!
-
-**Good description**:
-```javascript
-const UIStrings = {
-  /**
-   * @description Tooltip text that appears when hovering over the 'Focusable' attribute name under the Computed Properties section in the Accessibility pane of the Elements pane.
-   */
-  computedPropertyTooltip: 'If true, this element can receive focus.',
-};
-```
-**Bad description**:
-```javascript
-const UIStrings = {
-  /**
-   * @description Elements pane 'Focusable' tooltip.
-   */
-  computedPropertyTooltip: 'If true, this element can receive focus.',
-};
-```
-
-### What information should I provide in the message description?
-- The type of UI element where the text is displayed. Is it regular text, a label, button text, a tooltip, a link, or an accessible label? Button text is often imperative i.e. a command to do something, which is important to know in some languages.
-- _When_: What triggers the string and/or what is the result? What page or text comes before and after? e.g. "Status text while waiting for X", "Shown when the audit is finished and X error was encountered".
-- What do the placeholders stand for? Placeholder examples are sent to translators, but extra information in the description will help too. e.g. "Total time in ms that the profile took to complete", "The CSS property name that is being edited"
-- Is this a verb or a noun? Many words in English can be both, e.g. 'request', 'address', 'change', 'display', 'increase'. Particularly if the string is short, this can be hard to guess. If it's an adjective, what does it refer to? This is important for inflection in some languages, where the ending of the adjective must change for gender or case.
-- Explain or name any complex terms, e.g. "Trust Tokens are a web API - https://web.dev/trust-tokens/"
-- Where is the text located? e.g. A table header in the Sources panel, a context-menu item in the Network panel. Many strings in the code base have _only_ the location, which is not the most important context.
-
-
-## How to prevent a term being localized
-
-Any text within the backticks will not be translated.
-For example, if the 'robots.txt' in string 'Requesting for robots.txt ...' should not be translated:
-
-```javascript
-// in example.js file
-
-import * as i18n from '../i18n/i18n.js';
-const UIStrings = {
-  /**
-   * @description Example description. Note: "robots.txt" is a canonical filename and should not be translated.
-   */
-  requestMessage: 'Requesting for `robots.txt` ...',
-};
-const str_ = i18n.i18n.registerUIStrings('example.js', UIStrings);
-
-const message = i18nString(UIStrings.requestMessage);
-```
-The string will rendered with robots.txt not translated and without the backticks around it
-```javascript
-  'Requesting for robots.txt ...'
-```
-
-### Phrases that are fully locked
-Any text that is fully locked should not go into the UIStrings object. To make your intention clear
-or to make TypeScript happy, there are two methods `i18n.i18n.lockedString` and `i18n.i18n.lockedLazyString`
-that can be used instead of having fully locked phrases via `i18nString`.
-
-### What should not be localized?
-In general, branding related terms and code snippets are the ones to look for, and Sometimes some technical terms. Some examples:
-
-**Brandings:**
-Lighthouse, GitHub, DevTools, Chrome Data Saver, Safari, BlackBerry Z30, Kindle Fire HDX, Pixel 2, Microsoft Lumia 550
-**Code snippets:**
-localhost:9229, console.clear(), --memlog=all, url:a.com
-**Technical terms:**
-DOM, DIV, aria...
+This file has moved [here](./cookbook/localization.md).

package/docs/release_management.md

@@ -1,53 +1 @@
-# Release Management
-
-## Merges and Cherry-Picks
-
-The documentation on cherry-picks and merges (including backmerges and backports) can be found in [`contributing_changes.md`](contributing_changes.md#merges-and-cherry_picks).
-
-## Versioning
-
-There is no explicit versioning being done. At the time of writing no compelling
-use case was found that would require version numbers. Commits are identified by their commit hash, which should suffice for the projected future.
-
-## What happens when Chromium cuts a new Canary branch
-
-For each Chromium release branch, we create a mirror branch with the same name on our repo. Rough
-outline:
-
-1. Chromium cuts a branch e.g. 3879
-1. Bots create Chromium/3879 branch on the DevTools frontend repo
-1. The end
-
-## Handling of Beta/Stable branches
-
-Generally speaking, beta/stable branches are the same as Canary branches. There
-is a special waterfall though, that runs tests on the beta/stable branches.
-
-When Chromium updates to a new major version we need to update the branch number
-in [infra/config](https://chromium.googlesource.com/devtools/devtools-frontend/+/refs/heads/infra/config)
-branch of devtools-frontend. Specifically, in file buckets/ci.start, promote
-the existing beta branch to stable section and modify beta section with the
-corresponding branch number for the new Chromium milestone.
-
-```python
-generate_ci_configs(
-    configurations = [
-      ...
-      config_section(
-        name="beta",
-        branch='refs/heads/chromium/4044',
-      ),
-      config_section(
-        name="stable",
-        branch='refs/heads/chromium/3987',
-      ),
-      ...
-```
-
-After editing the above mentioned file run `lucicfg generate main.star` to have the change propagated to the cfg files.
-Example: [CL](https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2104476)
-
-## Rolling/Integrating into Chromium
-
-The [Skia
-autoroller](https://skia.googlesource.com/buildbot/+/main/autoroll/README.md) is used. The DevTools-Frontend auto-roller state can be seen and controlled [here](https://autoroll.skia.org/r/devtools-frontend-chromium?tab=status).
+This file has moved [here](./cookbook/release_management.md).

package/extensions/cxx_debugging/e2e/standalone/MemoryInspector_test.ts

@@ -45,7 +45,7 @@ describe('LinearMemoryInspector', () => {
     assert.equal(stoppedText, 'Paused on breakpoint');
 
     const localVariable = await waitFor('[data-object-property-name-for-test="d"]');
-    const memIcon = await waitFor('[title="Reveal in Memory inspector panel"]', localVariable);
+    const memIcon = await waitFor('[title="Open in Memory inspector panel"]', localVariable);
     await clickElement(memIcon);
 
     const byteHighlights = await waitForMany('.byte-cell.highlight-area', 8);

package/extensions/cxx_debugging/e2e/tsconfig.json

@@ -8,6 +8,7 @@
     "allowUnreachableCode": false,
     "useUnknownInCatchVariables": false,
     "baseUrl": ".",
+    "skipLibCheck": true,
     "paths": {
       "test/*": [
         "../../../test/*"

package/extensions/cxx_debugging/src/ExtensionOptions.ts

@@ -2,21 +2,20 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/* eslint-disable rulesdir/ban_literal_devtools_component_tag_names */
 /* eslint-disable rulesdir/check_component_naming */
 /* eslint-disable rulesdir/inject_checkbox_styles */
-/* eslint-disable rulesdir/lit_html_data_as_type */
 /* eslint-disable rulesdir/lit_html_host_this */
 
+import './CreditsItem.js';
+import './ModuleConfigurationList.js';
+
 import {html, render} from 'lit-html';
 import {until} from 'lit-html/directives/until.js';  // eslint-disable-line rulesdir/es_modules_import
 
 import {type CreditsItemData} from './CreditsItem.js';
-import './CreditsItem.js';
-import {type ModuleConfigurationsChangedEvent} from './ModuleConfigurationList.js';
-import './ModuleConfigurationList.js';
-import {DEFAULT_MODULE_CONFIGURATIONS} from './ModuleConfiguration.js';
 import {type Storage} from './DevToolsPluginHost.js';
+import {DEFAULT_MODULE_CONFIGURATIONS} from './ModuleConfiguration.js';
+import {type ModuleConfigurationsChangedEvent} from './ModuleConfigurationList.js';
 
 const CREDITS_ITEMS: CreditsItemData[] = [
   {
@@ -699,8 +698,7 @@ export class ExtensionOptions extends HTMLElement {
 
     <h2>Credits</h2>
     <div>${CREDITS_ITEMS.map(data => {
-      return html`<devtools-cxx-debugging-credits-item .data=${
-          data as CreditsItemData}></devtools-cxx-debugging-credits-item>`;
+      return html`<devtools-cxx-debugging-credits-item .data=${data}></devtools-cxx-debugging-credits-item>`;
     })}</div>`;
     render(output, this.shadow, {
       eventContext: this,

package/extensions/cxx_debugging/tests/CreditsItem_test.ts

@@ -31,8 +31,8 @@ describe('CreditsItem', () => {
       homepage: 'https://www.example.com',
       license: 'Do whatever you want!'
     };
-    const el = await createItem(html`<devtools-cxx-debugging-credits-item .data=${
-        data as CreditsItemData}></devtools-cxx-debugging-credits-item>`);
+    const el = await createItem(
+        html`<devtools-cxx-debugging-credits-item .data=${data}></devtools-cxx-debugging-credits-item>`);
     expect(el.data).to.equal(data);
 
     el.data = {title: 'title', homepage: 'homepage', license: 'license'};
@@ -43,8 +43,8 @@ describe('CreditsItem', () => {
 
   it('renders title and homepage correctly', async () => {
     const data: CreditsItemData = {title: 'My project', homepage: 'https://www.example.com', license: '3-BSD License'};
-    const el = await createItem(html`<devtools-cxx-debugging-credits-item .data=${
-        data as CreditsItemData}></devtools-cxx-debugging-credits-item>`);
+    const el = await createItem(
+        html`<devtools-cxx-debugging-credits-item .data=${data}></devtools-cxx-debugging-credits-item>`);
     expect(el.shadowRoot?.querySelector('.title')?.textContent).to.eql(data.title);
     expect(el.shadowRoot?.querySelector('a')?.getAttribute('href')).to.eql(data.homepage);
   });

package/extensions/cxx_debugging/third_party/llvm/README.chromium

@@ -1,7 +1,7 @@
 Name: LLVM Compiler Infrastructure
 Short Name: llvm-project
 URL: https://github.com/llvm/llvm-project
-Version: 0
+Version: N/A
 Date: 2022-11-30
 Revision: 3c51ea3619e488db19cd26840ed46d58cfc7062f
 License: Apache 2.0 with LLVM Exceptions

package/front_end/.eslintrc.js

@@ -37,13 +37,10 @@ module.exports = {
         'rulesdir/enforce_custom_event_names': 'error',
         'rulesdir/set_data_type_reference': 'error',
         'rulesdir/no_bound_component_methods': 'error',
-        'rulesdir/lit_html_data_as_type': 'error',
         'rulesdir/lit_no_style_interpolation': 'error',
-        'rulesdir/ban_literal_devtools_component_tag_names': 'error',
         'rulesdir/ban_self_closing_custom_element_tagnames': 'error',
         'rulesdir/ban_style_tags_in_lit_html': 'error',
         'rulesdir/ban_a_tags_in_lit_html': 'error',
-        'rulesdir/check_component_naming': 'error',
         'rulesdir/check_css_import': 'error',
         'rulesdir/enforce-optional-properties-last': 'error',
         'rulesdir/check_enumerated_histograms': 'error',
@@ -71,7 +68,6 @@ module.exports = {
     {
       files: ['*.test.ts', '**/testing/*.ts'],
       rules: {
-        'rulesdir/check_component_naming': 'off',
         '@typescript-eslint/explicit-function-return-type': 'off',
       },
     },
@@ -85,8 +81,6 @@ module.exports = {
     {
       files: ['panels/recorder/**/*.ts', 'panels/protocol_monitor/**/*.ts', 'ui/components/suggestion_input/*.ts'],
       rules: {
-        'rulesdir/check_component_naming': 'off',
-        'rulesdir/ban_literal_devtools_component_tag_names': 'off',
         // TODO(crbug/1402569): Reenable once https://github.com/microsoft/TypeScript/issues/48885 is closed.
         'rulesdir/use_private_class_members': 'off',
       }

package/front_end/Images/src/button-magic.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 18L11 16L13 14L15 16L13 18ZM7 16L2 11L7 6L12 11L7 16ZM14.5 10C14.5 8.74542 14.0636 7.68181 13.1908 6.80917C12.3182 5.93639 11.2546 5.5 10 5.5C11.2546 5.5 12.3182 5.06361 13.1908 4.19083C14.0636 3.31819 14.5 2.25458 14.5 1C14.5 2.25458 14.9364 3.31819 15.8092 4.19083C16.6818 5.06361 17.7454 5.5 19 5.5C17.7454 5.5 16.6818 5.93639 15.8092 6.80917C14.9364 7.68181 14.5 8.74542 14.5 10Z" fill="black"/>
+</svg>

package/front_end/Images/src/center-focus-weak.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#5f6368"><path d="M480-336q-60 0-102-42t-42-102q0-60 42-102t102-42q60 0 102 42t42 102q0 60-42 102t-102 42Zm.21-72Q510-408 531-429.21t21-51Q552-510 530.79-531t-51-21Q450-552 429-530.79t-21 51Q408-450 429.21-429t51 21Zm-.21-72ZM216-144q-29.7 0-50.85-21.15Q144-186.3 144-216v-168h72v168h168v72H216Zm360 0v-72h168v-168h72v168q0 29.7-21.15 50.85Q773.7-144 744-144H576ZM144-576v-168q0-29.7 21.15-50.85Q186.3-816 216-816h168v72H216v168h-72Zm600 0v-168H576v-72h168q29.7 0 50.85 21.15Q816-773.7 816-744v168h-72Z"/></svg>

package/front_end/Images/src/history.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 17C8.05556 17 6.40278 16.3194 5.04167 14.9583C3.68056 13.5972 3 11.9444 3 10H4.5C4.5 11.5139 5.03819 12.809 6.11458 13.8854C7.19097 14.9618 8.48611 15.5 10 15.5C11.5139 15.5 12.809 14.9618 13.8854 13.8854C14.9618 12.809 15.5 11.5139 15.5 10C15.5 8.48611 14.9618 7.19097 13.8854 6.11458C12.809 5.03819 11.5139 4.5 10 4.5C9.13889 4.5 8.3434 4.67778 7.61354 5.03333C6.88382 5.38889 6.26958 5.87778 5.77083 6.5H8V8H3V3H4.5V5.70833C5.13889 4.875 5.93403 4.21528 6.88542 3.72917C7.83681 3.24306 8.875 3 10 3C10.9722 3 11.8828 3.18472 12.7319 3.55417C13.581 3.92361 14.3199 4.42271 14.9485 5.05146C15.5773 5.68007 16.0764 6.41896 16.4458 7.26813C16.8153 8.11715 17 9.02778 17 10C17 10.9722 16.8153 11.8828 16.4458 12.7319C16.0764 13.581 15.5773 14.3199 14.9485 14.9485C14.3199 15.5773 13.581 16.0764 12.7319 16.4458C11.8828 16.8153 10.9722 17 10 17ZM12.0833 12.8333L9.25 10V6H10.75V9.375L13.1458 11.7708L12.0833 12.8333Z" fill="black"/>
+</svg>

package/front_end/Images/src/home.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg>

package/front_end/Images/src/performance-panel-delete-annotation.svg

@@ -0,0 +1,32 @@
+<svg width="192" height="106" viewBox="0 0 192 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6116_325248)">
+<path d="M0 0H192V106H0V0Z" fill="white"/>
+<rect x="-48" y="36" width="240" height="68" fill="#F3F6FC"/>
+<path d="M-36 58C-36 52.4772 -31.5228 48 -26 48H30C35.5229 48 40 52.4772 40 58C40 63.5228 35.5229 68 30 68H-26C-31.5228 68 -36 63.5228 -36 58Z" fill="#D190FF"/>
+<path d="M-26.6348 62V56.6621H-27.6836V55.6543H-26.6348V54.9688C-26.6348 53.7031 -25.9902 53.082 -24.666 53.082C-24.3789 53.082 -24.1328 53.1055 -23.916 53.1406V54.0898C-24.0332 54.0723 -24.2031 54.0605 -24.4023 54.0605C-25.1055 54.0605 -25.3926 54.3828 -25.3926 55.0273V55.6543H-23.9688V56.6621H-25.375V62H-26.6348ZM-20.0898 62.123C-21.959 62.123 -23.1016 60.875 -23.1016 58.8184C-23.1016 56.7676 -21.9531 55.5137 -20.0898 55.5137C-18.2324 55.5137 -17.084 56.7617 -17.084 58.8184C-17.084 60.875 -18.2266 62.123 -20.0898 62.123ZM-20.0898 61.0508C-19 61.0508 -18.3789 60.2305 -18.3789 58.8184C-18.3789 57.4004 -19 56.5801 -20.0898 56.5801C-21.1855 56.5801 -21.8008 57.4004 -21.8008 58.8184C-21.8008 60.2363 -21.1855 61.0508 -20.0898 61.0508ZM-15.5664 62V55.6367H-14.3535V56.6445H-14.2598C-13.9492 55.9414 -13.3164 55.5137 -12.3555 55.5137C-10.9316 55.5137 -10.1465 56.3633 -10.1465 57.8809V62H-11.4062V58.1797C-11.4062 57.125 -11.8516 56.6094 -12.7832 56.6094C-13.7148 56.6094 -14.3066 57.2422 -14.3066 58.2676V62H-15.5664ZM-7.92578 54.0312H-6.66602V55.6543H-5.2832V56.6621H-6.66602V60.0195C-6.66602 60.7051 -6.39062 61.0039 -5.76367 61.0039C-5.57031 61.0039 -5.45898 60.9922 -5.2832 60.9746V61.9766C-5.48828 62.0117 -5.72266 62.041 -5.96875 62.041C-7.36914 62.041 -7.92578 61.5488 -7.92578 60.3242V56.6621H-8.93945V55.6543H-7.92578V54.0312ZM-2.82227 62.0879C-3.31445 62.0879 -3.68359 61.7188 -3.68359 61.2441C-3.68359 60.7695 -3.31445 60.4004 -2.82227 60.4004C-2.32422 60.4004 -1.96094 60.7695 -1.96094 61.2441C-1.96094 61.7188 -2.32422 62.0879 -2.82227 62.0879ZM7.4375 55.6367L5.68555 62H4.37891L3.06055 57.2539H2.96094L1.64844 62H0.353516L-1.4043 55.6367H-0.126953L1.01562 60.5469H1.10938L2.42188 55.6367H3.62891L4.94141 60.5469H5.04102L6.17773 55.6367H7.4375ZM11.1875 62.123C9.31836 62.123 8.17578 60.875 8.17578 58.8184C8.17578 56.7676 9.32422 55.5137 11.1875 55.5137C13.0449 55.5137 14.1934 56.7617 14.1934 58.8184C14.1934 60.875 13.0508 62.123 11.1875 62.123ZM11.1875 61.0508C12.2773 61.0508 12.8984 60.2305 12.8984 58.8184C12.8984 57.4004 12.2773 56.5801 11.1875 56.5801C10.0918 56.5801 9.47656 57.4004 9.47656 58.8184C9.47656 60.2363 10.0918 61.0508 11.1875 61.0508ZM16.1621 62V56.6621H15.1133V55.6543H16.1621V54.9688C16.1621 53.7031 16.8066 53.082 18.1309 53.082C18.418 53.082 18.6641 53.1055 18.8809 53.1406V54.0898C18.7637 54.0723 18.5938 54.0605 18.3945 54.0605C17.6914 54.0605 17.4043 54.3828 17.4043 55.0273V55.6543H18.8281V56.6621H17.4219V62H16.1621ZM20.7324 62V56.6621H19.6836V55.6543H20.7324V54.9688C20.7324 53.7031 21.377 53.082 22.7012 53.082C22.9883 53.082 23.2344 53.1055 23.4512 53.1406V54.0898C23.334 54.0723 23.1641 54.0605 22.9648 54.0605C22.2617 54.0605 21.9746 54.3828 21.9746 55.0273V55.6543H23.3984V56.6621H21.9922V62H20.7324ZM24.7578 55.9941C24.7578 54.4414 25.959 53.3398 27.6641 53.3398C29.252 53.3398 30.3945 54.3535 30.3945 55.7422C30.3945 56.7207 29.9668 57.418 28.4844 58.9062L26.6211 60.7812V60.8809H30.5234V62H24.8281V61.1094L27.7227 58.0977C28.7949 56.9785 29.0762 56.5566 29.0762 55.8711C29.0762 55.0508 28.5195 54.4238 27.582 54.4238C26.627 54.4238 26 55.0566 26 55.9941H24.7578Z" fill="#1F1F1F"/>
+<path d="M-33.8672 84.6543V88H-34.9219V79.5449H-31.6934C-30.0645 79.5449 -28.998 80.541 -28.998 82.0645C-28.998 83.2422 -29.6367 84.1562 -30.6973 84.4902L-28.7402 88H-29.9766L-31.7871 84.6543H-33.8672ZM-33.8672 80.4824V83.7168H-31.7871C-30.7031 83.7168 -30.0879 83.1367 -30.0879 82.0996C-30.0879 81.0859 -30.7441 80.4824 -31.834 80.4824H-33.8672ZM-23.2031 86.3652H-22.1953C-22.4883 87.4434 -23.4727 88.1113 -24.8555 88.1113C-26.6074 88.1113 -27.7031 86.8457 -27.7031 84.8477C-27.7031 82.8613 -26.5898 81.5723 -24.8555 81.5723C-23.1504 81.5723 -22.1133 82.7852 -22.1133 84.748V85.1348H-26.6543V85.1816C-26.6016 86.4297 -25.9043 87.2207 -24.832 87.2207C-24.0176 87.2207 -23.4668 86.9219 -23.2031 86.3652ZM-24.8672 82.4629C-25.875 82.4629 -26.5781 83.2012 -26.6543 84.3203H-23.1738C-23.1973 83.2012 -23.8652 82.4629 -24.8672 82.4629ZM-20.5312 88V81.6836H-19.5703V82.6797H-19.4766C-19.1602 81.9824 -18.5449 81.5723 -17.5781 81.5723C-16.1602 81.5723 -15.3691 82.4102 -15.3691 83.9102V88H-16.377V84.1562C-16.377 83.0195 -16.8574 82.4805 -17.8652 82.4805C-18.873 82.4805 -19.5234 83.1543 -19.5234 84.2617V88H-20.5312ZM-11.1855 88.1113C-12.8027 88.1113 -13.8398 86.8281 -13.8398 84.8418C-13.8398 82.8613 -12.791 81.5723 -11.1855 81.5723C-10.3066 81.5723 -9.5625 81.9883 -9.20508 82.6797H-9.11719V79.1758H-8.10938V88H-9.07031V86.9922H-9.16406C-9.5625 87.6953 -10.3125 88.1113 -11.1855 88.1113ZM-10.9512 82.4805C-12.0996 82.4805 -12.7969 83.3711 -12.7969 84.8418C-12.7969 86.3184 -12.1055 87.2031 -10.9512 87.2031C-9.80273 87.2031 -9.09375 86.3008 -9.09375 84.8418C-9.09375 83.3945 -9.80859 82.4805 -10.9512 82.4805ZM-1.96875 86.3652H-0.960938C-1.25391 87.4434 -2.23828 88.1113 -3.62109 88.1113C-5.37305 88.1113 -6.46875 86.8457 -6.46875 84.8477C-6.46875 82.8613 -5.35547 81.5723 -3.62109 81.5723C-1.91602 81.5723 -0.878906 82.7852 -0.878906 84.748V85.1348H-5.41992V85.1816C-5.36719 86.4297 -4.66992 87.2207 -3.59766 87.2207C-2.7832 87.2207 -2.23242 86.9219 -1.96875 86.3652ZM-3.63281 82.4629C-4.64062 82.4629 -5.34375 83.2012 -5.41992 84.3203H-1.93945C-1.96289 83.2012 -2.63086 82.4629 -3.63281 82.4629ZM0.703125 88V81.6836H1.66406V82.6211H1.75781C1.94531 82.0059 2.67188 81.5723 3.50977 81.5723C3.67383 81.5723 3.88477 81.584 4.01367 81.6016V82.6094C3.93164 82.5859 3.56836 82.5508 3.36914 82.5508C2.4082 82.5508 1.71094 83.1953 1.71094 84.0859V88H0.703125ZM11.8008 88.1113C10.9219 88.1113 10.1719 87.6953 9.77344 86.9922H9.67969V88H8.71875V79.1758H9.72656V82.6797H9.82031C10.166 82 10.9336 81.5723 11.8008 81.5723C13.4062 81.5723 14.4492 82.8555 14.4492 84.8418C14.4492 86.8164 13.4004 88.1113 11.8008 88.1113ZM11.5664 82.4805C10.418 82.4805 9.70312 83.3828 9.70312 84.8418C9.70312 86.3008 10.418 87.2031 11.5664 87.2031C12.7207 87.2031 13.4062 86.3184 13.4062 84.8418C13.4062 83.3652 12.7207 82.4805 11.5664 82.4805ZM16.0898 88V79.1758H17.0977V88H16.0898ZM21.6504 88.1113C19.8516 88.1113 18.7383 86.8691 18.7383 84.8418C18.7383 82.8086 19.8516 81.5723 21.6504 81.5723C23.4492 81.5723 24.5625 82.8086 24.5625 84.8418C24.5625 86.8691 23.4492 88.1113 21.6504 88.1113ZM21.6504 87.2031C22.8457 87.2031 23.5195 86.3359 23.5195 84.8418C23.5195 83.3418 22.8457 82.4805 21.6504 82.4805C20.4551 82.4805 19.7812 83.3418 19.7812 84.8418C19.7812 86.3359 20.4551 87.2031 21.6504 87.2031ZM31.3711 83.6172H30.3516C30.1875 82.9902 29.6309 82.4805 28.7227 82.4805C27.5859 82.4805 26.8711 83.3887 26.8711 84.8184C26.8711 86.2773 27.5977 87.2031 28.7227 87.2031C29.5723 87.2031 30.1641 86.8105 30.3516 86.0957H31.3711C31.1895 87.2559 30.2461 88.1113 28.7285 88.1113C26.959 88.1113 25.8281 86.8281 25.8281 84.8184C25.8281 82.8496 26.9531 81.5723 28.7227 81.5723C30.2578 81.5723 31.1953 82.4922 31.3711 83.6172ZM34.0195 84.4434L36.7617 81.6836H37.998L35.2793 84.3906L38.1797 88H36.8965L34.5293 85.041L33.9258 85.6035V88H32.918V79.1758H33.9258V84.4434H34.0195ZM39.9023 80.4648C39.5156 80.4648 39.1992 80.1484 39.1992 79.7617C39.1992 79.375 39.5156 79.0586 39.9023 79.0586C40.2891 79.0586 40.6055 79.375 40.6055 79.7617C40.6055 80.1484 40.2891 80.4648 39.9023 80.4648ZM39.3984 88V81.6836H40.4062V88H39.3984ZM42.3281 88V81.6836H43.2891V82.6797H43.3828C43.6992 81.9824 44.3145 81.5723 45.2812 81.5723C46.6992 81.5723 47.4902 82.4102 47.4902 83.9102V88H46.4824V84.1562C46.4824 83.0195 46.002 82.4805 44.9941 82.4805C43.9863 82.4805 43.3359 83.1543 43.3359 84.2617V88H42.3281ZM51.9375 90.4258C50.4141 90.4258 49.4414 89.7402 49.2891 88.6973H50.3555C50.4668 89.2129 51.0293 89.5469 51.9375 89.5469C53.0684 89.5469 53.7422 88.9902 53.7422 88.0586V86.8164H53.6484C53.25 87.5137 52.5352 87.9062 51.668 87.9062C50.0332 87.9062 49.0195 86.6406 49.0195 84.748C49.0195 82.8555 50.0449 81.5723 51.668 81.5723C52.5527 81.5723 53.332 82.0059 53.6953 82.6855H53.7891V81.6836H54.75V88.1113C54.75 89.5234 53.6602 90.4258 51.9375 90.4258ZM51.8906 87.0156C53.0625 87.0156 53.7656 86.125 53.7656 84.748C53.7656 83.3711 53.0566 82.4805 51.8906 82.4805C50.7188 82.4805 50.0625 83.3711 50.0625 84.748C50.0625 86.125 50.7188 87.0156 51.8906 87.0156Z" fill="#1F1F1F"/>
+<mask id="path-7-inside-1_6116_325248" fill="white">
+<path d="M-48 0H192V28H-48V0Z"/>
+</mask>
+<path d="M-48 0H192V28H-48V0Z" fill="#EFF3FA"/>
+<path d="M192 27H-48V29H192V27Z" fill="#D3E3FD" mask="url(#path-7-inside-1_6116_325248)"/>
+<path d="M34.5879 17.5L33.8145 15.2148H30.5918L29.8125 17.5H28.4648L31.5176 9.04492H32.9297L35.9824 17.5H34.5879ZM32.1562 10.5391L30.9258 14.1602H33.4805L32.2559 10.5391H32.1562ZM37.3125 17.5V11.1367H38.5254V12.1445H38.6191C38.9297 11.4414 39.5625 11.0137 40.5234 11.0137C41.9473 11.0137 42.7324 11.8633 42.7324 13.3809V17.5H41.4727V13.6797C41.4727 12.625 41.0273 12.1094 40.0957 12.1094C39.1641 12.1094 38.5723 12.7422 38.5723 13.7676V17.5H37.3125ZM44.5078 17.5V11.1367H45.7207V12.1445H45.8145C46.125 11.4414 46.7578 11.0137 47.7188 11.0137C49.1426 11.0137 49.9277 11.8633 49.9277 13.3809V17.5H48.668V13.6797C48.668 12.625 48.2227 12.1094 47.291 12.1094C46.3594 12.1094 45.7676 12.7422 45.7676 13.7676V17.5H44.5078ZM54.3984 17.623C52.5293 17.623 51.3867 16.375 51.3867 14.3184C51.3867 12.2676 52.5352 11.0137 54.3984 11.0137C56.2559 11.0137 57.4043 12.2617 57.4043 14.3184C57.4043 16.375 56.2617 17.623 54.3984 17.623ZM54.3984 16.5508C55.4883 16.5508 56.1094 15.7305 56.1094 14.3184C56.1094 12.9004 55.4883 12.0801 54.3984 12.0801C53.3027 12.0801 52.6875 12.9004 52.6875 14.3184C52.6875 15.7363 53.3027 16.5508 54.3984 16.5508ZM59.3672 9.53125H60.627V11.1543H62.0098V12.1621H60.627V15.5195C60.627 16.2051 60.9023 16.5039 61.5293 16.5039C61.7227 16.5039 61.834 16.4922 62.0098 16.4746V17.4766C61.8047 17.5117 61.5703 17.541 61.3242 17.541C59.9238 17.541 59.3672 17.0488 59.3672 15.8242V12.1621H58.3535V11.1543H59.3672V9.53125ZM65.2559 17.6055C64.0254 17.6055 63.1289 16.8672 63.1289 15.707C63.1289 14.5645 63.9844 13.9023 65.502 13.8086L67.2305 13.7031V13.1465C67.2305 12.4492 66.7852 12.0566 65.9238 12.0566C65.2207 12.0566 64.7344 12.3203 64.5938 12.7832H63.375C63.5039 11.7109 64.5352 11.0137 65.9824 11.0137C67.582 11.0137 68.4844 11.8105 68.4844 13.1465V17.5H67.2715V16.5977H67.1719C66.791 17.2422 66.0938 17.6055 65.2559 17.6055ZM65.5781 16.5918C66.5273 16.5918 67.2305 15.9707 67.2305 15.1504V14.5996L65.6719 14.7051C64.793 14.7637 64.3945 15.0742 64.3945 15.6543C64.3945 16.2461 64.8926 16.5918 65.5781 16.5918ZM70.7227 9.53125H71.9824V11.1543H73.3652V12.1621H71.9824V15.5195C71.9824 16.2051 72.2578 16.5039 72.8848 16.5039C73.0781 16.5039 73.1895 16.4922 73.3652 16.4746V17.4766C73.1602 17.5117 72.9258 17.541 72.6797 17.541C71.2793 17.541 70.7227 17.0488 70.7227 15.8242V12.1621H69.709V11.1543H70.7227V9.53125ZM75.498 10C75.0586 10 74.7012 9.64258 74.7012 9.20898C74.7012 8.76953 75.0586 8.41211 75.498 8.41211C75.9375 8.41211 76.2949 8.76953 76.2949 9.20898C76.2949 9.64258 75.9375 10 75.498 10ZM74.8711 17.5V11.1367H76.125V17.5H74.8711ZM80.6719 17.623C78.8027 17.623 77.6602 16.375 77.6602 14.3184C77.6602 12.2676 78.8086 11.0137 80.6719 11.0137C82.5293 11.0137 83.6777 12.2617 83.6777 14.3184C83.6777 16.375 82.5352 17.623 80.6719 17.623ZM80.6719 16.5508C81.7617 16.5508 82.3828 15.7305 82.3828 14.3184C82.3828 12.9004 81.7617 12.0801 80.6719 12.0801C79.5762 12.0801 78.9609 12.9004 78.9609 14.3184C78.9609 15.7363 79.5762 16.5508 80.6719 16.5508ZM85.1953 17.5V11.1367H86.4082V12.1445H86.502C86.8125 11.4414 87.4453 11.0137 88.4062 11.0137C89.8301 11.0137 90.6152 11.8633 90.6152 13.3809V17.5H89.3555V13.6797C89.3555 12.625 88.9102 12.1094 87.9785 12.1094C87.0469 12.1094 86.4551 12.7422 86.4551 13.7676V17.5H85.1953ZM92.2441 12.918C92.2441 11.8105 93.2812 11.0137 94.7227 11.0137C96.1582 11.0137 97.0957 11.6816 97.2188 12.7832H96.0117C95.8945 12.3086 95.4375 11.998 94.7227 11.998C94.0195 11.998 93.4863 12.3438 93.4863 12.8594C93.4863 13.252 93.8086 13.498 94.5 13.6621L95.5605 13.9082C96.7734 14.1895 97.3418 14.7109 97.3418 15.6367C97.3418 16.8203 96.2227 17.623 94.6992 17.623C93.1816 17.623 92.1914 16.9375 92.0801 15.8301H93.3398C93.498 16.3281 93.9668 16.6387 94.7285 16.6387C95.5137 16.6387 96.0703 16.2754 96.0703 15.7539C96.0703 15.3555 95.7715 15.0977 95.1328 14.9453L94.0195 14.6816C92.8066 14.4004 92.2441 13.8613 92.2441 12.918Z" fill="#0B57D0"/>
+<path d="M102.5 13.5C102.5 9.63401 105.634 6.5 109.5 6.5C113.366 6.5 116.5 9.63401 116.5 13.5C116.5 17.366 113.366 20.5 109.5 20.5C105.634 20.5 102.5 17.366 102.5 13.5Z" fill="white"/>
+<path d="M102.5 13.5C102.5 9.63401 105.634 6.5 109.5 6.5C113.366 6.5 116.5 9.63401 116.5 13.5C116.5 17.366 113.366 20.5 109.5 20.5C105.634 20.5 102.5 17.366 102.5 13.5Z" stroke="#D3E3FD"/>
+<path d="M108.517 13.4927V12.5474H109.452C110.29 12.5474 110.87 12.021 110.87 11.2744C110.87 10.5923 110.354 10.0498 109.484 10.0498C108.603 10.0498 108.039 10.5063 107.969 11.3174H106.831C106.911 10.0015 107.921 9.06152 109.554 9.06152C111.154 9.06152 112.062 10.0229 112.057 11.124C112.051 12.0586 111.466 12.6763 110.655 12.9019V12.9932C111.686 13.1489 112.352 13.8364 112.352 14.8999C112.352 16.2212 111.133 17.188 109.516 17.188C107.878 17.188 106.75 16.291 106.686 14.9268H107.84C107.91 15.6895 108.56 16.1782 109.5 16.1782C110.451 16.1782 111.117 15.6411 111.117 14.8354C111.117 14.0083 110.494 13.4927 109.484 13.4927H108.517Z" fill="#0B57D0"/>
+<rect x="18" y="26" width="109" height="2" fill="#1B6EF3"/>
+<g clip-path="url(#clip1_6116_325248)">
+<path d="M164 79C163.45 79 162.975 78.8083 162.575 78.425C162.192 78.025 162 77.55 162 77V64H161V62H166V61H172V62H177V64H176V77C176 77.55 175.8 78.025 175.4 78.425C175.017 78.8083 174.55 79 174 79H164ZM174 64H164V77H174V64ZM166 75H168V66H166V75ZM170 75H172V66H170V75ZM164 64V77V64Z" fill="#444746"/>
+</g>
+<rect x="149.096" y="50.459" width="39" height="39" rx="19.5" stroke="#0B57D0"/>
+<circle opacity="0.2" cx="168.596" cy="69.959" r="20" fill="#0B57D0"/>
+</g>
+<defs>
+<clipPath id="clip0_6116_325248">
+<path d="M0 0H192V106H0V0Z" fill="white"/>
+</clipPath>
+<clipPath id="clip1_6116_325248">
+<rect width="20" height="20" fill="white" transform="translate(159 60)"/>
+</clipPath>
+</defs>
+</svg>