bariweb-widget 0.1.0

package/dist/bariweb.js

@@ -0,0 +1,3195 @@
+import { r as e, t } from "./Watcher-CrSaF4Ov.js";
+//#region src/lib/api/core/bodySerializer.gen.ts
+var n = { bodySerializer: (e) => JSON.stringify(e, (e, t) => typeof t == "bigint" ? t.toString() : t) };
+Object.entries({
+	$body_: "body",
+	$headers_: "headers",
+	$path_: "path",
+	$query_: "query"
+});
+//#endregion
+//#region src/lib/api/core/serverSentEvents.gen.ts
+var r = ({ onRequest: e, onSseError: t, onSseEvent: n, responseTransformer: r, responseValidator: i, sseDefaultRetryDelay: a, sseMaxRetryAttempts: o, sseMaxRetryDelay: s, sseSleepFn: c, url: l, ...u }) => {
+	let d, f = c ?? ((e) => new Promise((t) => setTimeout(t, e)));
+	return { stream: async function* () {
+		let c = a ?? 3e3, p = 0, m = u.signal ?? new AbortController().signal;
+		for (; !m.aborted;) {
+			p++;
+			let a = u.headers instanceof Headers ? u.headers : new Headers(u.headers);
+			d !== void 0 && a.set("Last-Event-ID", d);
+			try {
+				let t = {
+					redirect: "follow",
+					...u,
+					body: u.serializedBody,
+					headers: a,
+					signal: m
+				}, o = new Request(l, t);
+				e && (o = await e(l, t));
+				let s = await (u.fetch ?? globalThis.fetch)(o);
+				if (!s.ok) throw Error(`SSE failed: ${s.status} ${s.statusText}`);
+				if (!s.body) throw Error("No body in SSE response");
+				let f = s.body.pipeThrough(new TextDecoderStream()).getReader(), p = "", h = () => {
+					try {
+						f.cancel();
+					} catch {}
+				};
+				m.addEventListener("abort", h);
+				try {
+					for (;;) {
+						let { done: e, value: t } = await f.read();
+						if (e) break;
+						p += t, p = p.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+						let a = p.split("\n\n");
+						p = a.pop() ?? "";
+						for (let e of a) {
+							let t = e.split("\n"), a = [], o;
+							for (let e of t) if (e.startsWith("data:")) a.push(e.replace(/^data:\s*/, ""));
+							else if (e.startsWith("event:")) o = e.replace(/^event:\s*/, "");
+							else if (e.startsWith("id:")) d = e.replace(/^id:\s*/, "");
+							else if (e.startsWith("retry:")) {
+								let t = Number.parseInt(e.replace(/^retry:\s*/, ""), 10);
+								Number.isNaN(t) || (c = t);
+							}
+							let s, l = !1;
+							if (a.length) {
+								let e = a.join("\n");
+								try {
+									s = JSON.parse(e), l = !0;
+								} catch {
+									s = e;
+								}
+							}
+							l && (i && await i(s), r && (s = await r(s))), n?.({
+								data: s,
+								event: o,
+								id: d,
+								retry: c
+							}), a.length && (yield s);
+						}
+					}
+				} finally {
+					m.removeEventListener("abort", h), f.releaseLock();
+				}
+				break;
+			} catch (e) {
+				if (t?.(e), o !== void 0 && p >= o) break;
+				await f(Math.min(c * 2 ** (p - 1), s ?? 3e4));
+			}
+		}
+	}() };
+}, i = (e) => {
+	switch (e) {
+		case "label": return ".";
+		case "matrix": return ";";
+		case "simple": return ",";
+		default: return "&";
+	}
+}, a = (e) => {
+	switch (e) {
+		case "form": return ",";
+		case "pipeDelimited": return "|";
+		case "spaceDelimited": return "%20";
+		default: return ",";
+	}
+}, o = (e) => {
+	switch (e) {
+		case "label": return ".";
+		case "matrix": return ";";
+		case "simple": return ",";
+		default: return "&";
+	}
+}, s = ({ allowReserved: e, explode: t, name: n, style: r, value: o }) => {
+	if (!t) {
+		let t = (e ? o : o.map((e) => encodeURIComponent(e))).join(a(r));
+		switch (r) {
+			case "label": return `.${t}`;
+			case "matrix": return `;${n}=${t}`;
+			case "simple": return t;
+			default: return `${n}=${t}`;
+		}
+	}
+	let s = i(r), l = o.map((t) => r === "label" || r === "simple" ? e ? t : encodeURIComponent(t) : c({
+		allowReserved: e,
+		name: n,
+		value: t
+	})).join(s);
+	return r === "label" || r === "matrix" ? s + l : l;
+}, c = ({ allowReserved: e, name: t, value: n }) => {
+	if (n == null) return "";
+	if (typeof n == "object") throw Error("Deeply-nested arrays/objects aren’t supported. Provide your own `querySerializer()` to handle these.");
+	return `${t}=${e ? n : encodeURIComponent(n)}`;
+}, l = ({ allowReserved: e, explode: t, name: n, style: r, value: i, valueOnly: a }) => {
+	if (i instanceof Date) return a ? i.toISOString() : `${n}=${i.toISOString()}`;
+	if (r !== "deepObject" && !t) {
+		let t = [];
+		Object.entries(i).forEach(([n, r]) => {
+			t = [
+				...t,
+				n,
+				e ? r : encodeURIComponent(r)
+			];
+		});
+		let a = t.join(",");
+		switch (r) {
+			case "form": return `${n}=${a}`;
+			case "label": return `.${a}`;
+			case "matrix": return `;${n}=${a}`;
+			default: return a;
+		}
+	}
+	let s = o(r), l = Object.entries(i).map(([t, i]) => c({
+		allowReserved: e,
+		name: r === "deepObject" ? `${n}[${t}]` : t,
+		value: i
+	})).join(s);
+	return r === "label" || r === "matrix" ? s + l : l;
+}, u = /\{[^{}]+\}/g, d = ({ path: e, url: t }) => {
+	let n = t, r = t.match(u);
+	if (r) for (let t of r) {
+		let r = !1, i = t.substring(1, t.length - 1), a = "simple";
+		i.endsWith("*") && (r = !0, i = i.substring(0, i.length - 1)), i.startsWith(".") ? (i = i.substring(1), a = "label") : i.startsWith(";") && (i = i.substring(1), a = "matrix");
+		let o = e[i];
+		if (o == null) continue;
+		if (Array.isArray(o)) {
+			n = n.replace(t, s({
+				explode: r,
+				name: i,
+				style: a,
+				value: o
+			}));
+			continue;
+		}
+		if (typeof o == "object") {
+			n = n.replace(t, l({
+				explode: r,
+				name: i,
+				style: a,
+				value: o,
+				valueOnly: !0
+			}));
+			continue;
+		}
+		if (a === "matrix") {
+			n = n.replace(t, `;${c({
+				name: i,
+				value: o
+			})}`);
+			continue;
+		}
+		let u = encodeURIComponent(a === "label" ? `.${o}` : o);
+		n = n.replace(t, u);
+	}
+	return n;
+}, f = ({ baseUrl: e, path: t, query: n, querySerializer: r, url: i }) => {
+	let a = i.startsWith("/") ? i : `/${i}`, o = (e ?? "") + a;
+	t && (o = d({
+		path: t,
+		url: o
+	}));
+	let s = n ? r(n) : "";
+	return s.startsWith("?") && (s = s.substring(1)), s && (o += `?${s}`), o;
+};
+function p(e) {
+	let t = e.body !== void 0;
+	if (t && e.bodySerializer) return "serializedBody" in e ? e.serializedBody !== void 0 && e.serializedBody !== "" ? e.serializedBody : null : e.body === "" ? null : e.body;
+	if (t) return e.body;
+}
+//#endregion
+//#region src/lib/api/core/auth.gen.ts
+var m = async (e, t) => {
+	let n = typeof t == "function" ? await t(e) : t;
+	if (n) return e.scheme === "bearer" ? `Bearer ${n}` : e.scheme === "basic" ? `Basic ${btoa(n)}` : n;
+}, h = ({ parameters: e = {}, ...t } = {}) => (n) => {
+	let r = [];
+	if (n && typeof n == "object") for (let i in n) {
+		let a = n[i];
+		if (a == null) continue;
+		let o = e[i] || t;
+		if (Array.isArray(a)) {
+			let e = s({
+				allowReserved: o.allowReserved,
+				explode: !0,
+				name: i,
+				style: "form",
+				value: a,
+				...o.array
+			});
+			e && r.push(e);
+		} else if (typeof a == "object") {
+			let e = l({
+				allowReserved: o.allowReserved,
+				explode: !0,
+				name: i,
+				style: "deepObject",
+				value: a,
+				...o.object
+			});
+			e && r.push(e);
+		} else {
+			let e = c({
+				allowReserved: o.allowReserved,
+				name: i,
+				value: a
+			});
+			e && r.push(e);
+		}
+	}
+	return r.join("&");
+}, ee = (e) => {
+	if (!e) return "stream";
+	let t = e.split(";")[0]?.trim();
+	if (t) {
+		if (t.startsWith("application/json") || t.endsWith("+json")) return "json";
+		if (t === "multipart/form-data") return "formData";
+		if ([
+			"application/",
+			"audio/",
+			"image/",
+			"video/"
+		].some((e) => t.startsWith(e))) return "blob";
+		if (t.startsWith("text/")) return "text";
+	}
+}, te = (e, t) => t ? !!(e.headers.has(t) || e.query?.[t] || e.headers.get("Cookie")?.includes(`${t}=`)) : !1, ne = async ({ security: e, ...t }) => {
+	for (let n of e) {
+		if (te(t, n.name)) continue;
+		let e = await m(n, t.auth);
+		if (!e) continue;
+		let r = n.name ?? "Authorization";
+		switch (n.in) {
+			case "query":
+				t.query ||= {}, t.query[r] = e;
+				break;
+			case "cookie":
+				t.headers.append("Cookie", `${r}=${e}`);
+				break;
+			default:
+				t.headers.set(r, e);
+				break;
+		}
+	}
+}, re = (e) => f({
+	baseUrl: e.baseUrl,
+	path: e.path,
+	query: e.query,
+	querySerializer: typeof e.querySerializer == "function" ? e.querySerializer : h(e.querySerializer),
+	url: e.url
+}), ie = (e, t) => {
+	let n = {
+		...e,
+		...t
+	};
+	return n.baseUrl?.endsWith("/") && (n.baseUrl = n.baseUrl.substring(0, n.baseUrl.length - 1)), n.headers = oe(e.headers, t.headers), n;
+}, ae = (e) => {
+	let t = [];
+	return e.forEach((e, n) => {
+		t.push([n, e]);
+	}), t;
+}, oe = (...e) => {
+	let t = new Headers();
+	for (let n of e) {
+		if (!n) continue;
+		let e = n instanceof Headers ? ae(n) : Object.entries(n);
+		for (let [n, r] of e) if (r === null) t.delete(n);
+		else if (Array.isArray(r)) for (let e of r) t.append(n, e);
+		else r !== void 0 && t.set(n, typeof r == "object" ? JSON.stringify(r) : r);
+	}
+	return t;
+}, g = class {
+	constructor() {
+		this.fns = [];
+	}
+	clear() {
+		this.fns = [];
+	}
+	eject(e) {
+		let t = this.getInterceptorIndex(e);
+		this.fns[t] && (this.fns[t] = null);
+	}
+	exists(e) {
+		let t = this.getInterceptorIndex(e);
+		return !!this.fns[t];
+	}
+	getInterceptorIndex(e) {
+		return typeof e == "number" ? this.fns[e] ? e : -1 : this.fns.indexOf(e);
+	}
+	update(e, t) {
+		let n = this.getInterceptorIndex(e);
+		return this.fns[n] ? (this.fns[n] = t, e) : !1;
+	}
+	use(e) {
+		return this.fns.push(e), this.fns.length - 1;
+	}
+}, se = () => ({
+	error: new g(),
+	request: new g(),
+	response: new g()
+}), ce = h({
+	allowReserved: !1,
+	array: {
+		explode: !0,
+		style: "form"
+	},
+	object: {
+		explode: !0,
+		style: "deepObject"
+	}
+}), le = { "Content-Type": "application/json" }, ue = (e = {}) => ({
+	...n,
+	headers: le,
+	parseAs: "auto",
+	querySerializer: ce,
+	...e
+}), de = ((e = {}) => {
+	let t = ie(ue(), e), n = () => ({ ...t }), i = (e) => (t = ie(t, e), n()), a = se(), o = async (e) => {
+		let n = {
+			...t,
+			...e,
+			fetch: e.fetch ?? t.fetch ?? globalThis.fetch,
+			headers: oe(t.headers, e.headers),
+			serializedBody: void 0
+		};
+		return n.security && await ne({
+			...n,
+			security: n.security
+		}), n.requestValidator && await n.requestValidator(n), n.body !== void 0 && n.bodySerializer && (n.serializedBody = n.bodySerializer(n.body)), (n.body === void 0 || n.serializedBody === "") && n.headers.delete("Content-Type"), {
+			opts: n,
+			url: re(n)
+		};
+	}, s = async (e) => {
+		let { opts: t, url: n } = await o(e), r = {
+			redirect: "follow",
+			...t,
+			body: p(t)
+		}, i = new Request(n, r);
+		for (let e of a.request.fns) e && (i = await e(i, t));
+		let s = t.fetch, c;
+		try {
+			c = await s(i);
+		} catch (e) {
+			let n = e;
+			for (let r of a.error.fns) r && (n = await r(e, void 0, i, t));
+			if (n ||= {}, t.throwOnError) throw n;
+			return t.responseStyle === "data" ? void 0 : {
+				error: n,
+				request: i,
+				response: void 0
+			};
+		}
+		for (let e of a.response.fns) e && (c = await e(c, i, t));
+		let l = {
+			request: i,
+			response: c
+		};
+		if (c.ok) {
+			let e = (t.parseAs === "auto" ? ee(c.headers.get("Content-Type")) : t.parseAs) ?? "json";
+			if (c.status === 204 || c.headers.get("Content-Length") === "0") {
+				let n;
+				switch (e) {
+					case "arrayBuffer":
+					case "blob":
+					case "text":
+						n = await c[e]();
+						break;
+					case "formData":
+						n = new FormData();
+						break;
+					case "stream":
+						n = c.body;
+						break;
+					default:
+						n = {};
+						break;
+				}
+				return t.responseStyle === "data" ? n : {
+					data: n,
+					...l
+				};
+			}
+			let n;
+			switch (e) {
+				case "arrayBuffer":
+				case "blob":
+				case "formData":
+				case "text":
+					n = await c[e]();
+					break;
+				case "json": {
+					let e = await c.text();
+					n = e ? JSON.parse(e) : {};
+					break;
+				}
+				case "stream": return t.responseStyle === "data" ? c.body : {
+					data: c.body,
+					...l
+				};
+			}
+			return e === "json" && (t.responseValidator && await t.responseValidator(n), t.responseTransformer && (n = await t.responseTransformer(n))), t.responseStyle === "data" ? n : {
+				data: n,
+				...l
+			};
+		}
+		let u = await c.text(), d;
+		try {
+			d = JSON.parse(u);
+		} catch {}
+		let f = d ?? u, m = f;
+		for (let e of a.error.fns) e && (m = await e(f, c, i, t));
+		if (m ||= {}, t.throwOnError) throw m;
+		return t.responseStyle === "data" ? void 0 : {
+			error: m,
+			...l
+		};
+	}, c = (e) => (t) => s({
+		...t,
+		method: e
+	}), l = (e) => async (t) => {
+		let { opts: n, url: i } = await o(t);
+		return r({
+			...n,
+			body: n.body,
+			headers: n.headers,
+			method: e,
+			onRequest: async (e, t) => {
+				let r = new Request(e, t);
+				for (let e of a.request.fns) e && (r = await e(r, n));
+				return r;
+			},
+			serializedBody: p(n),
+			url: i
+		});
+	};
+	return {
+		buildUrl: (e) => re({
+			...t,
+			...e
+		}),
+		connect: c("CONNECT"),
+		delete: c("DELETE"),
+		get: c("GET"),
+		getConfig: n,
+		head: c("HEAD"),
+		interceptors: a,
+		options: c("OPTIONS"),
+		patch: c("PATCH"),
+		post: c("POST"),
+		put: c("PUT"),
+		request: s,
+		setConfig: i,
+		sse: {
+			connect: l("CONNECT"),
+			delete: l("DELETE"),
+			get: l("GET"),
+			head: l("HEAD"),
+			options: l("OPTIONS"),
+			patch: l("PATCH"),
+			post: l("POST"),
+			put: l("PUT"),
+			trace: l("TRACE")
+		},
+		trace: c("TRACE")
+	};
+})(ue({ baseUrl: "http://localhost:8000" })), _ = globalThis, v = _.ShadowRoot && (_.ShadyCSS === void 0 || _.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, y = Symbol(), fe = /* @__PURE__ */ new WeakMap(), pe = class {
+	constructor(e, t, n) {
+		if (this._$cssResult$ = !0, n !== y) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+		this.cssText = e, this.t = t;
+	}
+	get styleSheet() {
+		let e = this.o, t = this.t;
+		if (v && e === void 0) {
+			let n = t !== void 0 && t.length === 1;
+			n && (e = fe.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), n && fe.set(t, e));
+		}
+		return e;
+	}
+	toString() {
+		return this.cssText;
+	}
+}, me = (e) => new pe(typeof e == "string" ? e : e + "", void 0, y), he = (e, ...t) => new pe(e.length === 1 ? e[0] : t.reduce((t, n, r) => t + ((e) => {
+	if (!0 === e._$cssResult$) return e.cssText;
+	if (typeof e == "number") return e;
+	throw Error("Value passed to 'css' function must be a 'css' function result: " + e + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+})(n) + e[r + 1], e[0]), e, y), ge = (e, t) => {
+	if (v) e.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+	else for (let n of t) {
+		let t = document.createElement("style"), r = _.litNonce;
+		r !== void 0 && t.setAttribute("nonce", r), t.textContent = n.cssText, e.appendChild(t);
+	}
+}, _e = v ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((e) => {
+	let t = "";
+	for (let n of e.cssRules) t += n.cssText;
+	return me(t);
+})(e) : e, { is: ve, defineProperty: ye, getOwnPropertyDescriptor: be, getOwnPropertyNames: xe, getOwnPropertySymbols: Se, getPrototypeOf: Ce } = Object, b = globalThis, we = b.trustedTypes, Te = we ? we.emptyScript : "", Ee = b.reactiveElementPolyfillSupport, x = (e, t) => e, S = {
+	toAttribute(e, t) {
+		switch (t) {
+			case Boolean:
+				e = e ? Te : null;
+				break;
+			case Object:
+			case Array: e = e == null ? e : JSON.stringify(e);
+		}
+		return e;
+	},
+	fromAttribute(e, t) {
+		let n = e;
+		switch (t) {
+			case Boolean:
+				n = e !== null;
+				break;
+			case Number:
+				n = e === null ? null : Number(e);
+				break;
+			case Object:
+			case Array: try {
+				n = JSON.parse(e);
+			} catch {
+				n = null;
+			}
+		}
+		return n;
+	}
+}, C = (e, t) => !ve(e, t), De = {
+	attribute: !0,
+	type: String,
+	converter: S,
+	reflect: !1,
+	useDefault: !1,
+	hasChanged: C
+};
+Symbol.metadata ??= Symbol("metadata"), b.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var w = class extends HTMLElement {
+	static addInitializer(e) {
+		this._$Ei(), (this.l ??= []).push(e);
+	}
+	static get observedAttributes() {
+		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+	}
+	static createProperty(e, t = De) {
+		if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
+			let n = Symbol(), r = this.getPropertyDescriptor(e, n, t);
+			r !== void 0 && ye(this.prototype, e, r);
+		}
+	}
+	static getPropertyDescriptor(e, t, n) {
+		let { get: r, set: i } = be(this.prototype, e) ?? {
+			get() {
+				return this[t];
+			},
+			set(e) {
+				this[t] = e;
+			}
+		};
+		return {
+			get: r,
+			set(t) {
+				let a = r?.call(this);
+				i?.call(this, t), this.requestUpdate(e, a, n);
+			},
+			configurable: !0,
+			enumerable: !0
+		};
+	}
+	static getPropertyOptions(e) {
+		return this.elementProperties.get(e) ?? De;
+	}
+	static _$Ei() {
+		if (this.hasOwnProperty(x("elementProperties"))) return;
+		let e = Ce(this);
+		e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
+	}
+	static finalize() {
+		if (this.hasOwnProperty(x("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(x("properties"))) {
+			let e = this.properties, t = [...xe(e), ...Se(e)];
+			for (let n of t) this.createProperty(n, e[n]);
+		}
+		let e = this[Symbol.metadata];
+		if (e !== null) {
+			let t = litPropertyMetadata.get(e);
+			if (t !== void 0) for (let [e, n] of t) this.elementProperties.set(e, n);
+		}
+		this._$Eh = /* @__PURE__ */ new Map();
+		for (let [e, t] of this.elementProperties) {
+			let n = this._$Eu(e, t);
+			n !== void 0 && this._$Eh.set(n, e);
+		}
+		this.elementStyles = this.finalizeStyles(this.styles);
+	}
+	static finalizeStyles(e) {
+		let t = [];
+		if (Array.isArray(e)) {
+			let n = new Set(e.flat(Infinity).reverse());
+			for (let e of n) t.unshift(_e(e));
+		} else e !== void 0 && t.push(_e(e));
+		return t;
+	}
+	static _$Eu(e, t) {
+		let n = t.attribute;
+		return !1 === n ? void 0 : typeof n == "string" ? n : typeof e == "string" ? e.toLowerCase() : void 0;
+	}
+	constructor() {
+		super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+	}
+	_$Ev() {
+		this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((e) => e(this));
+	}
+	addController(e) {
+		(this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
+	}
+	removeController(e) {
+		this._$EO?.delete(e);
+	}
+	_$E_() {
+		let e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
+		for (let n of t.keys()) this.hasOwnProperty(n) && (e.set(n, this[n]), delete this[n]);
+		e.size > 0 && (this._$Ep = e);
+	}
+	createRenderRoot() {
+		let e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+		return ge(e, this.constructor.elementStyles), e;
+	}
+	connectedCallback() {
+		this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((e) => e.hostConnected?.());
+	}
+	enableUpdating(e) {}
+	disconnectedCallback() {
+		this._$EO?.forEach((e) => e.hostDisconnected?.());
+	}
+	attributeChangedCallback(e, t, n) {
+		this._$AK(e, n);
+	}
+	_$ET(e, t) {
+		let n = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, n);
+		if (r !== void 0 && !0 === n.reflect) {
+			let i = (n.converter?.toAttribute === void 0 ? S : n.converter).toAttribute(t, n.type);
+			this._$Em = e, i == null ? this.removeAttribute(r) : this.setAttribute(r, i), this._$Em = null;
+		}
+	}
+	_$AK(e, t) {
+		let n = this.constructor, r = n._$Eh.get(e);
+		if (r !== void 0 && this._$Em !== r) {
+			let e = n.getPropertyOptions(r), i = typeof e.converter == "function" ? { fromAttribute: e.converter } : e.converter?.fromAttribute === void 0 ? S : e.converter;
+			this._$Em = r;
+			let a = i.fromAttribute(t, e.type);
+			this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
+		}
+	}
+	requestUpdate(e, t, n, r = !1, i) {
+		if (e !== void 0) {
+			let a = this.constructor;
+			if (!1 === r && (i = this[e]), n ??= a.getPropertyOptions(e), !((n.hasChanged ?? C)(i, t) || n.useDefault && n.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(a._$Eu(e, n)))) return;
+			this.C(e, t, n);
+		}
+		!1 === this.isUpdatePending && (this._$ES = this._$EP());
+	}
+	C(e, t, { useDefault: n, reflect: r, wrapped: i }, a) {
+		n && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, a ?? t ?? this[e]), !0 !== i || a !== void 0) || (this._$AL.has(e) || (this.hasUpdated || n || (t = void 0), this._$AL.set(e, t)), !0 === r && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
+	}
+	async _$EP() {
+		this.isUpdatePending = !0;
+		try {
+			await this._$ES;
+		} catch (e) {
+			Promise.reject(e);
+		}
+		let e = this.scheduleUpdate();
+		return e != null && await e, !this.isUpdatePending;
+	}
+	scheduleUpdate() {
+		return this.performUpdate();
+	}
+	performUpdate() {
+		if (!this.isUpdatePending) return;
+		if (!this.hasUpdated) {
+			if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+				for (let [e, t] of this._$Ep) this[e] = t;
+				this._$Ep = void 0;
+			}
+			let e = this.constructor.elementProperties;
+			if (e.size > 0) for (let [t, n] of e) {
+				let { wrapped: e } = n, r = this[t];
+				!0 !== e || this._$AL.has(t) || r === void 0 || this.C(t, void 0, n, r);
+			}
+		}
+		let e = !1, t = this._$AL;
+		try {
+			e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach((e) => e.hostUpdate?.()), this.update(t)) : this._$EM();
+		} catch (t) {
+			throw e = !1, this._$EM(), t;
+		}
+		e && this._$AE(t);
+	}
+	willUpdate(e) {}
+	_$AE(e) {
+		this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
+	}
+	_$EM() {
+		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+	}
+	get updateComplete() {
+		return this.getUpdateComplete();
+	}
+	getUpdateComplete() {
+		return this._$ES;
+	}
+	shouldUpdate(e) {
+		return !0;
+	}
+	update(e) {
+		this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
+	}
+	updated(e) {}
+	firstUpdated(e) {}
+};
+w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[x("elementProperties")] = /* @__PURE__ */ new Map(), w[x("finalized")] = /* @__PURE__ */ new Map(), Ee?.({ ReactiveElement: w }), (b.reactiveElementVersions ??= []).push("2.1.2");
+//#endregion
+//#region node_modules/lit-html/lit-html.js
+var T = globalThis, Oe = (e) => e, E = T.trustedTypes, ke = E ? E.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Ae = "$lit$", D = `lit$${Math.random().toFixed(9).slice(2)}$`, je = "?" + D, Me = `<${je}>`, O = document, k = () => O.createComment(""), A = (e) => e === null || typeof e != "object" && typeof e != "function", j = Array.isArray, Ne = (e) => j(e) || typeof e?.[Symbol.iterator] == "function", M = "[ 	\n\f\r]", N = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Pe = /-->/g, Fe = />/g, P = RegExp(`>|${M}(?:([^\\s"'>=/]+)(${M}*=${M}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), Ie = /'/g, Le = /"/g, Re = /^(?:script|style|textarea|title)$/i, F = ((e) => (t, ...n) => ({
+	_$litType$: e,
+	strings: t,
+	values: n
+}))(1), I = Symbol.for("lit-noChange"), L = Symbol.for("lit-nothing"), ze = /* @__PURE__ */ new WeakMap(), R = O.createTreeWalker(O, 129);
+function Be(e, t) {
+	if (!j(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return ke === void 0 ? t : ke.createHTML(t);
+}
+var Ve = (e, t) => {
+	let n = e.length - 1, r = [], i, a = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = N;
+	for (let t = 0; t < n; t++) {
+		let n = e[t], s, c, l = -1, u = 0;
+		for (; u < n.length && (o.lastIndex = u, c = o.exec(n), c !== null);) u = o.lastIndex, o === N ? c[1] === "!--" ? o = Pe : c[1] === void 0 ? c[2] === void 0 ? c[3] !== void 0 && (o = P) : (Re.test(c[2]) && (i = RegExp("</" + c[2], "g")), o = P) : o = Fe : o === P ? c[0] === ">" ? (o = i ?? N, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, s = c[1], o = c[3] === void 0 ? P : c[3] === "\"" ? Le : Ie) : o === Le || o === Ie ? o = P : o === Pe || o === Fe ? o = N : (o = P, i = void 0);
+		let d = o === P && e[t + 1].startsWith("/>") ? " " : "";
+		a += o === N ? n + Me : l >= 0 ? (r.push(s), n.slice(0, l) + Ae + n.slice(l) + D + d) : n + D + (l === -2 ? t : d);
+	}
+	return [Be(e, a + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+}, z = class e {
+	constructor({ strings: t, _$litType$: n }, r) {
+		let i;
+		this.parts = [];
+		let a = 0, o = 0, s = t.length - 1, c = this.parts, [l, u] = Ve(t, n);
+		if (this.el = e.createElement(l, r), R.currentNode = this.el.content, n === 2 || n === 3) {
+			let e = this.el.content.firstChild;
+			e.replaceWith(...e.childNodes);
+		}
+		for (; (i = R.nextNode()) !== null && c.length < s;) {
+			if (i.nodeType === 1) {
+				if (i.hasAttributes()) for (let e of i.getAttributeNames()) if (e.endsWith(Ae)) {
+					let t = u[o++], n = i.getAttribute(e).split(D), r = /([.?@])?(.*)/.exec(t);
+					c.push({
+						type: 1,
+						index: a,
+						name: r[2],
+						strings: n,
+						ctor: r[1] === "." ? Ue : r[1] === "?" ? We : r[1] === "@" ? Ge : H
+					}), i.removeAttribute(e);
+				} else e.startsWith(D) && (c.push({
+					type: 6,
+					index: a
+				}), i.removeAttribute(e));
+				if (Re.test(i.tagName)) {
+					let e = i.textContent.split(D), t = e.length - 1;
+					if (t > 0) {
+						i.textContent = E ? E.emptyScript : "";
+						for (let n = 0; n < t; n++) i.append(e[n], k()), R.nextNode(), c.push({
+							type: 2,
+							index: ++a
+						});
+						i.append(e[t], k());
+					}
+				}
+			} else if (i.nodeType === 8) if (i.data === je) c.push({
+				type: 2,
+				index: a
+			});
+			else {
+				let e = -1;
+				for (; (e = i.data.indexOf(D, e + 1)) !== -1;) c.push({
+					type: 7,
+					index: a
+				}), e += D.length - 1;
+			}
+			a++;
+		}
+	}
+	static createElement(e, t) {
+		let n = O.createElement("template");
+		return n.innerHTML = e, n;
+	}
+};
+function B(e, t, n = e, r) {
+	if (t === I) return t;
+	let i = r === void 0 ? n._$Cl : n._$Co?.[r], a = A(t) ? void 0 : t._$litDirective$;
+	return i?.constructor !== a && (i?._$AO?.(!1), a === void 0 ? i = void 0 : (i = new a(e), i._$AT(e, n, r)), r === void 0 ? n._$Cl = i : (n._$Co ??= [])[r] = i), i !== void 0 && (t = B(e, i._$AS(e, t.values), i, r)), t;
+}
+var He = class {
+	constructor(e, t) {
+		this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(e) {
+		let { el: { content: t }, parts: n } = this._$AD, r = (e?.creationScope ?? O).importNode(t, !0);
+		R.currentNode = r;
+		let i = R.nextNode(), a = 0, o = 0, s = n[0];
+		for (; s !== void 0;) {
+			if (a === s.index) {
+				let t;
+				s.type === 2 ? t = new V(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new Ke(i, this, e)), this._$AV.push(t), s = n[++o];
+			}
+			a !== s?.index && (i = R.nextNode(), a++);
+		}
+		return R.currentNode = O, r;
+	}
+	p(e) {
+		let t = 0;
+		for (let n of this._$AV) n !== void 0 && (n.strings === void 0 ? n._$AI(e[t]) : (n._$AI(e, n, t), t += n.strings.length - 2)), t++;
+	}
+}, V = class e {
+	get _$AU() {
+		return this._$AM?._$AU ?? this._$Cv;
+	}
+	constructor(e, t, n, r) {
+		this.type = 2, this._$AH = L, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = n, this.options = r, this._$Cv = r?.isConnected ?? !0;
+	}
+	get parentNode() {
+		let e = this._$AA.parentNode, t = this._$AM;
+		return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(e, t = this) {
+		e = B(this, e, t), A(e) ? e === L || e == null || e === "" ? (this._$AH !== L && this._$AR(), this._$AH = L) : e !== this._$AH && e !== I && this._(e) : e._$litType$ === void 0 ? e.nodeType === void 0 ? Ne(e) ? this.k(e) : this._(e) : this.T(e) : this.$(e);
+	}
+	O(e) {
+		return this._$AA.parentNode.insertBefore(e, this._$AB);
+	}
+	T(e) {
+		this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
+	}
+	_(e) {
+		this._$AH !== L && A(this._$AH) ? this._$AA.nextSibling.data = e : this.T(O.createTextNode(e)), this._$AH = e;
+	}
+	$(e) {
+		let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = z.createElement(Be(n.h, n.h[0]), this.options)), n);
+		if (this._$AH?._$AD === r) this._$AH.p(t);
+		else {
+			let e = new He(r, this), n = e.u(this.options);
+			e.p(t), this.T(n), this._$AH = e;
+		}
+	}
+	_$AC(e) {
+		let t = ze.get(e.strings);
+		return t === void 0 && ze.set(e.strings, t = new z(e)), t;
+	}
+	k(t) {
+		j(this._$AH) || (this._$AH = [], this._$AR());
+		let n = this._$AH, r, i = 0;
+		for (let a of t) i === n.length ? n.push(r = new e(this.O(k()), this.O(k()), this, this.options)) : r = n[i], r._$AI(a), i++;
+		i < n.length && (this._$AR(r && r._$AB.nextSibling, i), n.length = i);
+	}
+	_$AR(e = this._$AA.nextSibling, t) {
+		for (this._$AP?.(!1, !0, t); e !== this._$AB;) {
+			let t = Oe(e).nextSibling;
+			Oe(e).remove(), e = t;
+		}
+	}
+	setConnected(e) {
+		this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
+	}
+}, H = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(e, t, n, r, i) {
+		this.type = 1, this._$AH = L, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = i, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(/* @__PURE__ */ new String()), this.strings = n) : this._$AH = L;
+	}
+	_$AI(e, t = this, n, r) {
+		let i = this.strings, a = !1;
+		if (i === void 0) e = B(this, e, t, 0), a = !A(e) || e !== this._$AH && e !== I, a && (this._$AH = e);
+		else {
+			let r = e, o, s;
+			for (e = i[0], o = 0; o < i.length - 1; o++) s = B(this, r[n + o], t, o), s === I && (s = this._$AH[o]), a ||= !A(s) || s !== this._$AH[o], s === L ? e = L : e !== L && (e += (s ?? "") + i[o + 1]), this._$AH[o] = s;
+		}
+		a && !r && this.j(e);
+	}
+	j(e) {
+		e === L ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+	}
+}, Ue = class extends H {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(e) {
+		this.element[this.name] = e === L ? void 0 : e;
+	}
+}, We = class extends H {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(e) {
+		this.element.toggleAttribute(this.name, !!e && e !== L);
+	}
+}, Ge = class extends H {
+	constructor(e, t, n, r, i) {
+		super(e, t, n, r, i), this.type = 5;
+	}
+	_$AI(e, t = this) {
+		if ((e = B(this, e, t, 0) ?? L) === I) return;
+		let n = this._$AH, r = e === L && n !== L || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== L && (n === L || r);
+		r && this.element.removeEventListener(this.name, this, n), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
+	}
+	handleEvent(e) {
+		typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
+	}
+}, Ke = class {
+	constructor(e, t, n) {
+		this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(e) {
+		B(this, e);
+	}
+}, qe = T.litHtmlPolyfillSupport;
+qe?.(z, V), (T.litHtmlVersions ??= []).push("3.3.2");
+var Je = (e, t, n) => {
+	let r = n?.renderBefore ?? t, i = r._$litPart$;
+	if (i === void 0) {
+		let e = n?.renderBefore ?? null;
+		r._$litPart$ = i = new V(t.insertBefore(k(), e), e, void 0, n ?? {});
+	}
+	return i._$AI(e), i;
+}, U = globalThis, W = class extends w {
+	constructor() {
+		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+	}
+	createRenderRoot() {
+		let e = super.createRenderRoot();
+		return this.renderOptions.renderBefore ??= e.firstChild, e;
+	}
+	update(e) {
+		let t = this.render();
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Je(t, this.renderRoot, this.renderOptions);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._$Do?.setConnected(!0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._$Do?.setConnected(!1);
+	}
+	render() {
+		return I;
+	}
+};
+W._$litElement$ = !0, W.finalized = !0, U.litElementHydrateSupport?.({ LitElement: W });
+var Ye = U.litElementPolyfillSupport;
+Ye?.({ LitElement: W }), (U.litElementVersions ??= []).push("4.2.2");
+//#endregion
+//#region node_modules/@lit/reactive-element/decorators/custom-element.js
+var Xe = (e) => (t, n) => {
+	n === void 0 ? customElements.define(e, t) : n.addInitializer(() => {
+		customElements.define(e, t);
+	});
+}, Ze = {
+	attribute: !0,
+	type: String,
+	converter: S,
+	reflect: !1,
+	hasChanged: C
+}, Qe = (e = Ze, t, n) => {
+	let { kind: r, metadata: i } = n, a = globalThis.litPropertyMetadata.get(i);
+	if (a === void 0 && globalThis.litPropertyMetadata.set(i, a = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), a.set(n.name, e), r === "accessor") {
+		let { name: r } = n;
+		return {
+			set(n) {
+				let i = t.get.call(this);
+				t.set.call(this, n), this.requestUpdate(r, i, e, !0, n);
+			},
+			init(t) {
+				return t !== void 0 && this.C(r, void 0, e, t), t;
+			}
+		};
+	}
+	if (r === "setter") {
+		let { name: r } = n;
+		return function(n) {
+			let i = this[r];
+			t.call(this, n), this.requestUpdate(r, i, e, !0, n);
+		};
+	}
+	throw Error("Unsupported decorator location: " + r);
+};
+function $e(e) {
+	return (t, n) => typeof n == "object" ? Qe(e, t, n) : ((e, t, n) => {
+		let r = t.hasOwnProperty(n);
+		return t.constructor.createProperty(n, e), r ? Object.getOwnPropertyDescriptor(t, n) : void 0;
+	})(e, t, n);
+}
+//#endregion
+//#region node_modules/@lit/reactive-element/decorators/state.js
+function G(e) {
+	return $e({
+		...e,
+		state: !0,
+		attribute: !1
+	});
+}
+//#endregion
+//#region node_modules/@lit/reactive-element/decorators/base.js
+var et = (e, t, n) => (n.configurable = !0, n.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, n), n);
+//#endregion
+//#region node_modules/@lit/reactive-element/decorators/query.js
+function tt(e, t) {
+	return (n, r, i) => {
+		let a = (t) => t.renderRoot?.querySelector(e) ?? null;
+		if (t) {
+			let { get: e, set: t } = typeof r == "object" ? n : i ?? (() => {
+				let e = Symbol();
+				return {
+					get() {
+						return this[e];
+					},
+					set(t) {
+						this[e] = t;
+					}
+				};
+			})();
+			return et(n, r, { get() {
+				let n = e.call(this);
+				return n === void 0 && (n = a(this), (n !== null || this.hasUpdated) && t.call(this, n)), n;
+			} });
+		}
+		return et(n, r, { get() {
+			return a(this);
+		} });
+	};
+}
+//#endregion
+//#region node_modules/lit-html/directive.js
+var nt = {
+	ATTRIBUTE: 1,
+	CHILD: 2,
+	PROPERTY: 3,
+	BOOLEAN_ATTRIBUTE: 4,
+	EVENT: 5,
+	ELEMENT: 6
+}, rt = (e) => (...t) => ({
+	_$litDirective$: e,
+	values: t
+}), it = class {
+	constructor(e) {}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AT(e, t, n) {
+		this._$Ct = e, this._$AM = t, this._$Ci = n;
+	}
+	_$AS(e, t) {
+		return this.update(e, t);
+	}
+	update(e, t) {
+		return this.render(...t);
+	}
+}, K = class extends it {
+	constructor(e) {
+		if (super(e), this.it = L, e.type !== nt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+	}
+	render(e) {
+		if (e === L || e == null) return this._t = void 0, this.it = e;
+		if (e === I) return e;
+		if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+		if (e === this.it) return this._t;
+		this.it = e;
+		let t = [e];
+		return t.raw = t, this._t = {
+			_$litType$: this.constructor.resultType,
+			strings: t,
+			values: []
+		};
+	}
+};
+K.directiveName = "unsafeHTML", K.resultType = 1;
+var at = rt(K), q = (e) => F`${at(`
+  <svg 
+    viewBox="0 0 24 24" 
+    fill="none" 
+    stroke="currentColor" 
+    stroke-width="2" 
+    stroke-linecap="round" 
+    stroke-linejoin="round"
+  >
+    ${e}
+  </svg>
+`)}`, J = {
+	accessibility: q("<circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\" stroke-linecap=\"butt\"/><circle cx=\"12\" cy=\"5\" r=\"1.5\"/><path d=\"M12 7v5\"/><path d=\"M6 8h12\"/><path d=\"M12 12l-3 5\"/><path d=\"M12 12l3 5\"/>"),
+	mic: q("<path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"/><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"/>"),
+	close: q("<path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/>"),
+	languages: q("<path d=\"m5 8 6 6\"/><path d=\"m4 14 6-6 2-3\"/><path d=\"M2 5h12\"/><path d=\"M7 2h1\"/><path d=\"m22 22-5-10-5 10\"/><path d=\"M14 18h6\"/>"),
+	profiles: q("<path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/>"),
+	textSize: q("<polyline points=\"4 7 4 4 20 4 20 7\"/><line x1=\"9\" y1=\"20\" x2=\"15\" y2=\"20\"/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\"/>"),
+	contrast: q("<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 18a6 6 0 0 0 0-12v12z\"/>"),
+	grayscale: q("<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 2v20\"/><path d=\"M12 18a6 6 0 0 0 0-12\"/><path d=\"M12 14a2 2 0 0 0 0-4\"/>"),
+	cursor: q("<path d=\"M4 4l11.73 4.58a0.5 0 0 1 0 0.94l-4.47 1.35 1.35 4.47a0.5 0 0 1-0.94 0L6.7 9.61 4 4z\"/>"),
+	screenReader: q("<polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"/>"),
+	visualImpair: q("<path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>"),
+	seizureSafe: q("<path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"/>"),
+	cognitive: q("<path d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 4.44-2.54z\"/><path d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-4.44-2.54z\"/>"),
+	info: q("<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/>"),
+	check: q("<path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/>"),
+	chevronDown: q("<path d=\"m6 9 6 6 6-6\"/>"),
+	sun: q("<circle cx=\"12\" cy=\"12\" r=\"4\"/><path d=\"M12 2v2\"/><path d=\"M12 20v2\"/><path d=\"m4.93 4.93 1.41 1.41\"/><path d=\"m17.66 17.66 1.41 1.41\"/><path d=\"M2 12h2\"/><path d=\"M20 12h2\"/><path d=\"m6.34 17.66-1.41 1.41\"/><path d=\"m19.07 4.93-1.41 1.41\"/>"),
+	moon: q("<path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9z\"/>"),
+	droplet: q("<path d=\"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5s-3 3.5-3 5.5a7 7 0 0 0 7 7z\"/>"),
+	refresh: q("<path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5\"/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M3 21v-5h5\"/>"),
+	send: q("<line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>")
+}, ot = he`
+  :host {
+    display: block;
+    pointer-events: none;
+    user-select: none;
+
+    --bw-primary: #6d28d9;
+    --bw-primary-light: #7c3aed;
+    --bw-primary-fg: #ffffff;
+    --bw-bg: #ffffff;
+    --bw-fg: #0f172a;
+    --bw-fg-muted: #64748b;
+    --bw-border: #e2e8f0;
+    --bw-bg-hover: #f8fafc;
+    --bw-bg-subtle: #f1f5f9;
+    --bw-radius: 14px;
+    --bw-radius-sm: 8px;
+    --bw-shadow-panel: 0 20px 60px -10px rgba(0,0,0,0.18), 0 8px 24px -4px rgba(0,0,0,0.1);
+
+    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+    font-size: 15px;
+    line-height: 1.5;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* ─── Accessibility themes ─── */
+  :host([data-contrast="high"]) { --bw-bg: #000; --bw-fg: #ff0; --bw-primary: #fff; --bw-border: #fff; --bw-bg-hover: #111; --bw-primary-fg: #000; }
+  :host([data-contrast="light"]) { --bw-bg: #f8fafc; --bw-fg: #64748b; --bw-border: #e2e8f0; }
+  :host([data-text-spacing]) { line-height: var(--bw-line-height) !important; letter-spacing: var(--bw-letter-spacing) !important; }
+  :host([data-dyslexic]) { font-family: "Comic Sans MS", "Comic Neue", sans-serif !important; }
+  :host([data-focus-visualizer]) *:focus-visible { outline: 4px solid #f59e0b !important; outline-offset: 2px !important; }
+  :host([data-cursor-magnifier]) { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z'/%3E%3C/svg%3E"), auto !important; }
+  :host([data-no-animations]) *, :host([data-no-animations]) { transition: none !important; animation: none !important; }
+  :host([data-link-highlight]) a { text-decoration: underline !important; background-color: #fef08a !important; color: #000 !important; padding: 0 2px !important; border-radius: 2px !important; }
+
+  /* ─── Widget container ─── */
+  .widget-container {
+    display: block;
+    pointer-events: none;
+  }
+
+  /* ─── FAB Trigger ─── */
+  .trigger {
+    position: fixed;
+    bottom: 24px;
+    left: 24px;
+    width: 60px;
+    height: 60px;
+    pointer-events: auto;
+    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
+    z-index: 2147483646;
+  }
+  .trigger:hover { transform: scale(1.08); }
+
+  /* ─── Main Panel ─── */
+  .bw-panel {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 360px;
+    max-width: 100vw;
+    height: 100dvh;
+    height: 100vh;
+    background: var(--bw-bg);
+    border-right: 1px solid var(--bw-border);
+    box-shadow: var(--bw-shadow-panel);
+    display: flex;
+    flex-direction: column;
+    pointer-events: auto;
+    z-index: 2147483647;
+    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
+    will-change: transform, opacity;
+    overflow: hidden;
+  }
+
+  .bw-panel.panel-hidden {
+    transform: translateX(-100%);
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .bw-panel.panel-visible ~ .trigger {
+    transform: scale(0);
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  /* ─── Header ─── */
+  .bw-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 20px;
+    border-bottom: 1px solid var(--bw-border);
+    flex-shrink: 0;
+    background: var(--bw-bg);
+  }
+
+  .header-branding {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    cursor: pointer;
+    user-select: none;
+    padding: 4px;
+    border-radius: var(--bw-radius-sm);
+    transition: background 0.15s;
+  }
+  .header-branding:active { background: var(--bw-bg-hover); }
+  .header-branding svg { width: 22px; height: 22px; color: var(--bw-primary); }
+  .header-branding-text { display: flex; flex-direction: column; }
+  .header-brand-name { font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: var(--bw-fg); line-height: 1.1; }
+  .header-brand-sub { font-size: 11px; color: var(--bw-fg-muted); line-height: 1; }
+
+  .close-btn {
+    width: 36px;
+    height: 36px;
+    border: none;
+    background: var(--bw-bg-hover);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    transition: all 0.2s;
+    color: var(--bw-fg-muted);
+  }
+  .close-btn:hover { background: #fee2e2; color: #ef4444; transform: rotate(90deg); }
+  .close-btn svg { width: 18px; height: 18px; }
+
+  /* ─── Segmented Tab Control ─── */
+  .bw-tabs {
+    display: flex;
+    padding: 12px 16px;
+    gap: 6px;
+    flex-shrink: 0;
+    background: var(--bw-bg);
+    border-bottom: 1px solid var(--bw-border);
+  }
+
+  .bw-tab {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    padding: 10px 8px;
+    border: none;
+    border-radius: var(--bw-radius-sm);
+    background: var(--bw-bg-subtle);
+    color: var(--bw-fg-muted);
+    font-size: 13px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    min-height: 40px;
+    white-space: nowrap;
+  }
+  .bw-tab:hover { background: var(--bw-bg-hover); color: var(--bw-fg); }
+  .bw-tab[active] {
+    background: var(--bw-primary);
+    color: white;
+    box-shadow: 0 2px 8px rgba(109, 40, 217, 0.3);
+  }
+
+  /* ─── Content area ─── */
+  .bw-content {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .tab-panel {
+    display: none;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+  }
+  .tab-panel[active] { display: flex; }
+
+  /* ─── Footer ─── */
+  .bw-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 20px;
+    border-top: 1px solid var(--bw-border);
+    flex-shrink: 0;
+    background: var(--bw-bg);
+  }
+  .footer-brand {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    font-weight: 700;
+    color: var(--bw-primary);
+    cursor: pointer;
+    user-select: none;
+  }
+  .footer-brand svg { width: 14px; height: 14px; }
+  .bw-footer span { font-size: 11px; color: var(--bw-fg-muted); }
+
+  /* ════════════════════════════════ */
+  /* CHAT TAB                         */
+  /* ════════════════════════════════ */
+
+  .chat-messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    min-height: 0;
+    scroll-behavior: smooth;
+    overscroll-behavior-y: contain;
+    scrollbar-width: thin;
+    scrollbar-color: var(--bw-border) transparent;
+  }
+  .chat-messages::-webkit-scrollbar { width: 4px; }
+  .chat-messages::-webkit-scrollbar-thumb { background: var(--bw-border); border-radius: 4px; }
+
+  .chat-empty {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    padding: 2rem;
+    text-align: center;
+    color: var(--bw-fg-muted);
+  }
+  .chat-empty svg { width: 44px; height: 44px; opacity: 0.35; }
+  .chat-empty-title { font-size: 15px; font-weight: 600; color: var(--bw-fg); margin: 0; }
+  .chat-empty-sub { font-size: 13px; color: var(--bw-fg-muted); margin: 0; line-height: 1.5; }
+
+  .chat-bubble {
+    max-width: 82%;
+    padding: 10px 14px;
+    border-radius: 18px;
+    font-size: 14px;
+    line-height: 1.5;
+    white-space: pre-wrap;
+    word-break: break-word;
+    animation: bubblePop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+  }
+  @keyframes bubblePop { from { opacity: 0; transform: scale(0.9) translateY(4px); } to { opacity: 1; transform: none; } }
+
+  .chat-bubble.user {
+    align-self: flex-end;
+    background: var(--bw-primary);
+    color: white;
+    border-bottom-right-radius: 4px;
+  }
+  .chat-bubble.assistant {
+    align-self: flex-start;
+    background: var(--bw-bg-subtle);
+    color: var(--bw-fg);
+    border-bottom-left-radius: 4px;
+    border: 1px solid var(--bw-border);
+  }
+
+  .screen-label-badge {
+    background: rgba(16, 185, 129, 0.08);
+    border: 1px solid rgba(16, 185, 129, 0.2);
+    border-radius: var(--bw-radius-sm);
+    padding: 6px 12px;
+    font-size: 12px;
+    color: #059669;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    flex-shrink: 0;
+  }
+  .screen-label-badge svg { width: 12px; height: 12px; flex-shrink: 0; }
+
+  /* System log details */
+  .system-log {
+    background: var(--bw-bg-subtle);
+    border: 1px solid var(--bw-border);
+    border-radius: var(--bw-radius-sm);
+    font-size: 12px;
+    color: var(--bw-fg-muted);
+    overflow: hidden;
+  }
+  .system-log-header {
+    padding: 8px 12px;
+    cursor: pointer;
+    user-select: none;
+    list-style: none;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .system-log-header::-webkit-details-marker { display: none; }
+  .system-log-details { padding: 8px 12px; border-top: 1px solid var(--bw-border); white-space: pre-wrap; word-break: break-all; }
+
+  /* Typing indicator */
+  .typing-indicator {
+    display: flex;
+    align-self: flex-start;
+    gap: 4px;
+    padding: 12px 16px;
+    background: var(--bw-bg-subtle);
+    border: 1px solid var(--bw-border);
+    border-radius: 18px;
+    border-bottom-left-radius: 4px;
+  }
+  .typing-dot {
+    width: 7px;
+    height: 7px;
+    background: var(--bw-fg-muted);
+    border-radius: 50%;
+    animation: typingBounce 1.2s infinite ease-in-out;
+  }
+  .typing-dot:nth-child(1) { animation-delay: 0s; }
+  .typing-dot:nth-child(2) { animation-delay: 0.2s; }
+  .typing-dot:nth-child(3) { animation-delay: 0.4s; }
+  @keyframes typingBounce { 0%, 60%, 100% { transform: translateY(0); opacity: 0.5; } 30% { transform: translateY(-5px); opacity: 1; } }
+
+  /* Confirm panel */
+  .confirm-panel {
+    padding: 14px 16px;
+    border-top: 1px solid var(--bw-border);
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex-shrink: 0;
+    background: var(--bw-bg);
+  }
+  .btn-confirm {
+    width: 100%; min-height: 46px; border-radius: var(--bw-radius-sm);
+    background: var(--bw-primary); color: white; border: none;
+    font-weight: 700; font-size: 14px; cursor: pointer;
+    transition: all 0.2s; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.25);
+  }
+  .btn-confirm:hover { filter: brightness(1.1); transform: translateY(-1px); }
+  .btn-cancel {
+    width: 100%; min-height: 44px; border-radius: var(--bw-radius-sm);
+    background: transparent; color: #ef4444; border: 1px solid #fecaca;
+    font-weight: 600; font-size: 13px; cursor: pointer; transition: all 0.2s;
+  }
+  .btn-cancel:hover { background: #fef2f2; }
+
+  /* Chat input area */
+  .chat-input-area {
+    border-top: 1px solid var(--bw-border);
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 12px 14px;
+    flex-shrink: 0;
+    background: var(--bw-bg);
+  }
+
+  .stt-banner {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 12px;
+    padding: 6px 10px;
+    border-radius: var(--bw-radius-sm);
+  }
+  .stt-banner.recording { color: #dc2626; background: rgba(220,38,38,0.08); }
+  .stt-banner.processing { color: #2563eb; background: rgba(37,99,235,0.08); }
+  .stt-banner.error { color: #dc2626; background: rgba(220,38,38,0.06); }
+
+  .chat-input-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .chat-input {
+    flex: 1;
+    min-width: 0;
+    height: 38px;
+    padding: 0 14px;
+    border: 1px solid var(--bw-border);
+    border-radius: 999px;
+    font-size: 14px;
+    font-family: inherit;
+    background: var(--bw-bg-subtle);
+    color: var(--bw-fg);
+    outline: none;
+    transition: border-color 0.2s;
+  }
+  .chat-input:focus { border-color: var(--bw-primary); background: var(--bw-bg); }
+  .chat-input:disabled { opacity: 0.5; cursor: not-allowed; }
+  .chat-input::placeholder { color: var(--bw-fg-muted); }
+
+  .chat-icon-btn {
+    flex-shrink: 0;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    border: 1px solid var(--bw-border);
+    background: var(--bw-bg-subtle);
+    color: var(--bw-fg-muted);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.18s;
+    font-size: 16px;
+    line-height: 1;
+  }
+  .chat-icon-btn:hover:not(:disabled) { border-color: var(--bw-primary); color: var(--bw-primary); background: var(--bw-bg-hover); }
+  .chat-icon-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+  .chat-icon-btn svg { width: 17px; height: 17px; }
+
+  /* Specialized Mic Button (Accessibility Target) */
+  #bw-voice-btn {
+    width: 56px;
+    height: 56px;
+    background: var(--bw-bg-subtle);
+    border: 2px solid var(--bw-primary);
+    color: var(--bw-primary);
+    margin-right: 12px; /* Physical buffer from send button */
+  }
+  #bw-voice-btn:hover { background: rgba(109, 40, 217, 0.08); transform: scale(1.05); }
+  #bw-voice-btn.recording {
+    background: #fef2f2;
+    border-color: #dc2626;
+    color: #dc2626;
+    animation: micPulse 1.5s infinite;
+  }
+  @keyframes micPulse {
+    0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); transform: scale(1.05); }
+    100% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); transform: scale(1.05); }
+  }
+
+  .chat-icon-btn.tts-on { background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.4); color: #059669; }
+
+  .chat-send-btn {
+    flex-shrink: 0;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    border: none;
+    background: var(--bw-primary);
+    color: white;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s;
+    box-shadow: 0 2px 8px rgba(109,40,217,0.3);
+    margin-left: 6px;
+  }
+  .chat-send-btn:hover:not(:disabled) { transform: scale(1.08); filter: brightness(1.1); }
+  .chat-send-btn:disabled { opacity: 0.35; cursor: not-allowed; transform: none; box-shadow: none; }
+  .chat-send-btn svg { width: 18px; height: 18px; }
+
+  /* ════════════════════════════════ */
+  /* SETTINGS (A11Y) TAB             */
+  /* ════════════════════════════════ */
+
+  .a11y-scroller {
+    flex: 1;
+    overflow-y: auto;
+    overscroll-behavior-y: contain;
+    scrollbar-width: thin;
+    scrollbar-color: var(--bw-border) transparent;
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    min-height: 0;
+  }
+  .a11y-scroller::-webkit-scrollbar { width: 4px; }
+  .a11y-scroller::-webkit-scrollbar-thumb { background: var(--bw-border); border-radius: 4px; }
+
+  /* Settings grid */
+  .settings-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+    padding: 14px 14px 0;
+  }
+
+  .settings-card {
+    background: var(--bw-bg-subtle);
+    border: 1.5px solid var(--bw-border);
+    border-radius: var(--bw-radius);
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    cursor: pointer;
+    transition: all 0.18s cubic-bezier(0.4,0,0.2,1);
+    position: relative;
+    text-align: center;
+    min-height: 90px;
+    user-select: none;
+    overflow: hidden;
+  }
+  .settings-card:hover { border-color: var(--bw-primary); background: var(--bw-bg); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,0.07); }
+  .settings-card[active] {
+    border-color: var(--bw-primary);
+    background: rgba(109, 40, 217, 0.06);
+    box-shadow: 0 0 0 1px var(--bw-primary);
+  }
+  .settings-card[active] svg { color: var(--bw-primary); }
+  .settings-card svg { width: 22px; height: 22px; color: var(--bw-fg-muted); transition: color 0.18s; }
+  .settings-card-label { font-size: 12px; font-weight: 600; color: var(--bw-fg); }
+  .settings-card[active] .settings-card-label { color: var(--bw-primary); }
+  .settings-card-value { font-size: 11px; color: var(--bw-fg-muted); font-weight: 500; }
+  
+  .active-badge {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    width: 18px;
+    height: 18px;
+    background: var(--bw-primary);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .active-badge svg { width: 10px; height: 10px; color: white; stroke-width: 3; }
+
+  /* Color section */
+  .color-section {
+    margin: 12px 14px 0;
+    padding: 14px;
+    border: 1.5px solid var(--bw-border);
+    border-radius: var(--bw-radius);
+    background: var(--bw-bg-subtle);
+  }
+
+  .color-section-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 12px;
+  }
+  .color-section-header svg { width: 16px; height: 16px; color: var(--bw-primary); }
+  .color-section-title { font-size: 13px; font-weight: 700; color: var(--bw-fg); margin: 0; }
+
+  .color-tabs {
+    display: flex;
+    gap: 6px;
+    margin-bottom: 12px;
+  }
+  .color-tab {
+    flex: 1;
+    border: 1px solid var(--bw-border);
+    border-radius: 6px;
+    padding: 6px 4px;
+    font-size: 11px;
+    font-weight: 600;
+    text-align: center;
+    cursor: pointer;
+    background: var(--bw-bg);
+    color: var(--bw-fg-muted);
+    transition: all 0.15s;
+  }
+  .color-tab[active] { background: var(--bw-primary); color: white; border-color: var(--bw-primary); }
+
+  .hue-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+  .hue-step-btn {
+    width: 32px; height: 32px; border: 1px solid var(--bw-border);
+    border-radius: 50%; background: var(--bw-bg); cursor: pointer;
+    display: flex; align-items: center; justify-content: center;
+    font-size: 18px; font-weight: 700; color: var(--bw-fg); flex-shrink: 0;
+    transition: all 0.15s;
+  }
+  .hue-step-btn:hover { border-color: var(--bw-primary); color: var(--bw-primary); }
+  .hue-slider {
+    flex: 1; height: 8px; border-radius: 4px; -webkit-appearance: none;
+    background: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red);
+    cursor: pointer; outline: none; border: none;
+  }
+  .hue-slider::-webkit-slider-thumb {
+    -webkit-appearance: none; width: 20px; height: 20px;
+    background: white; border: 2.5px solid var(--bw-primary);
+    border-radius: 50%; cursor: pointer;
+    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
+  }
+
+  /* AI Tools section */
+  .ai-tools-section {
+    margin: 12px 14px 14px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .trigger svg {
+    width: 28px;
+    height: 28px;
+  }
+
+  .ai-tool-btn {
+    width: 100%;
+    padding: 12px 16px;
+    border-radius: var(--bw-radius-sm);
+    border: 1.5px solid var(--bw-border);
+    background: var(--bw-bg);
+    color: var(--bw-fg);
+    font-size: 13px;
+    font-weight: 600;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    transition: all 0.18s;
+    text-align: left;
+    min-height: 46px;
+  }
+  .ai-tool-btn:hover { border-color: var(--bw-primary); color: var(--bw-primary); background: rgba(109,40,217,0.04); }
+  .ai-tool-btn.active { background: rgba(109,40,217,0.08); border-color: var(--bw-primary); color: var(--bw-primary); }
+  .ai-tool-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
+  .ai-tool-btn-label { flex: 1; }
+  .ai-tool-badge { font-size: 10px; background: var(--bw-primary); color: white; padding: 2px 7px; border-radius: 99px; font-weight: 700; }
+  .ai-tool-badge.on { background: #059669; }
+
+  /* ════════════════════════════════ */
+  /* ADMIN PANEL                      */
+  /* ════════════════════════════════ */
+  .admin-overlay {
+    position: absolute;
+    inset: 0;
+    background: var(--bw-bg);
+    z-index: 50;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 32px 24px;
+    text-align: center;
+    animation: adminFadeIn 0.25s ease;
+  }
+  @keyframes adminFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
+
+  .admin-overlay .admin-icon { font-size: 32px; margin-bottom: 12px; }
+  .admin-overlay h4 { font-size: 17px; font-weight: 700; margin: 0 0 6px; color: var(--bw-fg); }
+  .admin-overlay p { font-size: 13px; color: var(--bw-fg-muted); margin: 0 0 20px; }
+  .admin-overlay input {
+    width: 100%; padding: 12px 14px; border-radius: var(--bw-radius-sm);
+    border: 1.5px solid var(--bw-border); background: var(--bw-bg-subtle);
+    color: var(--bw-fg); font-size: 14px; outline: none; margin-bottom: 10px;
+    transition: border-color 0.2s;
+  }
+  .admin-overlay input:focus { border-color: var(--bw-primary); }
+  .admin-login-btn {
+    width: 100%; padding: 12px; border-radius: var(--bw-radius-sm);
+    background: var(--bw-primary); color: white; border: none;
+    font-weight: 700; font-size: 14px; cursor: pointer; margin-bottom: 8px;
+    transition: all 0.2s;
+  }
+  .admin-login-btn:hover { filter: brightness(1.1); }
+  .admin-logout-btn {
+    width: 100%; padding: 12px; border-radius: var(--bw-radius-sm);
+    background: #fef2f2; color: #ef4444; border: 1px solid #fecaca;
+    font-weight: 600; font-size: 14px; cursor: pointer; margin-bottom: 8px;
+    transition: all 0.2s;
+  }
+  .admin-logout-btn:hover { background: #fee2e2; }
+  .admin-close-btn {
+    background: none; border: none; color: var(--bw-fg-muted);
+    font-size: 13px; cursor: pointer; padding: 6px; text-decoration: underline;
+    margin-top: 4px;
+  }
+  .auth-error { color: #ef4444; font-size: 12px; margin: 0 0 12px; }
+  .admin-status { color: #059669; font-size: 14px; font-weight: 600; margin: 0 0 16px; }
+`, st = "bw-a11y-settings-v2", Y = {
+	monochrome: !1,
+	darkHighContrast: !1,
+	brightHighContrast: !1,
+	lowSaturation: !1,
+	highSaturation: !1,
+	contrastMode: !1,
+	customBgHue: null,
+	customHeaderHue: null,
+	customContentHue: null,
+	activeColorTab: "background",
+	textScale: 1,
+	highlightHeaders: !1,
+	enlargeButtons: !1,
+	textSpacing: !1,
+	dyslexicFont: !1,
+	focusVisualizer: !1,
+	cursorMagnifier: !1,
+	animationsDisabled: !1,
+	linkHighlight: !1
+}, ct = class {
+	constructor(e) {
+		this.settings = { ...Y }, (this.host = e).addController(this), this._loadSettings();
+	}
+	hostConnected() {
+		this._applySettings();
+	}
+	_loadSettings() {
+		let e = localStorage.getItem(st);
+		if (e) try {
+			let t = JSON.parse(e);
+			this.settings = {
+				...Y,
+				...t
+			};
+		} catch (e) {
+			console.error("BariWeb: Failed to parse a11y settings", e);
+		}
+	}
+	_saveSettings() {
+		localStorage.setItem(st, JSON.stringify(this.settings)), this._applySettings(), this.host.requestUpdate();
+	}
+	_ensureGlobalStyles() {
+		let e = "bw-global-a11y-styles", t = document.getElementById(e);
+		t || (t = document.createElement("style"), t.id = e, document.head.appendChild(t)), t.textContent = "\n      /* Global Filters */\n      html {\n        filter: \n          grayscale(var(--bw-grayscale, 0%)) \n          saturate(var(--bw-saturation, 1)) !important;\n        transition: filter 0.3s ease;\n      }\n\n      /* Text Spacing */\n      html[data-bw-text-spacing], html[data-bw-text-spacing] * {\n        line-height: 1.8 !important;\n        letter-spacing: 0.12em !important;\n        word-spacing: 0.16em !important;\n      }\n\n      /* Dyslexic Font */\n      html[data-bw-dyslexic], html[data-bw-dyslexic] * {\n        font-family: \"OpenDyslexic\", \"Comic Sans MS\", \"Chalkboard SE\", sans-serif !important;\n      }\n\n      /* Focus Visualizer (Read Focus) - More distinctive */\n      html[data-bw-focus-visualizer] *:focus,\n      html[data-bw-focus-visualizer] *:focus-visible {\n        outline: 8px solid #3b82f6 !important;\n        outline-offset: 4px !important;\n        box-shadow: 0 0 0 12px rgba(59, 130, 246, 0.4) !important;\n        z-index: 99999 !important;\n        position: relative;\n      }\n      html[data-bw-focus-visualizer] *:hover {\n        outline: 2px solid rgba(59, 130, 246, 0.3) !important;\n        outline-offset: 2px !important;\n      }\n\n      /* Cursor Magnifier - Standing out */\n      html[data-bw-cursor-magnifier], html[data-bw-cursor-magnifier] * {\n        cursor: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='%233b82f6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z'%3E%3C/path%3E%3Cpath d='M13 13l6 6'%3E%3C/path%3E%3C/svg%3E\") 0 0, auto !important;\n      }\n\n      /* Link Highlight */\n      html[data-bw-link-highlight] a {\n        text-decoration: underline !important;\n        text-decoration-thickness: 3px !important;\n        background-color: #fef08a !important;\n        color: #000000 !important;\n        padding: 0 4px !important;\n        border-radius: 4px !important;\n        font-weight: bold !important;\n      }\n\n      /* Highlight Headers */\n      html[data-bw-highlight-headers] h1,\n      html[data-bw-highlight-headers] h2,\n      html[data-bw-highlight-headers] h3,\n      html[data-bw-highlight-headers] h4,\n      html[data-bw-highlight-headers] h5,\n      html[data-bw-highlight-headers] h6 {\n        background-color: #3b82f6 !important;\n        color: #ffffff !important;\n        padding: 4px 8px !important;\n        border-radius: 4px !important;\n        display: inline-block !important;\n      }\n\n      /* Enlarge Buttons */\n      html[data-bw-enlarge-buttons] button,\n      html[data-bw-enlarge-buttons] [role=\"button\"],\n      html[data-bw-enlarge-buttons] input[type=\"button\"],\n      html[data-bw-enlarge-buttons] input[type=\"submit\"] {\n        transform: scale(1.2) !important;\n        margin: 10px !important;\n      }\n\n      /* Stop Animations */\n      html[data-bw-no-animations], html[data-bw-no-animations] * {\n        transition: none !important;\n        animation: none !important;\n        scroll-behavior: auto !important;\n      }\n\n      /* --- High Contrast Modes --- */\n      \n      /* Dark High Contrast */\n      html[data-bw-dark-high-contrast], \n      html[data-bw-dark-high-contrast] body,\n      html[data-bw-dark-high-contrast] *:not(bw-widget):not(bw-widget *) {\n        background-color: #000000 !important;\n        color: #00ff00 !important; /* High-Visibility Green on Black */\n        border-color: #00ff00 !important;\n        background-image: none !important;\n      }\n      html[data-bw-dark-high-contrast] a { color: #ffff00 !important; }\n\n      /* Bright High Contrast */\n      html[data-bw-bright-high-contrast], \n      html[data-bw-bright-high-contrast] body,\n      html[data-bw-bright-high-contrast] *:not(bw-widget):not(bw-widget *) {\n        background-color: #ffffff !important;\n        color: #000000 !important;\n        border-color: #000000 !important;\n        background-image: none !important;\n      }\n      html[data-bw-bright-high-contrast] a { color: #0000ff !important; font-weight: bold !important; }\n\n      /* Contrast Mode (Classic) */\n      html[data-bw-contrast-mode], \n      html[data-bw-contrast-mode] body,\n      html[data-bw-contrast-mode] *:not(bw-widget):not(bw-widget *) {\n        background-color: #000 !important;\n        color: #fff !important;\n        border-color: #fff !important;\n      }\n\n      /* --- Custom Colors --- */\n      html[data-bw-has-custom-bg] body,\n      html[data-bw-has-custom-bg] *:not(bw-widget):not(bw-widget *) {\n        background-color: var(--bw-custom-bg) !important;\n        background-image: none !important;\n      }\n      html[data-bw-has-custom-header] h1,\n      html[data-bw-has-custom-header] h2,\n      html[data-bw-has-custom-header] h3 {\n        color: var(--bw-custom-header) !important;\n      }\n      html[data-bw-has-custom-content] p,\n      html[data-bw-has-custom-content] span,\n      html[data-bw-has-custom-content] div:not(bw-widget *) {\n        color: var(--bw-custom-content) !important;\n      }\n    ";
+	}
+	_applySettings() {
+		let e = document.documentElement;
+		this._ensureGlobalStyles(), e.style.setProperty("--bw-grayscale", this.settings.monochrome ? "100%" : "0%");
+		let t = 1;
+		this.settings.lowSaturation && (t = .3), this.settings.highSaturation && (t = 2.5), e.style.setProperty("--bw-saturation", t.toString()), this.settings.customBgHue === null ? e.removeAttribute("data-bw-has-custom-bg") : (e.style.setProperty("--bw-custom-bg", `hsl(${this.settings.customBgHue}, 50%, 95%)`), e.setAttribute("data-bw-has-custom-bg", "")), this.settings.customHeaderHue === null ? e.removeAttribute("data-bw-has-custom-header") : (e.style.setProperty("--bw-custom-header", `hsl(${this.settings.customHeaderHue}, 70%, 30%)`), e.setAttribute("data-bw-has-custom-header", "")), this.settings.customContentHue === null ? e.removeAttribute("data-bw-has-custom-content") : (e.style.setProperty("--bw-custom-content", `hsl(${this.settings.customContentHue}, 60%, 40%)`), e.setAttribute("data-bw-has-custom-content", "")), this.settings.textScale > 1 ? e.style.fontSize = `${this.settings.textScale * 100}%` : e.style.fontSize = "";
+		let n = {
+			"data-bw-monochrome": this.settings.monochrome,
+			"data-bw-dark-high-contrast": this.settings.darkHighContrast,
+			"data-bw-bright-high-contrast": this.settings.brightHighContrast,
+			"data-bw-contrast-mode": this.settings.contrastMode,
+			"data-bw-text-spacing": this.settings.textSpacing,
+			"data-bw-dyslexic": this.settings.dyslexicFont,
+			"data-bw-focus-visualizer": this.settings.focusVisualizer,
+			"data-bw-cursor-magnifier": this.settings.cursorMagnifier,
+			"data-bw-no-animations": this.settings.animationsDisabled,
+			"data-bw-link-highlight": this.settings.linkHighlight,
+			"data-bw-highlight-headers": this.settings.highlightHeaders,
+			"data-bw-enlarge-buttons": this.settings.enlargeButtons
+		};
+		Object.entries(n).forEach(([t, n]) => {
+			n ? e.setAttribute(t, "") : e.removeAttribute(t);
+		});
+		let r = this.host;
+		r && r.style.setProperty("--bw-font-scale", this.settings.textScale.toString());
+	}
+	toggleMonochrome() {
+		this.settings.monochrome = !this.settings.monochrome, this._saveSettings();
+	}
+	toggleDarkHighContrast() {
+		this.settings.darkHighContrast = !this.settings.darkHighContrast, this.settings.darkHighContrast && (this.settings.brightHighContrast = !1, this.settings.contrastMode = !1), this._saveSettings();
+	}
+	toggleBrightHighContrast() {
+		this.settings.brightHighContrast = !this.settings.brightHighContrast, this.settings.brightHighContrast && (this.settings.darkHighContrast = !1, this.settings.contrastMode = !1), this._saveSettings();
+	}
+	toggleLowSaturation() {
+		this.settings.lowSaturation = !this.settings.lowSaturation, this.settings.lowSaturation && (this.settings.highSaturation = !1), this._saveSettings();
+	}
+	toggleHighSaturation() {
+		this.settings.highSaturation = !this.settings.highSaturation, this.settings.highSaturation && (this.settings.lowSaturation = !1), this._saveSettings();
+	}
+	toggleContrastMode() {
+		this.settings.contrastMode = !this.settings.contrastMode, this.settings.contrastMode && (this.settings.darkHighContrast = !1, this.settings.brightHighContrast = !1), this._saveSettings();
+	}
+	setCustomHue(e) {
+		this.settings.activeColorTab === "background" ? this.settings.customBgHue = e : this.settings.activeColorTab === "header" ? this.settings.customHeaderHue = e : this.settings.customContentHue = e, this._saveSettings();
+	}
+	resetCustomColors() {
+		this.settings.customBgHue = null, this.settings.customHeaderHue = null, this.settings.customContentHue = null, this._saveSettings();
+	}
+	toggleHighlightHeaders() {
+		this.settings.highlightHeaders = !this.settings.highlightHeaders, this._saveSettings();
+	}
+	toggleEnlargeButtons() {
+		this.settings.enlargeButtons = !this.settings.enlargeButtons, this._saveSettings();
+	}
+	incrementTextScale() {
+		this.settings.textScale >= 1.5 ? this.settings.textScale = 1 : this.settings.textScale = parseFloat((this.settings.textScale + .1).toFixed(1)), this._saveSettings();
+	}
+	toggleTextSpacing() {
+		this.settings.textSpacing = !this.settings.textSpacing, this._saveSettings();
+	}
+	toggleDyslexicFont() {
+		this.settings.dyslexicFont = !this.settings.dyslexicFont, this._saveSettings();
+	}
+	toggleFocusVisualizer() {
+		this.settings.focusVisualizer = !this.settings.focusVisualizer, this._saveSettings();
+	}
+	toggleCursorMagnifier() {
+		this.settings.cursorMagnifier = !this.settings.cursorMagnifier, this._saveSettings();
+	}
+	toggleAnimations() {
+		this.settings.animationsDisabled = !this.settings.animationsDisabled, this._saveSettings();
+	}
+	toggleLinkHighlight() {
+		this.settings.linkHighlight = !this.settings.linkHighlight, this._saveSettings();
+	}
+	reset() {
+		this.settings = { ...Y }, this._saveSettings();
+	}
+}, lt = "http://localhost:8000", ut = class {
+	constructor(e) {
+		this.isFixing = !1, this.simplifyEnabled = !1, this.autoA11yEnabled = !1, this._onParagraphClick = async (e) => {
+			if (!this.simplifyEnabled) return;
+			let t = e.target;
+			if (t.closest("bw-widget") || t.closest(".bw-ai-tooltip")) return;
+			let n = t.tagName.toLowerCase();
+			if ([
+				"p",
+				"span",
+				"div",
+				"li",
+				"article",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6"
+			].includes(n)) {
+				let n = t.innerText?.trim();
+				if (n && n.length > 20) {
+					e.preventDefault(), e.stopPropagation(), document.querySelectorAll(".bw-ai-tooltip").forEach((e) => e.remove());
+					let r = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches, i = document.createElement("div");
+					i.className = "bw-ai-tooltip bw-ai-tooltip-loading", r && i.setAttribute("data-theme", "dark"), i.innerHTML = "\n          <div class=\"bw-ai-tooltip-header\">\n            <span>✨ AI Упрощение</span>\n            <button class=\"bw-ai-tooltip-close\">✕</button>\n          </div>\n          <div class=\"bw-ai-tooltip-content\">\n            Ожидаем ответ от ИИ...\n          </div>\n        ", document.body.appendChild(i), i.style.left = `${Math.max(10, e.pageX - 160)}px`, i.style.top = `${e.pageY + 20}px`;
+					let a = t.style.outline, o = t.style.backgroundColor;
+					t.style.outline = "2px dashed #a855f7", t.style.backgroundColor = "rgba(168, 85, 247, 0.05)", i.querySelector(".bw-ai-tooltip-close")?.addEventListener("click", () => {
+						i.remove(), t.style.outline = a, t.style.backgroundColor = o;
+					});
+					try {
+						let e = window.BariwebConfig?.clientId || "", t = await fetch(`${lt}/v1/widget/a11y/simplify`, {
+							method: "POST",
+							headers: {
+								"Content-Type": "application/json",
+								"X-Client-ID": e
+							},
+							body: JSON.stringify({ text: n })
+						});
+						if (t.ok) {
+							let e = await t.json();
+							if (e.text) i.classList.remove("bw-ai-tooltip-loading"), i.querySelector(".bw-ai-tooltip-content").innerHTML = e.text;
+							else throw Error("Empty response");
+						} else throw Error("Server error");
+					} catch (e) {
+						console.error("BariWeb AI: Simplify failed", e), i.classList.remove("bw-ai-tooltip-loading"), i.querySelector(".bw-ai-tooltip-content").innerHTML = "<span style=\"color:#ef4444; font-size:13px;\">Ошибка создания упрощенного текста. Попробуйте еще раз.</span>";
+					}
+				}
+			}
+		}, (this.host = e).addController(this), this.simplifyEnabled = localStorage.getItem("bw-ai-simplify") === "true", this.autoA11yEnabled = localStorage.getItem("bw-ai-autofix") === "true", t.onStateChange(() => {
+			this.autoA11yEnabled && !this.isFixing && this.fixMarkup();
+		}), this.autoA11yEnabled && setTimeout(() => this.fixMarkup(), 1e3);
+	}
+	toggleAutoA11y() {
+		this.autoA11yEnabled = !this.autoA11yEnabled, localStorage.setItem("bw-ai-autofix", this.autoA11yEnabled ? "true" : "false"), this.autoA11yEnabled && !this.isFixing && this.fixMarkup(), this.host.requestUpdate();
+	}
+	hostConnected() {}
+	hostDisconnected() {
+		this.simplifyEnabled && (document.body.removeEventListener("click", this._onParagraphClick, { capture: !0 }), document.body.classList.remove("bw-simplify-mode"));
+	}
+	async fixMarkup() {
+		this.isFixing = !0, this.host.requestUpdate();
+		try {
+			let e = [];
+			if (document.querySelectorAll("img:not([alt]), img[alt=\"\"]").forEach((t) => {
+				t.hasAttribute("data-bw-ai-id") || t.setAttribute("data-bw-ai-id", "ai-img-" + Math.random().toString(36).substring(2, 9)), e.push({
+					id: t.getAttribute("data-bw-ai-id"),
+					html: t.outerHTML.substring(0, 300) + (t.outerHTML.length > 300 ? "...>" : "")
+				});
+			}), document.querySelectorAll("button:not([aria-label]), a:not([aria-label]), [role=\"button\"]:not([aria-label])").forEach((t) => {
+				if (t.tagName === "INPUT") return;
+				let n = t;
+				n.innerText?.trim() || n.textContent?.trim() || (t.hasAttribute("data-bw-ai-id") || t.setAttribute("data-bw-ai-id", "ai-btn-" + Math.random().toString(36).substring(2, 9)), e.push({
+					id: t.getAttribute("data-bw-ai-id"),
+					html: t.outerHTML.substring(0, 300) + (t.outerHTML.length > 300 ? "...>" : "")
+				}));
+			}), e.length === 0) {
+				console.log("BariWeb AI: No broken elements found.");
+				return;
+			}
+			console.log(`BariWeb AI: Found ${e.length} broken elements. Processing...`);
+			let t = window.BariwebConfig?.clientId || "";
+			for (let n = 0; n < e.length; n += 10) {
+				let r = e.slice(n, n + 10), i = await fetch(`${lt}/v1/widget/a11y/fix`, {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						"X-Client-ID": t
+					},
+					body: JSON.stringify({ elements: r })
+				});
+				i.ok && (await i.json()).forEach((e) => {
+					let t = document.querySelector(`[data-bw-ai-id="${e.id}"]`);
+					if (t && e.value && (e.attribute === "alt" || e.attribute === "aria-label")) {
+						t.setAttribute(e.attribute, e.value);
+						let n = t, r = n.style.outline;
+						n.style.outline = "3px solid #10b981", setTimeout(() => {
+							n.style.outline = r;
+						}, 2e3);
+					}
+				});
+			}
+		} catch (e) {
+			console.error("BariWeb AI: A11y Fix failed", e);
+		} finally {
+			this.isFixing = !1, this.host.requestUpdate();
+		}
+	}
+	toggleSimplify() {
+		if (this.simplifyEnabled = !this.simplifyEnabled, this.simplifyEnabled) {
+			if (document.body.addEventListener("click", this._onParagraphClick, { capture: !0 }), document.documentElement.style.setProperty("--bw-simplify-cursor", "help"), !document.getElementById("bw-simplify-mode-style")) {
+				let e = document.createElement("style");
+				e.id = "bw-simplify-mode-style", e.textContent = "\n          body.bw-simplify-mode *:hover {\n            cursor: help !important;\n            background-color: rgba(168, 85, 247, 0.1) !important;\n            outline: 1px dashed rgba(168, 85, 247, 0.4) !important;\n          }\n          bw-widget.bw-simplify-mode *:hover, .bw-ai-tooltip *:hover {\n            cursor: inherit !important;\n            background-color: transparent !important;\n            outline: none !important;\n          }\n          .bw-ai-tooltip {\n            position: absolute;\n            width: 320px;\n            background: #ffffff;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n            color: #0f172a;\n            font-family: system-ui, -apple-system, sans-serif;\n            z-index: 999999;\n            overflow: hidden;\n            animation: bwAiFadeIn 0.2s ease-out;\n          }\n          .bw-ai-tooltip[data-theme=\"dark\"] {\n            background: #1e293b;\n            border-color: #334155;\n            color: #f8fafc;\n          }\n          .bw-ai-tooltip-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 8px 12px;\n            background: #f8fafc;\n            border-bottom: 1px solid #e2e8f0;\n            font-size: 11px;\n            font-weight: 700;\n            color: #64748b;\n          }\n          .bw-ai-tooltip[data-theme=\"dark\"] .bw-ai-tooltip-header {\n            background: #0f172a;\n            border-bottom-color: #334155;\n            color: #94a3b8;\n          }\n          .bw-ai-tooltip-close {\n            background: transparent;\n            border: none;\n            color: inherit;\n            cursor: pointer;\n            font-size: 14px;\n            padding: 2px 6px;\n            border-radius: 4px;\n          }\n          .bw-ai-tooltip-close:hover {\n            background: rgba(0,0,0,0.05);\n          }\n          .bw-ai-tooltip[data-theme=\"dark\"] .bw-ai-tooltip-close:hover {\n            background: rgba(255,255,255,0.1);\n          }\n          .bw-ai-tooltip-content {\n            padding: 14px;\n            font-size: 14px;\n            line-height: 1.6;\n          }\n          .bw-ai-tooltip-loading .bw-ai-tooltip-content {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            color: #64748b;\n            font-style: italic;\n            font-size: 13px;\n          }\n          @keyframes bwAiFadeIn {\n            from { opacity: 0; transform: translateY(4px); }\n            to { opacity: 1; transform: translateY(0); }\n          }\n        ", document.head.appendChild(e);
+			}
+			document.body.classList.add("bw-simplify-mode");
+		} else document.body.removeEventListener("click", this._onParagraphClick, { capture: !0 }), document.body.classList.remove("bw-simplify-mode"), document.documentElement.style.removeProperty("--bw-simplify-cursor");
+		this.host.requestUpdate();
+	}
+}, dt = "bw-tts-enabled-v1", ft = class {
+	constructor() {
+		this.enabled = !0, this.enabled = this.loadEnabled();
+	}
+	isEnabled() {
+		return this.enabled;
+	}
+	setEnabled(e) {
+		this.enabled = e;
+		try {
+			localStorage.setItem(dt, e ? "1" : "0");
+		} catch {}
+		e || this.stop();
+	}
+	stop() {
+		"speechSynthesis" in window && window.speechSynthesis.cancel();
+	}
+	speak(e) {
+		if (!this.enabled || !("speechSynthesis" in window)) return;
+		let t = (e || "").trim();
+		if (t) try {
+			window.speechSynthesis.cancel();
+			let e = new SpeechSynthesisUtterance(t), n = this.detectLanguage(t);
+			e.lang = n;
+			let r = this.pickVoice(n);
+			r && (e.voice = r), e.rate = 1, e.pitch = 1, window.speechSynthesis.speak(e);
+		} catch (e) {
+			console.warn("TTS speak failed", e);
+		}
+	}
+	loadEnabled() {
+		try {
+			let e = localStorage.getItem(dt);
+			return e === null ? !0 : e !== "0";
+		} catch {
+			return !0;
+		}
+	}
+	detectLanguage(e) {
+		let t = e.toLowerCase();
+		return /[әіңғүұқөһ]/i.test(t) ? "kk-KZ" : /[а-яё]/i.test(t) ? "ru-RU" : /[a-z]/i.test(t) ? "en-US" : "ru-RU";
+	}
+	pickVoice(e) {
+		if (!("speechSynthesis" in window)) return null;
+		let t = window.speechSynthesis.getVoices();
+		if (!t || t.length === 0) return null;
+		let n = e.split("-")[0].toLowerCase();
+		return t.find((t) => t.lang.toLowerCase() === e.toLowerCase()) || t.find((e) => e.lang.toLowerCase().startsWith(n)) || t[0] || null;
+	}
+}, X = "http://localhost:8000", pt = 5, mt = [/(submit|отправить|оплатить|сгенерировать|сохранить|перевести|подтвердит|купить|удалить|delete|pay|purchase|buy|send|transfer|confirm|place.?order|checkout|remove|drop|unsubscribe|sign.?out|выйти|уволить)/i];
+function ht(e) {
+	if (e.type !== "click_element" || !e.element_id) return !1;
+	let t = document.getElementById(e.element_id);
+	if (!t) return !1;
+	if (t.getAttribute("type") === "submit" || t.tagName.toLowerCase() === "button" && t.closest("form") !== null && t.getAttribute("type") !== "button") return !0;
+	let n = [
+		t.textContent?.trim() || "",
+		t.getAttribute("aria-label") || "",
+		t.getAttribute("title") || "",
+		t.getAttribute("name") || "",
+		t.getAttribute("value") || ""
+	].join(" ");
+	return mt.some((e) => e.test(n));
+}
+var gt = class {
+	constructor(e) {
+		this.messages = [], this.isLoading = !1, this.error = null, this._tts = new ft(), this._voiceMode = !1, this.pendingConfirmation = null, (this.host = e).addController(this), this._loadMessages();
+	}
+	hostConnected() {}
+	hostDisconnected() {
+		this._tts.stop();
+	}
+	_loadMessages() {
+		try {
+			let e = sessionStorage.getItem("bw-chat-history");
+			e && (this.messages = JSON.parse(e), this.messages.length > 0 && typeof this.host.setOpen == "function" && setTimeout(() => this.host.setOpen(!0), 100));
+			let t = sessionStorage.getItem("bw-auto-resume");
+			if (t === "true" || t === "verify-only") {
+				sessionStorage.removeItem("bw-auto-resume");
+				let e = t === "verify-only" ? "Страница загрузилась после отправки формы. Проверь новый DOM: если авторизация прошла успешно (нет формы входа, есть контент приложения) — сообщи об успехе. НЕ нажимай ничего снова." : "Страница загрузилась. Продолжай выполнение задачи с учетом нового контекста и DOM.";
+				setTimeout(() => {
+					this._agentStep(e);
+				}, 1e3);
+			}
+		} catch (e) {
+			console.error("Failed to load chat history", e);
+		}
+	}
+	_saveMessages() {
+		try {
+			sessionStorage.setItem("bw-chat-history", JSON.stringify(this.messages));
+		} catch (e) {
+			console.error("Failed to save chat history", e);
+		}
+	}
+	gatherContext() {
+		let e = window.location.href, t = document.body?.innerText?.slice(0, 3e3) ?? "", n = Array.from(document.querySelectorAll("a[href], button, [role=\"button\"], input:not([type=\"hidden\"]), textarea, select")).filter((e) => !e.hasAttribute("bw-private")).map((e) => {
+			let t = e, n = t.tagName.toLowerCase(), r = n === "input" || n === "textarea" || n === "select", i = t.getAttribute("type") || (n === "input" ? "text" : n === "button" ? "button" : n), a = t.getAttribute("name") || "", o = t.getAttribute("placeholder") || "", s = r ? (t.value || "").slice(0, 80) : "";
+			s &&= (s = s.replace(/\b\d{13,19}\b/g, (e) => e.slice(0, 4) + " **** **** " + e.slice(-4)), s.replace(/\b\d{12}\b/g, "**** **** ****"));
+			let c = t.id && !t.getAttribute("data-bw-auto") ? t.id : t.getAttribute("data-id") || t.getAttribute("data-testid") || "";
+			if (!c) {
+				let e = `${n}|${i}|${a}|${o}|${(t.className || "").toString().replace(/\s+/g, "-").slice(0, 40)}|${t.href || ""}|${(t.textContent || "").trim().slice(0, 30)}|${t.parentElement?.tagName?.toLowerCase() || "root"}`, r = 5381;
+				for (let t = 0; t < e.length; t++) r = (r << 5) + r ^ e.charCodeAt(t);
+				c = `bw-${(r >>> 0).toString(16)}`, t.id = c, t.setAttribute("data-bw-auto", "true");
+			}
+			let l = t.getAttribute("aria-label") || "";
+			if (!l && c) {
+				let e = document.querySelector(`label[for="${c}"]`);
+				e && (l = e.textContent?.trim() || "");
+			}
+			if (!l) {
+				let e = t.parentElement;
+				for (; e && e.tagName.toLowerCase() !== "form" && e.tagName.toLowerCase() !== "body";) {
+					if (e.tagName.toLowerCase() === "label") {
+						l = (e.textContent || "").replace(t.textContent || "", "").trim();
+						break;
+					}
+					e = e.parentElement;
+				}
+			}
+			if (l ||= (t.textContent || "").trim().slice(0, 80), l ||= t.getAttribute("title") || "", !l && o && (l = o), !l && n === "button") {
+				let e = t.querySelector("svg");
+				if (e && typeof e.className?.baseVal == "string") {
+					let t = e.className.baseVal.match(/lucide-([a-z0-9\-]+)/);
+					l = t ? `[icon:${t[1]}]` : "[icon]";
+				} else l = `[btn:${(t.className || "").toString().slice(0, 30)}]`;
+			}
+			return {
+				id: c,
+				label: l.trim(),
+				tag: n,
+				type: i,
+				name: a,
+				placeholder: o,
+				value: s
+			};
+		}).filter((e) => e.label.length > 0 || (e.placeholder ?? "").length > 0 || (e.name ?? "").length > 0).slice(0, 100).map((e) => "[" + [
+			e.tag,
+			e.type || "",
+			e.id,
+			e.name || "",
+			e.placeholder || "",
+			e.value || "",
+			e.label
+		].join("|") + "]").join(""), r = t;
+		return r = r.replace(/\b\d{13,19}\b/g, "**** **** **** ****"), r = r.replace(/\b\d{12}\b/g, "**** **** ****"), {
+			page_text: r,
+			elements: n,
+			page_url: e
+		};
+	}
+	executeAction(e) {
+		if (e.type === "click_element" && e.element_id) {
+			let t = document.getElementById(e.element_id);
+			if (t) {
+				if (t.tagName.toLowerCase() === "a" && t.href) {
+					let n = t.href;
+					return new URL(n, window.location.origin).origin === window.location.origin && sessionStorage.setItem("bw-auto-resume", "true"), t.click(), {
+						result: `✅ Нажал на "${t.textContent?.trim() || e.element_id}"`,
+						causesNavigation: !0
+					};
+				}
+				return t.getAttribute("type") === "submit" || t.tagName.toLowerCase() === "button" && t.closest("form") !== null && t.getAttribute("type") !== "button" ? (sessionStorage.setItem("bw-auto-resume", "verify-only"), t.click(), {
+					result: `✅ Нажал на "${t.textContent?.trim() || e.element_id}"`,
+					causesNavigation: !0
+				}) : (t.click(), {
+					result: `✅ Нажал на "${t.textContent?.trim() || e.element_id}"`,
+					causesNavigation: !1
+				});
+			}
+			return {
+				result: `⚠️ Элемент "${e.element_id}" не найден.`,
+				causesNavigation: !1
+			};
+		}
+		if (e.type === "navigate" && e.url) return sessionStorage.setItem("bw-auto-resume", "true"), window.location.href = e.url, {
+			result: `🔀 Перехожу на ${e.url}...`,
+			causesNavigation: !0
+		};
+		if (e.type === "input_text" && e.element_id && e.value !== void 0) {
+			let t = document.getElementById(e.element_id);
+			if (t) {
+				let n = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set, r = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, "value")?.set;
+				return t.tagName.toLowerCase() === "textarea" && r ? r.call(t, e.value) : n ? n.call(t, e.value) : t.value = e.value, t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })), {
+					result: `⌨️ Ввел текст "${e.value}" в поле.`,
+					causesNavigation: !1
+				};
+			}
+			return {
+				result: `⚠️ Поле ввода "${e.element_id}" не найдено.`,
+				causesNavigation: !1
+			};
+		}
+		return e.type === "continue" ? {
+			result: "🔄 Анализирую страницу...",
+			causesNavigation: !1
+		} : {
+			result: "⚠️ Неизвестное действие.",
+			causesNavigation: !1
+		};
+	}
+	async _callAPI(t) {
+		let { page_text: n, elements: r, page_url: i } = this.gatherContext(), a = e(), o = this.host.clientId || window.__BARIWEB_CLIENT_ID__ || "", s = null;
+		try {
+			let e = await fetch(`${X}/v1/training/match-screen`, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					"X-Client-ID": o
+				},
+				body: JSON.stringify({ fingerprint: a })
+			});
+			if (e.ok) {
+				let t = await e.json();
+				t.matched && (s = t.label);
+			}
+		} catch (e) {
+			console.warn("Failed to match screen fingerprint", e);
+		}
+		let c = await fetch(`${X}/v1/chat`, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+				"X-Client-ID": o
+			},
+			body: JSON.stringify({
+				query: t,
+				history: this._compressedHistory(),
+				page_text: n,
+				elements: r,
+				page_url: i,
+				screen_label: s,
+				screen_fingerprint: a
+			})
+		});
+		if (!c.ok) throw Error(`HTTP ${c.status}: ${c.statusText}`);
+		let l = await c.json();
+		if (l.text && l.text.trimStart().startsWith("{")) try {
+			let e = JSON.parse(l.text);
+			e.text && (l.text = e.text, e.action && !l.action && (l.action = e.action));
+		} catch {
+			l.text = l.text.replace(/^\{"text"\s*:\s*"/, "").replace(/",?\s*"action".*$/, "");
+		}
+		return l;
+	}
+	_compressedHistory() {
+		let e = this.messages.map((e) => ({
+			role: e.role,
+			text: e.text
+		}));
+		if (e.length <= 3) return e;
+		let t = -1;
+		for (let n = e.length - 1; n >= 0; n--) if (e[n].role === "user") {
+			t = n;
+			break;
+		}
+		return t === -1 ? e.slice(-3) : [e[t], ...e.slice(t + 1).filter((e) => e.role === "assistant").slice(-2)];
+	}
+	async _agentLoop(e, t, n = !1) {
+		if (this.isLoading) return;
+		this.isLoading = !0, this.error = null, this._voiceMode = n, t && (this.messages = [...this.messages, {
+			role: "user",
+			text: e,
+			timestamp: Date.now()
+		}], this._saveMessages()), this.host.requestUpdate();
+		let r = e, i = 0;
+		try {
+			for (; i < pt;) {
+				i++;
+				let e = await this._callAPI(r), t = e.text;
+				if (e.action) {
+					if (ht(e.action)) {
+						let t = document.getElementById(e.action.element_id || "")?.textContent?.trim() || e.action.element_id || "кнопку";
+						this.pendingConfirmation = {
+							text: `${e.text}\n\n⚠️ Нажать «${t}»?`,
+							action: e.action,
+							currentQuery: r,
+							step: i
+						}, this.messages = [...this.messages, {
+							role: "assistant",
+							text: `${e.text}\n\n🛑 **Подтвердите действие:** нажать «${t}»?`,
+							timestamp: Date.now()
+						}], this._saveMessages(), this._voiceMode && this._tts.speak(e.text), this.isLoading = !1, this.host.requestUpdate();
+						return;
+					}
+					let n = this.gatherContext().page_text, { result: a, causesNavigation: o } = this.executeAction(e.action);
+					if (e.action.type === "continue") {
+						this.messages = [...this.messages, {
+							role: "assistant",
+							text: "🔄 Анализирую...",
+							timestamp: Date.now()
+						}], this._saveMessages(), this._voiceMode && this._tts.speak("Анализирую..."), this.host.requestUpdate(), await this._waitForDom(800), r = "Страница обновилась. Продолжай задачу, прочитай DOM.";
+						continue;
+					}
+					if (t = `${e.text}\n${a}`, o) {
+						this.messages = [...this.messages, {
+							role: "assistant",
+							text: t,
+							timestamp: Date.now()
+						}], this._saveMessages(), this._voiceMode && this._tts.speak(t), this.host.requestUpdate(), await this._waitForDom(1500);
+						let e = sessionStorage.getItem("bw-auto-resume");
+						if (e === "true" || e === "verify-only") {
+							sessionStorage.removeItem("bw-auto-resume"), r = e === "verify-only" ? "Страница загрузилась после отправки формы (SPA навигация). Проверь новый DOM: если задача выполнена — сообщи об успехе. НЕ нажимай ничего снова." : "Страница загрузилась (SPA навигация). Продолжай задачу, прочитай новый DOM.";
+							continue;
+						}
+						break;
+					}
+					this.messages = [...this.messages, {
+						role: "assistant",
+						text: t,
+						timestamp: Date.now()
+					}], this._saveMessages(), this._voiceMode && this._tts.speak(t), this.host.requestUpdate(), e.action.type === "input_text" && e.action.element_id ? (await this._waitForDom(800), r = (document.getElementById(e.action.element_id)?.value ?? "").length > 0 ? "✅ Поле заполнено. Переходи к СЛЕДУЮЩЕМУ незаполненному полю или нажми кнопку отправки. НЕ повторяй ввод." : `⚠️ Поле не получило значение. Попробуй ввести снова в id="${e.action.element_id}".`) : (await this._waitForDom(800), r = n === this.gatherContext().page_text ? "⚠️ Страница не изменилась. Возможно кнопка не сработала. Проверь DOM." : "Действие выполнено. Если задача готова — сообщи. Иначе продолжай.");
+					continue;
+				}
+				this.messages = [...this.messages, {
+					role: "assistant",
+					text: t,
+					timestamp: Date.now()
+				}], this._saveMessages(), this._voiceMode && this._tts.speak(t);
+				break;
+			}
+		} catch (e) {
+			this.error = e.message ?? "Ошибка соединения", this.messages = [...this.messages, {
+				role: "assistant",
+				text: `❌ Ошибка: ${this.error}`,
+				timestamp: Date.now()
+			}], this._saveMessages(), this._voiceMode && this._tts.speak(`Ошибка: ${this.error}`);
+		} finally {
+			this.isLoading = !1, this.host.requestUpdate();
+		}
+	}
+	async confirmAction() {
+		if (!this.pendingConfirmation) return;
+		let { action: e } = this.pendingConfirmation;
+		this.pendingConfirmation = null, this.messages = [...this.messages, {
+			role: "user",
+			text: "✅ Подтверждаю",
+			timestamp: Date.now()
+		}], this._saveMessages(), this.host.requestUpdate();
+		let { result: t, causesNavigation: n } = this.executeAction(e);
+		this.messages = [...this.messages, {
+			role: "assistant",
+			text: t,
+			timestamp: Date.now()
+		}], this._saveMessages(), this._voiceMode && this._tts.speak(t), this.host.requestUpdate(), !n && (await this._waitForDom(1200), await this._agentStep("Действие подтверждено и выполнено. Проверь результат в DOM."));
+	}
+	cancelAction() {
+		this.pendingConfirmation && (this.pendingConfirmation = null, this.messages = [
+			...this.messages,
+			{
+				role: "user",
+				text: "❌ Отмена",
+				timestamp: Date.now()
+			},
+			{
+				role: "assistant",
+				text: "🚫 Действие отменено. Чем ещё могу помочь?",
+				timestamp: Date.now()
+			}
+		], this._saveMessages(), this._voiceMode && this._tts.speak("Действие отменено. Чем ещё могу помочь?"), this.host.requestUpdate());
+	}
+	_waitForDom(e) {
+		return new Promise((t) => setTimeout(t, e));
+	}
+	async sendMessage(e, t = !1) {
+		!e.trim() || this.isLoading || (await this._agentLoop(e, !0, t), this.host.updateComplete?.then(() => {
+			let e = this.host.renderRoot?.querySelector(".chat-messages");
+			e && (e.scrollTop = e.scrollHeight);
+		}));
+	}
+	async _agentStep(e) {
+		await this._agentLoop(e, !1, this._voiceMode), this.host.updateComplete?.then(() => {
+			let e = this.host.renderRoot?.querySelector(".chat-messages");
+			e && (e.scrollTop = e.scrollHeight);
+		});
+	}
+	clearMessages() {
+		this.messages = [], this.error = null, this.pendingConfirmation = null, this._saveMessages(), this.host.requestUpdate();
+	}
+	isTtsEnabled() {
+		return this._tts.isEnabled();
+	}
+	setTtsEnabled(e) {
+		this._tts.setEnabled(e), this.host.requestUpdate();
+	}
+	async transcribeAudio(e, t) {
+		let n = this.host.clientId || window.__BARIWEB_CLIENT_ID__ || "", r = new FormData();
+		r.append("language_mode", t), r.append("audio", e, "speech.wav");
+		let i = await fetch(`${X}/v1/stt/transcribe`, {
+			method: "POST",
+			headers: { "X-Client-ID": n },
+			body: r
+		});
+		if (!i.ok) {
+			let e = `HTTP ${i.status}`;
+			try {
+				e = (await i.json())?.detail || e;
+			} catch {}
+			throw Error(e);
+		}
+		return await i.json();
+	}
+};
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/decorate.js
+function Z(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}
+//#endregion
+//#region src/widget.ts
+var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q = {
+	kz: {
+		langLabel: "Тану және виджет тілі",
+		langKz: "Қазақша",
+		langRu: "Орысша",
+		langEn: "Ағылшынша",
+		chatTab: "💬 Чат",
+		settingsTab: "♿ Баптаулар",
+		brandSub: "Инклюзия",
+		madeIn: "Қазақстанда жасалған 🇰🇿",
+		voiceBtnInit: "Дауыс",
+		voiceBtnRec: "Жазылуда...",
+		micBannerRec: "🎙️ Тыңдаудамын... (тыныштық болса тоқтаймын)",
+		micBannerWait: "⏳ Сөзді тану...",
+		micBannerErr: "⚠️",
+		micAriaL: "Голостық енгізуді қосу (жазу үшін ұстап тұрыңыз)",
+		inputAriaL: "Хабарламаны енгізу өрісі",
+		inputPl: "Хабарлама енгізіңіз...",
+		ttsAriaOn: "Жауапты дыбыстауды өшіру",
+		ttsAriaOff: "Жауапты дыбыстауды қосу",
+		sendAria: "Хабарлама жіберу",
+		onPage: "Бетте:",
+		emptyChatTitle: "Сіздің көмекшіңіз",
+		emptyChatSub: "Тапсырманы сипаттаңыз — мен қажетті түймелерді тауып, өрістерді сіз үшін толтырамын.",
+		confirmAction: "✅ Әрекетті растау",
+		cancelAction: "Болдырмау",
+		textScale: "Мәтін өлшемі",
+		monochrome: "А/Қ",
+		monochromeVal: "Монохром",
+		contrast: "Контраст",
+		contrastVal: "Қараңғы",
+		links: "Сілтемелер",
+		linksVal: "Ерекшелеу",
+		spacing: "Аралық",
+		spacingVal: "Үлкейту",
+		font: "Қаріп",
+		fontVal: "Дислексия",
+		cursor: "Курсор",
+		cursorVal: "Үлкейту",
+		colorSettingsTitle: "Түс баптаулары",
+		colorBg: "Фон",
+		colorHeader: "Бас киім",
+		colorText: "Мәтін",
+		aiSimplifyTitle: "AI Мәтінді оңтайландыру",
+		aiBlindTitle: "Зағиптар режимі (AI)",
+		on: "ҚОСУЛЫ",
+		off: "ӨШІРУЛІ",
+		closeAria: "Жабу"
+	},
+	ru: {
+		langLabel: "Язык распознавания и виджета",
+		langKz: "Казахский",
+		langRu: "Русский",
+		langEn: "Английский",
+		chatTab: "💬 Чат",
+		settingsTab: "♿ Настройки",
+		brandSub: "Инклюзия",
+		madeIn: "Сделано в Казахстане 🇰🇿",
+		voiceBtnInit: "Нажмите",
+		voiceBtnRec: "Запись...",
+		micBannerRec: "🎙️ Слушаю... (остановлюсь по тишине)",
+		micBannerWait: "⏳ Распознаю речь...",
+		micBannerErr: "⚠️",
+		micAriaL: "Включить голосовой ввод (удерживайте для записи)",
+		inputAriaL: "Текстовое поле ввода сообщения",
+		inputPl: "Введите сообщение...",
+		ttsAriaOn: "Выключить озвучку ответа",
+		ttsAriaOff: "Включить озвучку ответа",
+		sendAria: "Отправить сообщение",
+		onPage: "На странице:",
+		emptyChatTitle: "Ваш помощник",
+		emptyChatSub: "Опишите задачу — я найду нужные кнопки и заполню поля за вас.",
+		confirmAction: "✅ Подтвердить действие",
+		cancelAction: "Отменить",
+		textScale: "Размер текста",
+		monochrome: "Ч/Б",
+		monochromeVal: "Монохром",
+		contrast: "Контраст",
+		contrastVal: "Тёмный",
+		links: "Ссылки",
+		linksVal: "Выделить",
+		spacing: "Отступы",
+		spacingVal: "Увеличить",
+		font: "Шрифт",
+		fontVal: "Дислексия",
+		cursor: "Курсор",
+		cursorVal: "Увеличить",
+		colorSettingsTitle: "Настройка цвета",
+		colorBg: "Фон",
+		colorHeader: "Шапка",
+		colorText: "Текст",
+		aiSimplifyTitle: "AI Упрощение текста",
+		aiBlindTitle: "Режим для незрячих (AI)",
+		on: "ВКЛ",
+		off: "ВЫКЛ",
+		closeAria: "Закрыть"
+	},
+	en: {
+		langLabel: "Widget & Recognition Language",
+		langKz: "Kazakh",
+		langRu: "Russian",
+		langEn: "English",
+		chatTab: "💬 Chat",
+		settingsTab: "♿ Settings",
+		brandSub: "Inclusion",
+		madeIn: "Made in Kazakhstan 🇰🇿",
+		voiceBtnInit: "Press",
+		voiceBtnRec: "Recording...",
+		micBannerRec: "🎙️ Listening... (stops on silence)",
+		micBannerWait: "⏳ Recognizing...",
+		micBannerErr: "⚠️",
+		micAriaL: "Enable voice input (hold to record)",
+		inputAriaL: "Text input field",
+		inputPl: "Type a message...",
+		ttsAriaOn: "Disable answer TTS",
+		ttsAriaOff: "Enable answer TTS",
+		sendAria: "Send message",
+		onPage: "On page:",
+		emptyChatTitle: "Your Assistant",
+		emptyChatSub: "Describe the task — I will find buttons and fill fields for you.",
+		confirmAction: "✅ Confirm Action",
+		cancelAction: "Cancel",
+		textScale: "Text size",
+		monochrome: "B/W",
+		monochromeVal: "Monochrome",
+		contrast: "Contrast",
+		contrastVal: "Dark",
+		links: "Links",
+		linksVal: "Highlight",
+		spacing: "Spacing",
+		spacingVal: "Increase",
+		font: "Font",
+		fontVal: "Dyslexia",
+		cursor: "Cursor",
+		cursorVal: "Increase",
+		colorSettingsTitle: "Color Settings",
+		colorBg: "Bg",
+		colorHeader: "Header",
+		colorText: "Text",
+		aiSimplifyTitle: "AI Text Simplification",
+		aiBlindTitle: "Blind Mode (AI)",
+		on: "ON",
+		off: "OFF",
+		closeAria: "Close"
+	}
+}, $ = class extends W {
+	static {
+		this.styles = [ot];
+	}
+	constructor() {
+		super(), this._a11y = new ct(this), this._aiA11y = new ut(this), this._chat = new gt(this), this.clientId = "", this._isOpen = !1, this._activeTab = "chat", this._inputValue = "", this._isAdmin = !1, this._adminPassword = "", this._authError = "", this._currentScreenLabel = "", this._sttState = "idle", this._sttLanguageMode = "ru", this._sttError = "", this._adminClickCount = 0, this._showAdminLogin = !1, this._mediaStream = null, this._audioContext = null, this._analyser = null, this._scriptProcessor = null, this._pcmChunks = [], this._sampleRate = 44100, this._recordingStartTs = 0, this._silenceStartedTs = null, this._silenceIntervalId = null, this._maxDurationTimeoutId = null, this._adminClickTimer = null, this._handleGlobalKeydown = (e) => {
+			this._isOpen && e.altKey && e.code === "KeyV" && (e.preventDefault(), this._toggleVoice());
+		};
+		try {
+			let e = localStorage.getItem(_t);
+			(e === "kz" || e === "ru" || e === "en") && (this._sttLanguageMode = e);
+		} catch {}
+		this._checkAuthStatus();
+	}
+	_setSttLanguageMode(e) {
+		this._sttLanguageMode = e;
+		try {
+			localStorage.setItem(_t, e);
+		} catch {}
+	}
+	async _checkAuthStatus() {
+		let e = localStorage.getItem("bw_admin_token");
+		if (e) try {
+			(await fetch("http://localhost:8000/auth/login/widget/verify", { headers: { Authorization: `Bearer ${e}` } })).ok ? (this._isAdmin = !0, this._loadAdminUI()) : localStorage.removeItem("bw_admin_token");
+		} catch {
+			try {
+				let t = JSON.parse(atob(e.split(".")[1]));
+				t.exp * 1e3 > Date.now() && t.role === "admin" ? (this._isAdmin = !0, this._loadAdminUI()) : localStorage.removeItem("bw_admin_token");
+			} catch {
+				localStorage.removeItem("bw_admin_token");
+			}
+		}
+	}
+	async _loadAdminUI() {
+		try {
+			let { initAdminMode: e } = await import("./AdminUI-CGKuDZdZ.js");
+			e(), t.isAutoDiscoveryEnabled = !0;
+		} catch (e) {
+			console.error("Admin UI load failed", e);
+		}
+	}
+	async _handleAdminLogin() {
+		if (this._authError = "", !this.clientId) {
+			this._authError = "Client ID not configured";
+			return;
+		}
+		try {
+			let e = await fetch("http://localhost:8000/auth/login/widget", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					client_public_id: this.clientId,
+					admin_key: this._adminPassword
+				})
+			});
+			if (e.ok) {
+				let { access_token: t } = await e.json();
+				localStorage.setItem("bw_admin_token", t), this._isAdmin = !0, this._showAdminLogin = !1, this._loadAdminUI();
+			} else this._authError = (await e.json().catch(() => ({}))).detail || "Invalid admin key";
+		} catch {
+			this._authError = "Connection failed";
+		}
+	}
+	_handleAdminLogout() {
+		localStorage.removeItem("bw_admin_token"), this._isAdmin = !1, this._adminPassword = "", this._showAdminLogin = !1, t.isAutoDiscoveryEnabled = !1, document.querySelector("#bw-admin-wrapper")?.remove();
+	}
+	_handleLogoClick() {
+		this._adminClickCount++, this._adminClickCount >= 5 && (this._showAdminLogin = !this._showAdminLogin, this._adminClickCount = 0), this._adminClickTimer && clearTimeout(this._adminClickTimer), this._adminClickTimer = setTimeout(() => {
+			this._adminClickCount = 0;
+		}, 2e3);
+	}
+	connectedCallback() {
+		super.connectedCallback(), t.start(), t.onStateChange(async (e) => {
+			try {
+				let t = await fetch("http://localhost:8000/v1/training/match-screen", {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						"X-Client-ID": this.clientId || window.__BARIWEB_CLIENT_ID__ || ""
+					},
+					body: JSON.stringify({ fingerprint: e.fingerprint })
+				});
+				if (t.ok) {
+					let e = await t.json();
+					this._currentScreenLabel = e.matched ? e.label : "";
+				}
+			} catch {}
+		}), window.addEventListener("keydown", this._handleGlobalKeydown);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), t.stop(), this._cleanupRecording(), window.removeEventListener("keydown", this._handleGlobalKeydown);
+	}
+	_beep(e) {
+		let t = new (window.AudioContext || window.webkitAudioContext)(), n = t.createOscillator(), r = t.createGain();
+		n.type = "sine", n.frequency.setValueAtTime(e, t.currentTime), r.gain.setValueAtTime(.1, t.currentTime), r.gain.exponentialRampToValueAtTime(1e-5, t.currentTime + .1), n.connect(r), r.connect(t.destination), n.start(), n.stop(t.currentTime + .1);
+	}
+	_toggle() {
+		this._isOpen = !this._isOpen;
+	}
+	setOpen(e) {
+		this._isOpen = e;
+	}
+	_setTab(e) {
+		this._activeTab = e;
+	}
+	_handleInput(e) {
+		this._inputValue = e.target.value;
+	}
+	_handleKeydown(e) {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this._handleSend()), e.code === "Space" && e.target.tagName !== "INPUT" && (e.preventDefault(), this._sttState === "idle" && this._startRecording());
+	}
+	async _handleSend() {
+		let e = this._inputValue.trim();
+		!e || this._chat.isLoading || this._sttState !== "idle" || (this._inputValue = "", await this._chat.sendMessage(e, !1), this._scrollMessages());
+	}
+	_scrollMessages() {
+		this.updateComplete.then(() => {
+			this._messagesEl && (this._messagesEl.scrollTop = this._messagesEl.scrollHeight);
+		});
+	}
+	_getCurrentHue() {
+		let e = this._a11y.settings;
+		return e.activeColorTab === "background" ? e.customBgHue || 0 : e.activeColorTab === "header" ? e.customHeaderHue || 0 : e.customContentHue || 0;
+	}
+	_clearSttTimers() {
+		this._silenceIntervalId !== null && (window.clearInterval(this._silenceIntervalId), this._silenceIntervalId = null), this._maxDurationTimeoutId !== null && (window.clearTimeout(this._maxDurationTimeoutId), this._maxDurationTimeoutId = null);
+	}
+	_cleanupRecording() {
+		this._clearSttTimers(), this._analyser = null, this._scriptProcessor &&= (this._scriptProcessor.disconnect(), this._scriptProcessor.onaudioprocess = null, null), this._audioContext &&= (this._audioContext.close().catch(() => {}), null), this._mediaStream &&= (this._mediaStream.getTracks().forEach((e) => e.stop()), null), this._pcmChunks = [], this._silenceStartedTs = null;
+	}
+	async _toggleVoice() {
+		if (this._sttState !== "processing") {
+			if (this._sttState === "recording") {
+				this._stopRecording();
+				return;
+			}
+			await this._startRecording();
+		}
+	}
+	async _startRecording() {
+		if (!navigator.mediaDevices?.getUserMedia) {
+			this._sttState = "error", this._sttError = "Микрофон не поддерживается.";
+			return;
+		}
+		try {
+			this._cleanupRecording(), this._sttError = "";
+			let e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
+			this._mediaStream = e, this._pcmChunks = [], this._recordingStartTs = Date.now(), this._silenceStartedTs = null, this._audioContext = new AudioContext(), this._sampleRate = this._audioContext.sampleRate;
+			let t = this._audioContext.createMediaStreamSource(e);
+			this._analyser = this._audioContext.createAnalyser(), this._analyser.fftSize = 2048, t.connect(this._analyser), this._scriptProcessor = this._audioContext.createScriptProcessor(4096, 1, 1), t.connect(this._scriptProcessor), this._scriptProcessor.connect(this._audioContext.destination), this._scriptProcessor.onaudioprocess = (e) => {
+				this._sttState === "recording" && (this._pcmChunks.push(new Float32Array(e.inputBuffer.getChannelData(0))), e.outputBuffer.getChannelData(0).fill(0));
+			}, this._sttState = "recording", this._beep(880), this._maxDurationTimeoutId = window.setTimeout(() => {
+				this._sttState === "recording" && this._stopRecording();
+			}, xt);
+			let n = new Uint8Array(this._analyser.fftSize);
+			this._silenceIntervalId = window.setInterval(() => {
+				if (!this._analyser || this._sttState !== "recording") return;
+				this._analyser.getByteTimeDomainData(n);
+				let e = 0;
+				for (let t = 0; t < n.length; t++) {
+					let r = (n[t] - 128) / 128;
+					e += r * r;
+				}
+				Math.sqrt(e / n.length) < yt ? this._silenceStartedTs ? Date.now() - this._silenceStartedTs >= bt && this._stopRecording() : this._silenceStartedTs = Date.now() : this._silenceStartedTs = null;
+			}, vt);
+		} catch {
+			this._sttState = "error", this._sttError = "Нет доступа к микрофону.", this._cleanupRecording();
+		}
+	}
+	_stopRecording() {
+		this._sttState === "recording" && (this._clearSttTimers(), this._sttState = "processing", this._beep(440), this._finalizeRecording().catch((e) => {
+			this._sttState = "error", this._sttError = e?.message || "Ошибка обработки.";
+		}));
+	}
+	async _finalizeRecording() {
+		let e = Date.now() - this._recordingStartTs, t = this._pcmChunks.reduce((e, t) => e + t.length, 0), n = new Float32Array(t), r = 0;
+		for (let e of this._pcmChunks) n.set(e, r), r += e.length;
+		let i = this._encodeWav(n, this._sampleRate);
+		if (this._cleanupRecording(), e < St || i.size === 0) {
+			this._sttState = "error", this._sttError = "Слишком короткая запись.";
+			return;
+		}
+		try {
+			let e = (await this._chat.transcribeAudio(i, this._sttLanguageMode)).text?.trim();
+			if (!e) {
+				this._sttState = "error", this._sttError = "Речь не распознана.";
+				return;
+			}
+			await this._chat.sendMessage(e, !0), this._sttState = "idle", this._sttError = "", this._inputValue = "", this._scrollMessages();
+		} catch (e) {
+			this._sttState = "error", this._sttError = e?.message || "Ошибка распознавания.";
+		}
+	}
+	_encodeWav(e, t) {
+		let n = t * 2, r = e.length * 2, i = new ArrayBuffer(44 + r), a = new DataView(i), o = (e, t) => {
+			for (let n = 0; n < t.length; n++) a.setUint8(e + n, t.charCodeAt(n));
+		};
+		o(0, "RIFF"), a.setUint32(4, 36 + r, !0), o(8, "WAVE"), o(12, "fmt "), a.setUint32(16, 16, !0), a.setUint16(20, 1, !0), a.setUint16(22, 1, !0), a.setUint32(24, t, !0), a.setUint32(28, n, !0), a.setUint16(32, 2, !0), a.setUint16(34, 16, !0), o(36, "data"), a.setUint32(40, r, !0);
+		let s = 44;
+		for (let t = 0; t < e.length; t++) {
+			let n = Math.max(-1, Math.min(1, e[t]));
+			a.setInt16(s, n < 0 ? n * 32768 : n * 32767, !0), s += 2;
+		}
+		return new Blob([i], { type: "audio/wav" });
+	}
+	_vibrate() {
+		"vibrate" in navigator && navigator.vibrate(20);
+	}
+	_renderChatTab() {
+		let e = Q[this._sttLanguageMode], t = this._chat.messages, n = this._chat.isLoading, r = this._chat.pendingConfirmation, i = n || this._sttState !== "idle";
+		return F`
+      <div class="chat-messages" id="bw-chat-messages">
+        ${this._currentScreenLabel ? F`
+          <div class="screen-label-badge">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" width="12" height="12"><polyline points="20 6 9 17 4 12"/></svg>
+            ${e.onPage} <strong>${this._currentScreenLabel}</strong>
+          </div>
+        ` : ""}
+
+        ${t.length === 0 ? F`
+          <div class="chat-empty">
+            ${J.accessibility}
+            <p class="chat-empty-title">${e.emptyChatTitle}</p>
+            <p class="chat-empty-sub">${e.emptyChatSub}</p>
+          </div>
+        ` : t.map((e) => e.role === "assistant" && (e.text.includes("✅") || e.text.includes("⌨️") || e.text.includes("🔄")) ? F`
+              <details class="system-log">
+                <summary class="system-log-header"><span>${e.text.split("\n")[0]}</span></summary>
+                <div class="system-log-details">${e.text}</div>
+              </details>` : F`<div class="chat-bubble ${e.role}">${e.text}</div>`)}
+
+        ${n ? F`
+          <div class="typing-indicator">
+            <div class="typing-dot"></div><div class="typing-dot"></div><div class="typing-dot"></div>
+          </div>` : ""}
+      </div>
+
+      ${r ? F`
+        <div class="confirm-panel">
+          <button class="btn-confirm" @click=${() => this._chat.confirmAction()} id="bw-confirm-action">
+            ${e.confirmAction}
+          </button>
+          <button class="btn-cancel" @click=${() => this._chat.cancelAction()} id="bw-cancel-action">
+            ${e.cancelAction}
+          </button>
+        </div>
+      ` : F`
+        <div class="chat-input-area">
+          ${this._sttState === "idle" ? "" : F`
+            <div class="stt-banner ${this._sttState}">
+              ${this._sttState === "recording" ? e.micBannerRec : this._sttState === "processing" ? e.micBannerWait : `${e.micBannerErr} ${this._sttError}`}
+            </div>`}
+          <div class="chat-input-row">
+            <!-- 🎙️ Primary Mic Button (Large Target Size) -->
+            <button class="chat-icon-btn ${this._sttState === "recording" ? "recording" : ""}"
+              @mouseenter=${this._vibrate}
+              @focus=${this._vibrate}
+              @mousedown=${this._startRecording}
+              @mouseup=${this._stopRecording}
+              @touchstart=${(e) => {
+			e.preventDefault(), this._startRecording(), this._vibrate();
+		}}
+              @touchend=${(e) => {
+			e.preventDefault(), this._stopRecording();
+		}}
+              @click=${this._toggleVoice} 
+              ?disabled=${this._sttState === "processing" || n}
+              id="bw-voice-btn" 
+              aria-label="${e.micAriaL}">
+              ${J.mic}
+            </button>
+
+            <input
+              class="chat-input"
+              type="text"
+              placeholder="${e.inputPl}"
+              .value=${this._inputValue}
+              @input=${this._handleInput}
+              @keydown=${this._handleKeydown}
+              ?disabled=${i}
+              id="bw-chat-input"
+              aria-label="${e.inputAriaL}"
+            />
+
+            <!-- ▶ Send Button -->
+            <button class="chat-send-btn" @click=${this._handleSend}
+              ?disabled=${!this._inputValue.trim() || i}
+              id="bw-send-btn" 
+              aria-label="${e.sendAria}">
+              ${J.send}
+            </button>
+          </div>
+        </div>
+      `}
+    `;
+	}
+	_renderA11yTab() {
+		let e = Q[this._sttLanguageMode], t = this._a11y.settings, n = [
+			{
+				id: "bw-tile-textscale",
+				icon: J.textSize,
+				label: e.textScale,
+				value: `${Math.round(t.textScale * 100)}%`,
+				active: t.textScale > 1,
+				action: () => this._a11y.incrementTextScale()
+			},
+			{
+				id: "bw-tile-monochrome",
+				icon: J.visualImpair,
+				label: e.monochrome,
+				value: e.monochromeVal,
+				active: t.monochrome,
+				action: () => this._a11y.toggleMonochrome()
+			},
+			{
+				id: "bw-tile-contrast",
+				icon: J.moon,
+				label: e.contrast,
+				value: e.contrastVal,
+				active: t.darkHighContrast,
+				action: () => this._a11y.toggleDarkHighContrast()
+			},
+			{
+				id: "bw-tile-links",
+				icon: J.visualImpair,
+				label: e.links,
+				value: e.linksVal,
+				active: t.linkHighlight,
+				action: () => this._a11y.toggleLinkHighlight()
+			},
+			{
+				id: "bw-tile-spacing",
+				icon: J.textSize,
+				label: e.spacing,
+				value: e.spacingVal,
+				active: t.textSpacing,
+				action: () => this._a11y.toggleTextSpacing()
+			},
+			{
+				id: "bw-tile-font",
+				icon: J.textSize,
+				label: e.font,
+				value: e.fontVal,
+				active: t.dyslexicFont,
+				action: () => this._a11y.toggleDyslexicFont()
+			},
+			{
+				id: "bw-tile-cursor",
+				icon: J.cursor,
+				label: e.cursor,
+				value: e.cursorVal,
+				active: t.cursorMagnifier,
+				action: () => this._a11y.toggleCursorMagnifier()
+			},
+			{
+				id: "bw-tile-voice",
+				icon: null,
+				label: e.voiceBtnInit,
+				value: this._sttState === "recording" ? e.voiceBtnRec : e.voiceBtnInit,
+				active: this._sttState === "recording",
+				action: () => this._toggleVoice()
+			}
+		];
+		return F`
+      <div class="a11y-scroller">
+        
+        <!-- Language config mapped to TOP of settings tab -->
+        <div style="padding: 16px 16px 0;">
+          <div style="display: flex; align-items: center; justify-content: space-between; padding: 12px; background: var(--bw-bg-subtle, #f8fafc); border-radius: var(--bw-radius, 14px); margin-bottom: 0px;">
+            <div style="display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 14px; color: var(--bw-fg, #1e293b);">
+               ${J.languages} ${e.langLabel}
+            </div>
+            <select style="height: 34px; padding: 0 8px; border: 1px solid var(--bw-primary, #6d28d9); border-radius: 8px; background: rgba(109, 40, 217, 0.05); color: var(--bw-primary, #6d28d9); cursor: pointer; outline: none; font-size: 13px; font-weight: 600;"
+              .value=${this._sttLanguageMode}
+              @change=${(e) => {
+			this._setSttLanguageMode(e.target.value), this.requestUpdate();
+		}}
+              aria-label="${e.langLabel}">
+              <option value="kz">${Q.kz.langKz}</option>
+              <option value="ru">${Q.ru.langRu}</option>
+              <option value="en">${Q.en.langEn}</option>
+            </select>
+          </div>
+        </div>
+
+        <div class="settings-grid">
+          ${n.map((e) => F`
+            <button class="settings-card" ?active=${e.active} @click=${e.action} id=${e.id}
+              aria-pressed=${e.active ? "true" : "false"} aria-label=${e.label}>
+              ${e.icon || J.mic}
+              <span class="settings-card-label">${e.label}</span>
+              <span class="settings-card-value">${e.value}</span>
+              ${e.active ? F`<span class="active-badge">${J.check}</span>` : ""}
+            </button>
+          `)}
+        </div>
+
+        <div class="color-section">
+          <div class="color-section-header">
+            ${J.droplet}
+            <h4 class="color-section-title">${e.colorSettingsTitle}</h4>
+          </div>
+          <div class="color-tabs">
+            <button class="color-tab" ?active=${t.activeColorTab === "background"}
+              @click=${() => {
+			t.activeColorTab = "background", this.requestUpdate();
+		}}>${e.colorBg}</button>
+            <button class="color-tab" ?active=${t.activeColorTab === "header"}
+              @click=${() => {
+			t.activeColorTab = "header", this.requestUpdate();
+		}}>${e.colorHeader}</button>
+            <button class="color-tab" ?active=${t.activeColorTab === "content"}
+              @click=${() => {
+			t.activeColorTab = "content", this.requestUpdate();
+		}}>${e.colorText}</button>
+          </div>
+          <div class="hue-row">
+            <button class="hue-step-btn" @click=${() => this._a11y.setCustomHue((this._getCurrentHue() - 15 + 360) % 360)} aria-label="Уменьшить">–</button>
+            <input type="range" class="hue-slider" min="0" max="360"
+              .value=${String(this._getCurrentHue())}
+              @input=${(e) => this._a11y.setCustomHue(parseInt(e.target.value))}
+              aria-label="Оттенок" />
+            <button class="hue-step-btn" @click=${() => this._a11y.setCustomHue((this._getCurrentHue() + 15) % 360)} aria-label="Увеличить">+</button>
+          </div>
+        </div>
+
+        <div class="ai-tools-section" style="margin-top: 16px;">
+          <button class="ai-tool-btn ${this._aiA11y.simplifyEnabled ? "active" : ""}"
+            @click=${() => this._aiA11y.toggleSimplify()} id="bw-ai-simplify">
+            ${J.textSize}
+            <span class="ai-tool-btn-label">${e.aiSimplifyTitle}</span>
+            <span class="ai-tool-badge ${this._aiA11y.simplifyEnabled ? "on" : ""}">
+              ${this._aiA11y.simplifyEnabled ? e.on : e.off}
+            </span>
+          </button>
+          
+          <button class="ai-tool-btn ${this._aiA11y.autoA11yEnabled ? "active" : ""}"
+            @click=${() => this._aiA11y.toggleAutoA11y()} 
+            id="bw-ai-fix">
+            ${J.accessibility}
+            <span class="ai-tool-btn-label">${e.aiBlindTitle}</span>
+            <span class="ai-tool-badge ${this._aiA11y.autoA11yEnabled ? "on" : ""}">
+              ${this._aiA11y.autoA11yEnabled ? e.on : e.off}
+            </span>
+          </button>
+        </div>
+      </div>
+    `;
+	}
+	_renderAdminOverlay() {
+		return this._showAdminLogin ? F`
+      <div class="admin-overlay">
+        <div class="admin-icon">🔐</div>
+        <h4>${this._isAdmin ? "Режим администратора" : "Admin доступ"}</h4>
+        ${this._isAdmin ? F`
+          <p class="admin-status">✅ Вы вошли как администратор</p>
+          <button class="admin-logout-btn" @click=${this._handleAdminLogout}>Выйти из аккаунта</button>
+        ` : F`
+          <p>Введите ключ для активации режима обучения</p>
+          <input type="password" placeholder="Admin Key"
+            .value=${this._adminPassword}
+            @input=${(e) => {
+			this._adminPassword = e.target.value;
+		}}
+            @keydown=${(e) => {
+			e.key === "Enter" && this._handleAdminLogin();
+		}} />
+          ${this._authError ? F`<p class="auth-error">${this._authError}</p>` : ""}
+          <button class="admin-login-btn" @click=${this._handleAdminLogin}>Войти</button>
+        `}
+        <button class="admin-close-btn" @click=${() => {
+			this._showAdminLogin = !1, this._authError = "";
+		}}>
+          Закрыть
+        </button>
+      </div>
+    ` : "";
+	}
+	render() {
+		let e = Q[this._sttLanguageMode];
+		return F`
+      <div class="widget-container">
+        <!-- Panel -->
+        <div class="bw-panel ${this._isOpen ? "panel-visible" : "panel-hidden"}"
+          role="dialog" aria-modal="true" aria-label="BariWeb Accessibility Widget">
+
+          <!-- Header -->
+          <div class="bw-header">
+            <div class="header-branding" @click=${this._handleLogoClick} id="bw-logo">
+              ${J.accessibility}
+              <div class="header-branding-text">
+                <span class="header-brand-name">BariWeb</span>
+                <span class="header-brand-sub">${e.brandSub}</span>
+              </div>
+            </div>
+            <button class="close-btn" @click=${this._toggle} aria-label="${e.closeAria}" id="bw-close">
+              ${J.close}
+            </button>
+          </div>
+
+          <!-- Tabs -->
+          <div class="bw-tabs" role="tablist">
+            <button class="bw-tab" ?active=${this._activeTab === "chat"}
+              @click=${() => this._setTab("chat")} role="tab"
+              aria-selected=${this._activeTab === "chat"} id="bw-tab-chat">
+              ${e.chatTab}
+            </button>
+            <button class="bw-tab" ?active=${this._activeTab === "a11y"}
+              @click=${() => this._setTab("a11y")} role="tab"
+              aria-selected=${this._activeTab === "a11y"} id="bw-tab-settings">
+              ${e.settingsTab}
+            </button>
+          </div>
+
+          <!-- Content -->
+          <div class="bw-content">
+            <div class="tab-panel" ?active=${this._activeTab === "chat"} role="tabpanel">
+              ${this._renderChatTab()}
+            </div>
+            <div class="tab-panel" ?active=${this._activeTab === "a11y"} role="tabpanel">
+              ${this._renderA11yTab()}
+            </div>
+            ${this._renderAdminOverlay()}
+          </div>
+
+          <!-- Footer -->
+          <div class="bw-footer" @click=${this._handleLogoClick}>
+            <div class="footer-brand">
+              ${J.accessibility} BariWeb
+            </div>
+            <span>${e.madeIn}</span>
+          </div>
+        </div>
+
+        <!-- FAB Trigger -->
+        <button class="trigger" @click=${this._toggle}
+          aria-expanded=${this._isOpen} aria-label="Открыть/Закрыть меню доступности"
+          id="bw-trigger" style="position:fixed; bottom:24px; left:24px; width:60px; height:60px; border-radius:50%; background:var(--bw-primary,#6d28d9); color:white; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:0 4px 20px rgba(109,40,217,0.4); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;">
+          ${this._isOpen ? J.close : J.accessibility}
+        </button>
+      </div>
+    `;
+	}
+};
+Z([$e({
+	type: String,
+	attribute: "client-id"
+})], $.prototype, "clientId", void 0), Z([G()], $.prototype, "_isOpen", void 0), Z([G()], $.prototype, "_activeTab", void 0), Z([G()], $.prototype, "_inputValue", void 0), Z([G()], $.prototype, "_isAdmin", void 0), Z([G()], $.prototype, "_adminPassword", void 0), Z([G()], $.prototype, "_authError", void 0), Z([G()], $.prototype, "_currentScreenLabel", void 0), Z([G()], $.prototype, "_sttState", void 0), Z([G()], $.prototype, "_sttLanguageMode", void 0), Z([G()], $.prototype, "_sttError", void 0), Z([G()], $.prototype, "_adminClickCount", void 0), Z([G()], $.prototype, "_showAdminLogin", void 0), Z([tt(".chat-messages")], $.prototype, "_messagesEl", void 0), $ = Z([Xe("bw-widget")], $);
+//#endregion
+//#region src/index.ts
+var Ct = () => {
+	let e = document.querySelector("bw-widget")?.getAttribute("client-id");
+	if (e) return e;
+	let t = (document.currentScript || document.querySelector("script[src*=\"bariweb\"]"))?.getAttribute("data-client-id");
+	return t ||= document.querySelector("script[data-client-id]")?.getAttribute("data-client-id") || "", t || window.__BARIWEB_CLIENT_ID__ || "";
+}, wt = Ct();
+window.__BARIWEB_CLIENT_ID__ = wt, de.setConfig({ baseUrl: "http://localhost:8000" }), de.interceptors.request.use((e) => {
+	let t = Ct();
+	return e.headers.set("X-Client-ID", t), e;
+});
+//#endregion