chrome-devtools-frontend 1.0.1572937 → 1.0.1573331

package/front_end/core/sdk/IsolateManager.ts

@@ -49,13 +49,6 @@ export class IsolateManager extends Common.ObjectWrapper.ObjectWrapper<EventType
     }
   }
 
-  unobserveIsolates(observer: Observer): void {
-    this.#observers.delete(observer);
-    if (!this.#observers.size) {
-      this.#pollId++;
-    }
-  }
-
   modelAdded(model: RuntimeModel): void {
     void this.#modelAdded(model);
   }

package/front_end/models/ai_assistance/agents/StylingAgent.snapshot.txt

@@ -106,7 +106,7 @@ Content:
             "type": 1,
             "description": "JavaScript code snippet to run on the inspected page. Make sure the code is formatted for readability.\n\n# Instructions\n\n* To return data, define a top-level `data` variable and populate it with data you want to get. Only JSON-serializable objects can be assigned to `data`.\n* If you modify styles on an element, ALWAYS call the pre-defined global `async setElementStyles(el: Element, styles: object)` function. This function is an internal mechanism for you and should never be presented as a command/advice to the user.\n* **CRITICAL** Only get styles that might be relevant to the user request.\n* **CRITICAL** Never assume a selector for the elements unless you verified your knowledge.\n* **CRITICAL** Consider that `data` variable from the previous function calls are not available in a new function call.\n\nFor example, the code to change element styles:\n\n```\nawait setElementStyles($0, {\n  color: 'blue',\n});\n```\n\nFor example, the code to get overlapping elements:\n\n```\nconst data = {\n  overlappingElements: Array.from(document.querySelectorAll('*'))\n    .filter(el => {\n      const rect = el.getBoundingClientRect();\n      const popupRect = $0.getBoundingClientRect();\n      return (\n        el !== $0 &&\n        rect.left < popupRect.right &&\n        rect.right > popupRect.left &&\n        rect.top < popupRect.bottom &&\n        rect.bottom > popupRect.top\n      );\n    })\n    .map(el => ({\n      tagName: el.tagName,\n      id: el.id,\n      className: el.className,\n      zIndex: window.getComputedStyle(el)['z-index']\n    }))\n};\n```\n"
           },
-          "thought": {
+          "explanation": {
             "type": 1,
             "description": "Explain why you want to run this code"
           },
@@ -117,7 +117,7 @@ Content:
         },
         "required": [
           "code",
-          "thought",
+          "explanation",
           "title"
         ]
       }
@@ -155,7 +155,7 @@ Content:
           "name": "executeJavaScript",
           "args": {
             "title": "title2",
-            "thought": "thought2",
+            "explanation": "thought2",
             "code": "action2"
           }
         }
@@ -259,7 +259,7 @@ Content:
             "name": "executeJavaScript",
             "args": {
               "code": "const data = {\"test\": \"observation\"}",
-              "thought": "I am thinking.",
+              "explanation": "I am thinking.",
               "title": "thinking"
             }
           }
