feat(ai): wire console-error capture from injected script to AI Assistant

End-to-end wiring for the recent-console-errors signal:

- The injected script installs consoleErrorCapture on load and pushes a
  fresh snapshot to the panel via the existing devtools port protocol
  ('on-console-errors-updated') on every recorded event.
- Panel main.js caches the snapshot in frameData[frameId].consoleErrors
  and wires getConsoleErrors / clearConsoleErrors to the AI Assistant.
- clearConsoleErrors sends 'do-clear-console-errors' to the injected
  script so the panel's cache and the page-side buffer stay in lock-step
  when the developer invokes Clear Conversation.
- AIChat forwards the two new callbacks into AssistantController.

Closes .scratch/ai-prompt-context-quality/issues/03.

Author: dobrinyonkov

app/scripts/devtools/panel/ui5/main.js

@@ -433,6 +433,26 @@
         getAppInfo: function () {
             var currentFrameId = framesSelect.getSelectedId();
             return frameData[currentFrameId] ? frameData[currentFrameId].applicationInformation : null;
+        },
+        getConsoleErrors: function () {
+            var currentFrameId = framesSelect.getSelectedId();
+            return frameData[currentFrameId] && frameData[currentFrameId].consoleErrors ?
+                frameData[currentFrameId].consoleErrors : [];
+        },
+        clearConsoleErrors: function () {
+            var currentFrameId = framesSelect.getSelectedId();
+            if (currentFrameId === undefined || currentFrameId === null) {
+                return;
+            }
+            if (frameData[currentFrameId]) {
+                frameData[currentFrameId].consoleErrors = [];
+            }
+            // Also tell the injected script to clear its live buffer so the panel's cache and
+            // the page-side buffer stay in lock-step.
+            port.postMessage({
+                action: 'do-clear-console-errors',
+                frameId: currentFrameId
+            });
         }
     });
 
@@ -692,6 +712,20 @@
             if (bFrameUpdate) {
                 framesSelect.setData(frameData);
             }
+        },
+
+        /**
+         * Store the recent-console-errors snapshot the injected script pushes on every error
+         * event. The AI Assistant reads this cache via its `getConsoleErrors` seam on each
+         * `sendUserMessage`.
+         * @param {Object} message
+         */
+        'on-console-errors-updated': function (message, messageSender) {
+            var frameId = messageSender.frameId;
+            if (!frameData[frameId]) {
+                return;
+            }
+            frameData[frameId].consoleErrors = message.consoleErrors || [];
         }
     };
 

app/scripts/injected/main.js

@@ -6,6 +6,7 @@ sap.ui.require(['ToolsAPI'], function (ToolsAPI) {
     var controlUtils = require('../modules/injected/controlUtils.js');
     var rightClickHandler = require('../modules/injected/rightClickHandler.js');
     var applicationUtils = require('../modules/injected/applicationUtils');
+    var consoleErrorCapture = require('../modules/injected/consoleErrorCapture.js');
 
     var ui5TempName = 'ui5$temp';
 	var ui5Temp = window[ui5TempName] = {}; // Container for all temp. variables
@@ -16,6 +17,20 @@ sap.ui.require(['ToolsAPI'], function (ToolsAPI) {
     // Create global reference for the extension.
     ui5inspector.createReferences();
 
+    // Install the recent-console-errors capture. The buffer feeds the AI Assistant's per-turn
+    // Recent Console Errors section — a bounded FIFO of the three most-recent, deduplicated
+    // console errors and warnings from the inspected page. The `onRecord` callback pushes the
+    // current snapshot to the panel on every event so the panel-side cache stays fresh; the
+    // AssistantController's `getConsoleErrors` seam then reads from that cache per send.
+    var consoleErrorHandle = consoleErrorCapture.install(window, {
+        onRecord: function () {
+            message.send({
+                action: 'on-console-errors-updated',
+                consoleErrors: consoleErrorHandle.buffer.snapshot()
+            });
+        }
+    });
+
     /**
      * Mutation observer for DOM elements
      * @type {{init: Function, _observer: MutationObserver, _options: {subtree: boolean, childList: boolean, attributes: boolean}}}
@@ -365,6 +380,17 @@ sap.ui.require(['ToolsAPI'], function (ToolsAPI) {
             } else {
                 log(`No Control with id ${sControlId} exists`);
             }
+        },
+
+        /**
+         * Clear the recent-console-errors buffer. Invoked by the panel's Clear Conversation flow.
+         */
+        'do-clear-console-errors': function () {
+            consoleErrorHandle.buffer.clear();
+            message.send({
+                action: 'on-console-errors-updated',
+                consoleErrors: []
+            });
         }
     };
 

app/scripts/modules/ui/AIChat.js

@@ -15,6 +15,11 @@ const AssistantTranscript = require('../ai/AssistantTranscript.js');
  * @param {string} containerId
  * @param {Object} [options]
  * @param {Function} [options.getAppInfo] - Returns the UI5 metadata snapshot for PromptBuilder.
+ * @param {Function} [options.getConsoleErrors] - Returns the recent-console-errors snapshot
+ *     captured from the inspected page. Forwarded to the controller so it reaches
+ *     {@link PromptBuilder#buildUserPrompt} on each send.
+ * @param {Function} [options.clearConsoleErrors] - Clears the recent-console-errors buffer for the
+ *     current URL. Called by the controller on Clear Conversation and URL change.
  * @param {AssistantController} [options.controller] - Pre-built controller for tests. Defaults to a
  *                                                     fresh AssistantController.
  * @param {Function} [options.transcriptFactory] - Test seam: `(container, options) => AssistantTranscript`.
@@ -24,6 +29,8 @@ const AssistantTranscript = require('../ai/AssistantTranscript.js');
  */
 function AIChat(containerId, {
     getAppInfo = null,
+    getConsoleErrors = null,
+    clearConsoleErrors = null,
     controller = null,
     transcriptFactory = function (host, options) {
         return new AssistantTranscript(host, options);
@@ -32,8 +39,12 @@ function AIChat(containerId, {
     this._container = document.getElementById(containerId);
 
     this._getAppInfo = getAppInfo;
+    this._getConsoleErrors = getConsoleErrors;
+    this._clearConsoleErrors = clearConsoleErrors;
     this._controller = controller || new AssistantController({
-        getAppInfo: this._getAppInfo || function () { return null; }
+        getAppInfo: this._getAppInfo || function () { return null; },
+        getConsoleErrors: this._getConsoleErrors || function () { return []; },
+        clearConsoleErrors: this._clearConsoleErrors || function () {}
     });
     this._transcriptFactory = transcriptFactory;