fix: Moving web view to Panel area.

FASTBuildMonitorVSCode/package.json

@@ -31,6 +31,24 @@
   "activationEvents": [],
   "main": "./out/extension.js",
   "contributes": {
+    "viewsContainers": {
+      "panel": [
+        {
+          "id": "fbuildMonitorPanel",
+          "title": "FASTBuild Monitor",
+          "icon": "icon.png"
+        }
+      ]
+    },
+    "views": {
+      "fbuildMonitorPanel": [
+        {
+          "type": "webview",
+          "id": "fbuildMonitor.fbuildMonitorView",
+          "name": "FASTBuild Monitor"
+        }
+      ]
+    },
     "commands": [
       {
         "command": "fbuildMonitor.show",

FASTBuildMonitorVSCode/src/buildMonitorService.ts

@@ -11,6 +11,7 @@ import {
   ReportProgressEvent,
 } from "./buildWatcher";
 import { BuildJob, BuildJobStatus, BuildSession, WorkerInfo } from "./models";
+import { Logger } from "./utilities/logger";
 
 /**
  * Service that tracks build state from FASTBuild log events.
@@ -23,7 +24,7 @@ export class BuildMonitorService extends EventEmitter {
   private currentSession: BuildSession | undefined;
   private monitoring = false;
 
-  constructor(customLogPath?: string, ) {
+  constructor(private logger: Logger, customLogPath?: string) {
     super();
     this.watcher = new BuildWatcher(customLogPath);
 
@@ -66,6 +67,7 @@ export class BuildMonitorService extends EventEmitter {
     if (this.monitoring) {
       return;
     }
+    this.logger.info("Starting build monitoring...");
     this.monitoring = true;
     this.watcher.start(pollIntervalMs);
     this.emit("stateChanged");
@@ -75,6 +77,7 @@ export class BuildMonitorService extends EventEmitter {
     if (!this.monitoring) {
       return;
     }
+    this.logger.info("Stopping build monitoring...");
     this.monitoring = false;
     this.watcher.stop();
     this.emit("stateChanged");

FASTBuildMonitorVSCode/src/extension.ts

@@ -3,7 +3,7 @@
 
 import * as vscode from "vscode";
 import { BuildMonitorService } from "./buildMonitorService";
-import { MonitorPanel } from "./monitorPanel";
+import { MonitorPanelProvider } from "./monitorPanelProvider";
 import { Logger } from "./utilities/logger";
 import { ConfigIssue, ConfigManager } from "./utilities/configManager";
 
@@ -53,33 +53,35 @@ function initializeMonitorPanel(
   const config = vscode.workspace.getConfiguration("fbuildMonitor");
   const customLogPath = config.get<string>("logPath", "");
 
-  service = new BuildMonitorService(customLogPath || undefined);
+  service = new BuildMonitorService(logger, customLogPath || undefined);
 
   logger.info(
     "Initialized BuildMonitorService with log path: " + service.getLogPath(),
   );
 
+  MonitorPanelProvider.getOrCreate(context, service);
+
   // Show panel command
   context.subscriptions.push(
     vscode.commands.registerCommand("fbuildMonitor.show", () => {
-      MonitorPanel.createOrShow(context.extensionUri, service!);
+      MonitorPanelProvider.getOrCreate(context, service!).show();
     }),
   );
-
+    
   // Start monitoring command
   context.subscriptions.push(
     vscode.commands.registerCommand("fbuildMonitor.start", () => {
-      const pollInterval = config.get<number>("pollIntervalMs", 500);
-      service!.start(pollInterval);
+      const panelProviderInstance = MonitorPanelProvider.getOrCreate(context, service!);
+      panelProviderInstance.start();
       // Also open the panel if not already open
-      MonitorPanel.createOrShow(context.extensionUri, service!);
+      panelProviderInstance.show();
     }),
   );
 
   // Stop monitoring command
   context.subscriptions.push(
     vscode.commands.registerCommand("fbuildMonitor.stop", () => {
-      service!.stop();
+      MonitorPanelProvider.getInstance()?.stop();
     }),
   );