feat: creaded creator mode view

Author: Acorn221

extensions/pearai-submodule

@@ -22,7 +22,7 @@ import { IPaneCompositePartService } from '../../services/panecomposite/browser/
 import { ToggleAuxiliaryBarAction } from '../parts/auxiliarybar/auxiliaryBarActions.js';
 import { TogglePanelAction } from '../parts/panel/panelActions.js';
 import { ICommandService } from '../../../platform/commands/common/commands.js';
-import { AuxiliaryBarVisibleContext, PanelAlignmentContext, PanelVisibleContext, SideBarVisibleContext, FocusedViewContext, InEditorZenModeContext, IsMainEditorCenteredLayoutContext, MainEditorAreaVisibleContext, IsMainWindowFullscreenContext, PanelPositionContext, IsAuxiliaryWindowFocusedContext, TitleBarStyleContext, PearAIVisibleContext, PearAICreatorVisibleContext } from '../../common/contextkeys.js';
+import { AuxiliaryBarVisibleContext, PanelAlignmentContext, PanelVisibleContext, SideBarVisibleContext, FocusedViewContext, InEditorZenModeContext, IsMainEditorCenteredLayoutContext, MainEditorAreaVisibleContext, IsMainWindowFullscreenContext, PanelPositionContext, IsAuxiliaryWindowFocusedContext, TitleBarStyleContext, PearAIVisibleContext, PearAICreatorVisibleContext, InEditorCreatorModeContext } from '../../common/contextkeys.js';
 import { Codicon } from '../../../base/common/codicons.js';
 import { ThemeIcon } from '../../../base/common/themables.js';
 import { DisposableStore } from '../../../base/common/lifecycle.js';
@@ -776,6 +776,55 @@ registerAction2(class extends Action2 {
 	}
 });
 
