PearAI Overlay Foundation within pear-app

src/vs/workbench/browser/actions/layoutActions.ts

@@ -31,6 +31,7 @@ import { ICommandActionTitle } from 'vs/platform/action/common/action';
 import { mainWindow } from 'vs/base/browser/window';
 import { IKeybindingService } from 'vs/platform/keybinding/common/keybinding';
 import { TitlebarStyle } from 'vs/platform/window/common/window';
+import { TogglePearOverlayAction } from 'vs/workbench/browser/parts/pearai/pearOverlayActions';
 
 // Register Icons
 const menubarIcon = registerIcon('menuBar', Codicon.layoutMenubar, localize('menuBarIcon', "Represents the menu bar"));
@@ -1341,6 +1342,7 @@ ToggleVisibilityActions.push(...[
 	CreateToggleLayoutItem(ToggleAuxiliaryBarAction.ID, AuxiliaryBarVisibleContext, localize('secondarySideBar', "Secondary Side Bar"), { whenA: ContextKeyExpr.equals('config.workbench.sideBar.location', 'left'), iconA: panelRightIcon, iconB: panelLeftIcon }),
 	CreateToggleLayoutItem(TogglePanelAction.ID, PanelVisibleContext, localize('panel', "Panel"), panelIcon),
 	CreateToggleLayoutItem(ToggleStatusbarVisibilityAction.ID, ContextKeyExpr.equals('config.workbench.statusBar.visible', true), localize('statusBar', "Status Bar"), statusBarIcon),
+	CreateToggleLayoutItem(TogglePearOverlayAction.ID, PearAIVisibleContext, 'PearAI', pearaiIcon)
 ]);
 
 const MoveSideBarActions: CustomizeLayoutItem[] = [

src/vs/workbench/browser/layout.ts

@@ -264,6 +264,7 @@ export abstract class Layout extends Disposable implements IWorkbenchLayoutServi
 	private auxiliaryBarPartView!: ISerializableView;
 	private editorPartView!: ISerializableView;
 	private statusBarPartView!: ISerializableView;
+	private pearOverlayPartView!: ISerializableView;
 
 	private environmentService!: IBrowserWorkbenchEnvironmentService;
 	private extensionService!: IExtensionService;
@@ -1483,6 +1484,7 @@ export abstract class Layout extends Disposable implements IWorkbenchLayoutServi
 		const auxiliaryBarPart = this.getPart(Parts.AUXILIARYBAR_PART);
 		const sideBar = this.getPart(Parts.SIDEBAR_PART);
 		const statusBar = this.getPart(Parts.STATUSBAR_PART);
+		const pearOverlayPart = this.getPart(Parts.PEAROVERLAY_PART);
 
 		// View references for all parts
 		this.titleBarPartView = titleBar;
@@ -1493,6 +1495,21 @@ export abstract class Layout extends Disposable implements IWorkbenchLayoutServi
 		this.panelPartView = panelPart;
 		this.auxiliaryBarPartView = auxiliaryBarPart;
 		this.statusBarPartView = statusBar;
+		this.pearOverlayPartView = pearOverlayPart;
+
+		// Create a new container for PearOverlayPart
+		const pearOverlayPartContainer = document.createElement("div");
+		pearOverlayPartContainer.style.position = "absolute";
+		pearOverlayPartContainer.style.top = "0";
+		pearOverlayPartContainer.style.left = "0";
+		pearOverlayPartContainer.style.right = "0";
+		pearOverlayPartContainer.style.bottom = "0";
+		pearOverlayPartContainer.style.zIndex = "-10";
+		pearOverlayPartContainer.style.display = "absolute";
+		pearOverlayPartContainer.classList.add("pearoverlay-part-container");
+		this.mainContainer.appendChild(pearOverlayPartContainer);
+		// Initialize PearOverlayPart in this new container
+		pearOverlayPart.create(pearOverlayPartContainer);
 
 		const viewMap = {
 			[Parts.ACTIVITYBAR_PART]: this.activityBarPartView,
@@ -1502,7 +1519,8 @@ export abstract class Layout extends Disposable implements IWorkbenchLayoutServi
 			[Parts.PANEL_PART]: this.panelPartView,
 			[Parts.SIDEBAR_PART]: this.sideBarPartView,
 			[Parts.STATUSBAR_PART]: this.statusBarPartView,
-			[Parts.AUXILIARYBAR_PART]: this.auxiliaryBarPartView
+			[Parts.AUXILIARYBAR_PART]: this.auxiliaryBarPartView,
+			[Parts.PEAROVERLAY_PART]: this.pearOverlayPartView,
 		};
 
 		const fromJSON = ({ type }: { type: Parts }) => viewMap[type];
@@ -1571,6 +1589,7 @@ export abstract class Layout extends Disposable implements IWorkbenchLayoutServi
 
 			// Layout the grid widget
 			this.workbenchGrid.layout(this._mainContainerDimension.width, this._mainContainerDimension.height);
+			this.pearOverlayPartView.layout(this._mainContainerDimension.width, this._mainContainerDimension.height, 0, 0);
 			this.initialized = true;
 
 			// Emit as event

src/vs/workbench/browser/parts/pearai/pearOverlayActions.ts

@@ -0,0 +1,50 @@
+import { registerAction2, Action2 } from "vs/platform/actions/common/actions";
+import { ServicesAccessor } from "vs/platform/instantiation/common/instantiation";
+import { IPearOverlayService } from "./pearOverlayService";
+import { KeyCode, KeyMod } from "vs/base/common/keyCodes";
+
+export class ClosePearOverlayAction extends Action2 {
+	static readonly ID = "workbench.action.closePearAI";
+
+	constructor() {
+		super({
+			id: ClosePearOverlayAction.ID,
+			title: { value: "Close PearAI Popup", original: "Close PearAI Popup" },
+			f1: true,
+			keybinding: {
+				weight: 200,
+				primary: KeyCode.Escape,
+			},
+		});
+	}
+
+	run(accessor: ServicesAccessor): void {
+		const pearaiOverlayService = accessor.get(IPearOverlayService);
+		pearaiOverlayService.hide();
+	}
+}
+
+export class TogglePearOverlayAction extends Action2 {
+	static readonly ID = "workbench.action.togglePearAI";
+
+	constructor() {
+		super({
+			id: TogglePearOverlayAction.ID,
+			title: { value: "Toggle PearAI Popup", original: "Toggle PearAI Popup" },
+			f1: true,
+			keybinding: {
+				weight: 200,
+				primary: KeyMod.CtrlCmd | KeyCode.KeyE,
+			},
+		});
+	}
+
+	run(accessor: ServicesAccessor): void {
+		const pearaiOverlayService = accessor.get(IPearOverlayService);
+		console.log("TOGGLED PEARAI SERVICE 2");
+		pearaiOverlayService.toggle();
+	}
+}
+
+registerAction2(TogglePearOverlayAction);
+registerAction2(ClosePearOverlayAction);