@mind-harness/mh-browser 0.2.6 → 0.2.7

package/lib/client.cjs

@@ -4,302 +4,92 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-		let zod = require("zod");
 		let react = require("react");
-		//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-typert-protocol@0.2.2-rc.1_@deepseek-ai+cordis@4.1.0/node_modules/@deepseek-ai/dsh-typert-protocol/lib/types/remote-info.js
-		/** Lazy assembly of generated Remote definitions using caller-supplied Zod; no runtime imports. */
+		//#region src/client/call.ts
+		const PACKAGE = "mh-browser";
 		/**
-		* Retain one generated definition per endpoint without constructing parsers or projections.
-		* The class instance builds its shared descriptor/method index on first access;
-		* input schemas and JSON Schema projections are cached only when requested.
-		* @param spec - compiler-produced method facts and Zod factories.
-		* @param zod - the generated artifact's Zod runtime for named-input parsers.
-		* @returns a lazy, mountable info instance with no registration or transport effects.
+		* `document.baseURI` keeps a mounted page on its prefix. dsh's file upload
+		* resolves the same way.
 		*/
-		function createTypertRemoteInfo(spec, zod) {
-			return new RemoteInfo(spec, zod);
-		}
-		var RemoteInfo = class {
-			spec;
-			zod;
-			index;
-			constructor(spec, zod) {
-				this.spec = spec;
-				this.zod = zod;
-			}
-			get package() {
-				return this.spec.package;
-			}
-			get descriptors() {
-				return this.resolve().descriptors;
-			}
-			get methods() {
-				return this.resolve().methods;
+		async function call(segment, init, signal) {
+			const url = new URL(`${PACKAGE}/api/${segment}`, document.baseURI);
+			if (init.query !== void 0) for (const [key, value] of Object.entries(init.query)) url.searchParams.set(key, value);
+			const request = {
+				method: init.method,
+				credentials: "same-origin",
+				cache: "no-store"
+			};
+			if (signal !== void 0) request.signal = signal;
+			if (init.method === "POST") {
+				request.headers = { "content-type": "application/json" };
+				request.body = JSON.stringify(init.body ?? {});
 			}
-			resolve() {
-				if (this.index !== void 0) return this.index;
-				const zod = this.zod;
-				const descriptors = [];
-				const methods = Object.create(null);
-				for (const [endpoint, definition] of Object.entries(this.spec.methods)) {
-					const separator = endpoint.indexOf("/");
-					const namespace = endpoint.slice(0, separator);
-					const method = endpoint.slice(separator + 1);
-					const parameters = definition.parameters.map((parameter) => ({
-						...parameter,
-						wire: parameter.wire ?? parameter.name
-					}));
-					const descriptor = {
-						...definition,
-						id: `${this.spec.package}#${endpoint}`,
-						namespace,
-						method,
-						parameters,
-						result: definition.result.description === void 0 ? definition.result : new ResultValue(definition.result)
-					};
-					if (definition.invocation.kind === "direct") {
-						const inputs = [];
-						methods[endpoint] = Object.assign(descriptor, {
-							input(options) {
-								const strict = options?.strict === true;
-								return inputs[strict ? 1 : 0] ??= new NamedInput(parameters, strict, zod);
-							},
-							invoke(remote, input, signal) {
-								const named = input;
-								const values = parameters.map((parameter) => named[parameter.wire]);
-								if (definition.cancellation !== void 0) values.push(signal);
-								const receiver = Reflect.get(remote, namespace);
-								return Reflect.get(receiver, method).apply(receiver, values);
-							}
-						});
-					}
-					descriptors.push(descriptor);
-				}
-				return this.index = {
-					descriptors,
-					methods
-				};
+			try {
+				const payload = await (await fetch(url, request)).json();
+				if (isCallResult(payload)) return payload;
+				return fail("unreachable", "response was not understood");
+			} catch (error) {
+				if (signal?.aborted === true) return fail("cancelled", "cancelled");
+				return fail("unreachable", error instanceof Error ? error.message : "request failed");
 			}
-		};
-		function optional(parameter) {
-			return parameter.source === "json" && parameter.acceptsUndefined === true;
 		}
-		var NamedInput = class {
-			parameters;
-			strict;
-			zod;
-			schema;
-			projection;
-			constructor(parameters, strict, zod) {
-				this.parameters = parameters;
-				this.strict = strict;
-				this.zod = zod;
-			}
-			codec(parameter) {
-				return this.strict ? parameter.strictCodec : parameter.codec;
-			}
-			create = () => this.schema ??= this.zod.strictObject(Object.fromEntries(this.parameters.map((parameter) => {
-				const value = this.codec(parameter).create();
-				return [parameter.wire, optional(parameter) ? value.optional() : value.nonoptional()];
-			})));
-			get jsonSchema() {
-				return this.project().jsonSchema;
-			}
-			get jsonSchemaError() {
-				return this.project().jsonSchemaError;
-			}
-			project() {
-				if (this.projection !== void 0) return this.projection;
-				const unavailable = this.parameters.find((parameter) => this.codec(parameter).jsonSchema === void 0);
-				if (unavailable !== void 0) return this.projection = { jsonSchemaError: this.codec(unavailable).jsonSchemaError ?? `No JSON Schema for parameter ${unavailable.wire}` };
-				return this.projection = { jsonSchema: {
-					type: "object",
-					properties: Object.fromEntries(this.parameters.map((parameter) => [parameter.wire, {
-						...this.codec(parameter).jsonSchema,
-						...parameter.description === void 0 ? {} : { description: parameter.description }
-					}])),
-					required: this.parameters.filter((parameter) => !optional(parameter)).map((parameter) => parameter.wire),
-					additionalProperties: false
-				} };
-			}
-		};
-		var ResultValue = class {
-			spec;
-			projection;
-			constructor(spec) {
-				this.spec = spec;
-			}
-			get mode() {
-				return this.spec.mode;
-			}
-			get typeSymbol() {
-				return this.spec.typeSymbol;
-			}
-			get create() {
-				return this.spec.create;
-			}
-			get decode() {
-				return this.spec.decode;
-			}
-			get encode() {
-				return this.spec.encode;
-			}
-			get description() {
-				return this.spec.description;
-			}
-			get jsonSchemaError() {
-				return this.spec.jsonSchemaError;
-			}
-			get jsonSchema() {
-				if (this.projection === void 0) {
-					const schema = this.spec.jsonSchema;
-					this.projection = { value: schema === void 0 ? void 0 : {
-						...schema,
-						description: this.spec.description
-					} };
-				}
-				return this.projection.value;
-			}
-		};
-		//#endregion
-		//#region lib/typert.remote-client.js
-		let _mind_harness_mh_browser_mhBrowser_locateFor_parameter_0$schema$value;
-		const _mind_harness_mh_browser_mhBrowser_locateFor_parameter_0$schema = () => _mind_harness_mh_browser_mhBrowser_locateFor_parameter_0$schema$value ??= zod.z.union([
-			zod.z.literal("chrome"),
-			zod.z.literal("msedge"),
-			zod.z.literal("chromium")
-		]);
-		let _mind_harness_mh_browser_mhBrowser_locateFor_result$schema$value;
-		const _mind_harness_mh_browser_mhBrowser_locateFor_result$schema = () => _mind_harness_mh_browser_mhBrowser_locateFor_result$schema$value ??= zod.z.union([zod.z.object({ "found": zod.z.string() }), zod.z.object({ "missing": zod.z.array(zod.z.object({
-			"path": zod.z.string(),
-			"reason": zod.z.string()
-		})) })]);
-		let _mind_harness_mh_browser_mhBrowser_revealHandover_parameter_0$schema$value;
-		const _mind_harness_mh_browser_mhBrowser_revealHandover_parameter_0$schema = () => _mind_harness_mh_browser_mhBrowser_revealHandover_parameter_0$schema$value ??= zod.z.string();
-		let _mind_harness_mh_browser_mhBrowser_revealHandover_result$schema$value;
-		const _mind_harness_mh_browser_mhBrowser_revealHandover_result$schema = () => _mind_harness_mh_browser_mhBrowser_revealHandover_result$schema$value ??= zod.z.object({ "status": zod.z.union([
-			zod.z.literal("revealed"),
-			zod.z.literal("not-handing-over"),
-			zod.z.literal("no-tab")
-		]) });
-		let _mind_harness_mh_browser_mhBrowser_locateFor_parameter_0_strict$schema$value;
-		const _mind_harness_mh_browser_mhBrowser_locateFor_parameter_0_strict$schema = () => _mind_harness_mh_browser_mhBrowser_locateFor_parameter_0_strict$schema$value ??= zod.z.union([
-			zod.z.literal("chrome"),
-			zod.z.literal("msedge"),
-			zod.z.literal("chromium")
-		]);
-		let _mind_harness_mh_browser_mhBrowser_revealHandover_parameter_0_strict$schema$value;
-		const _mind_harness_mh_browser_mhBrowser_revealHandover_parameter_0_strict$schema = () => _mind_harness_mh_browser_mhBrowser_revealHandover_parameter_0_strict$schema$value ??= zod.z.string();
-		const TYPERT_REMOTE = createTypertRemoteInfo({
-			package: "@mind-harness/mh-browser",
-			methods: {
-				"mhBrowser/locateFor": {
-					service: "mhBrowser",
-					description: "Where `browser` would be launched from when no path is configured. The configured path is not consulted: the answer is what an empty path uses.",
-					invocation: { kind: "direct" },
-					parameters: [{
-						name: "browser",
-						source: "json",
-						codec: {
-							mode: "strict",
-							typeSymbol: "@mind-harness/mh-browser/location#BrowserName",
-							create: _mind_harness_mh_browser_mhBrowser_locateFor_parameter_0$schema,
-							jsonSchema: {
-								"type": "string",
-								"enum": [
-									"chrome",
-									"msedge",
-									"chromium"
-								]
-							}
-						},
-						strictCodec: {
-							mode: "strict",
-							typeSymbol: "@mind-harness/mh-browser/location#BrowserName",
-							create: _mind_harness_mh_browser_mhBrowser_locateFor_parameter_0_strict$schema,
-							jsonSchema: {
-								"type": "string",
-								"enum": [
-									"chrome",
-									"msedge",
-									"chromium"
-								]
-							}
-						}
-					}],
-					cancellation: { parameter: "signal" },
-					result: {
-						mode: "strict",
-						typeSymbol: "@mind-harness/mh-browser/location#BrowserLocation",
-						create: _mind_harness_mh_browser_mhBrowser_locateFor_result$schema,
-						jsonSchemaError: "typert tool schema: selected union branches overlap or have no required discriminator"
-					},
-					sourceLocation: {
-						"file": "packages/mh-browser/src/service/service.ts",
-						"line": 474,
-						"column": 9
-					}
-				},
-				"mhBrowser/revealHandover": {
-					service: "mhBrowser",
-					description: "The person asked to see the page this Session handed over.",
-					invocation: { kind: "direct" },
-					parameters: [{
-						name: "sessionId",
-						source: "json",
-						codec: {
-							mode: "strict",
-							typeSymbol: "@mind-harness/mh-browser#mhBrowser/revealHandover:sessionId",
-							create: _mind_harness_mh_browser_mhBrowser_revealHandover_parameter_0$schema,
-							jsonSchema: { "type": "string" }
-						},
-						strictCodec: {
-							mode: "strict",
-							typeSymbol: "@mind-harness/mh-browser#mhBrowser/revealHandover:sessionId",
-							create: _mind_harness_mh_browser_mhBrowser_revealHandover_parameter_0_strict$schema,
-							jsonSchema: { "type": "string" }
-						}
-					}],
-					cancellation: { parameter: "signal" },
-					result: {
-						mode: "strict",
-						typeSymbol: "@mind-harness/mh-browser#mhBrowser/revealHandover:result",
-						create: _mind_harness_mh_browser_mhBrowser_revealHandover_result$schema,
-						jsonSchema: {
-							"type": "object",
-							"properties": { "status": {
-								"type": "string",
-								"enum": [
-									"revealed",
-									"not-handing-over",
-									"no-tab"
-								]
-							} },
-							"required": ["status"],
-							"additionalProperties": true
-						}
-					},
-					sourceLocation: {
-						"file": "packages/mh-browser/src/service/service.ts",
-						"line": 734,
-						"column": 9
-					}
+		function fail(code, message) {
+			return {
+				ok: false,
+				error: {
+					code: `${PACKAGE}/${code}`,
+					message
 				}
-			}
-		}, zod.z);
+			};
+		}
+		function isCallResult(value) {
+			if (typeof value !== "object" || value === null || !("ok" in value)) return false;
+			if (value.ok === true) return "value" in value;
+			if (value.ok !== false || !("error" in value)) return false;
+			const error = value.error;
+			if (typeof error !== "object" || error === null) return false;
+			return "code" in error && typeof error.code === "string" && "message" in error && typeof error.message === "string";
+		}
 		//#endregion
 		//#region src/client/card.ts
-		/** Host theme tokens only; the rules unmount with the row. */
+		/**
+		* Host theme tokens only; the rules unmount with the row.
+		* The button copies the host primary control at its default size, and the
+		* right-up outline that control uses for leaving the app. This row loads no
+		* host client package.
+		*/
 		const STYLE$1 = `
 .mh-br { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; color: var(--dsw-alias-label-primary); font-size: 14px; line-height: 20px; }
 .mh-br-line { margin: 0; }
 .mh-br-status { margin: 0; color: var(--dsw-alias-label-secondary); }
-.mh-br-button { padding: 4px 10px; border: 0.5px solid var(--dsw-alias-border-l3); border-radius: var(--dsw-radius-md); background: transparent; color: var(--dsw-alias-label-primary); font: inherit; cursor: pointer; }
+.mh-br-button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 36px; padding: 0 14px; border: none; border-radius: var(--dsw-radius-md); background: var(--dsw-alias-button-primary-fill); color: var(--dsw-alias-label-primary-foreground); font-size: 14px; line-height: 22px; cursor: pointer; }
+@media (hover: hover) { .mh-br-button:hover { background: var(--dsw-alias-button-primary-hover); } }
+.mh-br-icon { display: inline-flex; width: 16px; height: 16px; align-items: center; justify-content: center; }
 `;
-		/** The open handover: the reason and the button that raises its window. */
+		/** Corner of the host right-up outline, 16px viewBox, 1px stroke. */
+		const RIGHT_UP_CORNER = "M11.7256 2.77441C12.5538 2.77469 13.2256 3.44616 13.2256 4.27441V10.1416H12.2256V4.27441C12.2256 3.99844 12.0015 3.77469 11.7256 3.77441H5.7207V2.77441H11.7256Z";
+		/** Stem of the host right-up outline. */
+		const RIGHT_UP_STEM = "M2.77441 13.2255L12.3756 3.62427";
+		function revealIcon() {
+			return (0, react.createElement)("span", { className: "mh-br-icon" }, (0, react.createElement)("svg", {
+				width: 14,
+				height: 14,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				strokeWidth: 1,
+				"aria-hidden": true
+			}, (0, react.createElement)("path", {
+				d: RIGHT_UP_CORNER,
+				fill: "currentColor"
+			}), (0, react.createElement)("path", {
+				d: RIGHT_UP_STEM,
+				stroke: "currentColor"
+			})));
+		}
+		/** The open handover: a short line and the button that raises its window. */
 		function HandoverRow(props) {
 			const [note, setNote] = (0, react.useState)(void 0);
-			return (0, react.createElement)("section", { className: "mh-br" }, (0, react.createElement)("style", null, STYLE$1), (0, react.createElement)("p", { className: "mh-br-line" }, props.t("waiting", { reason: props.reason })), (0, react.createElement)("button", {
+			return (0, react.createElement)("section", { className: "mh-br" }, (0, react.createElement)("style", null, STYLE$1), (0, react.createElement)("p", { className: "mh-br-line" }, props.t("waiting")), (0, react.createElement)("button", {
 				type: "button",
 				className: "mh-br-button",
 				onClick: () => {
@@ -309,7 +99,7 @@ window.__ModuleLoader__.load({
 						setNote(props.t("failed"));
 					});
 				}
-			}, props.t("reveal")), note !== void 0 ? (0, react.createElement)("p", { className: "mh-br-status" }, note) : null);
+			}, revealIcon(), props.t("reveal")), note !== void 0 ? (0, react.createElement)("p", { className: "mh-br-status" }, note) : null);
 		}
 		/** `revealed` adds no status line. */
 		function noteFor(result, t) {
@@ -322,8 +112,8 @@ window.__ModuleLoader__.load({
 		/** Dictionary namespace for the handover row. */
 		const NS = "mh-browser";
 		const zh = {
-			waiting: "浏览器交给你了：{reason}",
-			reveal: "去浏览器",
+			waiting: "这一步要你在浏览器里做",
+			reveal: "打开浏览器里的页面",
 			notHandingOver: "这次交接已经结束",
 			noTab: "没有可以去的页面",
 			failed: "没能切到浏览器",
@@ -338,6 +128,10 @@ window.__ModuleLoader__.load({
 			pathDoesNotExist: "不存在",
 			pathIsDirectory: "是目录",
 			pathDenied: "没有权限（{code}）",
+			auto: "自动",
+			browserUsing: "当前使用：{name}。",
+			browserNone: "没有找到 Chrome 或 Edge。",
+			installChrome: "安装 Chrome",
 			chrome: "Google Chrome",
 			msedge: "Microsoft Edge",
 			chromium: "Chromium",
@@ -351,8 +145,8 @@ window.__ModuleLoader__.load({
 			discard: "放弃修改"
 		};
 		const en = {
-			waiting: "The browser is yours: {reason}",
-			reveal: "Go to the browser",
+			waiting: "This step needs you in the browser",
+			reveal: "Open the page in the browser",
 			notHandingOver: "This handover has already ended",
 			noTab: "There is no page to open",
 			failed: "Could not switch to the browser",
@@ -367,6 +161,10 @@ window.__ModuleLoader__.load({
 			pathDoesNotExist: "does not exist",
 			pathIsDirectory: "is a directory",
 			pathDenied: "permission denied ({code})",
+			auto: "Automatic",
+			browserUsing: "In use: {name}.",
+			browserNone: "Chrome and Edge were not found.",
+			installChrome: "Install Chrome",
 			chrome: "Google Chrome",
 			msedge: "Microsoft Edge",
 			chromium: "Chromium",
@@ -388,6 +186,7 @@ window.__ModuleLoader__.load({
 		*/
 		const HANDOVER_KIND = "browser-handover";
 		const HANDOVER_TOOL = "browser_handover";
+		const ROW_DATA = {};
 		function isRecord$1(value) {
 			return typeof value === "object" && value !== null && !Array.isArray(value);
 		}
@@ -395,22 +194,11 @@ window.__ModuleLoader__.load({
 			if (!isRecord$1(data) || typeof data.turn !== "number") return void 0;
 			return data.turn;
 		}
-		function reasonOf(value) {
-			if (typeof value !== "string") return "";
-			try {
-				const parsed = JSON.parse(value);
-				if (!isRecord$1(parsed) || typeof parsed.reason !== "string") return "";
-				return parsed.reason;
-			} catch {
-				return "";
-			}
-		}
 		function callOf(data) {
 			if (!isRecord$1(data) || typeof data.callId !== "string" || typeof data.name !== "string") return void 0;
 			return {
 				callId: data.callId,
-				name: data.name,
-				arguments: data.arguments
+				name: data.name
 			};
 		}
 		/** A result names its call on `message.source` and again on `message.toolCallId`. */
@@ -424,7 +212,7 @@ window.__ModuleLoader__.load({
 			return {
 				...current,
 				visibility: "hidden",
-				data: { reason: "" }
+				data: ROW_DATA
 			};
 		}
 		/**
@@ -445,7 +233,7 @@ window.__ModuleLoader__.load({
 				location: context.start?.location ?? { kind: "unresolved" },
 				visibility: open === void 0 ? "hidden" : "visible",
 				groupTree: "turn",
-				data: { reason: open?.reason ?? "" }
+				data: ROW_DATA
 			};
 		}
 		const handoverRowDefinition = {
@@ -483,7 +271,6 @@ window.__ModuleLoader__.load({
 					return {
 						open: {
 							callId: call.callId,
-							reason: reasonOf(call.arguments),
 							seq: event.seq
 						},
 						anchorSeq: event.seq
@@ -723,6 +510,7 @@ window.__ModuleLoader__.load({
 .mh-browser-chevron { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); color: var(--dsw-alias-label-tertiary); pointer-events: none; }
 .mh-browser-invalid { margin: 0; font-size: 12px; line-height: 1.5; color: var(--dsw-alias-state-error-primary); }
 .mh-browser-hint { margin: 0; font-size: 12px; line-height: 1.5; color: var(--dsw-alias-label-tertiary); }
+.mh-browser-hint a { color: var(--dsw-alias-label-secondary); }
 @media (hover: hover) {
   .mh-browser-help-button:hover { background: var(--dsw-alias-bg-layer-4); color: var(--dsw-alias-label-secondary); }
   .mh-browser-reset:hover:not(:disabled) { color: var(--dsw-alias-label-primary); }
@@ -874,10 +662,13 @@ window.__ModuleLoader__.load({
 		/** `plugins.row.config` key: the bundle package, then the row id. */
 		const ROW_KEY = "@mind-harness/mh-bundle#mh-browser";
 		const BROWSER_CHOICES = [
+			"auto",
 			"chrome",
 			"msedge",
 			"chromium"
 		];
+		/** Google's download page. Edge is not offered: its developer-mode prompt can disable the agent extension. */
+		const CHROME_INSTALL = "https://www.google.com/chrome/";
 		const LOADING = { status: "loading" };
 		/** Empty text clears the field. Anything else must be absolute, or start with `~`. */
 		function parseExecutable(text) {
@@ -896,7 +687,15 @@ window.__ModuleLoader__.load({
 		function pathPlaceholder(lookup, browser, t) {
 			if (lookup.status === "loading") return t("pathSearching");
 			if (lookup.status === "found") return lookup.path;
-			if (lookup.status === "missing") return t("pathMissing", { name: t(browser) });
+			if (lookup.status === "missing" && browser !== "auto") return t("pathMissing", { name: t(browser) });
+		}
+		/** The sentence under the browser menu: which browser automatic selection is using. */
+		function browserStatus(lookup, browser, t) {
+			const restart = t("browserHint");
+			if (browser !== "auto") return restart;
+			if (lookup.status === "found" && lookup.browser !== void 0) return `${t("browserUsing", { name: t(lookup.browser) })} ${restart}`;
+			if (lookup.status === "missing") return `${t("browserNone")} ${restart}`;
+			return restart;
 		}
 		/** The full path, or every place that was tried. Absent while looking or after a failed lookup. */
 		function pathHelpText(lookup, t) {
@@ -987,7 +786,10 @@ window.__ModuleLoader__.load({
 			}
 		};
 		function registerSettings(ctx) {
-			const form = new BrowserForm(ctx.configForms.get(ENTRY_ID), (browser, signal) => ctx.remote.mhBrowser.locateFor(browser, signal));
+			const form = new BrowserForm(ctx.configForms.get(ENTRY_ID), (browser, signal) => call("locate-for", {
+				method: "POST",
+				body: { browser }
+			}, signal));
 			ctx.effect(() => () => {
 				form.dispose();
 			});
@@ -1017,8 +819,9 @@ window.__ModuleLoader__.load({
 				};
 			}, [props.form]);
 			const disabled = !state.writable || state.saving;
-			const help = helpOf(lookup, props.t);
+			const help = helpOf(lookup, browser, props.t);
 			const placeholder = state.executablePath.text === "" ? pathPlaceholder(lookup, browser, props.t) : void 0;
+			const offerChrome = browser === "auto" && lookup.status === "missing";
 			return (0, react.createElement)(SettingsFrame, {
 				labels: formLabels(props.t),
 				state,
@@ -1027,7 +830,7 @@ window.__ModuleLoader__.load({
 			}, (0, react.createElement)(ChoiceField, {
 				id: "mh-browser-name",
 				label: props.t("browserLabel"),
-				hint: props.t("browserHint"),
+				hint: browserStatus(lookup, browser, props.t),
 				...state.browser,
 				text: browser,
 				options: BROWSER_CHOICES.map((name) => ({
@@ -1039,7 +842,11 @@ window.__ModuleLoader__.load({
 				disabled,
 				onEdit: (value) => props.form.edit("browser", value),
 				onReset: () => props.form.reset("browser")
-			}), (0, react.createElement)(TextField, {
+			}), offerChrome ? (0, react.createElement)("p", { className: "mh-browser-hint" }, (0, react.createElement)("a", {
+				href: CHROME_INSTALL,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, props.t("installChrome"))) : null, (0, react.createElement)(TextField, {
 				id: "mh-browser-path",
 				label: props.t("pathLabel"),
 				hint: props.t("pathHint"),
@@ -1057,7 +864,7 @@ window.__ModuleLoader__.load({
 		function browserField() {
 			return {
 				field: "browser",
-				format: (value) => typeof value === "string" && isChoice(value) ? value : "chrome",
+				format: (value) => typeof value === "string" && isChoice(value) ? value : "auto",
 				parse: (text) => isChoice(text) ? {
 					kind: "set",
 					value: text
@@ -1081,7 +888,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		function choiceOf(text) {
-			return isChoice(text) ? text : "chrome";
+			return isChoice(text) ? text : "auto";
 		}
 		function isChoice(value) {
 			return BROWSER_CHOICES.includes(value);
@@ -1090,16 +897,25 @@ window.__ModuleLoader__.load({
 			if (!result.ok) return { status: "failed" };
 			if ("found" in result.value) return {
 				status: "found",
-				path: result.value.found
+				path: result.value.found,
+				...result.value.browser !== void 0 ? { browser: result.value.browser } : {}
 			};
 			return {
 				status: "missing",
 				tried: result.value.missing
 			};
 		}
-		function helpOf(lookup, t) {
+		function helpOf(lookup, browser, t) {
 			const text = pathHelpText(lookup, t);
 			if (text === void 0) return void 0;
+			if (browser === "auto" && lookup.status === "missing") return {
+				label: t("pathHelp"),
+				content: (0, react.createElement)("span", null, text, " ", (0, react.createElement)("a", {
+					href: CHROME_INSTALL,
+					target: "_blank",
+					rel: "noopener noreferrer"
+				}, t("installChrome")))
+			};
 			return {
 				label: t("pathHelp"),
 				content: text
@@ -1116,50 +932,58 @@ window.__ModuleLoader__.load({
 		//#region src/client/client.ts
 		/**
 		* Cordis services this client reads. `dsh.client.inject` is package load
-		* order, not this list. `remote.mhBrowser` is absent until `$mount`.
+		* order, not this list.
 		*/
 		const inject = [
 			"slots",
 			"locale",
-			"remote",
 			"uiConversation",
 			"configForms"
 		];
-		const namespaceInject = [...inject, "remote.mhBrowser"];
+		/** Host calls used by the handover row and the settings lookup. */
+		function browserApi() {
+			return {
+				revealHandover: (sessionId, signal) => call("reveal-handover", {
+					method: "POST",
+					body: { sessionId }
+				}, signal),
+				locateFor: (browser, signal) => call("locate-for", {
+					method: "POST",
+					body: { browser }
+				}, signal)
+			};
+		}
 		async function apply(ctx) {
-			const unmount = await ctx.remote.$mount(TYPERT_REMOTE);
 			let release = () => void 0;
-			await ctx.inject(namespaceInject, (inner) => {
+			await ctx.inject([...inject], (inner) => {
 				release = start(inner);
 				registerSettings(inner);
 			});
 			return async () => {
 				release();
-				await unmount();
 			};
 		}
 		/** Register the handover row. The tool call itself keeps the generic tool row. */
-		function start(ctx) {
+		function start(ctx, api = browserApi()) {
 			ctx.effect(() => ctx.locale.register(NS, {
 				zh,
 				en
 			}));
 			ctx.effect(() => ctx.uiConversation.events.register(handoverRowDefinition));
-			const remote = ctx.remote.mhBrowser;
 			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
 				name: "conversation.chat.node",
 				key: HANDOVER_KIND,
 				locale: NS
 			}, (props) => (0, react.createElement)(HandoverRow, {
 				sessionId: props.sessionId,
-				reason: props.node.data.reason,
 				t: props.t,
-				reveal: (sessionId, signal) => remote.revealHandover(sessionId, signal)
+				reveal: (sessionId, signal) => api.revealHandover(sessionId, signal)
 			})));
 			return () => void 0;
 		}
 		//#endregion
 		exports.apply = apply;
+		exports.browserApi = browserApi;
 		exports.inject = inject;
 		exports.start = start;
 		return module.exports;