Merge pull request #384 from andrewjpoole/dev

feat: add enable and disable Zen Mode actions for demos

Author: estruyf

apps/vscode-extension/src/services/DemoRunner.ts

@@ -988,6 +988,17 @@ export class DemoRunner {
       return;
     }
 
+    if (step.action === Action.EnableZenMode) {
+      await commands.executeCommand('workbench.action.exitZenMode');
+      await commands.executeCommand('workbench.action.toggleZenMode');
+      return;
+    }
+
+    if (step.action === Action.DisableZenMode) {
+      await commands.executeCommand('workbench.action.exitZenMode');
+      return;
+    }
+
     // Open a new terminal
     if (step.action === Action.OpenTerminal) {
       await TerminalService.openTerminal(step.terminalId);

apps/vscode-extension/src/utils/getActionOptions.ts

@@ -301,6 +301,16 @@ export const getActionOptions = (): QuickPickItem[] => {
     description: 'Reset the editor zoom level',
   } as QuickPickItem);
 
+  actions.push({
+    label: Action.EnableZenMode,
+    description: 'Enable Zen Mode',
+  } as QuickPickItem);
+
+  actions.push({
+    label: Action.DisableZenMode,
+    description: 'Disable Zen Mode',
+  } as QuickPickItem);
+
   /**
    * Extensibility actions
    */

apps/vscode-extension/src/utils/getActionTemplate.ts

@@ -352,6 +352,18 @@ export const getActionTemplate = (selectedAction: QuickPickItem): any => {
     };
   }
 
+  if (action === Action.EnableZenMode) {
+    return {
+      action: Action.EnableZenMode,
+    };
+  }
+
+  if (action === Action.DisableZenMode) {
+    return {
+      action: Action.DisableZenMode,
+    };
+  }
+
   /**
    * Extensibility actions
    */

apps/webviews/src/types/demo.ts

@@ -88,6 +88,8 @@ export const CATEGORIZED_ACTIONS: {
       Action.ZoomIn,
       Action.ZoomOut,
       Action.ZoomReset,
+      Action.EnableZenMode,
+      Action.DisableZenMode,
     ],
   },
   {

apps/webviews/src/utils/actionHelpers.ts

@@ -89,6 +89,8 @@ export const getActionIcon = (action: Action): string => {
     [Action.ZoomIn]: 'zoom-in',
     [Action.ZoomOut]: 'zoom-out',
     [Action.ZoomReset]: 'refresh-cw',
+    [Action.EnableZenMode]: 'maximize',
+    [Action.DisableZenMode]: 'minimize',
   };
   return iconMap[action] || 'circle';
 };
@@ -241,6 +243,8 @@ export const getRequiredFields = (action: Action): string[] => {
     [Action.ZoomIn]: [],
     [Action.ZoomOut]: [],
     [Action.ZoomReset]: [],
+    [Action.EnableZenMode]: [],
+    [Action.DisableZenMode]: [],
   };
   return requiredMap[action] || [];
 };
@@ -367,6 +371,8 @@ export const getFieldsForAction = (action: Action): string[] => {
     [Action.ZoomIn]: ['zoom'],
     [Action.ZoomOut]: ['zoom'],
     [Action.ZoomReset]: [],
+    [Action.EnableZenMode]: [],
+    [Action.DisableZenMode]: [],
   };
 
   return fieldMap[action] || [];

docs/changelog.md

@@ -10,6 +10,8 @@
 - [#343](https://github.com/estruyf/vscode-demo-time/issues/343): added the zoom
   actions: `zoomIn`, `zoomOut`, and `zoomReset` to control the editor zoom level
   during your demo
+- [`#383`](https://github.com/estruyf/vscode-demo-time/issues/383): Added the `enableZenMode` and `disableZenMode` actions to control Zen Mode
+  during Scenes
 - [#348](https://github.com/estruyf/vscode-demo-time/issues/348): Added the
   analytics PRO feature
 

docs/public/demo-time.schema.json

@@ -112,6 +112,8 @@
                     "zoomIn",
                     "zoomOut",
                     "zoomReset",
+                    "enableZenMode",
+                    "disableZenMode",
                     "openTerminal",
                     "focusTerminal",
                     "executeTerminalCommand",

docs/src/content/docs/actions/vscode.mdx

@@ -1,7 +1,7 @@
 ---
 title: Visual Studio Code actions
 description: Perform Visual Studio Code actions in your demos like executing commands or showing an information message.
-lastmod: 2025-12-19T00:00:00.000Z
+lastmod: 2026-02-04T00:00:00.000Z
 ---
 
 import { Image } from 'astro:assets';
@@ -295,3 +295,53 @@ openInVSCode: <true/false>
 
 </TabItem>
 </Tabs>
+
+## Zen Mode actions
+
+Control Zen Mode during your Scene.
+
+### Enable Zen Mode
+
+Enable Zen Mode using the `enableZenMode` action in a Move.
+
+<Tabs syncKey="vscode-zen-enable">
+<TabItem label="JSON">
+
+```json
+{
+  "action": "enableZenMode"
+}
+```
+
+</TabItem>
+<TabItem label="YAML">
+
+```yaml
+action: enableZenMode
+```
+
+</TabItem>
+</Tabs>
+
+### Disable Zen Mode
+
+Disable Zen Mode using the `disableZenMode` action in a Move.
+
+<Tabs syncKey="vscode-zen-disable">
+<TabItem label="JSON">
+
+```json
+{
+  "action": "disableZenMode"
+}
+```
+
+</TabItem>
+<TabItem label="YAML">
+
+```yaml
+action: disableZenMode
+```
+
+</TabItem>
+</Tabs>

packages/common/src/models/Action.ts

@@ -44,6 +44,8 @@ export enum Action {
   ZoomIn = 'zoomIn',
   ZoomOut = 'zoomOut',
   ZoomReset = 'zoomReset',
+  EnableZenMode = 'enableZenMode',
+  DisableZenMode = 'disableZenMode',
   // Terminal
   OpenTerminal = 'openTerminal',
   FocusTerminal = 'focusTerminal',