@workbench-kit/react 0.0.2-prototype.0.2.24 → 0.0.2-prototype.0.2.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workbench-kit/react",
-  "version": "0.0.2-prototype.0.2.24",
+  "version": "0.0.2-prototype.0.2.26",
   "private": false,
   "sideEffects": [
     "**/*.css"
@@ -63,15 +63,15 @@
     "@vscode/codicons": "^0.0.45",
     "remark-gfm": "^4.0.1",
     "rehype-sanitize": "^6.0.0",
-    "@workbench-kit/jdw": "0.0.2-prototype.0.2.24",
-    "@workbench-kit/adapters": "0.0.2-prototype.0.2.24",
-    "@workbench-kit/monaco": "0.0.2-prototype.0.2.24",
-    "@workbench-kit/contracts": "0.0.2-prototype.0.2.24",
-    "@workbench-kit/runtime": "0.0.2-prototype.0.2.24",
-    "@workbench-kit/services": "0.0.2-prototype.0.2.24",
-    "@workbench-kit/workspace": "0.0.2-prototype.0.2.24",
-    "@workbench-kit/tokens": "0.0.2-prototype.0.2.24",
-    "@workbench-kit/platform": "0.0.2-prototype.0.2.24"
+    "@workbench-kit/contracts": "0.0.2-prototype.0.2.26",
+    "@workbench-kit/monaco": "0.0.2-prototype.0.2.26",
+    "@workbench-kit/jdw": "0.0.2-prototype.0.2.26",
+    "@workbench-kit/platform": "0.0.2-prototype.0.2.26",
+    "@workbench-kit/adapters": "0.0.2-prototype.0.2.26",
+    "@workbench-kit/runtime": "0.0.2-prototype.0.2.26",
+    "@workbench-kit/workspace": "0.0.2-prototype.0.2.26",
+    "@workbench-kit/tokens": "0.0.2-prototype.0.2.26",
+    "@workbench-kit/services": "0.0.2-prototype.0.2.26"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/workbench/commands/commands.ts

@@ -13,6 +13,7 @@ import {
 import type { ContextMenuItem } from '../../overlay/ContextMenu';
 
 export const WORKBENCH_OPEN_SETTINGS_COMMAND_ID = 'workbench.openSettings';
+export const WORKBENCH_TOGGLE_FOCUS_MODE_COMMAND_ID = 'workbench.toggleFocusMode';
 export const WORKBENCH_TOGGLE_PRIMARY_SIDEBAR_COMMAND_ID = 'workbench.togglePrimarySidebar';
 export const WORKBENCH_EDITOR_SAVE_COMMAND_ID = 'editor.save';
 export const WORKBENCH_EDITOR_DISCARD_CHANGES_COMMAND_ID = 'editor.discardChanges';
@@ -54,9 +55,11 @@ export interface WorkbenchShellCommandActivity<TActivityId extends string = stri
 }
 
 export interface WorkbenchShellCommandContext<TActivityId extends string = string> {
+  isFocusModeActive?: boolean | undefined;
   isPrimarySidebarVisible: boolean;
   openSettings: () => void;
   showActivity: (activityId: TActivityId) => void;
+  toggleFocusMode?: (() => void) | undefined;
   togglePrimarySidebar: () => void;
 }
 
@@ -96,6 +99,7 @@ function applyWorkbenchCommandOverrides<TContext>(
 
 export interface WorkbenchShellCommandPresetOptions<TActivityId extends string = string> {
   activities: WorkbenchShellCommandActivity<TActivityId>[];
+  includeFocusModeToggle?: boolean | undefined;
   includeSettings?: boolean | undefined;
   includeSidebarToggle?: boolean | undefined;
   menuSeparatorId?: string | undefined;
@@ -159,6 +163,7 @@ export function getWorkbenchShowActivityCommandId(activityId: string) {
 
 export function createWorkbenchShellCommands<TActivityId extends string>({
   activities,
+  includeFocusModeToggle = true,
   includeSettings = true,
   includeSidebarToggle = true,
   settingsIcon = 'codicon-settings-gear',
@@ -179,6 +184,19 @@ export function createWorkbenchShellCommands<TActivityId extends string>({
 
   const shellCommands: CommandDefinition<WorkbenchShellCommandContext<TActivityId>>[] = [];
 
+  if (includeFocusModeToggle) {
+    shellCommands.push({
+      id: WORKBENCH_TOGGLE_FOCUS_MODE_COMMAND_ID,
+      icon: 'codicon-screen-full',
+      isEnabled: ({ toggleFocusMode }) => toggleFocusMode !== undefined,
+      label: ({ isFocusModeActive }) =>
+        isFocusModeActive ? 'Exit Focus Mode' : 'Enter Focus Mode',
+      run: ({ toggleFocusMode }) => toggleFocusMode?.(),
+      shortcut: 'Ctrl/Cmd+Shift+F11',
+      title: 'Toggle Focus Mode',
+    });
+  }
+
   if (includeSidebarToggle) {
     shellCommands.push({
       id: WORKBENCH_TOGGLE_PRIMARY_SIDEBAR_COMMAND_ID,
@@ -207,6 +225,7 @@ export function createWorkbenchShellCommands<TActivityId extends string>({
 
 export function createWorkbenchShellMenuEntries<TActivityId extends string>({
   activities,
+  includeFocusModeToggle = true,
   includeSettings = true,
   includeSidebarToggle = true,
   menuSeparatorId = 'workbench-shell-separator',
@@ -223,6 +242,15 @@ export function createWorkbenchShellMenuEntries<TActivityId extends string>({
   );
   const shellEntries: CommandMenuEntry<WorkbenchShellCommandContext<TActivityId>>[] = [];
 
+  if (includeFocusModeToggle) {
+    shellEntries.push(
+      commandMenuEntry<WorkbenchShellCommandContext<TActivityId>>(
+        WORKBENCH_TOGGLE_FOCUS_MODE_COMMAND_ID,
+        { surfaces: [WORKBENCH_COMMAND_SURFACE_ACTIVITY_BAR] },
+      ),
+    );
+  }
+
   if (includeSidebarToggle) {
     shellEntries.push(
       commandMenuEntry<WorkbenchShellCommandContext<TActivityId>>(

package/src/workbench/index.ts

@@ -311,6 +311,7 @@ export {
   WORKBENCH_COMMAND_SURFACE_SETTINGS,
   WORKBENCH_COMMAND_SURFACE_WORKSPACE,
   WORKBENCH_OPEN_SETTINGS_COMMAND_ID,
+  WORKBENCH_TOGGLE_FOCUS_MODE_COMMAND_ID,
   WORKBENCH_SEARCH_COPY_RESULT_PATH_COMMAND_ID,
   WORKBENCH_SEARCH_DELETE_RESULT_COMMAND_ID,
   WORKBENCH_SEARCH_OPEN_RESULT_COMMAND_ID,