dsh-opencode 0.1.4 → 0.1.6

package/lib/client.js

@@ -1,7 +1,6 @@
 window.__ModuleLoader__.load({id:'dsh-opencode',factory:(require)=>{var module={exports:{}};var exports=module.exports;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react = require("react");
-let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/shared/opencode.ts
 /** Browser-safe identifiers shared by the Host metadata and Client UI. */
@@ -11,16 +10,137 @@ const ROUTES = {
 	zen: "opencode-zen-live",
 	go: "opencode-go-live"
 };
-const HELP_URLS = {
-	auth: "https://opencode.ai/auth",
-	zen: "https://opencode.ai/docs/zen/",
-	go: "https://opencode.ai/docs/go/"
+//#endregion
+//#region src/shared/language.ts
+/** Explicit DSH preference wins; otherwise use the primary browser/OS locale. */
+function resolveLanguage(preference, fallback) {
+	const locale = typeof preference === "string" && preference.trim() ? preference : fallback;
+	return /^ja(?:[-_.@]|$)/i.test(locale?.trim() ?? "") ? "ja" : "en";
+}
+function localePreference(value) {
+	return typeof value === "object" && value !== null && "preference" in value ? value.preference : void 0;
+}
+[
+	"1. Open Settings > Models.",
+	"2. Enter your API key in the OpenCode provider you want to use.",
+	"3. Click \"Save API key\"."
+].join("\n");
+const setupUsage = "Enter your API key in Settings > Models, not in chat.";
+const setupSaved = "Your OpenCode API key is saved. Choose an OpenCode model from the model picker at the bottom right of the chat.";
+const setupCancelled = "The check was cancelled.";
+/** English source copy is the key. Only our known copy is translated. */
+const japanese = {
+	"OpenCode settings": "OpenCode の設定",
+	"Close": "閉じる",
+	"OpenCode API key": "OpenCode APIキー",
+	"Key saved — enter a new key to replace it": "保存済みです。変更する場合は新しいキーを入力してください",
+	"Paste your OpenCode API key": "OpenCodeのAPIキーを貼り付けてください",
+	"This key is shared by OpenCode Zen and Go. Deleting it removes the key for both providers.": "このキーはOpenCode ZenとGoで共有しています。削除すると両方のキー設定が解除されます。",
+	"Checking credential status…": "APIキーの設定を確認しています…",
+	"Saving…": "保存中…",
+	"Save API key": "APIキーを保存",
+	"Deleting…": "削除中…",
+	"Delete API key": "APIキーを削除",
+	"Clear input": "入力を消去",
+	"The credential check was cancelled.": "APIキーの確認をキャンセルしました。",
+	"The configured credential reference is unavailable.": "APIキーの保存先を確認できませんでした。",
+	"Could not check whether an API key is saved.": "APIキーが保存されているか確認できませんでした。",
+	"Could not load settings or credential status.": "設定またはAPIキーの状態を読み込めませんでした。",
+	"The settings form was closed.": "設定画面が閉じられました。",
+	"The settings form was closed. Open it again and retry.": "設定画面が閉じられました。開き直して再試行してください。",
+	"The API key settings changed. Check which providers share the key and retry.": "APIキーの設定が変更されました。キーを共有するプロバイダーを確認して再試行してください。",
+	"This credential is read-only. Remove it from the environment that launches DSH.": "このAPIキーは読み取り専用です。DSHを起動する環境の設定から削除してください。",
+	"This credential is already being updated.": "このAPIキーは更新中です。完了後に再試行してください。",
+	"Could not delete the API key. Try again.": "APIキーを削除できませんでした。再試行してください。",
+	"The deletion request succeeded, but the key status could not be confirmed. Reload Settings > Models.": "削除リクエストは成功しましたが、キーの状態を確認できませんでした。Settings > Modelsを開き直してください。",
+	"The saved key was removed, but an API key is still configured. Check its source in Settings > Models.": "保存したキーは削除されましたが、別のAPIキー設定が残っています。Settings > Modelsで設定元を確認してください。",
+	"API key deleted for OpenCode Zen and Go.": "OpenCode ZenとGoの共有APIキーを削除しました。",
+	"API key deleted.": "APIキーを削除しました。",
+	"Paste the API key only, without quotes or an environment-variable assignment.": "引用符や環境変数の代入式を含めず、APIキーだけを貼り付けてください。",
+	"The credential reference changed. Reload its status and retry.": "APIキーの保存先が変更されました。状態を読み込み直して再試行してください。",
+	"This credential is read-only. Update it in the environment that launches DSH.": "このAPIキーは読み取り専用です。DSHを起動する環境の設定で変更してください。",
+	"Could not save the API key.": "APIキーを保存できませんでした。",
+	"The API key is not configured. Enter it in Settings > Models, click \"Save API key\", then send your message again.": "APIキーが未設定です。Settings > ModelsでAPIキーを入力して「APIキーを保存」を押してから、もう一度送信してください。",
+	"API key saved.": "APIキーを保存しました。",
+	"The key was saved, but its status could not be confirmed.": "APIキーを保存しましたが、保存後の状態を確認できませんでした。",
+	"1. Open Settings > Models.": "1. Settings > Modelsを開きます。",
+	"2. Enter your API key in the OpenCode provider you want to use.": "2. 使用するOpenCodeの欄にAPIキーを入力します。",
+	"3. Click \"Save API key\".": "3. 「APIキーを保存」を押してください。",
+	[setupUsage]: "APIキーはチャットに入力せず、Settings > Modelsから設定してください。",
+	[setupSaved]: "OpenCodeのAPIキーは保存されています。チャット右下のモデル選択から、使いたいOpenCodeのモデルを選んでください。",
+	[setupCancelled]: "確認をキャンセルしました。"
+};
+for (const label of [
+	"OpenCode",
+	"OpenCode Zen",
+	"OpenCode Go",
+	"OpenCode Zen and OpenCode Go"
+]) {
+	const jaLabel = label.replace(" and ", "・");
+	japanese[`${label} API key is not configured.`] = `${jaLabel}のAPIキーが未設定です。`;
+	japanese[`Could not check the API key settings for ${label}.`] = `${jaLabel}のAPIキー設定を確認できませんでした。`;
+}
+const english = new Map(Object.entries(japanese).map(([en, ja]) => [ja, en]));
+function translate(text, language) {
+	return text.split("\n").map((line) => {
+		const source = english.get(line) ?? line;
+		return language === "ja" ? japanese[source] ?? line : source;
+	}).join("\n");
+}
+//#endregion
+//#region src/client/language.ts
+/** Read the durable preference without registering languages or changing DSH settings. */
+var LanguageController = class {
+	ctx;
+	listeners = /* @__PURE__ */ new Set();
+	unsubscribe;
+	language;
+	disposed = false;
+	constructor(ctx) {
+		this.ctx = ctx;
+		this.language = this.read();
+		this.unsubscribe = ctx.settingsScope.describe().subscribe(this.refresh);
+		if (typeof window !== "undefined") window.addEventListener?.("languagechange", this.refresh);
+		ctx.settingsScope.describe().ensure().then(this.refresh, () => void 0);
+	}
+	read() {
+		const snapshot = this.ctx.settingsScope.describe().getSnapshot();
+		const value = snapshot.status === "ready" ? snapshot.view?.namespaces.find((item) => item.ns === "locale")?.value : void 0;
+		const browser = typeof navigator === "undefined" ? void 0 : navigator.languages?.[0] || navigator.language;
+		return resolveLanguage(localePreference(value), browser);
+	}
+	refresh = () => {
+		if (this.disposed) return;
+		const next = this.read();
+		if (this.language === next) return;
+		this.language = next;
+		for (const listener of this.listeners) listener();
+	};
+	getSnapshot = () => this.language;
+	subscribe = (listener) => {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	};
+	dispose() {
+		this.disposed = true;
+		this.unsubscribe();
+		if (typeof window !== "undefined") window.removeEventListener?.("languagechange", this.refresh);
+		this.listeners.clear();
+	}
 };
+function useTranslation(controller) {
+	const language = (0, react.useSyncExternalStore)(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+	return (text) => translate(text, language);
+}
 //#endregion
 //#region src/client/OpenCodeCredentialForm.tsx
 function OpenCodeCredentialForm(props) {
+	const t = useTranslation(props.language);
 	const [draft, setDraft] = (0, react.useState)("");
-	const [saving, setSaving] = (0, react.useState)(false);
+	const [action, setAction] = (0, react.useState)();
+	const saving = action !== void 0;
 	const [message, setMessage] = (0, react.useState)("");
 	const [error, setError] = (0, react.useState)(false);
 	const id = `opencode-api-key-${props.route}`;
@@ -30,27 +150,56 @@ function OpenCodeCredentialForm(props) {
 	const submit = (event) => {
 		event.preventDefault();
 		if (props.state.kind !== "known") return;
-		setSaving(true);
+		setAction("save");
 		setError(false);
 		props.controller.save(props.route, draft, props.state.ref).then((result) => {
-			setSaving(false);
+			setAction(void 0);
+			setMessage(result.message);
+			setError(result.kind === "error");
+			if (result.kind !== "error") setDraft("");
+		});
+	};
+	const remove = () => {
+		if (saving || props.state.kind !== "known" || !props.state.configured || !props.state.writable) return;
+		setAction("delete");
+		setError(false);
+		setMessage("");
+		props.controller.remove(props.route, props.state.ref).then((result) => {
+			setAction(void 0);
 			setMessage(result.message);
 			setError(result.kind === "error");
 			if (result.kind !== "error") setDraft("");
 		});
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		lang: props.language.getSnapshot(),
 		onSubmit: submit,
 		noValidate: true,
+		style: {
+			display: "grid",
+			gap: 10,
+			padding: "16px 0"
+		},
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: props.route === "zen" ? "OpenCode Zen (Live)" : "OpenCode Go (Live)" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 				htmlFor: id,
-				children: "OpenCode API キー"
+				children: t("OpenCode API key")
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 				id,
 				type: "password",
+				placeholder: props.state.kind === "known" && props.state.configured ? t("Key saved — enter a new key to replace it") : t("Paste your OpenCode API key"),
+				style: {
+					width: "100%",
+					boxSizing: "border-box",
+					padding: "10px 12px",
+					border: "1px solid #8886",
+					borderRadius: 8,
+					background: "transparent",
+					color: "inherit",
+					font: "inherit"
+				},
 				value: draft,
 				onChange: (event) => setDraft(event.currentTarget.value),
 				autoComplete: "new-password",
@@ -59,28 +208,54 @@ function OpenCodeCredentialForm(props) {
 				"aria-invalid": error,
 				"aria-describedby": `${id}-status`
 			}),
-			unavailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: props.state.kind === "unavailable" ? props.state.reason : "状態を確認中です。" }),
-			readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "この認証参照は読み取り専用です。" }),
+			props.state.kind === "known" && props.state.sharedWith.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("This key is shared by OpenCode Zen and Go. Deleting it removes the key for both providers.") }),
+			unavailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t(props.state.kind === "unavailable" ? props.state.reason : "Checking credential status…") }),
+			readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("This credential is read-only. Update it in the environment that launches DSH.") }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				id: `${id}-status`,
 				role: error ? "alert" : "status",
 				"aria-live": "polite",
