mastracode 0.33.0-alpha.6 → 0.33.0-alpha.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # mastracode
 
+## 0.33.0-alpha.7
+
+### Patch Changes
+
+- Add `/browser set viewport` and `/browser clear viewport`. Pass a preset (`desktop`, `desktop-hd`, `laptop`, `tablet`, `mobile`), a custom `WIDTHxHEIGHT` size, or `window` to match the real browser window; omit the value to pick a preset from a list. `window` is rejected on providers that cannot honor it. ([#21010](https://github.com/mastra-ai/mastra/pull/21010))
+
+- Updated dependencies [[`f59032a`](https://github.com/mastra-ai/mastra/commit/f59032a73699443555a08a479e7ac578975784f2), [`f59032a`](https://github.com/mastra-ai/mastra/commit/f59032a73699443555a08a479e7ac578975784f2), [`f59032a`](https://github.com/mastra-ai/mastra/commit/f59032a73699443555a08a479e7ac578975784f2), [`3e50f63`](https://github.com/mastra-ai/mastra/commit/3e50f63db85e9fe365b4ce5daecb0ac0dc464d93), [`bf936e2`](https://github.com/mastra-ai/mastra/commit/bf936e2c89b2ff0dad5695b873ddc009ba96d41e)]:
+  - @mastra/code-sdk@1.2.0-alpha.7
+  - @mastra/core@1.58.0-alpha.6
+  - @mastra/agent-browser@0.5.1-alpha.0
+  - @mastra/stagehand@0.3.2-alpha.1
+
 ## 0.33.0-alpha.6
 
 ### Patch Changes

package/dist/cli.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_tui = require("./tui-BAjz-lln.cjs");
+const require_tui = require("./tui-tFzKFnpk.cjs");
 let _mastra_code_sdk = require("@mastra/code-sdk");
 let fs = require("fs");
 fs = require_tui.__toESM(fs, 1);
@@ -13,7 +13,7 @@ let _mastra_code_sdk_utils_stdin_pipe = require("@mastra/code-sdk/utils/stdin-pi
 let _mastra_code_sdk_utils_thread_lock = require("@mastra/code-sdk/utils/thread-lock");
 //#region src/version.ts
 function getCurrentVersion() {
-	return "0.33.0-alpha.6";
+	return "0.33.0-alpha.7";
 }
 //#endregion
 //#region src/main.ts

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { d as detectTerminalTheme, f as applyThemeMode, t as MastraTUI, v as restoreTerminalForeground } from "./tui-ciIVmFuD.js";
+import { d as detectTerminalTheme, f as applyThemeMode, t as MastraTUI, v as restoreTerminalForeground } from "./tui-IdBfDUUa.js";
 import { createMastraCode } from "@mastra/code-sdk";
 import fs from "fs";
 import { createMastraCodeAnalytics } from "@mastra/code-sdk/analytics";
@@ -12,7 +12,7 @@ import { drainPipedStdin, reopenStdinFromTTY } from "@mastra/code-sdk/utils/stdi
 import { releaseAllThreadLocks } from "@mastra/code-sdk/utils/thread-lock";
 //#region src/version.ts
 function getCurrentVersion() {
-	return "0.33.0-alpha.6";
+	return "0.33.0-alpha.7";
 }
 //#endregion
 //#region src/main.ts

package/dist/tui/commands/browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../../src/tui/commands/browser.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAyMtD;;;;;;;GAOG;AACH,wBAAsB,oBAAoB,CAAC,GAAG,EAAE,mBAAmB,EAAE,IAAI,GAAE,MAAM,EAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CA0mBvG"}
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../../src/tui/commands/browser.ts"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAuRtD;;;;;;;GAOG;AACH,wBAAsB,oBAAoB,CAAC,GAAG,EAAE,mBAAmB,EAAE,IAAI,GAAE,MAAM,EAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAuoBvG"}

package/dist/{tui-ciIVmFuD.js → tui-IdBfDUUa.js}

@@ -1,5 +1,5 @@
 import fs, { existsSync, readFileSync, statSync, unlinkSync } from "fs";
-import { MASTRA_GATEWAY_DEFAULT_URL, MASTRA_GATEWAY_PROVIDER, OBSERVABILITY_AUTH_PREFIX, THREAD_ACTIVE_MODEL_PACK_ID_KEY, checkProfileProviderMismatch, createBrowserFromSettings, getCustomProviderId, loadSettings, resolveDefaultThinkingLevel, resolveThreadActiveModelPackId, saveSettings, setProfileProvider, stripMastraCodeCustomProviderPrefix, toCustomProviderModelId } from "@mastra/code-sdk/onboarding/settings";
+import { MASTRA_GATEWAY_DEFAULT_URL, MASTRA_GATEWAY_PROVIDER, OBSERVABILITY_AUTH_PREFIX, THREAD_ACTIVE_MODEL_PACK_ID_KEY, VIEWPORT_PRESETS, checkProfileProviderMismatch, createBrowserFromSettings, getCustomProviderId, loadSettings, parseViewportInput, resolveDefaultThinkingLevel, resolveThreadActiveModelPackId, saveSettings, setProfileProvider, stripMastraCodeCustomProviderPrefix, toCustomProviderModelId } from "@mastra/code-sdk/onboarding/settings";
 import { ThreadLockError } from "@mastra/code-sdk/utils/thread-lock";
 import { mastraBrand } from "@mastra/code-sdk/theme-palette";
 import chalk from "chalk";
@@ -13440,7 +13440,7 @@ const ACTIVE_BROWSER_KEY = "activeBrowserSettings";
 *   /browser status       - Show current browser configuration
 *   /browser on           - Enable browser with current settings
 *   /browser off          - Disable browser
-*   /browser set <k> <v>  - Set a specific setting (profile, executablePath, storageState, cdpUrl, model)
+*   /browser set <k> <v>  - Set a specific setting (profile, executablePath, storageState, cdpUrl, model, viewport)
 */
 /**
 * Validate a `provider/model` id against the providers Stagehand can resolve.
@@ -13457,6 +13457,80 @@ function stagehandModelError(modelId) {
 	const provider = modelId.slice(0, slashIndex);
 	if (!STAGEHAND_MODEL_PROVIDERS.includes(provider)) return `Unsupported model provider: ${provider}. Supported providers: ${STAGEHAND_MODEL_PROVIDERS.join(", ")}.`;
 }
+/** Render a viewport for status output and confirmations. */
+function formatViewport(viewport) {
+	if (!viewport) return "default";
+	if (viewport === "window") return "window (match browser window)";
+	return `${viewport.width}x${viewport.height}`;
+}
+/**
+* `'window'` skips viewport emulation, which only works where the provider can
+* be told not to emulate. Stagehand overwrites an absent viewport with its own
+* default when it launches the browser itself, so it can only honor `'window'`
+* when connecting to an already-running browser over CDP.
+*/
+function windowViewportError(browser) {
+	if (browser.provider !== "stagehand" || browser.cdpUrl) return void 0;
+	return "viewport window is not supported when stagehand launches its own browser. Use the agent-browser provider, set a cdpUrl, or pick explicit dimensions.";
+}
+/** Preset choices offered by the `/browser set viewport` picker. */
+function viewportChoices(browser) {
+	const choices = Object.entries(VIEWPORT_PRESETS).map(([name, size]) => ({
+		label: name,
+		description: `${size.width}x${size.height}`
+	}));
+	if (!windowViewportError(browser)) choices.push({
+		label: "window",
+		description: "Follow the real browser window (no emulation)"
+	});
+	choices.push({
+		label: "custom",
+		description: "Enter WIDTHxHEIGHT, e.g. 1600x1000"
+	});
+	return choices;
+}
+/**
+* Persist a viewport choice. Kept separate so the picker and the
+* `/browser set viewport <value>` path apply the same validation.
+*/
+function applyViewport(ctx, settings, viewport) {
+	if (viewport === "window") {
+		const error = windowViewportError(settings.browser);
+		if (error) {
+			ctx.showError(error);
+			return false;
+		}
+	}
+	settings.browser.viewport = viewport;
+	saveSettings(settings);
+	ctx.showInfo(`Set viewport = ${formatViewport(viewport)}\nRun /browser on to apply.`);
+	return true;
+}
+/**
+* Ask for a viewport from a preset list rather than making the user recall
+* dimensions, falling back to a free-text prompt for a custom size.
+*/
+async function promptForViewport(ctx, settings) {
+	const choice = await askInline(ctx, "Viewport size?", viewportChoices(settings.browser));
+	if (!choice) return;
+	if (choice === "custom") {
+		const custom = await askText$1(ctx, "Viewport (WIDTHxHEIGHT):", formatViewport(settings.browser.viewport));
+		if (!custom) return;
+		const parsed = parseViewportInput(custom);
+		if (!parsed) {
+			ctx.showError(`Invalid viewport: ${custom}. Use WIDTHxHEIGHT, for example 1280x720.`);
+			return;
+		}
+		applyViewport(ctx, settings, parsed);
+		return;
+	}
+	const parsed = parseViewportInput(choice);
+	if (!parsed) {
+		ctx.showError(`Invalid viewport: ${choice}.`);
+		return;
+	}
+	applyViewport(ctx, settings, parsed);
+}
 /**
 * Open the shared model picker, restricted to providers Stagehand can resolve,
 * and persist the choice as the browser model.
@@ -13567,6 +13641,7 @@ function getBrowserConfigKey(settings) {
 	if (settings.provider === "stagehand" && settings.stagehand?.env) parts.push(settings.stagehand.env);
 	if (settings.provider === "stagehand" && settings.stagehand?.model) parts.push(`model:${settings.stagehand.model}`);
 	parts.push(settings.headless ? "headless" : "headed");
+	if (settings.viewport) parts.push(`viewport:${formatViewport(settings.viewport)}`);
 	if (settings.profile) parts.push(`profile:${settings.profile}`);
 	if (settings.executablePath) parts.push(`exec:${settings.executablePath}`);
 	if (settings.cdpUrl) parts.push(`cdp:${settings.cdpUrl}`);
@@ -13589,7 +13664,7 @@ async function handleBrowserCommand(ctx, args = []) {
 		const key = args[1]?.toLowerCase();
 		const value = args.slice(2).join(" ");
 		if (!key) {
-			ctx.showInfo("Usage: /browser set <key> <value>\n\nKeys:\n  profile <path>       - Browser profile directory\n  executablePath <path> - Browser executable path\n  storageState <path>  - Playwright storage state file (agent-browser only)\n  cdpUrl <url>         - CDP WebSocket URL\n  model [provider/id]  - Model Stagehand uses for AI operations (stagehand only).\n                         Omit the value to pick from a list.\n\nTo remove a setting, use: /browser clear <key>\n\nExamples:\n  /browser set profile ~/.mastracode/browser-profile-stagehand\n  /browser set model\n  /browser set model anthropic/claude-sonnet-4-5\n  /browser set executablePath /Applications/Google Chrome.app/Contents/MacOS/Google Chrome");
+			ctx.showInfo("Usage: /browser set <key> <value>\n\nKeys:\n  profile <path>       - Browser profile directory\n  executablePath <path> - Browser executable path\n  storageState <path>  - Playwright storage state file (agent-browser only)\n  cdpUrl <url>         - CDP WebSocket URL\n  model [provider/id]  - Model Stagehand uses for AI operations (stagehand only).\n                         Omit the value to pick from a list.\n  viewport [size]      - Preset name, WIDTHxHEIGHT, or window.\n                         Omit the value to pick from a list.\n\nTo remove a setting, use: /browser clear <key>\n\nExamples:\n  /browser set profile ~/.mastracode/browser-profile-stagehand\n  /browser set model\n  /browser set viewport 1920x1080\n  /browser set viewport window\n  /browser set model anthropic/claude-sonnet-4-5\n  /browser set executablePath /Applications/Google Chrome.app/Contents/MacOS/Google Chrome");
 			return;
 		}
 		if (![
@@ -13597,9 +13672,10 @@ async function handleBrowserCommand(ctx, args = []) {
 			"executablepath",
 			"storagestate",
 			"cdpurl",
-			"model"
+			"model",
+			"viewport"
 		].includes(key)) {
-			ctx.showError(`Unknown key: ${args[1]}. Valid keys: profile, executablePath, storageState, cdpUrl, model`);
+			ctx.showError(`Unknown key: ${args[1]}. Valid keys: profile, executablePath, storageState, cdpUrl, model, viewport`);
 			return;
 		}
 		if (!value) {
@@ -13607,6 +13683,10 @@ async function handleBrowserCommand(ctx, args = []) {
 				await promptForStagehandModel(ctx, settings, browser);
 				return;
 			}
+			if (key === "viewport") {
+				await promptForViewport(ctx, settings);
+				return;
+			}
 			ctx.showError(`Missing value. Use: /browser set ${args[1]} <value>\nTo remove a setting, use: /browser clear ${args[1]}`);
 			return;
 		}
@@ -13661,6 +13741,15 @@ async function handleBrowserCommand(ctx, args = []) {
 				ctx.showInfo(`Set model = ${modelId}\nRun /browser on to apply.`);
 				return;
 			}
+			case "viewport": {
+				const parsed = parseViewportInput(value);
+				if (!parsed) {
+					ctx.showError(`Invalid viewport: ${value.trim()}. Use WIDTHxHEIGHT, window, or a preset (${Object.keys(VIEWPORT_PRESETS).join(", ")}).`);
+					return;
+				}
+				applyViewport(ctx, settings, parsed);
+				return;
+			}
 			case "cdpurl":
 				settings.browser.cdpUrl = expandedValue;
 				if (settings.browser.profile || settings.browser.executablePath) {
@@ -13689,6 +13778,7 @@ async function handleBrowserCommand(ctx, args = []) {
 				if (activeSettings.stagehand.model) lines.push(`  Model: ${activeSettings.stagehand.model}`);
 			}
 			if (!activeIsBrowserbase) lines.push(`  Headless: ${activeSettings.headless ? "yes" : "no"}`);
+			lines.push(`  Viewport: ${formatViewport(activeSettings.viewport)}`);
 			if (activeSettings.executablePath) lines.push(`  Executable: ${activeSettings.executablePath}`);
 			if (activeSettings.profile) lines.push(`  Profile: ${activeSettings.profile}`);
 			if (activeSettings.agentBrowser?.storageState) lines.push(`  Storage State: ${activeSettings.agentBrowser.storageState}`);
@@ -13703,6 +13793,7 @@ async function handleBrowserCommand(ctx, args = []) {
 				if (browser.stagehand.model) lines.push(`  Model: ${browser.stagehand.model}`);
 			}
 			if (!fileIsBrowserbase) lines.push(`  Headless: ${browser.headless ? "yes" : "no"}`);
+			lines.push(`  Viewport: ${formatViewport(browser.viewport)}`);
 			if (browser.executablePath) lines.push(`  Executable: ${browser.executablePath}`);
 			if (browser.profile) lines.push(`  Profile: ${browser.profile}`);
 			if (browser.agentBrowser?.storageState) lines.push(`  Storage State: ${browser.agentBrowser.storageState}`);
@@ -13720,6 +13811,7 @@ async function handleBrowserCommand(ctx, args = []) {
 				if (browser.stagehand.model) lines.push(`  Model: ${browser.stagehand.model}`);
 			}
 			if (!isBrowserbase) lines.push(`  Headless: ${browser.headless ? "yes" : "no"}`);
+			lines.push(`  Viewport: ${formatViewport(browser.viewport)}`);
 			if (browser.executablePath) lines.push(`  Executable: ${browser.executablePath}`);
 			if (browser.profile) lines.push(`  Profile: ${browser.profile}`);
 			if (browser.agentBrowser?.storageState) lines.push(`  Storage State: ${browser.agentBrowser.storageState}`);
@@ -13804,8 +13896,11 @@ async function handleBrowserCommand(ctx, args = []) {
 			case "model":
 				if (settings.browser.stagehand) delete settings.browser.stagehand.model;
 				break;
+			case "viewport":
+				settings.browser.viewport = { ...VIEWPORT_PRESETS.desktop };
+				break;
 			default:
-				ctx.showError(`Unknown field: ${field}. Valid fields: profile, executablePath, storageState, cdpUrl, model`);
+				ctx.showError(`Unknown field: ${field}. Valid fields: profile, executablePath, storageState, cdpUrl, model, viewport`);
 				return;
 		}
 		saveSettings(settings);
@@ -13868,8 +13963,8 @@ async function handleBrowserCommand(ctx, args = []) {
 			"  off, disable   Disable browser",
 			"  status         Show current configuration",
 			"  clear          Reset all settings to defaults",
-			"  clear <key>    Clear: profile, executablePath, storageState, cdpUrl, model",
-			"  set <key> <v>  Set: profile, executablePath, storageState, cdpUrl, model",
+			"  clear <key>    Clear: profile, executablePath, storageState, cdpUrl, model, viewport",
+			"  set <key> <v>  Set: profile, executablePath, storageState, cdpUrl, model, viewport",
 			"  export storageState <path>  Export session cookies/localStorage (agent-browser)"
 		].join("\n"));
 		return;
@@ -22020,4 +22115,4 @@ var MastraTUI = class MastraTUI {
 //#endregion
 export { mastraBrand as _, OMProgressComponent as a, ToolExecutionComponentEnhanced as c, detectTerminalTheme as d, applyThemeMode as f, mastra as g, getThemeMode as h, LoginDialogComponent as i, AssistantMessageComponent as l, getMarkdownTheme as m, createTUIState as n, formatOMStatus as o, getEditorTheme as p, LoginSelectorComponent as r, UserMessageComponent as s, MastraTUI as t, ModelSelectorComponent as u, restoreTerminalForeground as v, theme as y };
 
-//# sourceMappingURL=tui-ciIVmFuD.js.map
+//# sourceMappingURL=tui-IdBfDUUa.js.map