@yadsh/dsh-qa-surface 0.1.0

package/lib/client.js

@@ -0,0 +1,1131 @@
+window.__ModuleLoader__.load({
+	id: "@yadsh/dsh-qa-surface",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/resolve-config.ts
+		const DEFAULT_QA_SURFACE_CONFIG = Object.freeze({
+			enabled: true,
+			route: Object.freeze({
+				path: "/qa",
+				matchChildren: true
+			}),
+			branding: Object.freeze({
+				title: "Assistant",
+				subtitle: "",
+				welcomeMessage: "How can I help?",
+				placeholder: "Ask a question...",
+				logoUrl: null
+			}),
+			session: Object.freeze({
+				policy: "browser-persistent",
+				storageKey: "dsh-qa-surface",
+				workspaceId: null,
+				fixedSessionId: null,
+				agentPreset: null,
+				provider: null,
+				model: null,
+				reasoningEffort: null
+			}),
+			ui: Object.freeze({
+				showHeader: true,
+				showReset: true,
+				showStop: true,
+				showTimestamps: false,
+				showToolActivity: false,
+				showReasoning: false,
+				renderMarkdown: true,
+				maxContentWidth: 900
+			}),
+			suggestedQuestions: Object.freeze([]),
+			interaction: Object.freeze({
+				approvals: "blocked",
+				questions: "unsupported"
+			}),
+			embedding: Object.freeze({ frameAncestors: null })
+		});
+		function optionalText(value) {
+			const trimmed = value?.trim() ?? "";
+			return trimmed === "" ? null : trimmed;
+		}
+		function normalizeRoutePath(value) {
+			const trimmed = value.trim();
+			if (trimmed === "" || !trimmed.startsWith("/")) throw new TypeError("dsh-qa-surface: route.path must start with /");
+			const path = trimmed.length > 1 ? trimmed.replace(/\/+$/u, "") : trimmed;
+			if (path === "/") throw new TypeError("dsh-qa-surface: route.path cannot replace the operator root");
+			if (path === "/api" || path.startsWith("/api/")) throw new TypeError("dsh-qa-surface: route.path cannot claim /api");
+			if (path === "/plugins" || path.startsWith("/plugins/")) throw new TypeError("dsh-qa-surface: route.path cannot claim /plugins");
+			return path;
+		}
+		function uniqueQuestions(values) {
+			const questions = [...new Set(values.map((value) => value.trim()).filter(Boolean))];
+			if (questions.some((value) => value.length > 500)) throw new TypeError("dsh-qa-surface: suggested questions must be at most 500 characters");
+			return Object.freeze(questions);
+		}
+		/** Materialize defaults and enforce route/session/model safety constraints. */
+		function resolveConfig(input = {}) {
+			const routePath = normalizeRoutePath(input.route?.path ?? DEFAULT_QA_SURFACE_CONFIG.route.path);
+			const policy = input.session?.policy ?? DEFAULT_QA_SURFACE_CONFIG.session.policy;
+			const fixedSessionId = optionalText(input.session?.fixedSessionId);
+			if (policy === "fixed" && fixedSessionId === null) throw new TypeError("dsh-qa-surface: session.fixedSessionId is required for fixed policy");
+			const provider = optionalText(input.session?.provider);
+			const model = optionalText(input.session?.model);
+			if (provider === null !== (model === null)) throw new TypeError("dsh-qa-surface: session.provider and session.model must be set together");
+			const storageKey = input.session?.storageKey?.trim() ?? DEFAULT_QA_SURFACE_CONFIG.session.storageKey;
+			if (storageKey === "") throw new TypeError("dsh-qa-surface: session.storageKey cannot be empty");
+			const maxContentWidth = input.ui?.maxContentWidth ?? DEFAULT_QA_SURFACE_CONFIG.ui.maxContentWidth;
+			if (!Number.isSafeInteger(maxContentWidth) || maxContentWidth < 480 || maxContentWidth > 1600) throw new TypeError("dsh-qa-surface: ui.maxContentWidth must be an integer from 480 to 1600");
+			if (input.ui?.showReasoning === true) throw new TypeError("dsh-qa-surface: ui.showReasoning is not supported by the safe MVP surface");
+			return Object.freeze({
+				enabled: input.enabled ?? DEFAULT_QA_SURFACE_CONFIG.enabled,
+				route: Object.freeze({
+					path: routePath,
+					matchChildren: input.route?.matchChildren ?? DEFAULT_QA_SURFACE_CONFIG.route.matchChildren
+				}),
+				branding: Object.freeze({
+					title: input.branding?.title?.trim() || DEFAULT_QA_SURFACE_CONFIG.branding.title,
+					subtitle: input.branding?.subtitle?.trim() ?? "",
+					welcomeMessage: input.branding?.welcomeMessage?.trim() ?? DEFAULT_QA_SURFACE_CONFIG.branding.welcomeMessage,
+					placeholder: input.branding?.placeholder?.trim() || DEFAULT_QA_SURFACE_CONFIG.branding.placeholder,
+					logoUrl: optionalText(input.branding?.logoUrl)
+				}),
+				session: Object.freeze({
+					policy,
+					storageKey,
+					workspaceId: optionalText(input.session?.workspaceId),
+					fixedSessionId,
+					agentPreset: optionalText(input.session?.agentPreset),
+					provider,
+					model,
+					reasoningEffort: optionalText(input.session?.reasoningEffort)
+				}),
+				ui: Object.freeze({
+					showHeader: input.ui?.showHeader ?? DEFAULT_QA_SURFACE_CONFIG.ui.showHeader,
+					showReset: input.ui?.showReset ?? DEFAULT_QA_SURFACE_CONFIG.ui.showReset,
+					showStop: input.ui?.showStop ?? DEFAULT_QA_SURFACE_CONFIG.ui.showStop,
+					showTimestamps: input.ui?.showTimestamps ?? DEFAULT_QA_SURFACE_CONFIG.ui.showTimestamps,
+					showToolActivity: input.ui?.showToolActivity ?? DEFAULT_QA_SURFACE_CONFIG.ui.showToolActivity,
+					showReasoning: false,
+					renderMarkdown: input.ui?.renderMarkdown ?? DEFAULT_QA_SURFACE_CONFIG.ui.renderMarkdown,
+					maxContentWidth
+				}),
+				suggestedQuestions: uniqueQuestions(input.suggestedQuestions ?? []),
+				interaction: Object.freeze({
+					approvals: "blocked",
+					questions: "unsupported"
+				}),
+				embedding: Object.freeze({ frameAncestors: optionalText(input.embedding?.frameAncestors) })
+			});
+		}
+		//#endregion
+		//#region src/client/QaConfigController.ts
+		/** Browser projection of the Host-owned qa-surface settings namespace. */
+		var QaConfigController = class {
+			scope;
+			listeners = /* @__PURE__ */ new Set();
+			snapshot;
+			unsubscribe;
+			constructor(scope) {
+				this.scope = scope;
+				this.snapshot = this.project();
+				this.unsubscribe = scope.subscribe(() => this.refresh());
+			}
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => this.listeners.delete(listener);
+			};
+			dispose() {
+				this.unsubscribe();
+				this.listeners.clear();
+			}
+			project() {
+				const settings = this.scope.getSnapshot();
+				if (settings.status === "loading") return {
+					status: "loading",
+					config: DEFAULT_QA_SURFACE_CONFIG,
+					error: null
+				};
+				if (settings.status === "unavailable") return {
+					status: "unavailable",
+					config: DEFAULT_QA_SURFACE_CONFIG,
+					error: null
+				};
+				try {
+					return {
+						status: "ready",
+						config: resolveConfig(settings.value ?? {}),
+						error: null
+					};
+				} catch {
+					return {
+						status: "error",
+						config: DEFAULT_QA_SURFACE_CONFIG,
+						error: "The assistant configuration is unavailable."
+					};
+				}
+			}
+			refresh() {
+				const next = this.project();
+				if (next.status === this.snapshot.status && next.config === this.snapshot.config && next.error === this.snapshot.error) return;
+				this.snapshot = next;
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/navigation-marker.ts
+		/** Query hand-off used only by the Host navigation compatibility redirect. */
+		const QA_NAVIGATION_MARKER = "__dsh_qa_route";
+		//#endregion
+		//#region src/client/QaRouteController.ts
+		function matchesQaRoute(pathname, route) {
+			if (pathname === route.path || pathname === `${route.path}/`) return true;
+			if (route.path === "/") return route.matchChildren;
+			if (!route.matchChildren) return false;
+			return pathname.startsWith(`${route.path}/`);
+		}
+		/** Observable route matcher with reversible History API instrumentation. */
+		var QaRouteController = class {
+			target;
+			listeners = /* @__PURE__ */ new Set();
+			route = {
+				path: "/qa",
+				matchChildren: true
+			};
+			enabled = false;
+			snapshot;
+			originalPushState;
+			originalReplaceState;
+			wrappedPushState;
+			wrappedReplaceState;
+			disposed = false;
+			constructor(target = window) {
+				this.target = target;
+				this.originalPushState = target.history.pushState;
+				this.originalReplaceState = target.history.replaceState;
+				this.restoreRedirectedPath();
+				this.snapshot = this.project();
+				const refresh = () => this.refresh();
+				const history = target.history;
+				const originalPushState = this.originalPushState;
+				const originalReplaceState = this.originalReplaceState;
+				this.wrappedPushState = function(...args) {
+					Reflect.apply(originalPushState, history, args);
+					refresh();
+				};
+				this.wrappedReplaceState = function(...args) {
+					Reflect.apply(originalReplaceState, history, args);
+					refresh();
+				};
+				target.history.pushState = this.wrappedPushState;
+				target.history.replaceState = this.wrappedReplaceState;
+				target.addEventListener("popstate", refresh);
+				this.removePopstate = () => target.removeEventListener("popstate", refresh);
+			}
+			removePopstate;
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => this.listeners.delete(listener);
+			};
+			configure(config, ready = true) {
+				this.route = config.route;
+				this.enabled = ready && config.enabled;
+				this.refresh();
+			}
+			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				this.removePopstate();
+				if (this.target.history.pushState === this.wrappedPushState) this.target.history.pushState = this.originalPushState;
+				if (this.target.history.replaceState === this.wrappedReplaceState) this.target.history.replaceState = this.originalReplaceState;
+				this.listeners.clear();
+			}
+			project() {
+				const pathname = this.target.location.pathname;
+				return {
+					pathname,
+					active: this.enabled && matchesQaRoute(pathname, this.route)
+				};
+			}
+			restoreRedirectedPath() {
+				const search = this.target.location.search;
+				if (search === void 0 || search === "") return;
+				const requested = new URLSearchParams(search).get(QA_NAVIGATION_MARKER);
+				if (requested === null || !requested.startsWith("/") || requested.startsWith("//")) return;
+				Reflect.apply(this.originalReplaceState, this.target.history, [
+					null,
+					"",
+					requested
+				]);
+			}
+			refresh() {
+				if (this.disposed) return;
+				const next = this.project();
+				if (next.pathname === this.snapshot.pathname && next.active === this.snapshot.active) return;
+				this.snapshot = next;
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/client/QaTranscriptAdapter.ts
+		function visibleContentText(content) {
+			return content.flatMap((block) => {
+				if (typeof block !== "object" || block === null) return [];
+				return Reflect.get(block, "type") === "text" && typeof Reflect.get(block, "text") === "string" ? [Reflect.get(block, "text")] : [];
+			}).join("");
+		}
+		function visibleAssistantText(blocks) {
+			return blocks.filter((block) => block.kind === "text" && typeof block.text === "string").map((block) => block.text).join("");
+		}
+		/** Project only end-user-safe text from the public DSH conversation snapshot. */
+		function projectTranscript(snapshot, options = {}) {
+			const messages = [];
+			for (const node of snapshot.nodes) {
+				if (node.kind === "user" || node.kind === "steering") {
+					const text = visibleContentText(node.content);
+					if (text !== "") messages.push({
+						id: `${node.kind}:${node.seq}`,
+						role: "user",
+						text,
+						status: "committed",
+						timestamp: node.time
+					});
+					continue;
+				}
+				if (node.kind === "assistant") {
+					const text = visibleAssistantText(node.blocks);
+					if (text !== "") messages.push({
+						id: `assistant:${node.messageId ?? node.seq}`,
+						role: "assistant",
+						text,
+						status: "committed",
+						timestamp: node.time
+					});
+					continue;
+				}
+				if (node.kind === "turn-error") {
+					messages.push({
+						id: `turn-error:${node.seq}`,
+						role: "system",
+						text: "The assistant could not complete this response.",
+						status: "error",
+						timestamp: node.time
+					});
+					continue;
+				}
+				if (node.kind === "turn-max-tokens") messages.push({
+					id: `turn-max-tokens:${node.seq}`,
+					role: "system",
+					text: "The response reached its length limit.",
+					status: "info",
+					timestamp: node.time
+				});
+			}
+			if (snapshot.partial !== null) {
+				const text = visibleAssistantText(snapshot.partial.blocks);
+				if (text !== "") messages.push({
+					id: `assistant:partial:${snapshot.partial.turn}:${snapshot.partial.step}`,
+					role: "assistant",
+					text,
+					status: "streaming"
+				});
+			}
+			if (options.showToolActivity === true && snapshot.runningCalls.length > 0 && snapshot.partial === null) messages.push({
+				id: "tool-activity",
+				role: "system",
+				text: "Working…",
+				status: "info"
+			});
+			return messages;
+		}
+		//#endregion
+		//#region src/client/QaSessionController.ts
+		const EMPTY_STATE = Object.freeze({
+			phase: "idle",
+			sessionId: null,
+			messages: Object.freeze([]),
+			error: null,
+			canSend: false,
+			canStop: false
+		});
+		function waitFor(source, predicate, timeoutMs) {
+			const current = source.getSnapshot();
+			if (predicate(current)) return Promise.resolve(current);
+			return new Promise((resolve, reject) => {
+				let settled = false;
+				const timeout = {};
+				let unsubscribe = () => void 0;
+				const finish = (value) => {
+					if (settled) return;
+					settled = true;
+					if (timeout.id !== void 0) clearTimeout(timeout.id);
+					unsubscribe();
+					resolve(value);
+				};
+				unsubscribe = source.subscribe(() => {
+					const next = source.getSnapshot();
+					if (predicate(next)) finish(next);
+				});
+				if (settled) {
+					unsubscribe();
+					return;
+				}
+				const afterSubscribe = source.getSnapshot();
+				if (predicate(afterSubscribe)) {
+					finish(afterSubscribe);
+					return;
+				}
+				timeout.id = setTimeout(() => {
+					if (settled) return;
+					settled = true;
+					unsubscribe();
+					reject(/* @__PURE__ */ new Error("Timed out waiting for the DSH runtime."));
+				}, timeoutMs);
+			});
+		}
+		/** The only module that couples QA behavior to DSH Session/client APIs. */
+		var QaSessionController = class {
+			listeners = /* @__PURE__ */ new Set();
+			sessions;
+			api;
+			connection;
+			config;
+			storage;
+			timeoutMs;
+			state = EMPTY_STATE;
+			session;
+			unsubscribeSession;
+			unsubscribeConnection;
+			ensuring;
+			operationError = null;
+			admissionPending = false;
+			connectedOnce;
+			disposed = false;
+			generation = 0;
+			constructor(options) {
+				this.sessions = options.sessions;
+				this.api = options.api;
+				this.connection = options.connection;
+				this.config = options.config;
+				this.storage = options.storage;
+				this.timeoutMs = options.timeoutMs ?? 15e3;
+				this.connectedOnce = this.connection.getSnapshot() !== void 0;
+				this.unsubscribeConnection = this.connection.subscribe(() => {
+					if (this.connection.getSnapshot() !== void 0) this.connectedOnce = true;
+					this.publish();
+				});
+			}
+			getSnapshot = () => this.state;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => this.listeners.delete(listener);
+			};
+			ensureSession() {
+				if (this.ensuring !== void 0) return this.ensuring;
+				const operation = this.ensureSessionNow().finally(() => {
+					if (this.ensuring === operation) this.ensuring = void 0;
+				});
+				this.ensuring = operation;
+				return operation;
+			}
+			async send(text) {
+				const prompt = text.trim();
+				if (prompt === "" || this.session === void 0 || !this.state.canSend) return false;
+				if (prompt.startsWith("/")) {
+					this.operationError = "Slash commands are not available in this assistant view.";
+					this.publish();
+					return false;
+				}
+				this.operationError = null;
+				this.admissionPending = true;
+				this.publish();
+				try {
+					if (!(await this.session.prompt([{
+						type: "text",
+						text: prompt
+					}], "queue")).ok) {
+						this.admissionPending = false;
+						this.operationError = "Your message could not be sent.";
+						this.publish();
+						return false;
+					}
+					this.publish();
+					return true;
+				} catch (error) {
+					this.admissionPending = false;
+					console.error("dsh-qa-surface: prompt failed", error);
+					this.operationError = "Your message could not be sent.";
+					this.publish();
+					return false;
+				}
+			}
+			async stop() {
+				if (this.session === void 0 || !this.state.canStop) return;
+				try {
+					if (!(await this.session.cancel()).ok) this.operationError = "The response could not be stopped.";
+				} catch (error) {
+					console.error("dsh-qa-surface: stop failed", error);
+					this.operationError = "The response could not be stopped.";
+				}
+				this.publish();
+			}
+			async reset() {
+				if (this.config.session.policy === "fixed") return;
+				const previous = this.session;
+				if (previous?.getSnapshot().running === true) try {
+					await previous.cancel();
+				} catch (error) {
+					console.error("dsh-qa-surface: stop before reset failed", error);
+				}
+				const operation = ++this.generation;
+				this.unbind();
+				this.operationError = null;
+				this.admissionPending = false;
+				this.state = {
+					...EMPTY_STATE,
+					phase: "creating"
+				};
+				this.emit();
+				try {
+					await this.waitForConnection();
+					const id = await this.createSession();
+					if (this.disposed || operation !== this.generation) return;
+					this.persist(id);
+					await this.bind(id);
+				} catch (error) {
+					this.fail("Unable to start a new chat.", error);
+				}
+			}
+			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				this.generation += 1;
+				this.unsubscribeConnection();
+				this.unbind();
+				this.listeners.clear();
+			}
+			async ensureSessionNow() {
+				const operation = ++this.generation;
+				this.state = {
+					...EMPTY_STATE,
+					phase: "creating"
+				};
+				this.emit();
+				try {
+					await this.waitForConnection();
+					const list = await waitFor(this.sessions.list, (snapshot) => snapshot.phase === "ready", this.timeoutMs);
+					let id = null;
+					if (this.config.session.policy === "fixed") {
+						id = this.config.session.fixedSessionId;
+						if (id === null || !Object.hasOwn(list.byId, id)) throw new Error("Configured fixed session is unavailable.");
+					} else if (this.config.session.policy === "browser-persistent") {
+						const stored = this.readPersisted();
+						if (stored !== null && Object.hasOwn(list.byId, stored)) id = stored;
+						else if (stored !== null) this.clearPersisted();
+					}
+					if (id === null) {
+						id = await this.createSession();
+						if (this.config.session.policy === "browser-persistent") this.persist(id);
+					}
+					if (this.disposed || operation !== this.generation) return;
+					await this.bind(id);
+				} catch (error) {
+					this.fail("Unable to start a chat.", error);
+				}
+			}
+			async createSession() {
+				const response = await this.api.create({
+					...this.config.session.workspaceId === null ? {} : { workspaceId: this.config.session.workspaceId },
+					...this.config.session.agentPreset === null ? {} : { agentPreset: this.config.session.agentPreset }
+				});
+				if (!response.result.ok) throw new Error(response.result.error.code);
+				const id = String(response.result.value.sessionId);
+				await waitFor(this.sessions.list, (snapshot) => Object.hasOwn(snapshot.byId, id), this.timeoutMs);
+				if (this.config.session.provider !== null && this.config.session.model !== null) {
+					const selected = await this.api.selectModel({
+						sessionId: id,
+						provider: this.config.session.provider,
+						model: this.config.session.model,
+						...this.config.session.reasoningEffort === null ? {} : { reasoningEffort: this.config.session.reasoningEffort }
+					});
+					if (!selected.result.ok) throw new Error(selected.result.error.code);
+				}
+				return id;
+			}
+			async bind(id) {
+				this.sessions.open(id);
+				let binding = this.sessions.binding(id);
+				if (binding === void 0) {
+					await waitFor(this.sessions.list, (snapshot) => Object.hasOwn(snapshot.byId, id), this.timeoutMs);
+					binding = this.sessions.binding(id);
+				}
+				if (binding === void 0) throw new Error("Session binding is unavailable.");
+				this.unbind();
+				this.session = binding.session;
+				this.unsubscribeSession = binding.session.subscribe(() => {
+					this.admissionPending = false;
+					this.operationError = null;
+					this.publish();
+				});
+				this.publish();
+			}
+			unbind() {
+				this.unsubscribeSession?.();
+				this.unsubscribeSession = void 0;
+				this.session = void 0;
+				this.admissionPending = false;
+			}
+			waitForConnection() {
+				return waitFor(this.connection, (description) => description !== void 0, this.timeoutMs);
+			}
+			publish() {
+				if (this.disposed) return;
+				const connected = this.connection.getSnapshot() !== void 0;
+				if (this.session === void 0) {
+					this.state = {
+						...this.state,
+						phase: !connected && this.connectedOnce ? "reconnecting" : this.state.phase,
+						error: this.operationError ?? this.state.error
+					};
+					this.emit();
+					return;
+				}
+				const snapshot = this.session.getSnapshot();
+				const blocked = snapshot.pending.length > 0;
+				const error = this.operationError ?? (blocked ? "This request requires an interaction that is not available in this assistant view." : snapshot.removed || snapshot.openState === "error" ? "This chat is no longer available." : null);
+				const phase = !connected ? "reconnecting" : blocked ? "blocked" : snapshot.removed || snapshot.openState === "error" ? "error" : snapshot.openState !== "open" ? "creating" : snapshot.running || this.admissionPending ? "running" : "ready";
+				this.state = {
+					phase,
+					sessionId: String(this.session.sessionId),
+					messages: projectTranscript(snapshot, { showToolActivity: this.config.ui.showToolActivity }),
+					error,
+					canSend: connected && phase === "ready",
+					canStop: connected && snapshot.running && this.config.ui.showStop && !blocked
+				};
+				this.emit();
+			}
+			fail(message, error) {
+				console.error("dsh-qa-surface: session operation failed", error);
+				if (this.disposed) return;
+				this.operationError = message;
+				this.state = {
+					...EMPTY_STATE,
+					phase: "error",
+					error: message
+				};
+				this.emit();
+			}
+			storageKey() {
+				return `${this.config.session.storageKey}:v1:${this.config.route.path}:session`;
+			}
+			readPersisted() {
+				try {
+					const value = this.storage?.getItem(this.storageKey())?.trim() ?? "";
+					return value === "" ? null : value;
+				} catch {
+					return null;
+				}
+			}
+			persist(id) {
+				try {
+					this.storage?.setItem(this.storageKey(), id);
+				} catch {}
+			}
+			clearPersisted() {
+				try {
+					this.storage?.removeItem(this.storageKey());
+				} catch {}
+			}
+			emit() {
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/client/components/QaComposer.tsx
+		function QaComposer(props) {
+			const [draft, setDraft] = (0, react.useState)("");
+			const [submitting, setSubmitting] = (0, react.useState)(false);
+			const textarea = (0, react.useRef)(null);
+			const send = async () => {
+				if (submitting || draft.trim() === "" || !props.canSend) return;
+				setSubmitting(true);
+				try {
+					if (await props.onSend(draft)) setDraft("");
+				} finally {
+					setSubmitting(false);
+					textarea.current?.focus();
+				}
+			};
+			(0, react.useEffect)(() => {
+				if (!props.running) textarea.current?.focus();
+			}, [props.running]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-qa-composer",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						className: "dsh-qa-sr-only",
+						htmlFor: "dsh-qa-prompt",
+						children: "Ask a question"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						ref: textarea,
+						id: "dsh-qa-prompt",
+						rows: 1,
+						value: draft,
+						placeholder: props.placeholder,
+						disabled: !props.canSend && !props.running,
+						onChange: (event) => setDraft(event.currentTarget.value),
+						onKeyDown: (event) => {
+							if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+								event.preventDefault();
+								send();
+							}
+						}
+					}),
+					props.running && props.showStop ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dsh-qa-button dsh-qa-button--stop",
+						disabled: !props.canStop,
+						onClick: () => void props.onStop(),
+						children: "Stop"
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dsh-qa-button dsh-qa-button--send",
+						disabled: !props.canSend || submitting || draft.trim() === "",
+						onClick: () => void send(),
+						children: "Send"
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/components/Markdown.tsx
+		const INLINE = /(\[[^\]]+\]\([^\s)]+\)|`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*)/gu;
+		function safeHref(value) {
+			try {
+				const url = new URL(value, window.location.origin);
+				return [
+					"http:",
+					"https:",
+					"mailto:"
+				].includes(url.protocol) ? value : void 0;
+			} catch {
+				return;
+			}
+		}
+		function inline(text, keyPrefix) {
+			const nodes = [];
+			let offset = 0;
+			for (const match of text.matchAll(INLINE)) {
+				const index = match.index;
+				if (index > offset) nodes.push(text.slice(offset, index));
+				const token = match[0];
+				const key = `${keyPrefix}:${index}`;
+				if (token.startsWith("[")) {
+					const parts = /^\[([^\]]+)\]\(([^\s)]+)\)$/u.exec(token);
+					const href = parts?.[2] === void 0 ? void 0 : safeHref(parts[2]);
+					nodes.push(href === void 0 ? token : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						href,
+						target: "_blank",
+						rel: "noreferrer",
+						children: parts?.[1]
+					}, key));
+				} else if (token.startsWith("`")) nodes.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: token.slice(1, -1) }, key));
+				else if (token.startsWith("**")) nodes.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: token.slice(2, -2) }, key));
+				else nodes.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: token.slice(1, -1) }, key));
+				offset = index + token.length;
+			}
+			if (offset < text.length) nodes.push(text.slice(offset));
+			return nodes;
+		}
+		/** Deliberately small, HTML-free Markdown renderer for assistant-visible text. */
+		function Markdown({ text }) {
+			const lines = text.replace(/\r\n?/gu, "\n").split("\n");
+			const blocks = [];
+			for (let index = 0; index < lines.length;) {
+				const line = lines[index] ?? "";
+				if (line.startsWith("```")) {
+					const language = line.slice(3).trim();
+					const code = [];
+					index += 1;
+					while (index < lines.length && !(lines[index] ?? "").startsWith("```")) {
+						code.push(lines[index] ?? "");
+						index += 1;
+					}
+					if (index < lines.length) index += 1;
+					blocks.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						"data-language": language || void 0,
+						children: code.join("\n")
+					}) }, `code:${index}`));
+					continue;
+				}
+				const heading = /^(#{1,3})\s+(.+)$/u.exec(line);
+				if (heading !== null) {
+					const content = inline(heading[2] ?? "", `heading:${index}`);
+					const key = `heading:${index}`;
+					blocks.push(heading[1]?.length === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: content }, key) : heading[1]?.length === 2 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: content }, key) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: content }, key));
+					index += 1;
+					continue;
+				}
+				if (/^[-*]\s+/u.test(line)) {
+					const items = [];
+					while (index < lines.length && /^[-*]\s+/u.test(lines[index] ?? "")) {
+						const content = (lines[index] ?? "").replace(/^[-*]\s+/u, "");
+						items.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: inline(content, `item:${index}`) }, `item:${index}`));
+						index += 1;
+					}
+					blocks.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: items }, `list:${index}`));
+					continue;
+				}
+				if (line.startsWith("> ")) {
+					blocks.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("blockquote", { children: inline(line.slice(2), `quote:${index}`) }, `quote:${index}`));
+					index += 1;
+					continue;
+				}
+				if (line.trim() === "") {
+					index += 1;
+					continue;
+				}
+				const paragraph = [line];
+				index += 1;
+				while (index < lines.length && (lines[index] ?? "").trim() !== "" && !/^(#{1,3})\s+|^```|^[-*]\s+|^>\s/u.test(lines[index] ?? "")) {
+					paragraph.push(lines[index] ?? "");
+					index += 1;
+				}
+				blocks.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: paragraph.map((part, partIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [partIndex === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}), inline(part, `paragraph:${index}:${partIndex}`)] }, `line:${partIndex}`)) }, `paragraph:${index}`));
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: blocks });
+		}
+		//#endregion
+		//#region src/client/components/QaMessage.tsx
+		function QaMessage({ message, renderMarkdown, showTimestamp }) {
+			const label = message.role === "assistant" ? "Assistant" : message.role === "user" ? "You" : "Status";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+				className: `dsh-qa-message dsh-qa-message--${message.role}`,
+				"data-status": message.status,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-qa-message__meta",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), showTimestamp && message.timestamp !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
+						dateTime: new Date(message.timestamp).toISOString(),
+						children: new Date(message.timestamp).toLocaleTimeString([], {
+							hour: "2-digit",
+							minute: "2-digit"
+						})
+					}) : null]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-qa-message__content",
+					children: [message.role === "assistant" && renderMarkdown ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, { text: message.text }) : message.text, message.status === "streaming" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-qa-message__cursor",
+						"aria-hidden": "true"
+					}) : null]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/QaSurface.tsx
+		const INACTIVE_STATE = Object.freeze({
+			phase: "idle",
+			sessionId: null,
+			messages: Object.freeze([]),
+			error: null,
+			canSend: false,
+			canStop: false
+		});
+		const noopSubscribe = () => () => void 0;
+		function focusable(root) {
+			return [...root.querySelectorAll("button:not([disabled]), textarea:not([disabled]), a[href], [tabindex]:not([tabindex='-1'])")].filter((element) => !element.hidden);
+		}
+		function trapKeys(event) {
+			event.stopPropagation();
+			if (event.key !== "Tab") return;
+			const items = focusable(event.currentTarget);
+			if (items.length === 0) {
+				event.preventDefault();
+				event.currentTarget.focus();
+				return;
+			}
+			const first = items[0];
+			const last = items.at(-1);
+			if (event.shiftKey && document.activeElement === first) {
+				event.preventDefault();
+				last?.focus();
+			} else if (!event.shiftKey && document.activeElement === last) {
+				event.preventDefault();
+				first?.focus();
+			}
+		}
+		function statusText(state) {
+			if (state.phase === "creating") return "Connecting…";
+			if (state.phase === "reconnecting") return "Connection lost. Reconnecting…";
+			if (state.phase === "running") return "Assistant is responding…";
+			return null;
+		}
+		function QaSurface(props) {
+			const route = (0, react.useSyncExternalStore)(props.route.subscribe, props.route.getSnapshot, props.route.getSnapshot);
+			const config = (0, react.useSyncExternalStore)(props.config.subscribe, props.config.getSnapshot, props.config.getSnapshot).config;
+			const [controller, setController] = (0, react.useState)();
+			const transcript = (0, react.useRef)(null);
+			const nearBottom = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				if (!route.active) {
+					setController(void 0);
+					return;
+				}
+				const next = new QaSessionController({
+					sessions: props.sessions,
+					api: props.api,
+					connection: props.connection,
+					config,
+					storage: window.localStorage
+				});
+				setController(next);
+				next.ensureSession();
+				return () => next.dispose();
+			}, [
+				config,
+				props.api,
+				props.connection,
+				props.sessions,
+				route.active
+			]);
+			const state = (0, react.useSyncExternalStore)(controller?.subscribe ?? noopSubscribe, controller?.getSnapshot ?? (() => INACTIVE_STATE), controller?.getSnapshot ?? (() => INACTIVE_STATE));
+			(0, react.useEffect)(() => {
+				if (!route.active) return;
+				const previousBodyOverflow = document.body.style.overflow;
+				const previousHtmlOverflow = document.documentElement.style.overflow;
+				document.body.dataset.dshQaSurface = "active";
+				document.body.style.overflow = "hidden";
+				document.documentElement.style.overflow = "hidden";
+				const frame = requestAnimationFrame(() => {
+					document.querySelector("#dsh-qa-prompt")?.focus();
+				});
+				return () => {
+					cancelAnimationFrame(frame);
+					delete document.body.dataset.dshQaSurface;
+					document.body.style.overflow = previousBodyOverflow;
+					document.documentElement.style.overflow = previousHtmlOverflow;
+				};
+			}, [route.active]);
+			(0, react.useLayoutEffect)(() => {
+				const element = transcript.current;
+				if (element !== null && nearBottom.current) element.scrollTop = element.scrollHeight;
+			}, [state.messages]);
+			if (!route.active) return null;
+			const status = statusText(state);
+			const empty = state.messages.length === 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
+				className: "dsh-qa-surface",
+				"aria-label": config.branding.title,
+				tabIndex: -1,
+				onKeyDown: trapKeys,
+				children: [
+					config.ui.showHeader ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+						className: "dsh-qa-header",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-qa-header__inner",
+							style: { maxWidth: config.ui.maxContentWidth },
+							children: [
+								config.branding.logoUrl === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+									className: "dsh-qa-header__logo",
+									src: config.branding.logoUrl,
+									alt: ""
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-qa-header__text",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: config.branding.title }), config.branding.subtitle === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: config.branding.subtitle })]
+								}),
+								config.ui.showReset && config.session.policy !== "fixed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-qa-button dsh-qa-button--secondary",
+									disabled: controller === void 0 || state.phase === "creating",
+									onClick: () => void controller?.reset(),
+									children: "New chat"
+								}) : null
+							]
+						})
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						ref: transcript,
+						className: "dsh-qa-transcript",
+						onScroll: (event) => {
+							const element = event.currentTarget;
+							nearBottom.current = element.scrollHeight - element.scrollTop - element.clientHeight < 96;
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-qa-transcript__inner",
+							style: { maxWidth: config.ui.maxContentWidth },
+							children: [empty ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: "dsh-qa-welcome",
+								"aria-labelledby": "dsh-qa-welcome-title",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									id: "dsh-qa-welcome-title",
+									children: config.branding.welcomeMessage
+								}), config.suggestedQuestions.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-qa-suggestions",
+									"aria-label": "Suggested questions",
+									children: config.suggestedQuestions.map((question) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										disabled: !state.canSend,
+										onClick: () => void controller?.send(question),
+										children: question
+									}, question))
+								}) : null]
+							}) : state.messages.map((message) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QaMessage, {
+								message,
+								renderMarkdown: config.ui.renderMarkdown,
+								showTimestamp: config.ui.showTimestamps
+							}, message.id)), state.error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-qa-error",
+								role: "alert",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: state.error }), state.phase === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void controller?.ensureSession(),
+									children: "Retry"
+								}) : null]
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+						className: "dsh-qa-footer",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-qa-footer__inner",
+							style: { maxWidth: config.ui.maxContentWidth },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-qa-status",
+								"aria-live": "polite",
+								"aria-atomic": "true",
+								children: status
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QaComposer, {
+								placeholder: config.branding.placeholder,
+								canSend: state.canSend,
+								canStop: state.canStop,
+								running: state.phase === "running",
+								showStop: config.ui.showStop,
+								onSend: (text) => controller?.send(text) ?? Promise.resolve(false),
+								onStop: () => controller?.stop() ?? Promise.resolve()
+							})]
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/styles.ts
+		const QA_SURFACE_STYLES = String.raw`
+.dsh-qa-surface{position:fixed;inset:0;z-index:2147483000;pointer-events:auto;display:flex;flex-direction:column;min-width:0;height:100vh;height:100dvh;overflow:hidden;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font-family:inherit}
+.dsh-qa-surface *{box-sizing:border-box}
+.dsh-qa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+.dsh-qa-header{flex:none;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2)}
+.dsh-qa-header__inner,.dsh-qa-footer__inner,.dsh-qa-transcript__inner{width:100%;margin:0 auto}
+.dsh-qa-header__inner{min-height:72px;display:flex;align-items:center;gap:12px;padding:12px 24px}
+.dsh-qa-header__logo{width:36px;height:36px;object-fit:contain;border-radius:9px;flex:none}
+.dsh-qa-header__text{flex:1;min-width:0}
+.dsh-qa-header h1{margin:0;color:var(--dsw-alias-label-primary);font-size:17px;font-weight:650;line-height:1.35}
+.dsh-qa-header p{margin:2px 0 0;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.4}
+.dsh-qa-transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
+.dsh-qa-transcript__inner{min-height:100%;padding:32px 24px 24px}
+.dsh-qa-welcome{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 0}
+.dsh-qa-welcome h2{max-width:620px;margin:0;color:var(--dsw-alias-label-primary);font-size:clamp(24px,4vw,34px);font-weight:600;line-height:1.25}
+.dsh-qa-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}
+.dsh-qa-suggestions button{max-width:360px;padding:9px 13px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary);font:inherit;font-size:13px;line-height:1.35;cursor:pointer}
+.dsh-qa-suggestions button:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed);color:var(--dsw-alias-label-primary)}
+.dsh-qa-suggestions button:disabled{opacity:.5;cursor:default}
+.dsh-qa-message{display:flex;flex-direction:column;max-width:min(82%,720px);margin:0 0 24px}
+.dsh-qa-message--user{align-items:flex-end;margin-left:auto}
+.dsh-qa-message--assistant{align-items:flex-start;margin-right:auto}
+.dsh-qa-message--system{align-items:center;max-width:100%;margin-left:auto;margin-right:auto}
+.dsh-qa-message__meta{display:flex;gap:8px;margin:0 4px 6px;color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:600;line-height:1.3}
+.dsh-qa-message__content{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--dsw-alias-border-l2);border-radius:14px;padding:11px 14px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);font-size:15px;line-height:1.62}
+.dsh-qa-message--user .dsh-qa-message__content{background:var(--dsw-alias-bg-module-platform)}
+.dsh-qa-message--system .dsh-qa-message__content{padding:7px 11px;border-radius:9px;color:var(--dsw-alias-label-secondary);font-size:13px}
+.dsh-qa-message[data-status="error"] .dsh-qa-message__content{border-color:var(--dsw-alias-status-error)}
+.dsh-qa-message__content p,.dsh-qa-message__content ul,.dsh-qa-message__content blockquote,.dsh-qa-message__content pre{margin:0 0 10px}
+.dsh-qa-message__content :last-child{margin-bottom:0}
+.dsh-qa-message__content h2,.dsh-qa-message__content h3,.dsh-qa-message__content h4{margin:14px 0 7px;line-height:1.35}
+.dsh-qa-message__content h2{font-size:18px}.dsh-qa-message__content h3{font-size:16px}.dsh-qa-message__content h4{font-size:15px}
+.dsh-qa-message__content ul{padding-left:22px}.dsh-qa-message__content a{color:var(--dsw-alias-brand-primary)}
+.dsh-qa-message__content code{border-radius:5px;padding:1px 4px;background:var(--dsw-alias-bg-layer-2);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}
+.dsh-qa-message__content pre{overflow-x:auto;border-radius:9px;padding:12px;background:var(--dsw-alias-bg-layer-2)}
+.dsh-qa-message__content pre code{padding:0;background:transparent}
+.dsh-qa-message__content blockquote{border-left:3px solid var(--dsw-alias-border-l2);padding-left:12px;color:var(--dsw-alias-label-secondary)}
+.dsh-qa-message__cursor{display:inline-block;width:7px;height:1em;margin-left:3px;vertical-align:-2px;background:var(--dsw-alias-label-secondary);animation:dsh-qa-blink 1s steps(2,start) infinite}
+@keyframes dsh-qa-blink{50%{opacity:0}}
+.dsh-qa-error{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px auto;padding:10px 12px;border:1px solid var(--dsw-alias-status-error);border-radius:10px;color:var(--dsw-alias-label-primary);font-size:13px}
+.dsh-qa-error button{border:0;background:transparent;color:var(--dsw-alias-brand-primary);font:inherit;font-weight:600;cursor:pointer}
+.dsh-qa-footer{flex:none;border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);padding:0 24px max(14px,env(safe-area-inset-bottom))}
+.dsh-qa-footer__inner{position:relative;padding-top:14px}
+.dsh-qa-status{min-height:18px;margin-bottom:5px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
+.dsh-qa-composer{display:flex;align-items:flex-end;gap:10px;border:1px solid var(--dsw-alias-border-l2);border-radius:14px;padding:7px;background:var(--dsw-alias-bg-layer-3);transition:border-color .16s}
+.dsh-qa-composer:focus-within{border-color:var(--dsw-alias-brand-primary)}
+.dsh-qa-composer textarea{flex:1;min-width:0;max-height:160px;resize:none;overflow-y:auto;border:0;outline:0;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:15px;line-height:22px;padding:7px 9px}
+.dsh-qa-composer textarea::placeholder{color:var(--dsw-alias-label-tertiary)}
+.dsh-qa-button{appearance:none;flex:none;border:1px solid transparent;border-radius:9px;padding:8px 13px;font:inherit;font-size:13px;font-weight:600;line-height:18px;cursor:pointer}
+.dsh-qa-button:focus-visible,.dsh-qa-suggestions button:focus-visible,.dsh-qa-error button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}
+.dsh-qa-button:disabled{opacity:.45;cursor:default}
+.dsh-qa-button--send{background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-on-primary)}
+.dsh-qa-button--stop,.dsh-qa-button--secondary{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}
+@media (max-width:600px){.dsh-qa-header__inner{min-height:60px;padding:9px 14px}.dsh-qa-header__logo{width:32px;height:32px}.dsh-qa-header p{display:none}.dsh-qa-transcript__inner{padding:22px 14px 16px}.dsh-qa-message{max-width:90%;margin-bottom:18px}.dsh-qa-message__content{font-size:14px;padding:10px 12px}.dsh-qa-footer{padding-left:10px;padding-right:10px}.dsh-qa-button{padding-left:11px;padding-right:11px}}
+@media (max-height:480px) and (orientation:landscape){.dsh-qa-header__inner{min-height:48px;padding-top:6px;padding-bottom:6px}.dsh-qa-header p{display:none}.dsh-qa-transcript__inner{padding-top:14px}.dsh-qa-footer__inner{padding-top:7px}.dsh-qa-status{position:absolute;right:0;top:-18px}}
+@media (prefers-reduced-motion:reduce){.dsh-qa-message__cursor{animation:none}}
+`;
+		//#endregion
+		//#region src/client/index.tsx
+		const SETTINGS_NAMESPACE = "qa-surface";
+		const inject = [
+			"slots",
+			"sessions",
+			"connection",
+			"settingsScope"
+		];
+		/** Register the route-aware, full-frame QA entry in the additive overlay slot. */
+		function apply(ctx) {
+			const route = new QaRouteController();
+			const config = new QaConfigController(ctx.settingsScope.bind({ namespace: SETTINGS_NAMESPACE }));
+			const syncRoute = () => {
+				const snapshot = config.getSnapshot();
+				route.configure(snapshot.config, snapshot.status === "ready" || snapshot.status === "unavailable");
+			};
+			syncRoute();
+			const unsubscribeConfig = config.subscribe(syncRoute);
+			ctx.effect(() => {
+				const style = document.createElement("style");
+				style.dataset.dshQaSurface = "styles";
+				style.textContent = QA_SURFACE_STYLES;
+				document.head.append(style);
+				return () => style.remove();
+			}, "dsh-qa-surface: styles");
+			ctx.effect(() => () => {
+				unsubscribeConfig();
+				config.dispose();
+				route.dispose();
+			}, "dsh-qa-surface: controllers");
+			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+				name: "shell.overlay",
+				id: "dsh-qa-surface",
+				order: -1e4,
+				inject: () => ({
+					route,
+					config,
+					sessions: ctx.sessions,
+					api: ctx.connection.api.sessions,
+					connection: ctx.connection.hostDescription
+				})
+			}, QaSurface));
+		}
+		//#endregion
+		exports.QaConfigController = QaConfigController;
+		exports.QaRouteController = QaRouteController;
+		exports.QaSessionController = QaSessionController;
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.matchesQaRoute = matchesQaRoute;
+		exports.projectTranscript = projectTranscript;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map