@@ -451,7 +451,7 @@ Content:
         "functionCall": {
           "name": "executeJavaScript",
           "args": {
-            "thought": "thought 1",
+            "explanation": "thought 1",
             "title": "test",
             "code": "console.log('test')"
           }
@@ -479,7 +479,7 @@ Content:
         "functionCall": {
           "name": "executeJavaScript",
           "args": {
-            "thought": "thought 2",
+            "explanation": "thought 2",
             "title": "test",
             "code": "console.log('test')"
           }
@@ -507,7 +507,7 @@ Content:
         "functionCall": {
           "name": "executeJavaScript",
           "args": {
-            "thought": "thought 3",
+            "explanation": "thought 3",
             "title": "test",
             "code": "console.log('test')"
           }

package/front_end/models/ai_assistance/agents/StylingAgent.ts

@@ -330,7 +330,7 @@ export class StylingAgent extends AiAgent<SDK.DOMModel.DOMNode> {
 
     this.declareFunction<{
       title: string,
-      thought: string,
+      explanation: string,
       code: string,
     }>('executeJavaScript', {
       description:
@@ -388,7 +388,7 @@ const data = {
 \`\`\`
 `,
           },
-          thought: {
+          explanation: {
             type: Host.AidaClient.ParametersTypes.STRING,
             description: 'Explain why you want to run this code',
           },
@@ -397,12 +397,12 @@ const data = {
             description: 'Provide a summary of what the code does. For example, "Checking related element styles".',
           },
         },
-        required: ['code', 'thought', 'title']
+        required: ['code', 'explanation', 'title']
       },
       displayInfoFromArgs: params => {
         return {
           title: params.title,
-          thought: params.thought,
+          thought: params.explanation,
           action: params.code,
         };
       },

package/front_end/panels/ai_assistance/PatchWidget.ts

@@ -205,7 +205,7 @@ const DEFAULT_VIEW: View = (input, output, target) => {
           class="link"
           title="${UIStringsNotTranslate.viewUploadedFiles} ${UIStringsNotTranslate.opensInNewTab}"
           href="data:text/plain;charset=utf-8,${encodeURIComponent(input.sources)}"
-          .jslogContext=${'files-used-in-patching'}>
+          jslogcontext="files-used-in-patching">
           ${UIStringsNotTranslate.viewUploadedFiles}
         </devtools-link>`;
   }
@@ -296,8 +296,7 @@ const DEFAULT_VIEW: View = (input, output, target) => {
       return html`
           <div class="footer">
             <div class="left-side">
-              <devtools-link class="link disclaimer-link" href="https://support.google.com/legal/answer/13505487" .jslogContext=${
-                 'code-disclaimer'}>
+              <devtools-link class="link disclaimer-link" href="https://support.google.com/legal/answer/13505487" jslogcontext="code-disclaimer">
                 ${lockedString(UIStringsNotTranslate.codeDisclaimer)}
               </devtools-link>
               ${renderSourcesLink()}
@@ -575,7 +574,7 @@ export class PatchWidget extends UI.Widget.Widget {
           content: html`<devtools-link
             href=${CODE_SNIPPET_WARNING_URL}
             class="link devtools-link"
-            .jslogContext=${'code-snippets-explainer.patch-widget'}
+            jslogcontext="code-snippets-explainer.patch-widget"
           >${lockedString(UIStringsNotTranslate.freDisclaimerTextUseWithCaution)}</devtools-link>`,
           // clang-format on
         }

package/front_end/panels/ai_assistance/SelectWorkspaceDialog.ts

@@ -93,7 +93,7 @@ export const SELECT_WORKSPACE_DIALOG_DEFAULT_VIEW: View = (input, _output, targe
             <devtools-link
               class="devtools-link"
               href="https://goo.gle/devtools-automatic-workspace-folders"
-              .jslogContext=${'automatic-workspaces-documentation'}
+              jslogcontext="automatic-workspaces-documentation"
             >com.chrome.devtools.json</devtools-link>
             file to automatically connect your project to DevTools.
           </div>

package/front_end/panels/application/AppManifestView.ts

@@ -644,7 +644,7 @@ function renderIdentity(identityData: IdentitySectionData, onCopy: () => void, o
             jslog=${VisualLogging.action('help').track({hover: true})}>
         </devtools-icon>
         <devtools-link href="https://developer.chrome.com/blog/pwa-manifest-id/"
-                      .jslogContext=${'learn-more'}
+                      jslogcontext="learn-more"
                       ${ref(setFocusOnSection(i18nString(UIStrings.identity), output))}>
           ${i18nString(UIStrings.learnMore)}
         </devtools-link>
@@ -766,7 +766,7 @@ function renderIcons(
       <div class="report-row">
         ${i18nTemplate(str_, UIStrings.needHelpReadOurS, {
           PH1: html`
-            <devtools-link href="https://web.dev/maskable-icon/" .jslogContext=${'learn-more'}>
+            <devtools-link href="https://web.dev/maskable-icon/" jslogcontext="learn-more">
               ${i18nString(UIStrings.documentationOnMaskableIcons)}
             </devtools-link>`,
         })}
@@ -866,7 +866,7 @@ function renderWindowControlsSection(
             PH2: html`<code>
               <devtools-link
                 href="https://developer.mozilla.org/en-US/docs/Web/Manifest/display_override"
-                .jslogContext=${'display-override'}
+                jslogcontext="display-override"
                 ${ref(setFocusOnSection(i18nString(UIStrings.windowControlsOverlay), output))}>
                 display-override
               </devtools-link>
@@ -882,7 +882,7 @@ function renderWindowControlsSection(
             ${i18nTemplate(str_, UIStrings.wcoNotFound, {PH1: html`<code>
                 <devtools-link
                     href="https://developer.mozilla.org/en-US/docs/Web/Manifest/display_override"
-                    .jslogContext=${'display-override'}
+                    jslogcontext="display-override"
                     ${ref(setFocusOnSection(i18nString(UIStrings.windowControlsOverlay), output))}>
                   display-override
                 </devtools-link>
@@ -891,7 +891,7 @@ function renderWindowControlsSection(
         <div class="report-row">
           ${i18nTemplate(str_, UIStrings.wcoNeedHelpReadMore, {PH1: html`<devtools-link
               href="https://learn.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay"
-              .jslogContext=${'customize-pwa-tittle-bar'}>
+              jslogcontext="customize-pwa-tittle-bar">
             ${i18nString(UIStrings.customizePwaTitleBar)}
           </devtools-link>`})}
         </div>

package/front_end/panels/application/DeviceBoundSessionsModel.ts

@@ -13,6 +13,7 @@ interface EventWithTimestamp {
 export interface SessionAndEvents {
   session?: Protocol.Network.DeviceBoundSession;
   isSessionTerminated: boolean;
+  hasErrors: boolean;
   eventsById: Map<string, EventWithTimestamp>;
 }
 type SessionIdToSessionMap = Map<string|undefined, SessionAndEvents>;
@@ -61,11 +62,21 @@ export class DeviceBoundSessionsModel extends Common.ObjectWrapper.ObjectWrapper
       return;
     }
     const emptySessions = new Map<string, Array<string|undefined>>();
+    const noLongerFailedSessions = new Map<string, Array<string|undefined>>();
     const emptySites = new Set<string>();
     for (const [site, sessionIdToSessionMap] of [...this.#siteSessions]) {
       let emptySessionsSiteEntry = emptySessions.get(site);
+      let noLongerFailedSessionsSiteEntry = noLongerFailedSessions.get(site);
       for (const [sessionId, sessionAndEvents] of sessionIdToSessionMap) {
         sessionAndEvents.eventsById.clear();
+        if (sessionAndEvents.hasErrors) {
+          sessionAndEvents.hasErrors = false;
+          if (!noLongerFailedSessionsSiteEntry) {
+            noLongerFailedSessionsSiteEntry = [];
+            noLongerFailedSessions.set(site, noLongerFailedSessionsSiteEntry);
+          }
+          noLongerFailedSessionsSiteEntry.push(sessionId);
+        }
         if (sessionAndEvents.session) {
           continue;
         }
@@ -85,7 +96,8 @@ export class DeviceBoundSessionsModel extends Common.ObjectWrapper.ObjectWrapper
       }
     }
 
-    this.dispatchEventToListeners(DeviceBoundSessionModelEvents.CLEAR_EVENTS, {emptySessions, emptySites});
+    this.dispatchEventToListeners(
+        DeviceBoundSessionModelEvents.CLEAR_EVENTS, {emptySessions, emptySites, noLongerFailedSessions});
   }
 
   isSiteVisible(site: string): boolean {
@@ -100,6 +112,14 @@ export class DeviceBoundSessionsModel extends Common.ObjectWrapper.ObjectWrapper
     return session.isSessionTerminated;
   }
 
+  sessionHasErrors(site: string, sessionId?: string): boolean {
+    const session = this.getSession(site, sessionId);
+    if (session === undefined) {
+      return false;
+    }
+    return session.hasErrors;
+  }
+
   getSession(site: string, sessionId?: string): SessionAndEvents|undefined {
     return this.#siteSessions.get(site)?.get(sessionId);
   }
@@ -128,6 +148,7 @@ export class DeviceBoundSessionsModel extends Common.ObjectWrapper.ObjectWrapper
       sessionAndEvent = {
         session: undefined,
         isSessionTerminated: false,
+        hasErrors: false,
         eventsById: new Map<string, EventWithTimestamp>()
       };
       sessionIdToSessionMap.set(sessionId, sessionAndEvent);
@@ -167,6 +188,11 @@ export class DeviceBoundSessionsModel extends Common.ObjectWrapper.ObjectWrapper
       }
     }
 
+    // Set that the session has errors if the latest event failed.
+    if (!event.succeeded) {
+      sessionAndEvent.hasErrors = true;
+    }
+
     this.dispatchEventToListeners(
         DeviceBoundSessionModelEvents.EVENT_OCCURRED,
         {site: eventWithTimestamp.event.site, sessionId: eventWithTimestamp.event.sessionId});
@@ -186,6 +212,9 @@ export interface DeviceBoundSessionModelEventTypes {
   [DeviceBoundSessionModelEvents.ADD_VISIBLE_SITE]: {site: string};
   [DeviceBoundSessionModelEvents.CLEAR_VISIBLE_SITES]: void;
   [DeviceBoundSessionModelEvents.EVENT_OCCURRED]: {site: string, sessionId?: string};
-  [DeviceBoundSessionModelEvents.CLEAR_EVENTS]:
-      {emptySessions: Map<string, Array<string|undefined>>, emptySites: Set<string>};
+  [DeviceBoundSessionModelEvents.CLEAR_EVENTS]: {
+    emptySessions: Map<string, Array<string|undefined>>,
+    emptySites: Set<string>,
+    noLongerFailedSessions: Map<string, Array<string|undefined>>,
+  };
 }

package/front_end/panels/application/DeviceBoundSessionsTreeElement.ts

@@ -120,8 +120,20 @@ export class RootTreeElement extends ApplicationPanelTreeElement {
     }
   }
 
-  #updateTerminatedSessionDisplay(site: string, sessionId: string|undefined): void {
+  #updateElementIconAndStyling(
+      sessionElement: ApplicationPanelTreeElement, isSessionTerminated: boolean, sessionHasErrors: boolean): void {
+    if (isSessionTerminated) {
+      sessionElement.listItemElement.classList.add('device-bound-session-terminated');
+      sessionElement.setLeadingIcons([createIcon('database-off')]);
+      return;
+    }
+    sessionElement.listItemElement.classList.remove('device-bound-session-terminated');
+    sessionElement.setLeadingIcons([createIcon(sessionHasErrors ? 'warning' : 'database')]);
+  }
+
+  #updateIconAndStyling(site: string, sessionId: string|undefined): void {
     const isSessionTerminated = this.#model.isSessionTerminated(site, sessionId);
+    const sessionHasErrors = this.#model.sessionHasErrors(site, sessionId);
     const siteMapEntry = this.#sites.get(site);
     if (!siteMapEntry) {
       return;
@@ -130,12 +142,21 @@ export class RootTreeElement extends ApplicationPanelTreeElement {
     if (!sessionElement) {
       return;
     }
-    if (isSessionTerminated) {
-      sessionElement.listItemElement.classList.add('device-bound-session-terminated');
-      sessionElement.setLeadingIcons([createIcon('database-off')]);
-    } else {
-      sessionElement.listItemElement.classList.remove('device-bound-session-terminated');
-      sessionElement.setLeadingIcons([createIcon('database')]);
+    this.#updateElementIconAndStyling(sessionElement, isSessionTerminated, sessionHasErrors);
+  }
+
+  #removeWarningIcons(noLongerFailedSessions: Map<string, Array<string|undefined>>): void {
+    for (const [site, noLongerFailedSessionIds] of noLongerFailedSessions) {
+      const siteData = this.#sites.get(site);
+      if (siteData) {
+        for (const noLongerFailedSessionId of noLongerFailedSessionIds) {
+          const sessionElement = siteData.sessions.get(noLongerFailedSessionId);
+          if (sessionElement) {
+            const isSessionTerminated = this.#model.isSessionTerminated(site, noLongerFailedSessionId);
+            this.#updateElementIconAndStyling(sessionElement, isSessionTerminated, /* sessionHasErrors=*/ false);
+          }
+        }
+      }
     }
   }
 
@@ -231,12 +252,13 @@ export class RootTreeElement extends ApplicationPanelTreeElement {
       {data: {site, sessionId}}: Common.EventTarget
           .EventTargetEvent<DeviceBoundSessionModelEventTypes[DeviceBoundSessionModelEvents.EVENT_OCCURRED]>): void {
     this.#addSiteSessionIfMissing(site, sessionId);
-    this.#updateTerminatedSessionDisplay(site, sessionId);
+    this.#updateIconAndStyling(site, sessionId);
   }
 
-  #onClearEvents({data: {emptySessions, emptySites}}: Common.EventTarget
+  #onClearEvents({data: {emptySessions, emptySites, noLongerFailedSessions}}: Common.EventTarget
                      .EventTargetEvent<DeviceBoundSessionModelEventTypes[DeviceBoundSessionModelEvents.CLEAR_EVENTS]>):
       void {
     this.#removeEmptyElements(emptySessions, emptySites);
+    this.#removeWarningIcons(noLongerFailedSessions);
   }
 }

package/front_end/panels/application/FrameDetailsView.ts

@@ -324,7 +324,7 @@ function renderOriginTrial(trials: Protocol.Page.OriginTrial[]|null): LitTemplat
       <span class="report-section">
         ${i18nString(UIStrings.originTrialsExplanation)}
         <devtools-link href="https://developer.chrome.com/docs/web-platform/origin-trials/" class="link"
-                .jslogContext=${'learn-more.origin-trials'}>
+                jslogcontext="learn-more.origin-trials">
           ${i18nString(UIStrings.learnMore)}
         </devtools-link>
       </span>
@@ -738,7 +738,7 @@ function renderApiAvailabilitySection(frame: SDK.ResourceTreeModel.ResourceTreeF
           ${i18nString(UIStrings.availabilityOfCertainApisDepends)}
           <devtools-link
             href="https://web.dev/why-coop-coep/" class="link"
-            .jslogContext=${'learn-more.coop-coep'}>
+            jslogcontext="learn-more.coop-coep">
             ${i18nString(UIStrings.learnMore)}
           </devtools-link>
         </span>
@@ -815,8 +815,7 @@ function renderMeasureMemoryAvailability(frame: SDK.ResourceTreeModel.ResourceTr
         <devtools-report-key>${i18nString(UIStrings.measureMemory)}</devtools-report-key>
         <devtools-report-value>
           <span title=${tooltipText}>${
-        availabilityText}</span>\xA0<devtools-link class="link" href="https://web.dev/monitor-total-page-memory-usage/" .jslogContext=${
-                                                                  'learn-more.monitor-memory-usage'}>${
+        availabilityText}</span>\xA0<devtools-link class="link" href="https://web.dev/monitor-total-page-memory-usage/" jslogcontext="learn-more.monitor-memory-usage">${
         i18nString(UIStrings.learnMore)}</devtools-link>
         </devtools-report-value>
       `;

package/front_end/panels/application/components/BounceTrackingMitigationsView.ts

@@ -159,7 +159,7 @@ const renderMainFrameInformation = (input: ViewInput): Lit.LitTemplate => {
     </devtools-report-divider>
     <devtools-report-section>
       <devtools-link href="https://privacycg.github.io/nav-tracking-mitigations/#bounce-tracking-mitigations" class="link"
-      .jslogContext=${'learn-more'}>
+      jslogcontext="learn-more">
         ${i18nString(UIStrings.learnMore)}
       </devtools-link>
     </devtools-report-section>

package/front_end/panels/application/components/ProtocolHandlersView.ts

@@ -82,7 +82,7 @@ function renderStatusMessage(
                      name=${protocolHandlers.length > 0 ? 'check-circle' : 'info'}>
       </devtools-icon>
       ${uiI18n.getFormatLocalizedStringTemplate(str_, statusString, {PH1: html`
-        <devtools-link href=${manifestLink} .jslogContext=${'manifest'}>${i18nString(UIStrings.manifest)}</devtools-link>
+        <devtools-link href=${manifestLink} jslogcontext="manifest">${i18nString(UIStrings.manifest)}</devtools-link>
         ` })}
     </div>`;
   // clang-format on
@@ -144,7 +144,7 @@ const DEFAULT_VIEW: View = (input, _output, target) => {
     ${renderStatusMessage(input.protocolHandler, input.manifestLink)}
     <div class="protocol-handlers-row">
       ${i18nTemplate(UIStrings.needHelpReadOur, {PH1: html`
-        <devtools-link href=${PROTOCOL_DOCUMENT_URL} class="devtools-link" autofocus .jslogContext=${'learn-more'}>
+        <devtools-link href=${PROTOCOL_DOCUMENT_URL} class="devtools-link" autofocus jslogcontext="learn-more">
           ${i18nString(UIStrings.protocolHandlerRegistrations)}
         </devtools-link>`})}
     </div>

package/front_end/panels/application/components/ReportsGrid.ts

@@ -82,7 +82,7 @@ export const DEFAULT_VIEW = (input: ViewInput, output: undefined, target: HTMLEl
                 <style>${reportsGridStyles}</style>
                 <span class="status-header">${i18nString(UIStrings.status)}</span>
                 <devtools-link href="https://web.dev/reporting-api/#report-status"
-                .jslogContext=${'report-status'}>
+                jslogcontext="report-status">
                   <devtools-icon class="inline-icon medium" name="help" style="color: var(--icon-link);"
                   ></devtools-icon>
                 </devtools-link>
@@ -112,7 +112,7 @@ export const DEFAULT_VIEW = (input: ViewInput, output: undefined, target: HTMLEl
             <devtools-link
               class="devtools-link"
               href=${REPORTING_API_EXPLANATION_URL}
-              .jslogContext=${'learn-more'}
+              jslogcontext="learn-more"
             >${i18nString(UIStrings.learnMore)}</devtools-link>
           </div>
         </div>

package/front_end/panels/application/preloading/PreloadingView.ts

@@ -257,7 +257,7 @@ export class PreloadingRuleSetView extends UI.Widget.VBox {
             <devtools-link
               class="devtools-link"
               href=${SPECULATION_EXPLANATION_URL}
-              .jslogContext=${'learn-more'}
+              jslogcontext="learn-more"
             >${i18nString(UIStrings.learnMore)}</devtools-link>
           </div>
         </div>
@@ -434,7 +434,7 @@ export class PreloadingAttemptView extends UI.Widget.VBox {
             <devtools-link
               class="devtools-link"
               href=${SPECULATION_EXPLANATION_URL}
-              .jslogContext=${'learn-more'}
+              jslogcontext="learn-more"
             >${i18nString(UIStrings.learnMore)}</devtools-link>
           </div>
         </div>

package/front_end/panels/application/preloading/components/UsedPreloadingView.ts

@@ -262,7 +262,7 @@ function renderMismatchedSections(data: MismatchedData): LitTemplate {
       <devtools-link
         class="link devtools-link"
         href=${data.pageURL}
-        .jslogContext=${'current-url'}
+        jslogcontext="current-url"
       >${data.pageURL}</devtools-link>
     </devtools-report-section>
 
@@ -412,7 +412,7 @@ const DEFAULT_VIEW: View = (input, _output, target) => {
         <devtools-link
           class="link devtools-link"
           href=${'https://developer.chrome.com/blog/prerender-pages/'}
-          .jslogContext=${'learn-more'}
+          jslogcontext="learn-more"
         >${i18nString(UIStrings.learnMore)}</devtools-link>
       </devtools-report-section>
     </devtools-report>`, target);

package/front_end/panels/autofill/AutofillView.ts

@@ -238,14 +238,14 @@ const DEFAULT_VIEW: View = (input: ViewInput, _output: ViewOutput, target: HTMLE
                 jslog=${VisualLogging.toggle(input.autoOpenViewSetting.name).track({ change: true })}>
               ${i18nString(UIStrings.autoShow)}
             </devtools-checkbox>
-            <devtools-link href=${AUTOFILL_FEEDBACK_URL} class="feedback link" .jslogContext=${'feedback'}>${i18nString(UIStrings.sendFeedback)}</devtools-link>
+            <devtools-link href=${AUTOFILL_FEEDBACK_URL} class="feedback link" jslogcontext="feedback">${i18nString(UIStrings.sendFeedback)}</devtools-link>
           </div>
           <div class="placeholder-container" jslog=${VisualLogging.pane('autofill-empty')}>
             <div class="empty-state">
               <span class="empty-state-header">${i18nString(UIStrings.noAutofill)}</span>
               <div class="empty-state-description">
                 <span>${i18nString(UIStrings.toStartDebugging)}</span>
-                <devtools-link href=${AUTOFILL_INFO_URL} class="link" .jslogContext=${'learn-more'}>${i18nString(UIStrings.learnMore)}</devtools-link>
+                <devtools-link href=${AUTOFILL_INFO_URL} class="link" jslogcontext="learn-more">${i18nString(UIStrings.learnMore)}</devtools-link>
               </div>
             </div>
           </div>
@@ -280,7 +280,7 @@ const DEFAULT_VIEW: View = (input: ViewInput, _output: ViewOutput, target: HTMLE
                   ${i18nString(UIStrings.autoShow)}
                 </devtools-checkbox>
               </div>
-              <devtools-link href=${AUTOFILL_FEEDBACK_URL} class="feedback link" .jslogContext=${'feedback'}>${i18nString(UIStrings.sendFeedback)}</devtools-link>
+              <devtools-link href=${AUTOFILL_FEEDBACK_URL} class="feedback link" jslogcontext="feedback">${i18nString(UIStrings.sendFeedback)}</devtools-link>
             </div>
             ${renderAddress()}
           </div>

package/front_end/panels/common/AiCodeCompletionSummaryToolbar.ts

@@ -89,7 +89,7 @@ export const DEFAULT_SUMMARY_TOOLBAR_VIEW: View = (input, _output, target) => {
                     ${Directives.repeat(input.citations, citation => html`<devtools-link
                         tabIndex="0"
                         href=${citation}
-                        .jslogContext=${'ai-code-completion-citations.citation-link'}>${citation}</devtools-link>`)}</div></devtools-tooltip>
+                        jslogcontext="ai-code-completion-citations.citation-link">${citation}</devtools-link>`)}</div></devtools-tooltip>
             </div>` : nothing;
 
   render(

package/front_end/panels/common/AiCodeCompletionTeaser.ts

@@ -249,7 +249,7 @@ export class AiCodeCompletionTeaser extends UI.Widget.Widget {
           content: html`<devtools-link
             href=${CODE_SNIPPET_WARNING_URL}
             class="link devtools-link"
-            .jslogContext=${'code-snippets-explainer.ai-code-completion-teaser'}
+            jslogcontext="code-snippets-explainer.ai-code-completion-teaser"
           >${lockedString(UIStringsNotTranslate.freDisclaimerTextUseWithCaution)}</devtools-link>`,
           // clang-format on
         });

package/front_end/panels/common/AiCodeGenerationUpgradeDialog.ts

@@ -82,7 +82,7 @@ export class AiCodeGenerationUpgradeDialog {
               @click=${() => {
                 void UI.ViewManager.ViewManager.instance().showView('chrome-ai');
                 }}
-              .jslogContext=${'ai-code-generation-upgrade-dialog.manage-in-settings'}
+              jslogcontext="ai-code-generation-upgrade-dialog.manage-in-settings"
               .variant=${Buttons.Button.Variant.OUTLINED}
               aria-label=${lockedString(UIStringsNotTranslate.manageInSettings)}>
               ${lockedString(UIStringsNotTranslate.manageInSettings)}
@@ -91,7 +91,7 @@ export class AiCodeGenerationUpgradeDialog {
               @click=${() => {
                   dialog.hide();
                 }}
-              .jslogContext=${'ai-code-generation-upgrade-dialog.continue'}
+              jslogcontext="ai-code-generation-upgrade-dialog.continue"
               .variant=${Buttons.Button.Variant.PRIMARY}>
               ${lockedString(UIStringsNotTranslate.gotIt)}
             </devtools-button>

package/front_end/panels/common/BadgeNotification.ts

@@ -204,8 +204,9 @@ export class BadgeNotification extends UI.Widget.Widget {
     this.#show({
       message: i18nFormatStringTemplate(UIStrings.starterBadgeAwardMessageSettingDisabled, {
         PH1: badge.title,
-        PH2: html`<devtools-link class="badge-link" href="https://developers.google.com/program" .jslogContext=${
-                 'program-link'}>${lockedString('Google Developer Program')}</devtools-link>`
+        PH2:
+            html`<devtools-link class="badge-link" href="https://developers.google.com/program" jslogcontext="program-link">${
+                lockedString('Google Developer Program')}</devtools-link>`
       }),
       jslogContext: badge.jslogContext,
       actions: [

package/front_end/panels/common/GdpSignUpDialog.ts

@@ -154,9 +154,9 @@ export const DEFAULT_VIEW: View = (input, _output, target): void => {
             <div class="section-text">
               <div>${i18nString(UIStrings.tailorProfileBody)}</div><br/>
               <div>${uiI18n.getFormatLocalizedStringTemplate(str_, UIStrings.tailorProfileBodyDisclaimer, {
-      PH1: html`<devtools-link href=${CONTENT_POLICY_URL} class="link" .jslogContext=${'content-policy'}>${i18nString(UIStrings.contentPolicy)}</devtools-link>`,
-      PH2: html`<devtools-link href=${TERMS_OF_SERVICE_URL} class="link" .jslogContext=${'terms-of-service'}>${i18nString(UIStrings.termsOfService)}</devtools-link>`,
-      PH3: html`<devtools-link href=${PRIVACY_POLICY_URL} class="link" .jslogContext=${'privacy-policy'}>${i18nString(UIStrings.privacyPolicy)}</devtools-link>`,
+      PH1: html`<devtools-link href=${CONTENT_POLICY_URL} class="link" jslogcontext="content-policy">${i18nString(UIStrings.contentPolicy)}</devtools-link>`,
+      PH2: html`<devtools-link href=${TERMS_OF_SERVICE_URL} class="link" jslogcontext="terms-of-service">${i18nString(UIStrings.termsOfService)}</devtools-link>`,
+      PH3: html`<devtools-link href=${PRIVACY_POLICY_URL} class="link" jslogcontext="privacy-policy">${i18nString(UIStrings.privacyPolicy)}</devtools-link>`,
     })}</div>
             </div>
           </div>

package/front_end/panels/console/ConsoleInsightTeaser.ts

@@ -169,7 +169,7 @@ function renderNoModel(input: ViewInput): Lit.TemplateResult {
           lockedString(UIStringsNotTranslate.getHelpForError)}
         </h2>
         <div>You can get quick answers from <devtools-link
-            .jslogContext=${'insights-teaser-built-in-ai-documentation'}
+            jslogcontext="insights-teaser-built-in-ai-documentation"
             class="link"
             href=${BUILT_IN_AI_DOCUMENTATION}
           >
@@ -329,7 +329,7 @@ function renderFooter(input: ViewInput): Lit.TemplateResult {
             class="devtools-link"
             title=${lockedString(UIStringsNotTranslate.learnMoreAboutAiSummaries)}
             href=${DATA_USAGE_URL}
-            .jslogContext=${'explain.teaser.learn-more'}
+            jslogcontext="explain.teaser.learn-more"
           >${lockedString(UIStringsNotTranslate.learnMoreAboutAiSummaries)}</devtools-link>
         </div>
       </devtools-tooltip>
@@ -513,7 +513,7 @@ export class ConsoleInsightTeaser extends UI.Widget.Widget {
           content: html`<devtools-link
             href=${CODE_SNIPPET_WARNING_URL}
             class="link devtools-link"
-            .jslogContext=${'explain.teaser.code-snippets-explainer'}
+            jslogcontext="explain.teaser.code-snippets-explainer"
           >${lockedString(UIStringsNotTranslate.freDisclaimerTextUseWithCaution)}</devtools-link>`,
           // clang-format on
         }

package/front_end/panels/explain/components/ConsoleInsight.ts

@@ -300,7 +300,7 @@ function renderSearchButton(onSearch: ViewInput['callbacks']['onSearch']): Lit.T
 
 function renderLearnMoreAboutInsights(): Lit.TemplateResult {
   // clang-format off
-  return html`<devtools-link href=${LEARN_MORE_URL} class="link" .jslogContext=${'learn-more'}>
+  return html`<devtools-link href=${LEARN_MORE_URL} class="link" jslogcontext="learn-more">
     ${i18nString(UIStrings.learnMore)}
   </devtools-link>`;
   // clang-format on
@@ -321,7 +321,7 @@ function maybeRenderSources(
           <devtools-link
             href=${url}
             class=${Directives.classMap({link: true, highlighted: index === highlightedCitationIndex})}
-            .jslogContext=${'references.console-insights'}
+            jslogcontext="references.console-insights"
             ${Directives.ref(e => { output.citationLinks[index] = e as HTMLElement; })}
             @animationend=${onCitationAnimationEnd}
           >
@@ -347,7 +347,7 @@ function maybeRenderRelatedContent(relatedUrls: string[], directCitationUrls: st
           <devtools-link
             href=${relatedUrl}
             class="link"
-            .jslogContext=${'references.console-insights'}
+            jslogcontext="references.console-insights"
           >
             ${relatedUrl}
           </devtools-link>
@@ -454,12 +454,12 @@ function renderConsentReminder(noLogging: boolean): Lit.TemplateResult {
       <div>Use of this feature is subject to the <devtools-link
           href=${TERMS_OF_SERVICE_URL}
           class="link"
-          .jslogContext=${'terms-of-service.console-insights'}>
+          jslogcontext="terms-of-service.console-insights">
         Google Terms of Service
         </devtools-link> and <devtools-link
           href=${PRIVACY_POLICY_URL}
           class="link"
-          .jslogContext=${'privacy-policy.console-insights'}>
+          jslogcontext="privacy-policy.console-insights">
         Google Privacy Policy
         </devtools-link>
       </div>
@@ -471,7 +471,7 @@ function renderConsentReminder(noLogging: boolean): Lit.TemplateResult {
         <devtools-link
           href=${CODE_SNIPPET_WARNING_URL}
           class="link"
-          .jslogContext=${'code-snippets-explainer.console-insights'}
+          jslogcontext="code-snippets-explainer.console-insights"
         >Use generated code snippets with caution</devtools-link>
       </div>
     </div>`;
@@ -515,7 +515,7 @@ function renderDisclaimer(noLogging: boolean, onDisclaimerSettingsLink: () => vo
               jslog=${VisualLogging.action('open-ai-settings').track({click: true})}>
       Open settings
     </button> or <devtools-link href=${LEARN_MORE_URL}
-        class="link" .jslogContext=${'learn-more'}>
+        class="link" jslogcontext="learn-more">
       learn more
     </devtools-link>
   </span>`;

package/front_end/panels/issues/IssueView.ts

@@ -455,7 +455,7 @@ export class IssueView extends UI.TreeOutline.TreeElement {
       const linkListItem = linkList.createChild('li');
       // eslint-disable-next-line @devtools/no-lit-render-outside-of-view
       render(
-          html`<devtools-link class="link devtools-link" href=${description.link} .jslogContext=${'learn-more'}>${
+          html`<devtools-link class="link devtools-link" href=${description.link} jslogcontext="learn-more">${
               i18nString(UIStrings.learnMoreS, {PH1: description.linkTitle})}</devtools-link>`,
           linkListItem);
     }

package/front_end/panels/network/RequestConditionsDrawer.ts

@@ -24,7 +24,7 @@ import * as PanelUtils from '../utils/utils.js';
 
 import requestConditionsDrawerStyles from './requestConditionsDrawer.css.js';
 
-const {ref} = Directives;
+const {ref, live} = Directives;
 const {widgetConfig} = UI.Widget;
 
 const UIStrings = {
@@ -439,10 +439,10 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
           // clang-format off
         html`
     <input class=blocked-url-checkbox
-      @click=${toggle}
+      @change=${toggle}
       type=checkbox
       title=${i18nString(UIStrings.enableThrottlingToggleLabel, {PH1: constructorStringOrWildcardURL})}
-      .checked=${enabled}
+      .checked=${live(enabled)}
       .disabled=${!editable || !originalOrUpgradedURLPattern}
       jslog=${VisualLogging.toggle().track({ change: true })}>
     <devtools-button
@@ -519,7 +519,7 @@ export class RequestConditionsDrawer extends UI.Widget.VBox implements
           // clang-format off
         html`
     <input class=blocked-url-checkbox
-      @click=${toggle}
+      @change=${toggle}
       type=checkbox
       .checked=${condition.enabled}
       .disabled=${!editable}

package/front_end/panels/network/RequestTimingView.ts

@@ -504,7 +504,7 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
            <devtools-link
              href="https://developer.chrome.com/docs/devtools/network/reference/#timing-explanation"
              class=devtools-link
-             .jslogContext=${'explanation'}>
+             jslogcontext="explanation">
                ${i18nString(UIStrings.explanation)}
            </devtools-link>
          <td></td>

package/front_end/panels/network/components/RequestHeadersView.ts

@@ -310,7 +310,7 @@ export class RequestHeadersView extends LegacyWrapper.LegacyWrapper.WrappableCom
       <devtools-link
           href="https://goo.gle/devtools-override"
           class="link devtools-link"
-          .jslogContext=${'devtools-override'}
+          jslogcontext="devtools-override"
       >
         <devtools-icon name="help" class="inline-icon medium">
         </devtools-icon>
@@ -319,7 +319,7 @@ export class RequestHeadersView extends LegacyWrapper.LegacyWrapper.WrappableCom
           @click=${revealHeadersFile}
           class="link devtools-link"
           title=${UIStrings.revealHeaderOverrides}
-          .jslogContext=${'reveal-header-overrides'}
+          jslogcontext="reveal-header-overrides"
       >
         ${fileIcon}${Persistence.NetworkPersistenceManager.HEADERS_FILENAME}
       </devtools-link>

package/front_end/panels/profiler/IsolateSelector.ts

@@ -88,6 +88,7 @@ export class IsolateSelector extends UI.Widget.VBox implements UI.ListControl.Li
         this.totalTrendDiv, i18nString(UIStrings.totalPageJsHeapSizeChangeTrend, {PH1: trendIntervalMinutes}));
     UI.Tooltip.Tooltip.install(this.totalValueDiv, i18nString(UIStrings.totalPageJsHeapSizeAcrossAllVm));
 
+    SDK.IsolateManager.IsolateManager.instance().observeIsolates(this);
     SDK.TargetManager.TargetManager.instance().addEventListener(
         SDK.TargetManager.Events.NAME_CHANGED, this.targetChanged, this);
     SDK.TargetManager.TargetManager.instance().addEventListener(
@@ -96,7 +97,6 @@ export class IsolateSelector extends UI.Widget.VBox implements UI.ListControl.Li
 
   override wasShown(): void {
     super.wasShown();
-    SDK.IsolateManager.IsolateManager.instance().observeIsolates(this);
     SDK.IsolateManager.IsolateManager.instance().addEventListener(
         SDK.IsolateManager.Events.MEMORY_CHANGED, this.heapStatsChanged, this);
   }
@@ -105,7 +105,6 @@ export class IsolateSelector extends UI.Widget.VBox implements UI.ListControl.Li
     super.willHide();
     SDK.IsolateManager.IsolateManager.instance().removeEventListener(
         SDK.IsolateManager.Events.MEMORY_CHANGED, this.heapStatsChanged, this);
-    SDK.IsolateManager.IsolateManager.instance().unobserveIsolates(this);
   }
 
   isolateAdded(isolate: SDK.IsolateManager.Isolate): void {

package/front_end/panels/recorder/RecorderController.ts

@@ -1192,7 +1192,7 @@ export class RecorderController extends LitElement {
           <devtools-link
             class="devtools-link"
             href=${RECORDER_EXPLANATION_URL}
-            .jslogContext=${'learn-more'}
+            jslogcontext="learn-more"
           >${i18nString(UIStrings.learnMore)}</devtools-link>
         </div>
         <devtools-button .variant=${Buttons.Button.Variant.TONAL} jslogContext=${Actions.RecorderActions.CREATE_RECORDING} @click=${this.#onCreateNewRecording}>${i18nString(UIStrings.createRecording)}</devtools-button>
@@ -1470,7 +1470,7 @@ export class RecorderController extends LitElement {
             <div class="feedback">
               <devtools-link class="devtools-link" title=${i18nString(UIStrings.sendFeedback)} href=${
                 FEEDBACK_URL
-              } .jslogContext=${'feedback'}>${i18nString(UIStrings.sendFeedback)}</devtools-link>
+              } jslogcontext="feedback">${i18nString(UIStrings.sendFeedback)}</devtools-link>
             </div>
             <div class="separator"></div>
             <devtools-shortcut-dialog

package/front_end/panels/security/CookieReportView.ts

@@ -224,8 +224,8 @@ const DEFAULT_VIEW: View = (input, output, target) => {
         </devtools-icon>
         ${i18nFormatStringTemplate(UIStrings.upperDeprecationWarning, {
     PH1:
-        html`<devtools-link class="devtools-link" href="https://privacysandbox.com/news/privacy-sandbox-update/" .jslogContext=${
-            'privacy-sandbox-update'}>${i18nString(UIStrings.blogPostLink)}</devtools-link>`,
+        html`<devtools-link class="devtools-link" href="https://privacysandbox.com/news/privacy-sandbox-update/" jslogcontext="privacy-sandbox-update">${
+            i18nString(UIStrings.blogPostLink)}</devtools-link>`,
   })}
       </div>
       <div class="body">
@@ -239,7 +239,7 @@ const DEFAULT_VIEW: View = (input, output, target) => {
         <div class="report overflow-auto">
             <div class="header">
               <h1>${i18nString(UIStrings.title)}</h1>
-              <div class="body">${i18nString(UIStrings.body)} <devtools-link class="devtools-link" href="https://developers.google.com/privacy-sandbox/cookies/prepare/audit-cookies" .jslogContext=${'learn-more'}>${i18nString(UIStrings.learnMoreLink)}</devtools-link></div>
+              <div class="body">${i18nString(UIStrings.body)} <devtools-link class="devtools-link" href="https://developers.google.com/privacy-sandbox/cookies/prepare/audit-cookies" jslogcontext="learn-more">${i18nString(UIStrings.learnMoreLink)}</devtools-link></div>
             </div>
             ${input.cookieRows.length > 0 ?
               html`
@@ -484,8 +484,8 @@ export class CookieReportView extends UI.Widget.VBox {
       case Protocol.Audits.InsightType.GitHubResource: {
         const githubLink = html`<devtools-link href=${
             insight.tableEntryUrl ??
-            'https://github.com/privacysandbox/privacy-sandbox-dev-support/blob/main/3pc-migration-readiness.md'} .jslogContext=${
-            'readiness-list-link'}>${i18nString(UIStrings.guidance)}</devtools-link>`;
+            'https://github.com/privacysandbox/privacy-sandbox-dev-support/blob/main/3pc-migration-readiness.md'} jslogcontext="readiness-list-link">${
+            i18nString(UIStrings.guidance)}</devtools-link>`;
 
         return html`${uiI18n.getFormatLocalizedStringTemplate(str_, UIStrings.gitHubResource, {
           PH1: githubLink,
@@ -499,7 +499,7 @@ export class CookieReportView extends UI.Widget.VBox {
             // The order of the URLs matters - needs to be 1P + 3P.
             (url ? Common.ParsedURL.ParsedURL.fromString(url)?.host + '+' : '') +
             (domain.charAt(0) === '.' ? domain.substring(1) : domain)}
-            .jslogContext=${'compatibility-lookup-link'}>${i18nString(UIStrings.reportedIssues)}</devtools-link>`;
+            jslogcontext="compatibility-lookup-link">${i18nString(UIStrings.reportedIssues)}</devtools-link>`;
 
         return html`${uiI18n.getFormatLocalizedStringTemplate(str_, UIStrings.gracePeriod, {
           PH1: gracePeriodLink,

package/front_end/panels/settings/components/SyncSection.ts

@@ -181,7 +181,7 @@ const DEFAULT_VIEW = (input: ViewInput, output: ViewOutput, target: HTMLElement)
               ${getGdpSubscriptionText(input.gdpProfile)}
                · 
               <devtools-link
-                .jslogContext=${'view-profile'}
+                jslogcontext="view-profile"
                 class="link"
                 href=${Host.GdpClient.GOOGLE_DEVELOPER_PROGRAM_PROFILE_LINK}>
                 ${i18nString(UIStrings.viewProfile)}

package/front_end/panels/settings/emulation/components/UserAgentClientHintsForm.ts

@@ -868,7 +868,7 @@ export class UserAgentClientHintsForm extends HTMLElement {
            href="https://web.dev/user-agent-client-hints/"
            class="link"
            aria-label=${i18nString(UIStrings.learnMore)}
-           .jslogContext=${'learn-more'}
+           jslogcontext="learn-more"
           >
             ${i18nString(UIStrings.learnMore)}
           </devtools-link>

package/front_end/panels/sources/BreakpointEditDialog.ts

@@ -143,7 +143,7 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
     <div class=link-wrapper>
       <devtools-icon name=open-externally class=link-icon></devtools-icon>
       <devtools-link class="devtools-link" href="https://goo.gle/devtools-loc"
-                                          .jslogContext=${'learn-more'}>${
+                                          jslogcontext="learn-more">${
                      i18nString(UIStrings.learnMoreOnBreakpointTypes)}</devtools-link>
     </div>
     `,

package/front_end/panels/whats_new/ReleaseNoteView.ts

@@ -90,7 +90,7 @@ export class ReleaseNoteView extends UI.Panel.Panel {
                 return html`
                   <devtools-link
                   href=${value.link}
-                  .jslogContext=${'learn-more'}>
+                  jslogcontext="learn-more">
                     <div class="video">
                       <img class="thumbnail" src=${input.getThumbnailPath(value.type ?? VideoType.WHATS_NEW)}>
                       <div class="thumbnail-description"><span>${value.description}</span></div>

package/front_end/ui/components/markdown_view/CodeBlock.ts

@@ -204,7 +204,7 @@ export class CodeBlock extends HTMLElement {
   #renderNotice(): Lit.TemplateResult {
     // clang-format off
     return html`<p class="notice">
-      <devtools-link class="link" href="https://support.google.com/legal/answer/13505487" .jslogContext=${'code-disclaimer'}>
+      <devtools-link class="link" href="https://support.google.com/legal/answer/13505487" jslogcontext="code-disclaimer">
         ${i18nString(UIStrings.disclaimer)}
       </devtools-link>
     </p>`;

package/front_end/ui/components/panel_feedback/PanelFeedback.ts

@@ -74,7 +74,7 @@ export class PanelFeedback extends HTMLElement {
           </div>
           <div class="video-description">
             <h3>${i18nString(UIStrings.videoAndDocumentation)}</h3>
-            <devtools-link class="quick-start-link" href=${this.#props.quickStartUrl} .jslogContext=${'css-overview.quick-start'}>${this.#props.quickStartLinkText}</devtools-link>
+            <devtools-link class="quick-start-link" href=${this.#props.quickStartUrl} jslogcontext="css-overview.quick-start">${this.#props.quickStartLinkText}</devtools-link>
           </div>
         </div>
       </div>

package/front_end/ui/components/text_editor/AutocompleteHistory.ts

@@ -20,6 +20,12 @@ export class AutocompleteHistory {
   #historyOffset = 1;
   #uncommittedIsTop = false;
 
+  /**
+   * Tracks session-local edits made to history entries during navigation.
+   * Maps history index to edited text. Cleared when a new command is committed.
+   */
+  #editedEntries = new Map<number, string>();
+
   /**
    * Creates a new settings-backed history. The class assumes it has sole
    * ownership of the setting.
@@ -33,6 +39,7 @@ export class AutocompleteHistory {
     this.#data = [];
     this.#setting.set([]);
     this.#historyOffset = 1;
+    this.#editedEntries.clear();
   }
 
   length(): number {
@@ -49,6 +56,7 @@ export class AutocompleteHistory {
     }
 
     this.#historyOffset = 1;
+    this.#editedEntries.clear();
     if (text !== this.#currentHistoryItem()) {
       this.#data.push(text);
     }
@@ -72,11 +80,33 @@ export class AutocompleteHistory {
     }
     if (this.#historyOffset === 1) {
       this.#pushCurrentText(currentText);
+    } else {
+      this.#saveCurrentEdit(currentText);
     }
     ++this.#historyOffset;
     return this.#currentHistoryItem();
   }
 
+  /**
+   * Saves the current text as an edit if it differs from the current history item
+   * (which may already have edits from a previous navigation).
+   * Only saves non-empty edits to avoid issues with navigation-only calls.
+   */
+  #saveCurrentEdit(text: string): void {
+    const index = this.#data.length - this.#historyOffset;
+    const currentValue = this.#currentHistoryItem();
+    if (text === currentValue) {
+      return;
+    }
+    const original = this.#data[index];
+    if (text !== original && text.length > 0) {
+      this.#editedEntries.set(index, text);
+    } else {
+      // Remove edit if text was restored to original (or emptied)
+      this.#editedEntries.delete(index);
+    }
+  }
+
   next(): string|undefined {
     if (this.#historyOffset === 1) {
       return undefined;
@@ -98,7 +128,9 @@ export class AutocompleteHistory {
   }
 
   #currentHistoryItem(): string|undefined {
-    return this.#data[this.#data.length - this.#historyOffset];
+    const index = this.#data.length - this.#historyOffset;
+    // Return edited version if available, otherwise return original
+    return this.#editedEntries.get(index) ?? this.#data[index];
   }
 
   #store(): void {

package/package.json

@@ -104,5 +104,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1572937"
+  "version": "1.0.1573331"
 }