@codingame/monaco-vscode-walkthrough-service-override 30.0.1 → 31.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingame/monaco-vscode-walkthrough-service-override",
-  "version": "30.0.1",
+  "version": "31.0.0",
   "private": false,
   "description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
   "keywords": [],
@@ -15,8 +15,8 @@
   },
   "type": "module",
   "dependencies": {
-    "@codingame/monaco-vscode-api": "30.0.1",
-    "@codingame/monaco-vscode-katex-common": "30.0.1",
+    "@codingame/monaco-vscode-api": "31.0.0",
+    "@codingame/monaco-vscode-katex-common": "31.0.0",
     "marked": "14.0.0"
   },
   "main": "index.js",

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsBanner.d.ts

@@ -0,0 +1,29 @@
+import { DisposableStore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service";
+import { IProductService } from "@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service";
+import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
+export interface IAgentsBannerResult {
+    readonly element: HTMLElement;
+    readonly disposables: DisposableStore;
+}
+/**
+ * Returns whether the agents banner can be shown.
+ * The banner requires the `workbench.action.openAgentsWindow` command
+ * to be registered (desktop builds only) and is limited to Insiders quality.
+ */
+export declare function canShowAgentsBanner(productService: IProductService): boolean;
+export interface IAgentsBannerOptions {
+    /** Dot-separated CSS classes for the banner container (e.g. 'my-banner' or 'foo.bar'). */
+    readonly cssClass: string;
+    /** Identifies where the banner is displayed (e.g. 'welcomePage', 'agentSessionsWelcome'). */
+    readonly source: string;
+    /** Override the default button label. */
+    readonly label?: string;
+    /** Optional callback invoked when the banner button is clicked. */
+    readonly onButtonClick?: () => void;
+}
+/**
+ * Creates a banner that promotes the Agents app.
+ * The banner contains a button that opens the Agents window.
+ */
+export declare function createAgentsBanner(options: IAgentsBannerOptions, commandService: ICommandService, telemetryService: ITelemetryService): IAgentsBannerResult;

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsBanner.js

@@ -0,0 +1,34 @@
+
+import { $, addDisposableListener } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { CommandsRegistry } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands';
+
+const OPEN_AGENTS_WINDOW_COMMAND = "workbench.action.openAgentsWindow";
+function canShowAgentsBanner(productService) {
+    return productService.quality !== "stable" && !!CommandsRegistry.getCommand(OPEN_AGENTS_WINDOW_COMMAND);
+}
+function createAgentsBanner(options, commandService, telemetryService) {
+    const disposables = ( new DisposableStore());
+    const label = options.label ?? ( localize(5182, "Try out the new Agents app"));
+    const button = $("button.agents-banner-button", {
+        title: label
+    }, $(".codicon.codicon-agent.icon-widget"), $("span.category-title", {}, label));
+    disposables.add(addDisposableListener(button, "click", () => {
+        options.onButtonClick?.();
+        telemetryService.publicLog2("agentsBanner.clicked", {
+            source: options.source,
+            action: "openAgentsWindow"
+        });
+        commandService.executeCommand(OPEN_AGENTS_WINDOW_COMMAND, {
+            forceNewWindow: true
+        });
+    }));
+    const element = $(`.${options.cssClass}`, {}, button);
+    return {
+        element,
+        disposables
+    };
+}
+
+export { canShowAgentsBanner, createAgentsBanner };

package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.js

@@ -68,6 +68,7 @@ import { ViewContainerLocation } from '@codingame/monaco-vscode-api/vscode/vs/wo
 import { IViewDescriptorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/views.service';
 import { toErrorMessage } from '@codingame/monaco-vscode-api/vscode/vs/base/common/errorMessage';
 import { ILogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service';
+import { canShowAgentsBanner, createAgentsBanner } from '../../chat/browser/agentSessions/agentSessionsBanner.js';
 
 var AgentSessionsWelcomePage_1;
 registerCss(agentSessionsWelcome);
@@ -75,6 +76,10 @@ const configurationKey = "workbench.startupEditor";
 const MAX_SESSIONS = 6;
 const MAX_REPO_PICKS = 10;
 const MAX_WALKTHROUGHS = 10;
+const WELCOME_CHAT_INPUT_LAYOUT_HEIGHT = 150;
+const WELCOME_CHAT_INPUT_RESERVED_LIST_HEIGHT = 50;
+const WELCOME_CHAT_INPUT_RESERVED_CHROME_HEIGHT = 72;
+const WELCOME_CHAT_INPUT_MAX_HEIGHT_OVERRIDE = WELCOME_CHAT_INPUT_LAYOUT_HEIGHT + WELCOME_CHAT_INPUT_RESERVED_LIST_HEIGHT + WELCOME_CHAT_INPUT_RESERVED_CHROME_HEIGHT;
 let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane {
     static {
         AgentSessionsWelcomePage_1 = this;
@@ -147,7 +152,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
         this.container = $(".agentSessionsWelcome", {
             role: "document",
             tabindex: 0,
-            "aria-label": ( localize(15219, "Overview of agent sessions and how to get started."))
+            "aria-label": ( localize(15355, "Overview of agent sessions and how to get started."))
         });
         this.contextService = this._register(contextKeyService.createScoped(this.container));
         ChatContextKeys.inAgentSessionsWelcome.bindTo(this.contextService).set(true);
@@ -224,20 +229,20 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
         const workspaces = await this.getRecentlyOpenedWorkspaces(false);
         const openEntry = workspaces.length > 0 ? {
             icon: Codicon.folderOpened,
-            label: ( localize(15220, "Open Recent...")),
+            label: ( localize(15356, "Open Recent...")),
             command: "workbench.action.openRecent"
         } : {
             icon: Codicon.folderOpened,
-            label: ( localize(15221, "Open Folder...")),
+            label: ( localize(15357, "Open Folder...")),
             command: "workbench.action.files.openFolder"
         };
         const entries = [openEntry, {
             icon: Codicon.newFile,
-            label: ( localize(15222, "New file...")),
+            label: ( localize(15358, "New file...")),
             command: "welcome.showNewFileEntries"
         }, {
             icon: Codicon.repoClone,
-            label: ( localize(15223, "Clone Git Repository...")),
+            label: ( localize(15359, "Clone Git Repository...")),
             command: "git.clone"
         }];
         for (const entry of entries) {
@@ -486,12 +491,18 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
                 this.layoutSessionsControl();
             })
         );
-        const openButton = append(container, $("button.agentSessionsWelcome-openSessionsButton"));
-        openButton.textContent = ( localize(15224, "View All Sessions"));
-        openButton.onclick = () => {
-            this._closedBy = "viewAllSessions";
-            this.revealMaximizedChat();
-        };
+        if (canShowAgentsBanner(this.productService)) {
+            const agentsBanner = createAgentsBanner({
+                cssClass: "agentSessionsWelcome-agentsBanner",
+                source: "agentSessionsWelcome",
+                label: ( localize(15360, "View All Sessions")),
+                onButtonClick: () => {
+                    this._closedBy = "viewAllSessions";
+                }
+            }, this.commandService, this.telemetryService);
+            this.sessionsControlDisposables.add(agentsBanner.disposables);
+            append(container, agentsBanner.element);
+        }
     }
     buildWalkthroughs(container) {
         const activeWalkthroughs = this.walkthroughs.filter(w => !w.when || this.contextService.contextMatchesRules(w.when)).slice(0, MAX_WALKTHROUGHS);
@@ -507,10 +518,10 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
         const navContainer = append(card, $(".agentSessionsWelcome-walkthroughCard-nav"));
         const prevButton = append(navContainer, $("button.nav-button"));
         prevButton.appendChild(renderIcon(Codicon.chevronLeft));
-        prevButton.title = ( localize(15225, "Previous"));
+        prevButton.title = ( localize(15361, "Previous"));
         const nextButton = append(navContainer, $("button.nav-button"));
         nextButton.appendChild(renderIcon(Codicon.chevronRight));
-        nextButton.title = ( localize(15226, "Next"));
+        nextButton.title = ( localize(15362, "Next"));
         const updateContent = () => {
             const walkthrough = activeWalkthroughs[currentIndex];
             clearNode(iconContainer);
@@ -590,10 +601,10 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
         iconContainer.appendChild(renderIcon(Codicon.chatSparkle));
         const content = append(tosCard, $(".agentSessionsWelcome-walkthroughCard-content"));
         const title = append(content, $(".agentSessionsWelcome-walkthroughCard-title"));
-        title.textContent = ( localize(15227, "Try GitHub Copilot for free, no sign-in required!"));
+        title.textContent = ( localize(15363, "Try GitHub Copilot for free, no sign-in required!"));
         const desc = append(content, $(".agentSessionsWelcome-walkthroughCard-description"));
         const descriptionMarkdown = ( new MarkdownString(( localize(
-            15228,
+            15364,
             "By continuing, you agree to {0}'s [Terms]({1}) and [Privacy Statement]({2}).",
             providers.default.name,
             this.productService.defaultChatAgent.termsStatementUrl,
@@ -605,7 +616,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
         desc.appendChild(renderedMarkdown.element);
         const dismissButton = append(tosCard, $("button.agentSessionsWelcome-tosCard-dismiss"));
         dismissButton.appendChild(renderIcon(Codicon.close));
-        dismissButton.title = ( localize(15229, "Dismiss"));
+        dismissButton.title = ( localize(15365, "Dismiss"));
         dismissButton.onclick = e => {
             e.stopPropagation();
             dismissNotice();
@@ -618,7 +629,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
             icon: Codicon.check,
             actionClassName: "agentSessionsWelcome-checkbox",
             isChecked: this.configurationService.getValue(configurationKey) === "agentSessionsWelcomePage",
-            title: ( localize(15230, "When checked, this page will be shown on startup.")),
+            title: ( localize(15366, "When checked, this page will be shown on startup.")),
             ...getToggleStyles({
                 inputActiveOptionBackground: "var(--vscode-descriptionForeground)",
                 inputActiveOptionForeground: "var(--vscode-editor-background)",
@@ -628,7 +639,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
         showOnStartupCheckbox.domNode.id = "showOnStartup";
         const showOnStartupLabel = $("label.caption", {
             for: "showOnStartup"
-        }, ( localize(15231, "Show welcome page on startup")));
+        }, ( localize(15367, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.configurationService.updateValue(configurationKey, "agentSessionsWelcomePage");
@@ -657,8 +668,8 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
             return;
         }
         const chatWidth = Math.min(800, this.lastDimension.width - 80);
-        const inputHeight = 150;
-        this.chatWidget.layout(inputHeight, chatWidth);
+        this.chatWidget.setInputPartMaxHeightOverride(WELCOME_CHAT_INPUT_MAX_HEIGHT_OVERRIDE);
+        this.chatWidget.layout(WELCOME_CHAT_INPUT_LAYOUT_HEIGHT, chatWidth);
     }
     layoutSessionsControl() {
         if (!this.sessionsControl || !this.sessionsControlContainer || !this.lastDimension) {

package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcomeInput.js

@@ -46,7 +46,7 @@ class AgentSessionsWelcomeInput extends EditorInput {
         this._workspaceKind = options.workspaceKind;
     }
     getName() {
-        return localize(15232, "Welcome");
+        return localize(15368, "Welcome");
     }
     get showTelemetryNotice() {
         return this._showTelemetryNotice;

package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/media/agentSessionsWelcome.css

@@ -210,25 +210,49 @@
 	display: none !important;
 }
 
-.agentSessionsWelcome-openSessionsButton {
+.agentSessionsWelcome-agentsBanner {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	gap: 6px;
+	gap: 8px;
 	width: 100%;
-	padding: 8px 16px;
 	margin-top: 12px;
+	font-size: 13px;
+}
+
+.agentSessionsWelcome-agentsBanner .agents-banner-button {
+	display: flex;
+	align-items: center;
+	padding: 6px 10px;
 	border: none;
-	border-radius: 4px;
+	border-radius: 6px;
 	background-color: var(--vscode-toolbar-hoverBackground);
 	color: var(--vscode-foreground);
 	font-size: 13px;
 	cursor: pointer;
+	font-family: inherit;
+	border-radius: 50px;
+	width: 100%;
+	justify-content: center;
 }
 
-.agentSessionsWelcome-openSessionsButton:hover {
+.agentSessionsWelcome-agentsBanner .codicon {
+	color: var(--vscode-textLink-foreground) !important;
+}
+
+.agentSessionsWelcome-agentsBanner .agents-banner-button:hover {
 	background-color: var(--vscode-toolbar-activeBackground);
-	color: var(--vscode-textLink-foreground);
+}
+
+.agentSessionsWelcome-agentsBanner .icon-widget {
+	font-size: 20px;
+	padding-right: 8px;
+}
+
+.agentSessionsWelcome-agentsBanner .category-title {
+	font-size: 13px;
+	font-weight: normal;
+	margin: 0;
 }
 
 /* Walkthroughs section */

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js

@@ -40,7 +40,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: "workbench.action.openWalkthrough",
-            title: ( localize2(15233, "Welcome")),
+            title: ( localize2(15369, "Welcome")),
             category: Categories.Help,
             f1: true,
             menu: {
@@ -49,7 +49,7 @@ registerAction2(class extends Action2 {
                 order: 1
             },
             metadata: {
-                description: ( localize2(15234, "Opens a Walkthrough to help you get started in VS Code."))
+                description: ( localize2(15370, "Opens a Walkthrough to help you get started in VS Code."))
             }
         });
     }
@@ -114,15 +114,15 @@ registerAction2(class extends Action2 {
 });
 ( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
 ( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(
-    EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(15235, "Welcome"))),
+    EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(15371, "Welcome"))),
     [( new SyncDescriptor(GettingStartedInput))]
 );
-const category = ( localize2(15235, "Welcome"));
+const category = ( localize2(15371, "Welcome"));
 registerAction2(class extends Action2 {
     constructor() {
         super({
             id: "welcome.goBack",
-            title: ( localize2(15236, "Go Back")),
+            title: ( localize2(15372, "Go Back")),
             category,
             keybinding: {
                 weight: KeybindingWeight.EditorContrib,
@@ -157,7 +157,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: "welcome.markStepComplete",
-            title: ( localize(15237, "Mark Step Complete")),
+            title: ( localize(15373, "Mark Step Complete")),
             category
         });
     }
@@ -173,7 +173,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: "welcome.markStepIncomplete",
-            title: ( localize(15238, "Mark Step Incomplete")),
+            title: ( localize(15374, "Mark Step Incomplete")),
             category
         });
     }
@@ -189,7 +189,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: "welcome.showAllWalkthroughs",
-            title: ( localize2(15239, "Open Walkthrough...")),
+            title: ( localize2(15375, "Open Walkthrough...")),
             category,
             f1: true,
             menu: {
@@ -219,7 +219,7 @@ registerAction2(class extends Action2 {
         quickPick.canSelectMany = false;
         quickPick.matchOnDescription = true;
         quickPick.matchOnDetail = true;
-        quickPick.placeholder = ( localize(15240, "Select a walkthrough to open"));
+        quickPick.placeholder = ( localize(15376, "Select a walkthrough to open"));
         quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
         quickPick.busy = true;
         disposables.add(quickPick.onDidAccept(() => {
@@ -250,7 +250,7 @@ CommandsRegistry.registerCommand({
     }
 });
 const WorkspacePlatform = ( new RawContextKey("workspacePlatform", undefined, ( localize(
-    15241,
+    15377,
     "The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
 ))));
 let WorkspacePlatformContribution = class WorkspacePlatformContribution {
@@ -292,7 +292,7 @@ configurationRegistry.registerConfiguration({
             type: "boolean",
             default: true,
             description: ( localize(
-                15242,
+                15378,
                 "When enabled, an extension's walkthrough will open upon install of the extension."
             ))
         },
@@ -308,22 +308,22 @@ configurationRegistry.registerConfiguration({
                 "terminal",
                 "agentSessionsWelcomePage"
             ],
-            "enumDescriptions": [( localize(15243, "Start without an editor.")), ( localize(
-                15244,
+            "enumDescriptions": [( localize(15379, "Start without an editor.")), ( localize(
+                15380,
                 "Open the Welcome page, with content to aid in getting started with VS Code and extensions."
             )), ( localize(
-                15245,
+                15381,
                 "Open the README when opening a folder that contains one, fallback to 'welcomePage' otherwise. Note: This is only observed as a global configuration, it will be ignored if set in a workspace or folder configuration."
             )), ( localize(
-                15246,
+                15382,
                 "Open a new untitled text file (only applies when opening an empty window)."
-            )), ( localize(15247, "Open the Welcome page when opening an empty workbench.")), ( localize(15248, "Open a new terminal in the editor area.")), ( localize(
-                15249,
+            )), ( localize(15383, "Open the Welcome page when opening an empty workbench.")), ( localize(15384, "Open a new terminal in the editor area.")), ( localize(
+                15385,
                 "Open the Agent Sessions Welcome page. Will override the workbench secondary side bar visibility settings."
             ))],
             "default": "welcomePage",
             "description": ( localize(
-                15250,
+                15386,
                 "Controls which editor is shown at startup, if none are restored from the previous session."
             )),
             "experiment": {
@@ -334,8 +334,21 @@ configurationRegistry.registerConfiguration({
             scope: ConfigurationScope.APPLICATION,
             type: "boolean",
             default: false,
-            deprecationMessage: ( localize(15251, "Deprecated, use the global `workbench.reduceMotion`.")),
-            description: ( localize(15252, "When enabled, reduce motion in welcome page."))
+            deprecationMessage: ( localize(15387, "Deprecated, use the global `workbench.reduceMotion`.")),
+            description: ( localize(15388, "When enabled, reduce motion in welcome page."))
+        },
+        "workbench.welcomePage.experimentalOnboarding": {
+            scope: ConfigurationScope.APPLICATION,
+            type: "boolean",
+            default: false,
+            tags: ["experimental"],
+            description: ( localize(
+                15389,
+                "When enabled, show the new onboarding experience instead of the classic walkthrough on first launch."
+            )),
+            experiment: {
+                mode: "auto"
+            }
         }
     }
 });