chrome-devtools-frontend 1.0.1473514 → 1.0.1510180

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -7,6 +7,7 @@ export const knownContextValues = new Set([
   '*',
   '-alternative-animation-with-timeline',
   '-alternative-position-try',
+  '-alternative-webkit-line-clamp',
   '-epub-caption-side',
   '-epub-text-combine',
   '-epub-text-emphasis',
@@ -276,6 +277,7 @@ export const knownContextValues = new Set([
   'activation-value',
   'active',
   'active-keybind-set',
+  'active-network-condition-key',
   'activity',
   'ad',
   'ad-script',
@@ -342,6 +344,13 @@ export const knownContextValues = new Set([
   'ai-assistance-history-images',
   'ai-assistance-patching-fre-completed',
   'ai-assistance-patching-selected-project-id',
+  'ai-code-completion-citations',
+  'ai-code-completion-citations.citation-link',
+  'ai-code-completion-disclaimer',
+  'ai-code-completion-enabled',
+  'ai-code-completion-teaser-dismissed',
+  'ai-code-completion-teaser.dismiss',
+  'ai-code-completion-teaser.fre',
   'ai_assistance',
   'align-content',
   'align-content-center',
@@ -426,6 +435,7 @@ export const knownContextValues = new Set([
   'animation-timeline',
   'animation-timing-function',
   'animation-trigger',
+  'animation-trigger-behavior',
   'animation-trigger-exit-range',
   'animation-trigger-exit-range-end',
   'animation-trigger-exit-range-start',
@@ -461,6 +471,7 @@ export const knownContextValues = new Set([
   'arial',
   'as',
   'ascent-override',
+  'ask-ai',
   'aspect-ratio',
   'asserted-events',
   'asus-zenbook-fold',
@@ -481,6 +492,7 @@ export const knownContextValues = new Set([
   'authored-deployed-grouping-feedback',
   'auto',
   'auto-adjust-zoom',
+  'auto-annotations.accordion',
   'auto-attach-to-created-pages',
   'auto-attach-to-created-pages-true',
   'auto-focus-on-debugger-paused-enabled',
@@ -499,6 +511,7 @@ export const knownContextValues = new Set([
   'automatic-workspace-folders',
   'automatic-workspace-folders.connect',
   'automatically-ignore-list-known-third-party-scripts',
+  'automotive',
   'auxclick',
   'avif-format-disabled',
   'avif-format-disabled-true',
@@ -527,6 +540,7 @@ export const knownContextValues = new Set([
   'background-services',
   'background-size',
   'background-sync',
+  'badge-notification.dismiss',
   'badproperty',
   'bars',
   'base-64',
@@ -558,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',
@@ -621,6 +636,7 @@ export const knownContextValues = new Set([
   'border-right-color',
   'border-right-style',
   'border-right-width',
+  'border-shape',
   'border-spacing',
   'border-start-end-radius',
   'border-start-start-radius',
@@ -648,6 +664,7 @@ export const knownContextValues = new Set([
   'break-on',
   'breakpoint',
   'breakpoint-group',
+  'breakpoint-tooltip',
   'breakpoints-active',
   'browser-debugger.refresh-global-event-listeners',
   'browser-language',
@@ -687,6 +704,7 @@ export const knownContextValues = new Set([
   'changes',
   'changes.changes',
   'changes.reveal-source',
+  'checkbox-item',
   'checked',
   'chevron-left',
   'chevron-right',
@@ -755,8 +773,10 @@ export const knownContextValues = new Set([
   'closeable-tabs',
   'closeableTabs',
   'code',
+  'code-completion.accordion',
   'code-disclaimer',
   'code-format',
+  'code-snippets-explainer.ai-code-completion-teaser',
   'code-snippets-explainer.console-insights',
   'code-snippets-explainer.freestyler',
   'code-snippets-explainer.patch-widget',
@@ -901,6 +921,7 @@ export const knownContextValues = new Set([
   'cookies-data',
   'cookies-for-frame',
   'copy',
+  'copy-ai-response',
   'copy-all-as-curl',
   'copy-all-as-curl-bash',
   'copy-all-as-curl-cmd',
@@ -945,9 +966,15 @@ export const knownContextValues = new Set([
   'copy-selector',
   'copy-stack-trace',
   'copy-stacktrace',
+  'copy-step-as-extension-0',
+  'copy-step-as-extension-1',
+  'copy-step-as-extension-2',
+  'copy-step-as-extension-3',
+  'copy-step-as-extension-4',
   'copy-step-as-json',
   'copy-step-as-lighthouse',
   'copy-step-as-puppeteer',
+  'copy-step-as-puppeteer-firefox',
   'copy-step-as-puppeteer-replay',
   'copy-string-as-js-literal',
   'copy-string-as-json-literal',
@@ -957,15 +984,24 @@ export const knownContextValues = new Set([
   'copy-visible-styled-selection',
   'copy-watch-expression-value',
   'copy-xpath',
+  'corner-block-end-shape',
+  'corner-block-start-shape',
   'corner-bottom-left-shape',
   'corner-bottom-right-shape',
+  'corner-bottom-shape',
   'corner-end-end-shape',
   'corner-end-start-shape',
+  'corner-inline-end-shape',
+  'corner-inline-start-shape',
+  'corner-left-shape',
+  'corner-right-shape',
   'corner-shape',
   'corner-start-end-shape',
   'corner-start-start-shape',
   'corner-top-left-shape',
   'corner-top-right-shape',
+  'corner-top-shape',
+  'corners',
   'cors-details',
   'count',
   'count-delta',
@@ -1222,6 +1258,7 @@ export const knownContextValues = new Set([
   'disable-recorder-import-warning',
   'disable-self-xss-warning',
   'disabled',
+  'disabled-item',
   'disallowed-select-descendants-details',
   'disconnect-from-network',
   'display',
@@ -1266,16 +1303,28 @@ export const knownContextValues = new Set([
   'drawer-view-closeableTabs',
   'drjones.network-floating-button',
   'drjones.network-panel-context',
+  'drjones.network-panel-context.failures',
+  'drjones.network-panel-context.purpose',
+  'drjones.network-panel-context.security',
+  'drjones.network-panel-context.slowness',
   'drjones.performance-insight-context',
   'drjones.performance-panel-context',
+  'drjones.performance-panel-context.improvements',
+  'drjones.performance-panel-context.purpose',
+  'drjones.performance-panel-context.time-spent',
+  'drjones.performance-panel-full-context',
   'drjones.sources-floating-button',
   'drjones.sources-panel-context',
+  'drjones.sources-panel-context.input',
+  'drjones.sources-panel-context.performance',
+  'drjones.sources-panel-context.script',
   'drop',
   'duration',
   'durationchange',
   'dynamic-local-setting',
   'dynamic-range-limit',
   'dynamic-synced-setting',
+  'e-ink',
   'early-hints-headers',
   'edit',
   'edit-and-resend',
@@ -1423,9 +1472,12 @@ export const knownContextValues = new Set([
   'event-listener-dispatch-filter-type',
   'event-log',
   'event-main-frame-id',
+  'event-method',
   'event-name',
   'event-owner-origin',
+  'event-owner-site',
   'event-params',
+  'event-scope',
   'event-stream',
   'event-time',
   'event-title',
@@ -1440,6 +1492,7 @@ export const knownContextValues = new Set([
   'expand',
   'expand-recursively',
   'experimental-cookie-features',
+  'experimental-item',
   'experiments',
   'experiments-filter',
   'expires',
@@ -1448,6 +1501,7 @@ export const knownContextValues = new Set([
   'explain.console-message.context.warning',
   'explain.console-message.hover',
   'explanation',
+  'export-ai-conversation',
   'export-har',
   'export-har-menu',
   'export-har-with-sensitive-data',
@@ -1457,11 +1511,17 @@ export const knownContextValues = new Set([
   'extend-grid-lines',
   'extend-grid-lines-false',
   'extend-grid-lines-true',
+  'extension-0',
+  'extension-1',
+  'extension-2',
+  'extension-3',
+  'extension-4',
   'extension-storage',
   'extension-storage-data',
   'extension-storage-for-domain',
   'extension-storage-viewer',
   'extension-view',
+  'external',
   'extremely-slow',
   'fa',
   'fair',
@@ -1572,6 +1632,7 @@ export const knownContextValues = new Set([
   'forced-color-adjust',
   'forced-reflow',
   'form-data',
+  'form-factors',
   'fourth',
   'fr',
   'fr-ca',
@@ -1592,6 +1653,23 @@ export const knownContextValues = new Set([
   'freestyler.delete',
   'freestyler.dogfood-info',
   'freestyler.element-panel-context',
+  'freestyler.element-panel-context.center',
+  'freestyler.element-panel-context.container-context',
+  'freestyler.element-panel-context.container-how',
+  'freestyler.element-panel-context.container-what',
+  'freestyler.element-panel-context.flex-distribute',
+  'freestyler.element-panel-context.flex-what',
+  'freestyler.element-panel-context.flex-wrap',
+  'freestyler.element-panel-context.grid-align',
+  'freestyler.element-panel-context.grid-gap',
+  'freestyler.element-panel-context.grid-how',
+  'freestyler.element-panel-context.scroll-remove',
+  'freestyler.element-panel-context.scroll-style',
+  'freestyler.element-panel-context.scroll-why',
+  'freestyler.element-panel-context.subgrid-how',
+  'freestyler.element-panel-context.subgrid-override',
+  'freestyler.element-panel-context.subgrid-where',
+  'freestyler.element-panel-context.visibility',
   'freestyler.elements-floating-button',
   'freestyler.feedback',
   'freestyler.help',
@@ -1609,8 +1687,10 @@ export const knownContextValues = new Set([
   'galaxy-z-fold-5',
   'gamma',
   'gap',
+  'gap-rule-overlap',
   'gap-rule-paint-order',
   'garamond',
+  'gdp.sign-up',
   'gen-ai-settings-panel',
   'general',
   'generative-ai-terms-of-service',
@@ -1620,6 +1700,8 @@ export const knownContextValues = new Set([
   'geolocation.watch-position',
   'georgia',
   'gl',
+  'global-ai-button',
+  'global-ai-button-click-count',
   'googlebot',
   'googlebot-desktop',
   'googlebot-smartphone',
@@ -1807,6 +1889,7 @@ export const knownContextValues = new Set([
   'inspector-main.hard-reload',
   'inspector-main.reload',
   'inspector-stylesheet',
+  'inspector.drawer-orientation',
   'installability',
   'installing-entry-inspect',
   'instance-id',
@@ -1817,7 +1900,10 @@ export const knownContextValues = new Set([
   'integer-8-bit',
   'interactions',
   'interactivity',
+  'interest-delay',
   'interest-groups',
+  'interest-hide-delay',
+  'interest-show-delay',
   'interest-target-delay',
   'interest-target-hide-delay',
   'interest-target-show-delay',
@@ -1829,11 +1915,14 @@ export const knownContextValues = new Set([
   'internet-explorer-9',
   'interpolate-size',
   'invalid',
+  'invalidation-count',
   'invert-filter',
+  'ip-protection',
   'is',
   'is-landscape',
   'is-mobile',
   'is-resident-credential',
+  'is-u',
   'is-user-active-false-is-screen-unlocked-false',
   'is-user-active-false-is-screen-unlocked-true',
   'is-user-active-true-is-screen-unlocked-false',
@@ -1850,6 +1939,7 @@ export const knownContextValues = new Set([
   'issues.filter-network-requests-by-raw-cookie',
   'issues.unhide-all-hiddes',
   'it',
+  'item',
   'item-1',
   'item-2',
   'item-tolerance',
@@ -2021,6 +2111,7 @@ export const knownContextValues = new Set([
   'learn-more.ai-annotations',
   'learn-more.ai-assistance',
   'learn-more.auto-annotations',
+  'learn-more.code-completion',
   'learn-more.console-insights',
   'learn-more.coop-coep',
   'learn-more.csp-report-only',
@@ -2185,6 +2276,7 @@ export const knownContextValues = new Set([
   'lighthouse.audit.third-party-summary',
   'lighthouse.audit.total-blocking-time',
   'lighthouse.audit.total-byte-weight',
+  'lighthouse.audit.trusted-types-xss',
   'lighthouse.audit.unminified-css',
   'lighthouse.audit.unminified-javascript',
   'lighthouse.audit.unsized-images',
@@ -2297,6 +2389,7 @@ export const knownContextValues = new Set([
   'main.search-in-panel.find-previous',
   'main.toggle-dock',
   'main.toggle-drawer',
+  'main.toggle-drawer-orientation',
   'main.zoom-in',
   'main.zoom-out',
   'main.zoom-reset',
@@ -2330,6 +2423,7 @@ export const knownContextValues = new Set([
   'mask-repeat',
   'mask-size',
   'mask-type',
+  'masonry',
   'masonry-auto-tracks',
   'masonry-direction',
   'masonry-fill',
@@ -2351,6 +2445,7 @@ export const knownContextValues = new Set([
   'max-block-size',
   'max-height',
   'max-inline-size',
+  'max-lines',
   'max-width',
   'measure-performance',
   'media',
@@ -2434,6 +2529,9 @@ export const knownContextValues = new Set([
   'mr',
   'ms',
   'my',
+  'my-inner-item-1',
+  'my-inner-item-2',
+  'my-inner-item-3',
   'name',
   'navigate',
   'navigate-to-selector-source',
@@ -2480,6 +2578,7 @@ export const knownContextValues = new Set([
   'network-log.record-log',
   'network-main',
   'network-only-blocked-requests',
+  'network-only-ip-protected-requests',
   'network-only-third-party-setting',
   'network-overview',
   'network-record-film-strip-setting',
@@ -2520,6 +2619,7 @@ export const knownContextValues = new Set([
   'never-pause-here',
   'new-attribute',
   'new-authenticator',
+  'new-badge',
   'new-file',
   'next',
   'next-page',
@@ -2564,6 +2664,7 @@ export const knownContextValues = new Set([
   'only-3rd-party-requests',
   'only-blocked-requests',
   'only-blocked-response-cookies',
+  'only-ip-protected-requests',
   'only-show-blocked-cookies',
   'only-show-blocked-requests',
   'only-show-cookies-with-issues',
@@ -2591,6 +2692,9 @@ export const knownContextValues = new Set([
   'opera-presto-windows',
   'opera-windows',
   'operator',
+  'option-1',
+  'option-2',
+  'option-3',
   'optional',
   'options',
   'or',
@@ -2685,6 +2789,7 @@ export const knownContextValues = new Set([
   'perf-panel-annotations',
   'perfmon-active-indicators2',
   'performance-default',
+  'performance-full-default',
   'performance-insights',
   'performance-insights-default',
   'performance.history-item',
@@ -2726,6 +2831,7 @@ export const knownContextValues = new Set([
   'pointerover',
   'pointerrawupdate',
   'pointerup',
+  'popover',
   'popover-hide-delay',
   'popover-show-delay',
   'popstate',
@@ -2845,6 +2951,7 @@ export const knownContextValues = new Set([
   'rec-2020',
   'recalc-style-count',
   'receive',
+  'receive-gdp-badges',
   'recommendation',
   'reconnect',
   'record-allocation-stacks',
@@ -2871,6 +2978,7 @@ export const knownContextValues = new Set([
   'refresh-watch-expressions',
   'regular-breakpoint',
   'regular-expression',
+  'regular-item',
   'reject-percentage',
   'release-note',
   'release-notes',
@@ -2914,6 +3022,7 @@ export const knownContextValues = new Set([
   'report',
   'report-status',
   'reporting-api',
+  'reporting-api-empty',
   'reports',
   'request',
   'request-animation-frame',
@@ -3497,6 +3606,7 @@ export const knownContextValues = new Set([
   'tab-5',
   'tab-size',
   'table-layout',
+  'tablet',
   'tag-name',
   'take-screenshot',
   'target',
@@ -3516,6 +3626,7 @@ export const knownContextValues = new Set([
   'test-setting',
   'test-setting-true',
   'test-sidebar',
+  'testing-flamechart',
   'text-align',
   'text-align-last',
   'text-anchor',
@@ -3563,6 +3674,7 @@ export const knownContextValues = new Set([
   'text-wrap',
   'text-wrap-mode',
   'text-wrap-style',
+  'texttrack',
   'th',
   'third',
   'third-parties',
@@ -3599,6 +3711,9 @@ export const knownContextValues = new Set([
   'timeline-main-flamechart-group-config',
   'timeline-network-flame-group-config',
   'timeline-overview',
+  'timeline-persisted-main-flamechart-track-config',
+  'timeline-persisted-network-flamechart-track-config',
+  'timeline-save-as-gz',
   'timeline-scope',
   'timeline-settings-pane',
   'timeline-settings-toggle',
@@ -3611,6 +3726,14 @@ export const knownContextValues = new Set([
   'timeline-status',
   'timeline-tree-current-thread',
   'timeline-tree-group-by',
+  'timeline-trigger',
+  'timeline-trigger-behavior',
+  'timeline-trigger-exit-range-end',
+  'timeline-trigger-exit-range-start',
+  'timeline-trigger-name',
+  'timeline-trigger-range-end',
+  'timeline-trigger-range-start',
+  'timeline-trigger-timeline',
   'timeline-user-has-opened-sidebar-once',
   'timeline-v8-runtime-call-stats',
   'timeline.animations',
@@ -3624,6 +3747,7 @@ export const knownContextValues = new Set([
   'timeline.annotations.create-entry-label',
   'timeline.annotations.create-entry-link',
   'timeline.annotations.delete-entry-annotations',
+  'timeline.annotations.delete-entry-label',
   'timeline.annotations.entry-annotation-create',
   'timeline.annotations.entry-label-input',
   'timeline.annotations.time-range-label-input',
@@ -3635,6 +3759,10 @@ export const knownContextValues = new Set([
   'timeline.disable',
   'timeline.download-after-error',
   'timeline.enable',
+  'timeline.export-trace-options',
+  'timeline.export-trace-options.annotations-checkbox',
+  'timeline.export-trace-options.script-content-checkbox',
+  'timeline.export-trace-options.source-maps-checkbox',
   'timeline.extension',
   'timeline.field-data.configure',
   'timeline.field-data.disable',
@@ -3643,6 +3771,8 @@ export const knownContextValues = new Set([
   'timeline.field-data.setup',
   'timeline.field-metric-value',
   'timeline.flame-chart-view',
+  'timeline.flamechart.main',
+  'timeline.flamechart.network',
   'timeline.gpu',
   'timeline.history-item',
   'timeline.ignore-list',
@@ -3654,6 +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.field-mismatch',
   'timeline.insight-ask-ai.font-display',
   'timeline.insight-ask-ai.forced-reflow',
@@ -3661,7 +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.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',
@@ -3720,7 +3854,6 @@ export const knownContextValues = new Set([
   'timeline.record-reload',
   'timeline.reveal-in-network',
   'timeline.save-to-file',
-  'timeline.save-to-file-more-options',
   'timeline.save-to-file-with-annotations',
   'timeline.save-to-file-without-annotations',
   'timeline.select-classic-navigation',
@@ -3776,6 +3909,7 @@ export const knownContextValues = new Set([
   'timing-info',
   'title',
   'toggle-accessibility-tree',
+  'toggle-drawer-orientation',
   'toggle-property-and-continue-editing',
   'toggle-recording',
   'toggle-similar-issues',
@@ -3821,6 +3955,7 @@ export const knownContextValues = new Set([
   'uc-browser-android-mobile',
   'uc-browser-i-os',
   'uc-browser-windows-phone',
+  'ui',
   'ui-monospace',
   'ui-rounded',
   'ui-sans-serif',
@@ -3856,10 +3991,12 @@ export const knownContextValues = new Set([
   'use-custom-accepted-encodings',
   'use-source-map-scopes',
   'user-agent',
+  'user-defined-network-conditions',
   'user-flow-name',
   'user-handle',
   'user-invalid',
   'user-select',
+  'user-selected-network-condition-key',
   'user-shortcuts',
   'user-valid',
   'user-verification',
@@ -3873,10 +4010,13 @@ export const knownContextValues = new Set([
   'value-3',
   'vary',
   'vary-header',
+  've',
+  'veLogsTestMode',
   'vector-effect',
   'verbose',
   'verdana',
   'vertical-align',
+  'vertical-drawer',
   'very-slow',
   'vh',
   'vi',
@@ -3908,6 +4048,7 @@ export const knownContextValues = new Set([
   'wasm',
   'wasm-auto-stepping',
   'wasm-auto-stepping-false',
+  'watch',
   'watch-test-expression',
   'watch-test-object',
   'waterfall',
@@ -3956,6 +4097,7 @@ export const knownContextValues = new Set([
   'x-offset',
   'x-small',
   'xhr',
+  'xr',
   'xx-large',
   'xx-small',
   'xy',

package/front_end/ui/visual_logging/LoggingConfig.ts

@@ -61,7 +61,7 @@ export enum VisualElements {
   Gutter = 22,
   MetricsBox = 23,
   MetricsBoxPart = 24,
-  /* 25 used to be DOMBreakpointsPane, but free to grab now */
+  Badge = 25,
   DOMBreakpoint = 26,
   /* 27 used to be ElementPropertiesPane, but free to grab now */
   /* 28 used to be EventListenersPane, but free to grab now */

package/front_end/ui/visual_logging/LoggingDriver.ts

@@ -138,7 +138,7 @@ const viewportRectFor = (element: Element): DOMRect => {
   return viewportRect;
 };
 
-async function process(): Promise<void> {
+export async function process(): Promise<void> {
   if (document.hidden) {
     return;
   }
@@ -153,7 +153,8 @@ async function process(): Promise<void> {
     if (!loggingState.impressionLogged) {
       const overlap = visibleOverlap(element, viewportRectFor(element));
       const visibleSelectOption = element.tagName === 'OPTION' && loggingState.parent?.selectOpen;
-      const visible = overlap && (!parent || loggingState.parent?.impressionLogged);
+      const visible = overlap && element.checkVisibility({checkVisibilityCSS: true}) &&
+          (!parent || loggingState.parent?.impressionLogged);
       if (visible || visibleSelectOption) {
         if (overlap) {
           loggingState.size = overlap;

package/front_end/ui/visual_logging/LoggingState.ts

@@ -65,9 +65,11 @@ export function registerParentProvider(name: string, provider: ParentProvider):
   parentProviders.set(name, provider);
 }
 
-const parentMap = new WeakMap<Element, Element>();
-registerParentProvider('mapped', (e: Element) => parentMap.get(e));
+/** MUST NOT BE EXPORTED */
+const PARENT = Symbol('veParent');
+type ElementWithParent = Element&{[PARENT]?: Element};
+registerParentProvider('mapped', (e: ElementWithParent) => e[PARENT]);
 
-export function setMappedParent(element: Element, parent: Element): void {
-  parentMap.set(element, parent);
+export function setMappedParent(element: ElementWithParent, parent: Element): void {
+  element[PARENT] = parent;
 }

package/front_end/ui/visual_logging/README.md

@@ -202,9 +202,7 @@ structure look like. To do that, run
 setVeDebuggingEnabled(true);
 ```
 
-in DevTools on DevTools. This will add red outline to each visual element and
-will show the details of logging config for an element and all its ancestors on
-hover.
+in DevTools on DevTools. This will show the details of logging config for an element and all its ancestors on hover.
 
 ![Visual Element debugging in DevTools on DevTools](visual_logging_debugging.png)
 

package/front_end/ui/visual_logging/visual_logging.ts

@@ -2,6 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as Debugging from './Debugging.js';
 import type * as LoggableModule from './Loggable.js';
 import * as LoggingConfig from './LoggingConfig.js';
 import * as LoggingDriver from './LoggingDriver.js';
@@ -39,6 +40,13 @@ export async function isUnderInspection(origin?: string): Promise<boolean> {
   return [431010711, -1313957874, -1093325535].includes(context);
 }
 
+export function setHighlightedVe(veKey: string|null): void {
+  Debugging.setHighlightedVe(veKey);
+  if (veKey) {
+    void LoggingDriver.process();
+  }
+}
+
 /**
  * Action visual elements are either buttons or menu items that trigger a given action. Use the
  * context to differentiate between different actions, and make sure that buttons and menu items
@@ -49,6 +57,7 @@ export async function isUnderInspection(origin?: string): Promise<boolean> {
 export const action = LoggingConfig.makeConfigStringBuilder.bind(null, 'Action');
 export const adorner = LoggingConfig.makeConfigStringBuilder.bind(null, 'Adorner');
 export const animationClip = LoggingConfig.makeConfigStringBuilder.bind(null, 'AnimationClip');
+export const badge = LoggingConfig.makeConfigStringBuilder.bind(null, 'Badge');
 export const bezierCurveEditor = LoggingConfig.makeConfigStringBuilder.bind(null, 'BezierCurveEditor');
 export const bezierPresetCategory = LoggingConfig.makeConfigStringBuilder.bind(null, 'BezierPresetCategory');
 export const breakpointMarker = LoggingConfig.makeConfigStringBuilder.bind(null, 'BreakpointMarker');