-				children: message
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-				type: "submit",
-				variant: "primary",
-				disabled,
-				children: "保存"
+				children: t(message)
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-				type: "button",
-				variant: "ghost",
-				onClick: () => {
-					setDraft("");
-					props.onCancel();
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: 8
 				},
-				children: "キャンセル"
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "submit",
+						disabled: disabled || draft.trim().length === 0,
+						style: {
+							padding: "8px 16px",
+							borderRadius: 8,
+							cursor: "pointer"
+						},
+						children: t(action === "save" ? "Saving…" : "Save API key")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						disabled: disabled || props.state.kind !== "known" || !props.state.configured,
+						onClick: remove,
+						style: {
+							padding: "8px 16px",
+							borderRadius: 8,
+							color: "#b42318"
+						},
+						children: t(action === "delete" ? "Deleting…" : "Delete API key")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						disabled: saving,
+						onClick: () => {
+							setDraft("");
+							setMessage("");
+							setError(false);
+						},
+						children: t("Clear input")
+					})
+				]
 			})
 		]
 	});
@@ -137,6 +312,7 @@ var CredentialController = class {
 		this.generations.clear();
 		this.states.clear();
 		this.inFlight.clear();
+		this.listeners.clear();
 	}
 	subscribe(listener) {
 		const listeners = this.listeners;
@@ -144,9 +320,23 @@ var CredentialController = class {
 		return () => listeners.delete(listener);
 	}
 	listeners = /* @__PURE__ */ new Set();
+	reloadScheduled = false;
 	invalidate() {
-		for (const route of ["zen", "go"]) this.generations.set(route, (this.generations.get(route) ?? 0) + 1);
+		if (this.disposed) return;
+		for (const route of this.states.keys()) {
+			this.generations.set(route, (this.generations.get(route) ?? 0) + 1);
+			this.states.set(route, {
+				kind: "loading",
+				route
+			});
+		}
 		for (const listener of this.listeners) listener();
+		if (this.reloadScheduled) return;
+		this.reloadScheduled = true;
+		queueMicrotask(() => {
+			this.reloadScheduled = false;
+			if (!this.disposed) for (const route of this.states.keys()) this.loadRoute(route);
+		});
 	}
 	currentSettings() {
 		const face = this.ctx.settingsScope.describe();
@@ -170,18 +360,19 @@ var CredentialController = class {
 			kind: "loading",
 			route
 		});
-		if (signal?.aborted || this.disposed) return unavailable(route, "確認がキャンセルされました。");
+		if (signal?.aborted || this.disposed) return unavailable(route, "The credential check was cancelled.");
 		const settings = this.ctx.settingsScope.describe();
 		try {
 			await settings.ensure();
 			const current = this.currentSettings();
-			if (current === void 0) return this.commit(route, generation, unavailable(route, "設定の credential reference を確認できません。"));
+			if (current === void 0) return this.commit(route, generation, unavailable(route, "The configured credential reference is unavailable."));
 			const ref = this.refFor(current.value, route);
-			if (ref === void 0) return this.commit(route, generation, unavailable(route, "設定の credential reference を確認できません。"));
+			if (ref === void 0) return this.commit(route, generation, unavailable(route, "The configured credential reference is unavailable."));
 			const info = decodeDescribe(await this.ctx.remote.credentials.describe([ref]), ref);
-			if (info === void 0) return this.commit(route, generation, unavailable(route, "認証状態を確認できません。"));
+			if (info === void 0) return this.commit(route, generation, unavailable(route, "Could not check whether an API key is saved."));
 			const sharedWith = [];
 			for (const other of ["zen", "go"]) if (other !== route && this.refFor(current.value, other) === ref) sharedWith.push(other);
+			if (signal?.aborted) return this.commit(route, generation, unavailable(route, "The credential check was cancelled."));
 			return this.commit(route, generation, {
 				kind: "known",
 				route,
@@ -190,7 +381,7 @@ var CredentialController = class {
 				sharedWith
 			});
 		} catch {
-			return this.commit(route, generation, unavailable(route, "設定または認証状態を確認できません。"));
+			return this.commit(route, generation, unavailable(route, "Could not load settings or credential status."));
 		}
 	}
 	commit(route, generation, state) {
@@ -198,7 +389,7 @@ var CredentialController = class {
 			this.states.set(route, state);
 			for (const listener of this.listeners) listener();
 		}
-		return state;
+		return this.states.get(route) ?? unavailable(route, "The settings form was closed.");
 	}
 	async loadRoutes(signal) {
 		const [zen, go] = await Promise.all([this.loadRoute("zen", signal), this.loadRoute("go", signal)]);
@@ -210,53 +401,104 @@ var CredentialController = class {
 	state(route) {
 		return this.states.get(route);
 	}
+	/** Remove the saved credential, preserving the provider and its reference. */
+	async remove(route, displayedRef) {
+		const displayed = this.states.get(route);
+		const fence = this.disposalGeneration;
+		const current = await this.loadRoute(route);
+		if (this.disposed || this.disposalGeneration !== fence) return {
+			kind: "error",
+			message: "The settings form was closed. Open it again and retry."
+		};
+		if (displayed?.kind !== "known" || current.kind !== "known" || displayed.ref !== displayedRef || current.ref !== displayedRef || displayed.sharedWith.join(",") !== current.sharedWith.join(",")) return {
+			kind: "error",
+			message: "The API key settings changed. Check which providers share the key and retry."
+		};
+		if (!current.writable) return {
+			kind: "error",
+			message: "This credential is read-only. Remove it from the environment that launches DSH."
+		};
+		if (this.inFlight.has(current.ref)) return {
+			kind: "error",
+			message: "This credential is already being updated."
+		};
+		this.inFlight.add(current.ref);
+		try {
+			if (!isSuccessfulWrite(await this.ctx.remote.credentials.unset(current.ref))) return {
+				kind: "error",
+				message: "Could not delete the API key. Try again."
+			};
+			await Promise.all([route, ...current.sharedWith].map((other) => this.loadRoute(other)));
+			const confirmed = this.state(route);
+			if (confirmed?.kind !== "known" || confirmed.ref !== current.ref) return {
+				kind: "deleted-unconfirmed",
+				message: "The deletion request succeeded, but the key status could not be confirmed. Reload Settings > Models."
+			};
+			if (confirmed.configured) return {
+				kind: "deleted-unconfirmed",
+				message: "The saved key was removed, but an API key is still configured. Check its source in Settings > Models."
+			};
+			return {
+				kind: "deleted",
+				message: current.sharedWith.length > 0 ? "API key deleted for OpenCode Zen and Go." : "API key deleted."
+			};
+		} catch {
+			return {
+				kind: "error",
+				message: "Could not delete the API key. Try again."
+			};
+		} finally {
+			this.inFlight.delete(current.ref);
+		}
+	}
 	async save(route, value, displayedRef) {
 		const normalized = value.trim();
 		if (normalized.length === 0 || /[\r\n]/.test(normalized) || /^['"].*['"]$/.test(normalized) || normalized.includes("=")) return {
 			kind: "error",
-			message: "API キーの形式を確認してください。"
+			message: "Paste the API key only, without quotes or an environment-variable assignment."
 		};
 		const displayed = this.states.get(route);
 		const fence = this.disposalGeneration;
 		const current = await this.loadRoute(route);
 		if (this.disposed || this.disposalGeneration !== fence) return {
 			kind: "error",
-			message: "設定画面が閉じられました。再試行してください。"
+			message: "The settings form was closed. Open it again and retry."
 		};
 		if (displayed?.kind !== "known" || current.kind !== "known" || displayed.ref !== displayedRef || current.ref !== displayedRef) return {
 			kind: "error",
-			message: "設定が更新されました。状態を再読み込みしてから再試行してください。"
+			message: "The credential reference changed. Reload its status and retry."
 		};
 		if (!current.writable) return {
 			kind: "error",
-			message: "この認証参照は読み取り専用です。"
+			message: "This credential is read-only. Update it in the environment that launches DSH."
 		};
 		if (this.inFlight.has(current.ref)) return {
 			kind: "error",
-			message: "同じ認証参照の保存が進行中です。"
+			message: "This credential is already being updated."
 		};
 		this.inFlight.add(current.ref);
 		try {
 			if (this.disposed || this.disposalGeneration !== fence) return {
 				kind: "error",
-				message: "設定画面が閉じられました。再試行してください。"
+				message: "The settings form was closed. Open it again and retry."
 			};
 			if (!isSuccessfulWrite(await this.ctx.remote.credentials.set(current.ref, normalized))) return {
 				kind: "error",
-				message: "API キーを保存できませんでした。"
+				message: "Could not save the API key."
 			};
 			const confirmed = await this.loadRoute(route);
+			for (const other of current.sharedWith) await this.loadRoute(other);
 			return confirmed.kind === "known" && confirmed.configured ? {
 				kind: "saved",
-				message: "保存しました。キーの値は表示しません。"
+				message: "API key saved."
 			} : {
 				kind: "saved-unconfirmed",
-				message: "保存要求は成功しましたが、状態を再確認できませんでした。"
+				message: "The key was saved, but its status could not be confirmed."
 			};
 		} catch {
 			return {
 				kind: "error",
-				message: "API キーを保存できませんでした。"
+				message: "Could not save the API key."
 			};
 		} finally {
 			this.inFlight.delete(current.ref);
@@ -293,244 +535,185 @@ function OpenCodeProviderCard(props) {
 			route,
 			state,
 			controller: props.controller,
-			onCancel: () => void 0
+			language: props.language
 		})
 	});
 }
 //#endregion
-//#region src/client/OpenCodeSetupDialog.tsx
-function OpenCodeSetupDialog(props) {
-	const snapshot = (0, react.useSyncExternalStore)(props.controller.subscribe, props.controller.getSnapshot, props.controller.getSnapshot);
-	if (!snapshot.open) return null;
-	const close = () => props.controller.close();
-	const body = snapshot.route === "status" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		role: "status",
-		children: [snapshot.message ?? "設定状況を確認しました。", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusRows, { controller: props.controller })]
-	}) : snapshot.route === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CredentialFormForRoute, {
-		route: snapshot.route,
-		controller: props.controller,
-		onCancel: close
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
-		open: true,
-		onClose: close,
-		title: "OpenCode API キー設定",
-		closeLabel: "閉じる",
-		description: "キーの値は表示しません。",
+//#region src/client/CommandNotice.tsx
+/** Native modal keeps the full message readable and owns focus and Escape. */
+function CommandNotice({ controller, language }) {
+	const t = useTranslation(language);
+	const text = (0, react.useSyncExternalStore)(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+	const dialog = (0, react.useRef)(null);
+	const titleId = (0, react.useId)();
+	const bodyId = (0, react.useId)();
+	(0, react.useEffect)(() => {
+		const element = dialog.current;
+		if (text === void 0 || element === null) return;
+		element.showModal();
+		return () => {
+			element.close();
+		};
+	}, [text]);
+	if (text === void 0) return null;
+	const lines = t(text).split("\n");
+	const stepStart = lines.findIndex((line) => /^\d+\. /.test(line));
+	const hasSteps = stepStart >= 0 && lines.slice(stepStart).every((line) => /^\d+\. /.test(line));
+	const summary = hasSteps ? lines.slice(0, stepStart).join("\n") : t(text);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dialog", {
+		lang: language.getSnapshot(),
+		ref: dialog,
+		className: "dsh-opencode-notice",
+		"aria-labelledby": titleId,
+		"aria-describedby": bodyId,
+		onCancel: (event) => {
+			event.preventDefault();
+			controller.close();
+		},
+		style: {
+			width: "min(520px, calc(100vw - 32px))",
+			maxHeight: "calc(100dvh - 32px)",
+			boxSizing: "border-box",
+			padding: 28,
+			border: "1px solid #8884",
+			borderRadius: 16,
+			background: "Canvas",
+			color: "CanvasText",
+			boxShadow: "0 16px 64px #0003",
+			pointerEvents: "auto",
+			overflow: "auto"
+		},
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "OpenCode にサインインし、Zen または Go の API キーを作成して保存してください。" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-					href: HELP_URLS.auth,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: "サインイン"
-				}),
-				" | ",
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-					href: HELP_URLS.zen,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: "Zen の手順"
-				}),
-				" | ",
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-					href: HELP_URLS.go,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: "Go の手順"
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: ".dsh-opencode-notice::backdrop { background: rgb(0 0 0 / 35%); }" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				id: titleId,
+				style: {
+					margin: "0 0 20px",
+					fontSize: 22
+				},
+				children: t("OpenCode settings")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				id: bodyId,
+				style: {
+					fontSize: 16,
+					lineHeight: 1.8,
+					overflowWrap: "anywhere"
+				},
+				children: [summary && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					style: {
+						margin: "0 0 16px",
+						whiteSpace: "pre-wrap",
+						fontWeight: 600
+					},
+					children: summary
+				}), hasSteps && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+					style: {
+						margin: 0,
+						paddingLeft: 24
+					},
+					children: lines.slice(stepStart).map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+						style: {
+							paddingLeft: 4,
+							marginTop: 10
+						},
+						children: line.replace(/^\d+\. /, "")
+					}, index))
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					display: "flex",
+					justifyContent: "flex-end",
+					marginTop: 24
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					autoFocus: true,
+					type: "button",
+					onClick: controller.close,
+					style: {
+						padding: "10px 24px",
+						border: "1px solid #8886",
+						borderRadius: 8,
+						font: "inherit",
+						cursor: "pointer"
+					},
+					children: t("Close")
 				})
