fix(autofix): Show PR card with creating/updating state on confirm

When user clicks to create/update PR, immediately hide the NextStep
prompt and show the PR card with a disabled "Creating/Updating PR"
button. The button text distinguishes between new PRs and updates.

The PR section now also appears during the 'creating' status, not
just when fully in sync.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: isaacwang-sentry

static/app/components/events/autofix/useExplorerAutofix.tsx

@@ -376,17 +376,19 @@ export function getOrderedAutofixSections(runState: ExplorerAutofixState | null)
   );
 
   if (hasCompletedCodeChanges) {
-    // Only show the PR section when all PRs are in sync with current code.
-    // Otherwise the NextStep prompt handles create/update flow.
+    // Show the PR section when PRs are in sync (View links) or when a PR
+    // is being created/updated (disabled button with loading text).
+    // Hide it when PRs are out of sync — the NextStep prompt handles that.
     const repoPRStates = runState?.repo_pr_states ?? {};
-    if (areAllPRsInSync(blocks, repoPRStates)) {
-      const pullRequests = Object.values(repoPRStates);
+    const pullRequests = Object.values(repoPRStates);
+    const anyCreating = pullRequests.some(pr => pr.pr_creation_status === 'creating');
+    if (anyCreating || areAllPRsInSync(blocks, repoPRStates)) {
       sections.push({
         step: 'pull_request',
         blockIndex: blocks.length,
         artifacts: [pullRequests],
         messages: [],
-        status: 'completed',
+        status: anyCreating ? 'processing' : 'completed',
       });
     }
 

static/app/components/events/autofix/v3/autofixCards.tsx

@@ -329,9 +329,12 @@ export function PullRequestsCard({autofix, section}: AutofixCardProps) {
     >
       {artifact?.map(pullRequest => {
         if (pullRequest.pr_creation_status === 'creating') {
+          const isUpdating = !!(pullRequest.pr_number && pullRequest.pr_url);
           return (
             <Button key={pullRequest.repo_name} priority="primary" disabled>
-              {t('Creating PR in %s', pullRequest.repo_name)}
+              {isUpdating
+                ? t('Updating PR in %s', pullRequest.repo_name)
+                : t('Creating PR in %s', pullRequest.repo_name)}
             </Button>
           );
         }

static/app/components/events/autofix/v3/nextStep.tsx

@@ -253,18 +253,10 @@ function CodeChangesNextStep({autofix, group, runId, section, referrer}: NextSte
     [autofix.runState?.blocks, autofix.runState?.repo_pr_states]
   );
 
-  if (!defined(artifact) || allInSync) {
+  if (!defined(artifact) || allInSync || creatingPR) {
     return null;
   }
 
-  if (creatingPR) {
-    return (
-      <Text variant="muted">
-        {hasPR ? t('Updating PR\u2026') : t('Creating PR\u2026')}
-      </Text>
-    );
-  }
-
   const yesLabel = hasPR ? t('Yes, update the PR') : t('Yes, draft a PR');
   const nevermindLabel = hasPR
     ? t('Nevermind, update the PR')