+// --- Enter Creator Mode
+
+registerAction2(class extends Action2 {
+
+	constructor() {
+		super({
+			id: 'workbench.action.enterCreatorMode',
+			title: {
+				original: 'Enter Creator Mode',
+				value: "Enter Creator Mode"
+			},
+			// precondition: InEditorCreatorModeContext.toNegated(),
+			category: Categories.View,
+			f1: true
+		});
+	}
+
+	run(accessor: ServicesAccessor): void {
+		return accessor.get(IWorkbenchLayoutService).enterCreatorMode();
+	}
+});
+
+// --- Exit Creator Mode
+
+registerAction2(class extends Action2 {
+
+	constructor() {
+		super({
+			id: 'workbench.action.exitCreatorMode',
+			title: {
+				original: 'Exit Creator Mode',
+				value: "Exit Creator Mode"
+			},
+			// precondition: InEditorCreatorModeContext,
+			category: Categories.View,
+			f1: true,
+			keybinding: {
+				weight: KeybindingWeight.EditorContrib - 1,
+				primary: KeyCode.Escape,
+				secondary: [KeyMod.Shift | KeyCode.Escape]
+			}
+		});
+	}
+
+	run(accessor: ServicesAccessor): void {
+		return accessor.get(IWorkbenchLayoutService).exitCreatorMode();
+	}
+});
+
 KeybindingsRegistry.registerCommandAndKeybindingRule({
 	id: 'workbench.action.exitZenMode',
 	weight: KeybindingWeight.EditorContrib - 1000,
@@ -1413,6 +1462,7 @@ const AlignPanelActions: CustomizeLayoutItem[] = [
 const MiscLayoutOptions: CustomizeLayoutItem[] = [
 	CreateOptionLayoutItem('workbench.action.toggleFullScreen', IsMainWindowFullscreenContext, localize('fullscreen', "Full Screen"), fullscreenIcon),
 	CreateOptionLayoutItem('workbench.action.toggleZenMode', InEditorZenModeContext, localize('zenMode', "Zen Mode"), zenModeIcon),
+	CreateOptionLayoutItem('workbench.action.toggleCreatorMode', InEditorCreatorModeContext, "Creator Mode", zenModeIcon),// TODO: REMOVE - ONLY USED FOR TESTING
 	CreateOptionLayoutItem('workbench.action.toggleCenteredLayout', IsMainEditorCenteredLayoutContext, localize('centeredLayout', "Centered Layout"), centerLayoutIcon),
 ];
 

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

@@ -52,6 +52,7 @@ export class WorkbenchContextKeysHandler extends Disposable {
 	private temporaryWorkspaceContext: IContextKey<boolean>;
 
 	private inZenModeContext: IContextKey<boolean>;
+	private inCreatorModeContext: IContextKey<boolean>;
 	private isMainWindowFullscreenContext: IContextKey<boolean>;
 	private isAuxiliaryWindowFocusedContext: IContextKey<boolean>;
 	private isMainEditorCenteredLayoutContext: IContextKey<boolean>;
@@ -168,6 +169,9 @@ export class WorkbenchContextKeysHandler extends Disposable {
 		// Zen Mode
 		this.inZenModeContext = InEditorZenModeContext.bindTo(this.contextKeyService);
 
+		// Creator Mode
+		this.inCreatorModeContext = InEditorZenModeContext.bindTo(this.contextKeyService);
+
 		// Centered Layout (Main Editor)
 		this.isMainEditorCenteredLayoutContext = IsMainEditorCenteredLayoutContext.bindTo(this.contextKeyService);
 
@@ -231,6 +235,7 @@ export class WorkbenchContextKeysHandler extends Disposable {
 		}));
 
 		this._register(this.layoutService.onDidChangeZenMode(enabled => this.inZenModeContext.set(enabled)));
+		this._register(this.layoutService.onDidChangeCreatorMode(enabled => this.inCreatorModeContext.set(enabled)));
 		this._register(this.layoutService.onDidChangeActiveContainer(() => this.isAuxiliaryWindowFocusedContext.set(this.layoutService.activeContainer !== this.layoutService.mainContainer)));
 		this._register(onDidChangeFullscreen(windowId => {
 			if (windowId === mainWindow.vscodeWindowId) {

src/vs/workbench/browser/contextkeys.ts

@@ -63,6 +63,9 @@ interface ILayoutRuntimeState {
 	readonly zenMode: {
 		readonly transitionDisposables: DisposableMap<string, IDisposable>;
 	};
+	readonly creatorMode: {
+		readonly transitionDisposables: DisposableMap<string, IDisposable>;
+	}
 }
 
 interface IEditorToOpen {
@@ -136,6 +139,10 @@ export abstract class Layout extends Disposable implements IWorkbenchLayoutServi
 	private readonly _onDidChangeZenMode = this._register(new Emitter<boolean>());
 	readonly onDidChangeZenMode = this._onDidChangeZenMode.event;
 
+	private readonly _onDidChangeCreatorMode = this._register(new Emitter<boolean>());
+	readonly onDidChangeCreatorMode = this._onDidChangeCreatorMode.event;
+
+
 	private readonly _onDidChangeMainEditorCenteredLayout = this._register(new Emitter<boolean>());
 	readonly onDidChangeMainEditorCenteredLayout = this._onDidChangeMainEditorCenteredLayout.event;
 
@@ -666,6 +673,9 @@ export abstract class Layout extends Disposable implements IWorkbenchLayoutServi
 			},
 			zenMode: {
 				transitionDisposables: new DisposableMap(),
+			},
+			creatorMode: {
+				transitionDisposables: new DisposableMap(),
 			}
 		};
 
@@ -1466,6 +1476,228 @@ export abstract class Layout extends Disposable implements IWorkbenchLayoutServi
 		this._onDidChangeZenMode.fire(this.isZenModeActive());
 	}
 
+
+		// Helper methods to check and set Creator Mode state
+	private isCreatorModeActive(): boolean {
+		return this.stateModel.getRuntimeValue(LayoutStateKeys.CREATOR_MODE_ACTIVE);
+	}
+
+	private setCreatorModeActive(active: boolean) {
+		this.stateModel.setRuntimeValue(LayoutStateKeys.CREATOR_MODE_ACTIVE, active);
+	}
+
+	// Enter Creator Mode
+	enterCreatorMode(restoring = false): void {
+		console.log("Entering Creator Mode");
+		if (this.isCreatorModeActive()) {
+			console.warn('Creator Mode is already active');
+			return; // Already in Creator Mode
+		}
+
+		this.setCreatorModeActive(true);
+		this.state.runtime.creatorMode.transitionDisposables.clearAndDisposeAll();
+
+		const setLineNumbers = (lineNumbers?: LineNumbersType) => {
+			for (const editor of this.mainPartEditorService.visibleTextEditorControls) {
+				// To properly reset line numbers we need to read the configuration for each editor respecting it's uri.
+				if (!lineNumbers && isCodeEditor(editor) && editor.hasModel()) {
+					const model = editor.getModel();
+					lineNumbers = this.configurationService.getValue('editor.lineNumbers', { resource: model.uri, overrideIdentifier: model.getLanguageId() }) as LineNumbersType | undefined;
+				}
+				if (!lineNumbers) {
+					lineNumbers = this.configurationService.getValue('editor.lineNumbers') as LineNumbersType | undefined;
+				}
+
+				editor.updateOptions({ lineNumbers });
+			}
+		};
+
+		// Check if we need to go to full screen
+		let toggleMainWindowFullScreen = false;
+		// TODO: Create Creator Mode specific configuration service
+		const config = getCreatorModeConfiguration(this.configurationService);
+		const creatorModeExitInfo = this.stateModel.getRuntimeValue(LayoutStateKeys.CREATOR_MODE_EXIT_INFO);
+
+		if (!restoring) {
+			// Store current state to restore when exiting
+			toggleMainWindowFullScreen = !this.state.runtime.mainWindowFullscreen && config.fullScreen && !isIOS;
+
+			creatorModeExitInfo.transitionedToFullScreen = toggleMainWindowFullScreen;
+			creatorModeExitInfo.transitionedToCenteredEditorLayout = !this.isMainEditorLayoutCentered() && config.centerLayout;
+			creatorModeExitInfo.handleNotificationsDoNotDisturbMode = this.notificationService.getFilter() === NotificationsFilter.OFF;
+			creatorModeExitInfo.wasVisible.sideBar = this.isVisible(Parts.SIDEBAR_PART);
+			creatorModeExitInfo.wasVisible.panel = this.isVisible(Parts.PANEL_PART);
+			creatorModeExitInfo.wasVisible.auxiliaryBar = this.isVisible(Parts.AUXILIARYBAR_PART);
+			this.stateModel.setRuntimeValue(LayoutStateKeys.CREATOR_MODE_EXIT_INFO, creatorModeExitInfo);
+		}
+
+		// TODO: Configure what should be hidden in Creator Mode
+		this.setPanelHidden(true, true);
+		this.setAuxiliaryBarHidden(true, true);
+		this.setSideBarHidden(true, true);
+
+		if (config.hideActivityBar) {
+			this.setActivityBarHidden(true, true);
+		}
+
+		if (config.hideStatusBar) {
+			this.setStatusBarHidden(true, true);
+		}
+
+		if (config.hideLineNumbers) {
+			setLineNumbers('off');
+			this.state.runtime.creatorMode.transitionDisposables.set('hideLineNumbers', this.mainPartEditorService.onDidVisibleEditorsChange(() => setLineNumbers('off')));
+		}
+
+		if (config.showTabs !== this.editorGroupService.partOptions.showTabs) {
+			this.state.runtime.creatorMode.transitionDisposables.set('showTabs', this.editorGroupService.mainPart.enforcePartOptions({ showTabs: config.showTabs }));
+		}
+
+		if (config.silentNotifications && creatorModeExitInfo.handleNotificationsDoNotDisturbMode) {
+			this.notificationService.setFilter(NotificationsFilter.ERROR);
+		}
+
+		if (config.centerLayout) {
+			this.centerMainEditorLayout(true, true);
+		}
+
+		// TODO: Set up Creator Mode specific configuration
+		// Creator Mode Configuration Changes
+		this.state.runtime.creatorMode.transitionDisposables.set('configurationChange', this.configurationService.onDidChangeConfiguration(e => {
+			// Handle configuration changes for Creator Mode
+			// Activity Bar
+			if (e.affectsConfiguration('creatorMode.hideActivityBar')) {
+				const creatorModeHideActivityBar = this.configurationService.getValue<boolean>('creatorMode.hideActivityBar');
+				this.setActivityBarHidden(creatorModeHideActivityBar, true);
+			}
+
+			// Status Bar
+			if (e.affectsConfiguration('creatorMode.hideStatusBar')) {
+				const creatorModeHideStatusBar = this.configurationService.getValue<boolean>('creatorMode.hideStatusBar');
+				this.setStatusBarHidden(creatorModeHideStatusBar, true);
+			}
+
+			// Center Layout
+			if (e.affectsConfiguration('creatorMode.centerLayout')) {
+				const creatorModeCenterLayout = this.configurationService.getValue<boolean>('creatorMode.centerLayout');
+				this.centerMainEditorLayout(creatorModeCenterLayout, true);
+			}
+
+			// Show Tabs
+			if (e.affectsConfiguration('creatorMode.showTabs')) {
+				const creatorModeShowTabs = this.configurationService.getValue<EditorTabsMode | undefined>('creatorMode.showTabs') ?? 'multiple';
+				this.state.runtime.creatorMode.transitionDisposables.set('showTabs', this.editorGroupService.mainPart.enforcePartOptions({ showTabs: creatorModeShowTabs }));
+			}
+
+			// Notifications
+			if (e.affectsConfiguration('creatorMode.silentNotifications')) {
+				const creatorModeSilentNotifications = !!this.configurationService.getValue('creatorMode.silentNotifications');
+				if (creatorModeExitInfo.handleNotificationsDoNotDisturbMode) {
+					this.notificationService.setFilter(creatorModeSilentNotifications ? NotificationsFilter.ERROR : NotificationsFilter.OFF);
+				}
+			}
+
+			// Line Numbers
+			if (e.affectsConfiguration('creatorMode.hideLineNumbers')) {
+				const lineNumbersType = this.configurationService.getValue<boolean>('creatorMode.hideLineNumbers') ? 'off' : undefined;
+				setLineNumbers(lineNumbersType);
+				this.state.runtime.creatorMode.transitionDisposables.set('hideLineNumbers', this.mainPartEditorService.onDidVisibleEditorsChange(() => setLineNumbers(lineNumbersType)));
+			}
+		}));
+
+		// Layout and toggle fullscreen if needed
+		this.layout();
+		if (toggleMainWindowFullScreen) {
+			this.hostService.toggleFullScreen(mainWindow);
+		}
+
+		// Fire event for Creator Mode activation
+		this._onDidChangeCreatorMode.fire(true);
+	}
+
+	// Exit Creator Mode
+	exitCreatorMode(): void {
+		if (!this.isCreatorModeActive()) {
+			return; // Not in Creator Mode
+		}
+
+		this.setCreatorModeActive(false);
+		this.state.runtime.creatorMode.transitionDisposables.clearAndDisposeAll();
+
+		// Reset line numbers
+		const setLineNumbers = () => {
+			for (const editor of this.mainPartEditorService.visibleTextEditorControls) {
+				if (isCodeEditor(editor) && editor.hasModel()) {
+					const model = editor.getModel();
+					const lineNumbers = this.configurationService.getValue('editor.lineNumbers', { resource: model.uri, overrideIdentifier: model.getLanguageId() }) as LineNumbersType | undefined;
+					editor.updateOptions({ lineNumbers });
+				} else {
+					const lineNumbers = this.configurationService.getValue('editor.lineNumbers') as LineNumbersType | undefined;
+					editor.updateOptions({ lineNumbers });
+				}
+			}
+		};
+
+		const creatorModeExitInfo = this.stateModel.getRuntimeValue(LayoutStateKeys.CREATOR_MODE_EXIT_INFO);
+		let toggleMainWindowFullScreen = false;
+
+		// Restore previous state
+		if (creatorModeExitInfo.wasVisible.panel) {
+			this.setPanelHidden(false, true);
+		}
+
+		if (creatorModeExitInfo.wasVisible.auxiliaryBar) {
+			this.setAuxiliaryBarHidden(false, true);
+		}
+
+		if (creatorModeExitInfo.wasVisible.sideBar) {
+			this.setSideBarHidden(false, true);
+		}
+
+		if (!this.stateModel.getRuntimeValue(LayoutStateKeys.ACTIVITYBAR_HIDDEN, true)) {
+			this.setActivityBarHidden(false, true);
+		}
+
+		if (!this.stateModel.getRuntimeValue(LayoutStateKeys.STATUSBAR_HIDDEN, true)) {
+			this.setStatusBarHidden(false, true);
+		}
+
+		if (creatorModeExitInfo.transitionedToCenteredEditorLayout) {
+			this.centerMainEditorLayout(false, true);
+		}
+
+		if (creatorModeExitInfo.handleNotificationsDoNotDisturbMode) {
+			this.notificationService.setFilter(NotificationsFilter.OFF);
+		}
+
+		setLineNumbers();
+		this.focus();
+
+		toggleMainWindowFullScreen = creatorModeExitInfo.transitionedToFullScreen && this.state.runtime.mainWindowFullscreen;
+
+		// Layout and toggle fullscreen if needed
+		this.layout();
+		if (toggleMainWindowFullScreen) {
+			this.hostService.toggleFullScreen(mainWindow);
+		}
+
+		// Fire event for Creator Mode deactivation
+		this._onDidChangeCreatorMode.fire(false);
+	}
+
+	toggleCreatorMode(skipLayout?: boolean): void {
+		if (this.isCreatorModeActive()) {
+				this.exitCreatorMode();
+		} else {
+				this.enterCreatorMode();
+		}
+
+		if (!skipLayout) {
+				this.layout();
+		}
+	}
+
+
 	private setStatusBarHidden(hidden: boolean, skipLayout?: boolean): void {
 		this.stateModel.setRuntimeValue(LayoutStateKeys.STATUSBAR_HIDDEN, hidden);
 
@@ -2517,6 +2749,12 @@ function getZenModeConfiguration(configurationService: IConfigurationService): Z
 	return configurationService.getValue<ZenModeConfiguration>(WorkbenchLayoutSettings.ZEN_MODE_CONFIG);
 }
 
+type CreatorModeConfiguration = ZenModeConfiguration;
+
+function getCreatorModeConfiguration(configurationService: IConfigurationService): CreatorModeConfiguration {
+	return configurationService.getValue<CreatorModeConfiguration>(WorkbenchLayoutSettings.ZEN_MODE_CONFIG);
+}
+
 //#endregion
 
 //#region Layout State Model
@@ -2570,6 +2808,20 @@ const LayoutStateKeys = {
 		},
 	}),
 
+	// Creator Mode
+	CREATOR_MODE_ACTIVE: new RuntimeStateKey<boolean>('creatorMode.active', StorageScope.WORKSPACE, StorageTarget.MACHINE, false),
+	CREATOR_MODE_EXIT_INFO: new RuntimeStateKey('creatorMode.exitInfo', StorageScope.WORKSPACE, StorageTarget.MACHINE, {
+		transitionedToCenteredEditorLayout: false,
+		transitionedToFullScreen: false,
+		handleNotificationsDoNotDisturbMode: false,
+		wasVisible: {
+			auxiliaryBar: false,
+			panel: false,
+			sideBar: false,
+		},
+	}),
+
+
 	// Part Sizing
 	GRID_SIZE: new InitializationStateKey('grid.size', StorageScope.PROFILE, StorageTarget.MACHINE, { width: 800, height: 600 }),
 	SIDEBAR_SIZE: new InitializationStateKey<number>('sideBar.size', StorageScope.PROFILE, StorageTarget.MACHINE, 200),