Fix

src/lib/components/ComfyBoxWorkflowsView.svelte

@@ -218,10 +218,6 @@
          }
          lastError = $uiState.activeError;
      }
-     else if (activeError == null) {
-         hideError();
-         lastError = null
-     }
  }
 
  async function showError(promptIDWithError: PromptID) {
@@ -241,6 +237,7 @@
 
      workflowState.setActiveWorkflow(app.lCanvas, workflow.id);
      $uiState.activeError = promptIDWithError;
+     lastError = $uiState.activeError;
 
      const jumpToError = () => {
          app.resizeCanvas();
@@ -257,7 +254,7 @@
      if (willOpenPane) {
          const graphPane = getGraphPane();
          if (graphPane) {
-             graphPane.addEventListener("transitionend", jumpToError)
+             graphPane.addEventListener("transitionend", jumpToError, { once: true })
              await tick()
          }
          else {

src/lib/components/ComfyGraphErrorList.svelte

@@ -97,7 +97,7 @@
                                         </div>
                                         {#if canJumpToDisconnectedInput(error)}
                                             <div style:display="flex" style:flex-direction="row">
-                                                <button class="jump-to-error" on:click={() => jumpToDisconnectedInput(error)}><span>⮎</span></button>
+                                                <button class="jump-to-error locate" on:click={() => jumpToDisconnectedInput(error)}><span>⮎</span></button>
                                                 <span>Find disconnected input</span>
                                             </div>
                                         {/if}
@@ -216,6 +216,9 @@
      &.execution-error {
          background: #848;
      }
+     &.locate {
+         background: #488;
+     }
      width: 32px;
      height: 32px;
      font-size: 14pt;

src/lib/components/ComfyGraphView.svelte

@@ -33,14 +33,12 @@
         <DropZone {app} />
     </div>
     <div class="bar">
-        {#if !$interfaceState.graphTransitioning}
+        <span class="left">
-            <span class="left">
+            <button disabled={$interfaceState.graphTransitioning} on:click={doRecenter}>Recenter</button>
-                <button on:click={doRecenter}>Recenter</button>
+            {#if $uiState.activeError != null}
-                {#if $uiState.activeError != null}
+                <button disabled={$interfaceState.graphTransitioning} on:click={clearErrors}>Clear Errors</button>
-                    <button on:click={clearErrors}>Clear Errors</button>
+            {/if}
-                {/if}
+        </span>
-            </span>
-        {/if}
     </div>
     {#if $uiState.activeError && app?.lCanvas?.activeErrors != null}
         <ComfyGraphErrorList {app} errors={app.lCanvas.activeErrors} />
@@ -95,6 +93,9 @@
              background-color: #555;
              border-color: #777;
          }
+         &:disabled {
+             opacity: 50%;
+         }
      }
  }
 </style>