refactor: address comments.

Author: knightedcodemonkey

playwright/github-pr-drawer.spec.ts

@@ -712,34 +712,6 @@ test('Active PR context uses Push commit flow without creating a new pull reques
     },
   )
 
-  await page.route(
-    'https://api.github.com/repos/knightedcodemonkey/develop/git/ref/**',
-    async route => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({
-          ref: 'refs/heads/develop/open-pr-test',
-          object: { type: 'commit', sha: 'existing-head-sha' },
-        }),
-      })
-    },
-  )
-
-  await page.route(
-    'https://api.github.com/repos/knightedcodemonkey/develop/git/ref/**',
-    async route => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({
-          ref: 'refs/heads/develop/open-pr-test',
-          object: { type: 'commit', sha: 'existing-head-sha' },
-        }),
-      })
-    },
-  )
-
   await page.route(
     'https://api.github.com/repos/knightedcodemonkey/develop/contents/**',
     async route => {

src/app.js

@@ -622,6 +622,7 @@ const syncEditorPrContextIndicators = shouldShow => {
     }
 
     icon.setAttribute('viewBox', githubPrOpenIcon.viewBox)
+    icon.dataset.visible = shouldShow ? 'true' : 'false'
     icon.toggleAttribute('hidden', !shouldShow)
   }
 }
@@ -673,6 +674,11 @@ const syncAiChatTokenVisibility = token => {
 
   aiChatToggle?.setAttribute('hidden', '')
   aiChatToggle?.setAttribute('aria-expanded', 'false')
+  githubAiContextState.activePrContext = null
+  githubAiContextState.activePrEditorSyncKey = ''
+  githubAiContextState.hasSyncedActivePrEditorContent = false
+  syncEditorPrContextIndicators(false)
+  setGitHubPrToggleVisual('open-pr')
   githubPrToggle?.setAttribute('hidden', '')
   githubPrToggle?.setAttribute('aria-expanded', 'false')
   githubPrContextClose?.setAttribute('hidden', '')
@@ -817,6 +823,17 @@ prDrawerController = createGitHubPrDrawer({
     confirmAction(options)
   },
   onPullRequestOpened: ({ url }) => {
+    const activeContextSyncKey = getActivePrContextSyncKey(
+      githubAiContextState.activePrContext,
+    )
+    if (
+      activeContextSyncKey &&
+      activeContextSyncKey === githubAiContextState.activePrEditorSyncKey
+    ) {
+      githubAiContextState.hasSyncedActivePrEditorContent = true
+      syncEditorPrContextIndicators(true)
+    }
+
     const message = url
       ? `Pull request opened: ${url}`
       : 'Pull request opened successfully.'
@@ -1415,6 +1432,10 @@ function applyRenderMode({ mode, fromActivePrContext = false }) {
     renderMode.value = nextMode
   }
 
+  if (fromActivePrContext === true && nextMode === 'react') {
+    hasAppliedReactModeDefault = true
+  }
+
   resetDiagnosticsFlow()
 
   if (

src/styles/panels-editor.css

@@ -31,12 +31,17 @@
 }
 
 .panel-header__sync-icon {
+  display: none;
   width: 14px;
   height: 14px;
   fill: color-mix(in srgb, var(--focus-ring) 78%, var(--panel-text));
   opacity: 0.9;
 }
 
+.panel-header__sync-icon[data-visible='true'] {
+  display: inline-block;
+}
+
 .panel-header--grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;