feat(frontend): add AI workflow fixer with LLM-powered diff panel

frontend/src/app/workspace/component/menu/menu.component.spec.ts

@@ -900,7 +900,7 @@ describe("MenuComponent", () => {
       component.currentExecutionName = "exec-1";
       const executeSpy = vi
         .spyOn(executeWorkflowService, "executeWorkflowWithEmailNotification")
-        .mockImplementation(() => {});
+        .mockImplementation(() => true);
 
       component.runWorkflow();
 
@@ -927,7 +927,7 @@ describe("MenuComponent", () => {
       component.currentExecutionName = "";
       const executeSpy = vi
         .spyOn(executeWorkflowService, "executeWorkflowWithEmailNotification")
-        .mockImplementation(() => {});
+        .mockImplementation(() => true);
 
       component.runWorkflow();
 
@@ -971,7 +971,7 @@ describe("MenuComponent", () => {
       } as unknown as Mocked<ComputingUnitSelectionComponent>;
       const executeSpy = vi
         .spyOn(executeWorkflowService, "executeWorkflowWithEmailNotification")
-        .mockImplementation(() => {});
+        .mockImplementation(() => true);
 
       component.runWorkflow();
 

frontend/src/app/workspace/component/result-panel/ai-fix/ai-fix-frame.component.html

@@ -0,0 +1,132 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied.  See the License for the
+ specific language governing permissions and limitations
+ under the License.
+-->
+
+<ng-container *ngIf="state$ | async as state">
+  <div
+    class="ai-fix-status"
+    *ngIf="state.status === 'analyzing' || state.status === 'applying'">
+    <nz-spin nzSize="small"></nz-spin>
+    <span>{{ state.status === "analyzing" ? "Analyzing error with AI..." : "Applying fix..." }}</span>
+  </div>
+
+  <!-- Nothing has been analysed yet (or the user discarded the last suggestion). -->
+  <div
+    class="ai-fix-start"
+    *ngIf="
+      state.status === 'idle' ||
+      state.status === 'applied' ||
+      state.status === 'applied_without_run' ||
+      state.status === 'error' ||
+      (state.status === 'ready' && state.errorType === 'unsupported')
+    ">
+    <button
+      nz-button
+      nzType="primary"
+      class="ai-fix-analyze"
+      [disabled]="!operatorId"
+      (click)="onAnalyze()">
+      <span
+        nz-icon
+        nzType="robot"></span>
+      Analyze with AI
+    </button>
+  </div>
+
+  <nz-alert
+    *ngIf="state.status === 'ready' && state.errorType === 'unsupported'"
+    nzType="info"
+    [nzMessage]="unsupportedMessage"></nz-alert>
+
+  <nz-alert
+    *ngIf="state.status === 'applied'"
+    nzType="success"
+    nzMessage="Fix applied — workflow re-running..."></nz-alert>
+
+  <nz-alert
+    *ngIf="state.status === 'applied_without_run'"
+    nzType="warning"
+    nzMessage="Fix applied, but the re-run was refused. The reason is in the notification; run again once it is resolved."></nz-alert>
+
+  <nz-alert
+    *ngIf="state.status === 'apply_failed'"
+    nzType="warning"
+    [nzMessage]="'Could not apply: ' + state.applyError + '. Review the diff and try again.'"></nz-alert>
+
+  <nz-alert
+    *ngIf="state.status === 'error'"
+    nzType="error"
+    nzMessage="The AI could not suggest a fix for this error. Check the console for details."></nz-alert>
+
+  <ng-container *ngIf="(state.status === 'ready' || state.status === 'apply_failed') && state.suggestedFix as fix">
+    <div class="ai-fix-section-title">🔍 Root cause</div>
+    <p class="ai-fix-explanation">{{ fix.explanation }}</p>
+
+    <div class="ai-fix-section-title">
+      📝 Proposed fix
+      <nz-tag [nzColor]="confidenceColor(fix.confidence)">{{ fix.confidence }} confidence</nz-tag>
+      <nz-tag
+        *ngIf="fix.occurrences && fix.occurrences > 1"
+        nzColor="orange"
+        >changes {{ fix.occurrences }} places</nz-tag
+      >
+    </div>
+
+    <div
+      class="ai-fix-field"
+      *ngIf="fix.type === 'property_change'">
+      Configuration field: <code>{{ fix.fieldName }}</code>
+    </div>
+
+    <div class="ai-fix-diff">
+      <div
+        class="ai-fix-removed"
+        *ngFor="let line of splitLines(fix.original)">
+        - {{ line }}
+      </div>
+      <div
+        class="ai-fix-added"
+        *ngFor="let line of splitLines(fix.suggested)">
+        + {{ line }}
+      </div>
+    </div>
+
+    <div class="ai-fix-actions">
+      <button
+        nz-button
+        nzType="primary"
+        class="ai-fix-apply"
+        (click)="onApply()">
+        <span
+          nz-icon
+          nzType="check"></span>
+        Apply and re-run
+      </button>
+      <button
+        nz-button
+        nzType="default"
+        class="ai-fix-discard"
+        (click)="onDiscard()">
+        <span
+          nz-icon
+          nzType="close"></span>
+        Discard
+      </button>
+    </div>
+  </ng-container>
+</ng-container>

frontend/src/app/workspace/component/result-panel/ai-fix/ai-fix-frame.component.scss

@@ -0,0 +1,77 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+:host {
+  display: block;
+  width: 100%;
+  padding: 8px;
+}
+
+.ai-fix-status {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  padding: 8px 0;
+}
+
+.ai-fix-section-title {
+  font-weight: bold;
+  margin-top: 8px;
+}
+
+.ai-fix-explanation {
+  margin: 4px 0 8px;
+  user-select: text;
+}
+
+.ai-fix-field {
+  margin-bottom: 4px;
+  user-select: text;
+}
+
+/* Same monospace treatment the other result-panel frames use for code. */
+.ai-fix-diff {
+  border: 1px solid #e8e8e8;
+  border-radius: 2px;
+  font-family: monaco, serif;
+  font-size: 11px;
+  line-height: 16px;
+  margin: 4px 0 8px;
+  overflow-x: auto;
+  white-space: pre;
+  user-select: text;
+}
+
+.ai-fix-removed {
+  background-color: #ffeef0;
+  color: #82071e;
+  padding: 0 6px;
+}
+
+.ai-fix-added {
+  background-color: #e6ffed;
+  color: #116329;
+  padding: 0 6px;
+}
+
+.ai-fix-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 8px;
+}