-			] }),
-			body,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-				type: "button",
-				variant: "ghost",
-				onClick: close,
-				children: "キャンセル"
 			})
 		]
 	});
 }
-function CredentialFormForRoute(props) {
-	const state = props.controller.state(props.route) ?? {
-		kind: "loading",
-		route: props.route
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenCodeCredentialForm, {
-		route: props.route,
-		state,
-		controller: props.controller.credentials,
-		onCancel: props.onCancel
-	});
-}
-function StatusRows(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: ["zen", "go"].map((route) => {
-		const state = props.controller.state(route);
-		const text = state?.kind === "known" ? state.configured ? "API キー保存済み" : "API キー未設定" : state?.kind === "unavailable" ? state.reason : "状態を確認中です";
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
-			route === "zen" ? "Zen" : "Go",
-			": ",
-			text
-		] }, route);
-	}) });
-}
 //#endregion
-//#region src/client/setup-controller.ts
-var SetupController = class {
-	ctx;
-	credentials;
-	current = { open: false };
+//#region src/client/command-notice.ts
+/** Browser-local notice: only a command submitted here opens it. */
+var CommandNoticeController = class {
+	text;
 	listeners = /* @__PURE__ */ new Set();
-	constructor(ctx) {
-		this.ctx = ctx;
-		this.credentials = new CredentialController(ctx);
-	}
-	getSnapshot = () => this.current;
+	getSnapshot = () => this.text;
 	subscribe = (listener) => {
 		this.listeners.add(listener);
-		const credentialDispose = this.credentials.subscribe(listener);
 		return () => {
 			this.listeners.delete(listener);
-			credentialDispose();
 		};
 	};
+	show(name, result) {
+		if (name !== "dsh-opencode" || !result.text?.trim()) return;
+		this.text = result.text;
+		this.notify();
+	}
+	close = () => {
+		this.text = void 0;
+		this.notify();
+	};
 	dispose() {
-		this.credentials.dispose();
+		this.text = void 0;
 		this.listeners.clear();
-		this.close();
 	}
-	update(next) {
-		this.current = next;
+	notify() {
 		for (const listener of this.listeners) listener();
 	}
-	open(route, message) {
-		this.update({
-			open: true,
-			route,
-			...message === void 0 ? {} : { message }
-		});
-	}
-	close() {
-		this.update({ open: false });
-	}
-	sessionId;
-	async select(option, sessionId) {
-		this.sessionId = sessionId;
-		if (option.id === "zen" || option.id === "go") {
-			this.open(option.id);
-			await this.credentials.loadRoute(option.id);
-			return;
-		}
-		if (option.id === "status") {
-			this.open("status", "設定状況を確認中…");
-			await this.credentials.loadRoutes();
-			return;
-		}
-		if (option.id === "refresh") {
-			this.open("status", "モデル一覧を更新中…");
-			const execute = commandsExecute(this.ctx);
-			if (execute === void 0 || this.sessionId === void 0) {
-				this.open("status", "更新コマンドを利用できません。/opencode-refresh all を実行してください。");
-				return;
-			}
-			try {
-				const result = await execute(this.sessionId, "/opencode-refresh all", [], void 0);
-				this.open("status", result.ok ? "モデル一覧の更新コマンドを送信しました。" : "モデル一覧を更新できませんでした。");
-			} catch {
-				this.open("status", "モデル一覧を更新できませんでした。");
-			}
-		}
-	}
-	state(route) {
-		return this.credentials.state(route);
-	}
 };
-function commandsExecute(ctx) {
-	const commands = ctx.remote.commands;
-	if (typeof commands !== "object" || commands === null) return void 0;
-	const execute = commands.execute;
-	return typeof execute === "function" ? execute.bind(commands) : void 0;
-}
 //#endregion
 //#region src/client/index.ts
-/** Client packages required by this entry's injected services and UI modules. */
+/** Settings must work without a session, slash commands, or a shell overlay. */
 const inject = [
-	"@deepseek-ai/dsh-api-remotes",
-	"@deepseek-ai/dsh-commands",
-	"@deepseek-ai/dsh-client-locale",
-	"@deepseek-ai/dsh-client-store",
-	"@deepseek-ai/dsh-client-ui-commands",
-	"@deepseek-ai/dsh-client-ui-layout",
-	"@deepseek-ai/dsh-client-ui-primitives",
-	"@deepseek-ai/dsh-client-ui-renderer",
-	"@deepseek-ai/dsh-client-ui-settings",
-	"@deepseek-ai/dsh-client-ui-settings-models",
-	"@deepseek-ai/dsh-client-ui-slots"
-];
-const services = [
-	"commandUi",
+	"remote",
 	"remote.credentials",
-	"remote.commands",
 	"settingsScope",
 	"slots"
 ];
 function apply(ctx) {
-	ctx.inject(services, (injected) => {
-		const client = injected;
-		client.effect(() => {
-			const setup = new SetupController(client);
-			const disposers = [];
-			disposers.push(client.commandUi.decorate({
-				name: "dsh-opencode",
-				available: () => true,
-				ui: {
-					kind: "popupSelect",
-					options: async (_session, signal) => {
-						const states = await setup.credentials.loadRoutes(signal);
-						const options = ["zen", "go"].map((route) => {
-							const state = states[route];
-							return {
-								id: route,
-								label: route === "zen" ? "OpenCode Zen を設定" : "OpenCode Go を設定",
-								detail: state.kind === "known" ? state.configured ? "API キー保存済み" : "API キー未設定" : state.kind === "unavailable" ? state.reason : "状態を確認中です",
-								active: state.kind === "known" && state.configured
-							};
-						});
-						options.push({
-							id: "status",
-							label: "設定状況を確認",
-							detail: "キーの値は表示しません"
-						}, {
-							id: "refresh",
-							label: "モデル一覧を更新",
-							detail: "Host の更新コマンドを実行してください"
-						});
-						return options;
-					},
-					onSelect: (option, session) => {
-						setup.select(option, session.sessionId);
-					}
-				}
-			}));
-			disposers.push(client.slots.inject("settings.models.provider-card", () => client.slots.register({
-				name: "settings.models.provider-card",
-				key: "opencode-live",
-				inject: () => ({ controller: setup.credentials })
-			}, OpenCodeProviderCard)));
-			disposers.push(client.slots.inject("shell.overlay", () => client.slots.register({
-				name: "shell.overlay",
-				id: "opencode-live-setup",
-				inject: () => ({ controller: setup })
-			}, OpenCodeSetupDialog)));
-			return () => {
-				setup.dispose();
-				for (const dispose of disposers.splice(0)) dispose();
-			};
-		}, `${CLIENT_MODULE_ID}: client registrations`);
+	const language = new LanguageController(ctx);
+	ctx.effect(() => () => language.dispose());
+	ctx.effect(function* () {
+		const controller = new CredentialController(ctx);
+		yield () => controller.dispose();
+		yield ctx.slots.inject("settings.models.provider-card", () => ctx.slots.register({
+			name: "settings.models.provider-card",
+			key: "opencode-live",
+			inject: () => ({
+				controller,
+				language
+			})
+		}, OpenCodeProviderCard));
+	}, `${CLIENT_MODULE_ID}: provider settings`);
+	ctx.slots.inject("shell.overlay", function* () {
+		const notice = new CommandNoticeController();
+		yield () => notice.dispose();
+		yield ctx.on("command/executed", (_sessionId, name, result) => notice.show(name, result));
+		yield ctx.slots.register({
+			name: "shell.overlay",
+			id: "opencode-command-notice",
+			inject: () => ({
+				controller: notice,
+				language
+			})
+		}, CommandNotice);
 	});
 }
 //#endregion
-exports.SetupController = SetupController;
 exports.apply = apply;
 exports.inject = inject;