bariweb-widget 0.1.10 → 0.1.13

package/dist/bariweb.js

@@ -744,34 +744,34 @@ var w = class extends HTMLElement {
 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) => ({
+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, F = /^(?:script|style|textarea|title)$/i, I = ((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) {
+}))(1), L = Symbol.for("lit-noChange"), R = Symbol.for("lit-nothing"), Re = /* @__PURE__ */ new WeakMap(), z = O.createTreeWalker(O, 129);
+function ze(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) => {
+var Be = (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);
+		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) : (F.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 {
+	return [ze(e, a + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+}, B = 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 a = 0, o = 0, s = t.length - 1, c = this.parts, [l, u] = Be(t, n);
+		if (this.el = e.createElement(l, r), z.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;) {
+		for (; (i = z.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);
@@ -780,17 +780,17 @@ var Ve = (e, t) => {
 						index: a,
 						name: r[2],
 						strings: n,
-						ctor: r[1] === "." ? Ue : r[1] === "?" ? We : r[1] === "@" ? Ge : H
+						ctor: r[1] === "." ? He : r[1] === "?" ? Ue : r[1] === "@" ? We : U
 					}), i.removeAttribute(e);
 				} else e.startsWith(D) && (c.push({
 					type: 6,
 					index: a
 				}), i.removeAttribute(e));
-				if (Re.test(i.tagName)) {
+				if (F.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({
+						for (let n = 0; n < t; n++) i.append(e[n], k()), z.nextNode(), c.push({
 							type: 2,
 							index: ++a
 						});
@@ -816,12 +816,12 @@ var Ve = (e, t) => {
 		return n.innerHTML = e, n;
 	}
 };
-function B(e, t, n = e, r) {
-	if (t === I) return t;
+function V(e, t, n = e, r) {
+	if (t === L) 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;
+	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 = V(e, i._$AS(e, t.values), i, r)), t;
 }
-var He = class {
+var Ve = class {
 	constructor(e, t) {
 		this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
 	}
@@ -833,27 +833,27 @@ var He = class {
 	}
 	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];
+		z.currentNode = r;
+		let i = z.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];
+				s.type === 2 ? t = new H(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new Ge(i, this, e)), this._$AV.push(t), s = n[++o];
 			}
-			a !== s?.index && (i = R.nextNode(), a++);
+			a !== s?.index && (i = z.nextNode(), a++);
 		}
-		return R.currentNode = O, r;
+		return z.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 {
+}, H = 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;
+		this.type = 2, this._$AH = R, 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;
@@ -866,7 +866,7 @@ var He = class {
 		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);
+		e = V(this, e, t), A(e) ? e === R || e == null || e === "" ? (this._$AH !== R && this._$AR(), this._$AH = R) : e !== this._$AH && e !== L && 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);
@@ -875,19 +875,19 @@ var He = class {
 		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;
+		this._$AH !== R && 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);
+		let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = B.createElement(ze(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);
+			let e = new Ve(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;
+		let t = Re.get(e.strings);
+		return t === void 0 && Re.set(e.strings, t = new B(e)), t;
 	}
 	k(t) {
 		j(this._$AH) || (this._$AH = [], this._$AR());
@@ -904,7 +904,7 @@ var He = class {
 	setConnected(e) {
 		this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
 	}
-}, H = class {
+}, U = class {
 	get tagName() {
 		return this.element.tagName;
 	}
@@ -912,47 +912,47 @@ var He = class {
 		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;
+		this.type = 1, this._$AH = R, 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 = R;
 	}
 	_$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);
+		if (i === void 0) e = V(this, e, t, 0), a = !A(e) || e !== this._$AH && e !== L, 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;
+			for (e = i[0], o = 0; o < i.length - 1; o++) s = V(this, r[n + o], t, o), s === L && (s = this._$AH[o]), a ||= !A(s) || s !== this._$AH[o], s === R ? e = R : e !== R && (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 ?? "");
+		e === R ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
 	}
-}, Ue = class extends H {
+}, He = class extends U {
 	constructor() {
 		super(...arguments), this.type = 3;
 	}
 	j(e) {
-		this.element[this.name] = e === L ? void 0 : e;
+		this.element[this.name] = e === R ? void 0 : e;
 	}
-}, We = class extends H {
+}, Ue = class extends U {
 	constructor() {
 		super(...arguments), this.type = 4;
 	}
 	j(e) {
-		this.element.toggleAttribute(this.name, !!e && e !== L);
+		this.element.toggleAttribute(this.name, !!e && e !== R);
 	}
-}, Ge = class extends H {
+}, We = class extends U {
 	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);
+		if ((e = V(this, e, t, 0) ?? R) === L) return;
+		let n = this._$AH, r = e === R && n !== R || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== R && (n === R || 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 {
+}, Ge = class {
 	constructor(e, t, n) {
 		this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
 	}
@@ -960,18 +960,18 @@ var He = class {
 		return this._$AM._$AU;
 	}
 	_$AI(e) {
-		B(this, e);
+		V(this, e);
 	}
-}, qe = T.litHtmlPolyfillSupport;
-qe?.(z, V), (T.litHtmlVersions ??= []).push("3.3.2");
-var Je = (e, t, n) => {
+}, Ke = T.litHtmlPolyfillSupport;
+Ke?.(B, H), (T.litHtmlVersions ??= []).push("3.3.2");
+var qe = (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 ?? {});
+		r._$litPart$ = i = new H(t.insertBefore(k(), e), e, void 0, n ?? {});
 	}
 	return i._$AI(e), i;
-}, U = globalThis, W = class extends w {
+}, W = globalThis, G = class extends w {
 	constructor() {
 		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
 	}
@@ -981,7 +981,7 @@ var Je = (e, t, n) => {
 	}
 	update(e) {
 		let t = this.render();
-		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Je(t, this.renderRoot, this.renderOptions);
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = qe(t, this.renderRoot, this.renderOptions);
 	}
 	connectedCallback() {
 		super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -990,25 +990,25 @@ var Je = (e, t, n) => {
 		super.disconnectedCallback(), this._$Do?.setConnected(!1);
 	}
 	render() {
-		return I;
+		return L;
 	}
 };
-W._$litElement$ = !0, W.finalized = !0, U.litElementHydrateSupport?.({ LitElement: W });
-var Ye = U.litElementPolyfillSupport;
-Ye?.({ LitElement: W }), (U.litElementVersions ??= []).push("4.2.2");
+G._$litElement$ = !0, G.finalized = !0, W.litElementHydrateSupport?.({ LitElement: G });
+var Je = W.litElementPolyfillSupport;
+Je?.({ LitElement: G }), (W.litElementVersions ??= []).push("4.2.2");
 //#endregion
 //#region node_modules/@lit/reactive-element/decorators/custom-element.js
-var Xe = (e) => (t, n) => {
+var Ye = (e) => (t, n) => {
 	n === void 0 ? customElements.define(e, t) : n.addInitializer(() => {
 		customElements.define(e, t);
 	});
-}, Ze = {
+}, Xe = {
 	attribute: !0,
 	type: String,
 	converter: S,
 	reflect: !1,
 	hasChanged: C
-}, Qe = (e = Ze, t, n) => {
+}, Ze = (e = Xe, 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;
@@ -1031,16 +1031,16 @@ var Xe = (e) => (t, n) => {
 	}
 	throw Error("Unsupported decorator location: " + r);
 };
-function $e(e) {
-	return (t, n) => typeof n == "object" ? Qe(e, t, n) : ((e, t, n) => {
+function Qe(e) {
+	return (t, n) => typeof n == "object" ? Ze(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({
+function K(e) {
+	return Qe({
 		...e,
 		state: !0,
 		attribute: !1
@@ -1048,10 +1048,10 @@ function G(e) {
 }
 //#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);
+var $e = (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) {
+function et(e, t) {
 	return (n, r, i) => {
 		let a = (t) => t.renderRoot?.querySelector(e) ?? null;
 		if (t) {
@@ -1066,29 +1066,29 @@ function tt(e, t) {
 					}
 				};
 			})();
-			return et(n, r, { get() {
+			return $e(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 $e(n, r, { get() {
 			return a(this);
 		} });
 	};
 }
 //#endregion
 //#region node_modules/lit-html/directive.js
-var nt = {
+var tt = {
 	ATTRIBUTE: 1,
 	CHILD: 2,
 	PROPERTY: 3,
 	BOOLEAN_ATTRIBUTE: 4,
 	EVENT: 5,
 	ELEMENT: 6
-}, rt = (e) => (...t) => ({
+}, nt = (e) => (...t) => ({
 	_$litDirective$: e,
 	values: t
-}), it = class {
+}), rt = class {
 	constructor(e) {}
 	get _$AU() {
 		return this._$AM._$AU;
@@ -1102,13 +1102,13 @@ var nt = {
 	update(e, t) {
 		return this.render(...t);
 	}
-}, K = class extends it {
+}, q = class extends rt {
 	constructor(e) {
-		if (super(e), this.it = L, e.type !== nt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+		if (super(e), this.it = R, e.type !== tt.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 (e === R || e == null) return this._t = void 0, this.it = e;
+		if (e === L) 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;
@@ -1120,8 +1120,8 @@ var nt = {
 		};
 	}
 };
-K.directiveName = "unsafeHTML", K.resultType = 1;
-var at = rt(K), q = (e) => F`${at(`
+q.directiveName = "unsafeHTML", q.resultType = 1;
+var it = nt(q), J = (e) => I`${it(`
   <svg 
     viewBox="0 0 24 24" 
     fill="none" 
@@ -1132,29 +1132,39 @@ var at = rt(K), q = (e) => F`${at(`
   >
     ${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`
+`)}`, Y = {
+	accessibility: J("<circle cx=\"12\" cy=\"4.5\" r=\"2\"/><path d=\"M4 9.5h16\"/><path d=\"M12 6.5v6\"/><path d=\"M9.5 20.5 12 12.5l2.5 8\"/>"),
+	chat: J("<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>"),
+	settings: J("<path d=\"M10.325 4.317a1.724 1.724 0 0 1 3.35 0 1.724 1.724 0 0 0 2.573 1.066 1.724 1.724 0 0 1 2.305 2.305 1.724 1.724 0 0 0 1.066 2.573 1.724 1.724 0 0 1 0 3.35 1.724 1.724 0 0 0-1.066 2.573 1.724 1.724 0 0 1-2.305 2.305 1.724 1.724 0 0 0-2.573 1.066 1.724 1.724 0 0 1-3.35 0 1.724 1.724 0 0 0-2.573-1.066 1.724 1.724 0 0 1-2.305-2.305 1.724 1.724 0 0 0-1.066-2.573 1.724 1.724 0 0 1 0-3.35 1.724 1.724 0 0 0 1.066-2.573 1.724 1.724 0 0 1 2.305-2.305 1.724 1.724 0 0 0 2.573-1.066z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>"),
+	mic: J("<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\"/>"),
+	volumeOn: J("<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\"/>"),
+	volumeOff: J("<polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"/>"),
+	shield: J("<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"/>"),
+	close: J("<path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/>"),
+	languages: J("<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: J("<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: J("<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: J("<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 18a6 6 0 0 0 0-12v12z\"/>"),
+	grayscale: J("<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: J("<path d=\"M4 3l7 17 2.2-6.2L20 11 4 3z\"/>"),
+	screenReader: J("<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: J("<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: J("<path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"/>"),
+	cognitive: J("<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: J("<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/>"),
+	check: J("<path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/>"),
+	chevronDown: J("<path d=\"m6 9 6 6 6-6\"/>"),
+	sun: J("<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: J("<path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9z\"/>"),
+	droplet: J("<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: J("<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: J("<line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>"),
+	code: J("<polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/>"),
+	palette: J("<circle cx=\"13.5\" cy=\"6.5\" r=\".5\"/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\"/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\"/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\"/><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.92 0 1.76-.74 1.76-1.67 0-.42-.15-.81-.42-1.15-.28-.33-.45-.78-.45-1.26 0-.93.74-1.67 1.67-1.67h1.91c2.97 0 5.53-2.56 5.53-5.53C22 6.5 17.5 2 12 2z\"/>"),
+	link: J("<path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/>"),
+	type: J("<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\"/>"),
+	mouse: J("<path d=\"M15 6v6a3 3 0 0 1-6 0V6a3 3 0 0 1 6 0z\"/><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"6\"/>")
+}, at = he`
   :host {
     display: block;
     pointer-events: none;
@@ -1325,6 +1335,7 @@ var at = rt(K), q = (e) => F`${at(`
     color: var(--bw-primary-fg);
     box-shadow: none;
   }
+  .bw-tab svg { width: 14px; height: 14px; flex-shrink: 0; }
   .bw-tab[active] svg { color: var(--bw-primary-fg); }
 
   /* ─── Content area ─── */
@@ -1762,6 +1773,51 @@ var at = rt(K), q = (e) => F`${at(`
     gap: 8px;
   }
 
+  .lang-row-icon {
+    width: 16px;
+    height: 16px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+  }
+  .lang-row-icon svg {
+    width: 16px;
+    height: 16px;
+    display: block;
+  }
+
+  .settings-actions {
+    margin: 0 14px 14px;
+  }
+
+  .reset-settings-btn {
+    width: 100%;
+    min-height: 44px;
+    padding: 10px 14px;
+    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: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    transition: all 0.18s;
+  }
+  .reset-settings-btn:hover {
+    border-color: #ef4444;
+    color: #ef4444;
+    background: #fef2f2;
+  }
+  .reset-settings-btn svg {
+    width: 16px;
+    height: 16px;
+  }
+
   .trigger svg {
     width: 28px;
     height: 28px;
@@ -1809,7 +1865,8 @@ var at = rt(K), q = (e) => F`${at(`
   }
   @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 .admin-icon { margin-bottom: 12px; color: var(--bw-primary); }
+  .admin-overlay .admin-icon svg { width: 32px; height: 32px; }
   .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 {
@@ -1840,7 +1897,7 @@ var at = rt(K), q = (e) => F`${at(`
   }
   .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 = {
+`, ot = "bw-a11y-settings-v2", X = {
 	monochrome: !1,
 	darkHighContrast: !1,
 	brightHighContrast: !1,
@@ -1860,19 +1917,19 @@ var at = rt(K), q = (e) => F`${at(`
 	cursorMagnifier: !1,
 	animationsDisabled: !1,
 	linkHighlight: !1
-}, ct = class {
+}, st = class {
 	constructor(e) {
-		this.settings = { ...Y }, (this.host = e).addController(this), this._loadSettings();
+		this.settings = { ...X }, (this.host = e).addController(this), this._loadSettings();
 	}
 	hostConnected() {
 		this._applySettings();
 	}
 	_loadSettings() {
-		let e = localStorage.getItem(st);
+		let e = localStorage.getItem(ot);
 		if (e) try {
 			let t = JSON.parse(e);
 			this.settings = {
-				...Y,
+				...X,
 				...t
 			};
 		} catch (e) {
@@ -1880,7 +1937,7 @@ var at = rt(K), q = (e) => F`${at(`
 		}
 	}
 	_saveSettings() {
-		localStorage.setItem(st, JSON.stringify(this.settings)), this._applySettings(), this.host.requestUpdate();
+		localStorage.setItem(ot, JSON.stringify(this.settings)), this._applySettings(), this.host.requestUpdate();
 	}
 	_ensureGlobalStyles() {
 		let e = "bw-global-a11y-styles", t = document.getElementById(e);
@@ -1963,9 +2020,9 @@ var at = rt(K), q = (e) => F`${at(`
 		this.settings.linkHighlight = !this.settings.linkHighlight, this._saveSettings();
 	}
 	reset() {
-		this.settings = { ...Y }, this._saveSettings();
+		this.settings = { ...X }, this._saveSettings();
 	}
-}, lt = "http://localhost:8000", ut = class {
+}, ct = "http://localhost:8000", lt = class {
 	constructor(e) {
 		this.isFixing = !1, this.simplifyEnabled = !1, this.autoA11yEnabled = !1, this._onParagraphKeydown = (e) => {
 			if (this.simplifyEnabled && (e.key === "Enter" || e.key === " ") && e.target instanceof HTMLElement) {
@@ -2058,7 +2115,7 @@ var at = rt(K), q = (e) => F`${at(`
 			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`, {
+				let r = e.slice(n, n + 10), i = await fetch(`${ct}/v1/widget/a11y/fix`, {
 					method: "POST",
 					headers: {
 						"Content-Type": "application/json",
@@ -2109,7 +2166,7 @@ var at = rt(K), q = (e) => F`${at(`
 			i.remove(), e.style.outline = a, e.style.backgroundColor = o;
 		});
 		try {
-			let e = window.BariwebConfig?.clientId || "", t = await fetch(`${lt}/v1/widget/a11y/simplify`, {
+			let e = window.BariwebConfig?.clientId || "", t = await fetch(`${ct}/v1/widget/a11y/simplify`, {
 				method: "POST",
 				headers: {
 					"Content-Type": "application/json",
@@ -2126,9 +2183,11 @@ var at = rt(K), q = (e) => F`${at(`
 			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>", i.focus();
 		}
 	}
-}, dt = "bw-tts-enabled-v1", ft = class {
+}, ut = "bw-tts-enabled-v1", dt = class {
 	constructor() {
-		this.enabled = !0, this.enabled = this.loadEnabled();
+		this.enabled = !0, this.enabled = this.loadEnabled(), "speechSynthesis" in window && (window.speechSynthesis.getVoices(), window.speechSynthesis.onvoiceschanged = () => {
+			window.speechSynthesis.getVoices();
+		});
 	}
 	isEnabled() {
 		return this.enabled;
@@ -2136,7 +2195,7 @@ var at = rt(K), q = (e) => F`${at(`
 	setEnabled(e) {
 		this.enabled = e;
 		try {
-			localStorage.setItem(dt, e ? "1" : "0");
+			localStorage.setItem(ut, e ? "1" : "0");
 		} catch {}
 		e || this.stop();
 	}
@@ -2147,26 +2206,25 @@ var at = rt(K), q = (e) => F`${at(`
 		if (!this.enabled || !("speechSynthesis" in window)) return;
 		let t = (e || "").trim();
 		if (t) try {
-			window.speechSynthesis.cancel();
+			window.speechSynthesis.resume(), 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);
+			r && (e.voice = r), e.rate = 1, e.pitch = 1, e.volume = 1, window.speechSynthesis.speak(e);
 		} catch (e) {
 			console.warn("TTS speak failed", e);
 		}
 	}
 	loadEnabled() {
 		try {
-			let e = localStorage.getItem(dt);
+			let e = localStorage.getItem(ut);
 			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";
+		return /[\u04D8\u04D9\u0492\u0493\u04AE\u04AF\u049A\u049B\u04E8\u04E9\u04BA\u04BB\u0406\u0456\u04A2\u04A3]/u.test(e) ? "kk-KZ" : /[\u0400-\u04FF]/u.test(e) ? "ru-RU" : /[a-z]/i.test(e) ? "en-US" : "ru-RU";
 	}
 	pickVoice(e) {
 		if (!("speechSynthesis" in window)) return null;
@@ -2175,8 +2233,8 @@ var at = rt(K), q = (e) => F`${at(`
 		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) {
+}, Z = "http://localhost:8000", ft = 5, pt = [/(submit|отправить|оплатить|сгенерировать|сохранить|перевести|подтвердит|купить|удалить|delete|pay|purchase|buy|send|transfer|confirm|place.?order|checkout|remove|drop|unsubscribe|sign.?out|выйти|уволить)/i];
+function mt(e) {
 	if (e.type !== "click_element" || !e.element_id) return !1;
 	let t = document.getElementById(e.element_id);
 	if (!t) return !1;
@@ -2188,16 +2246,19 @@ function ht(e) {
 		t.getAttribute("name") || "",
 		t.getAttribute("value") || ""
 	].join(" ");
-	return mt.some((e) => e.test(n));
+	return pt.some((e) => e.test(n));
 }
-var gt = class {
+var ht = 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();
+		this.messages = [], this.isLoading = !1, this.error = null, this._tts = new dt(), this._voiceMode = !1, this.pendingConfirmation = null, (this.host = e).addController(this), this._loadMessages();
 	}
 	hostConnected() {}
 	hostDisconnected() {
 		this._tts.stop();
 	}
+	_shouldSpeak() {
+		return this._voiceMode || this._tts.isEnabled();
+	}
 	_loadMessages() {
 		try {
 			let e = sessionStorage.getItem("bw-chat-history");
@@ -2330,7 +2391,7 @@ var gt = class {
 	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`, {
+			let e = await fetch(`${Z}/v1/training/match-screen`, {
 				method: "POST",
 				headers: {
 					"Content-Type": "application/json",
@@ -2345,7 +2406,7 @@ var gt = class {
 		} catch (e) {
 			console.warn("Failed to match screen fingerprint", e);
 		}
-		let c = await fetch(`${X}/v1/chat`, {
+		let c = await fetch(`${Z}/v1/chat`, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -2393,11 +2454,11 @@ var gt = class {
 		}], this._saveMessages()), this.host.requestUpdate();
 		let r = e, i = 0;
 		try {
-			for (; i < pt;) {
+			for (; i < ft;) {
 				i++;
 				let e = await this._callAPI(r), t = e.text;
 				if (e.action) {
-					if (ht(e.action)) {
+					if (mt(e.action)) {
 						let t = document.getElementById(e.action.element_id || "")?.textContent?.trim() || e.action.element_id || "кнопку";
 						this.pendingConfirmation = {
 							text: `${e.text}\n\n⚠️ Нажать «${t}»?`,
@@ -2408,7 +2469,7 @@ var gt = class {
 							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();
+						}], this._saveMessages(), this._shouldSpeak() && 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);
@@ -2417,7 +2478,7 @@ var gt = class {
 							role: "assistant",
 							text: "🔄 Анализирую...",
 							timestamp: Date.now()
-						}], this._saveMessages(), this._voiceMode && this._tts.speak("Анализирую..."), this.host.requestUpdate(), await this._waitForDom(800), r = "Страница обновилась. Продолжай задачу, прочитай DOM.";
+						}], this._saveMessages(), this._shouldSpeak() && this._tts.speak("Анализирую..."), this.host.requestUpdate(), await this._waitForDom(800), r = "Страница обновилась. Продолжай задачу, прочитай DOM.";
 						continue;
 					}
 					if (t = `${e.text}\n${a}`, o) {
@@ -2425,7 +2486,7 @@ var gt = class {
 							role: "assistant",
 							text: t,
 							timestamp: Date.now()
-						}], this._saveMessages(), this._voiceMode && this._tts.speak(t), this.host.requestUpdate(), await this._waitForDom(1500);
+						}], this._saveMessages(), this._shouldSpeak() && 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.";
@@ -2437,14 +2498,14 @@ var gt = class {
 						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." : "Действие выполнено. Если задача готова — сообщи. Иначе продолжай.");
+					}], this._saveMessages(), this._shouldSpeak() && 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);
+				}], this._saveMessages(), this._shouldSpeak() && this._tts.speak(t);
 				break;
 			}
 		} catch (e) {
@@ -2452,7 +2513,7 @@ var gt = class {
 				role: "assistant",
 				text: `❌ Ошибка: ${this.error}`,
 				timestamp: Date.now()
-			}], this._saveMessages(), this._voiceMode && this._tts.speak(`Ошибка: ${this.error}`);
+			}], this._saveMessages(), this._shouldSpeak() && this._tts.speak(`Ошибка: ${this.error}`);
 		} finally {
 			this.isLoading = !1, this.host.requestUpdate();
 		}
@@ -2470,7 +2531,7 @@ var gt = class {
 			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."));
+		}], this._saveMessages(), this._shouldSpeak() && this._tts.speak(t), this.host.requestUpdate(), !n && (await this._waitForDom(1200), await this._agentStep("Действие подтверждено и выполнено. Проверь результат в DOM."));
 	}
 	cancelAction() {
 		this.pendingConfirmation && (this.pendingConfirmation = null, this.messages = [
@@ -2485,7 +2546,7 @@ var gt = class {
 				text: "🚫 Действие отменено. Чем ещё могу помочь?",
 				timestamp: Date.now()
 			}
-		], this._saveMessages(), this._voiceMode && this._tts.speak("Действие отменено. Чем ещё могу помочь?"), this.host.requestUpdate());
+		], this._saveMessages(), this._shouldSpeak() && this._tts.speak("Действие отменено. Чем ещё могу помочь?"), this.host.requestUpdate());
 	}
 	_waitForDom(e) {
 		return new Promise((t) => setTimeout(t, e));
@@ -2514,7 +2575,7 @@ var gt = class {
 	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`, {
+		let i = await fetch(`${Z}/v1/stt/transcribe`, {
 			method: "POST",
 			headers: { "X-Client-ID": n },
 			body: r
@@ -2531,7 +2592,7 @@ var gt = class {
 };
 //#endregion
 //#region \0@oxc-project+runtime@0.122.0/helpers/decorate.js
-function Z(e, t, n, r) {
+function Q(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);
@@ -2539,171 +2600,249 @@ function Z(e, t, n, r) {
 }
 //#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: "Жабу"
-	},
+var gt = "bw-stt-lang-v1", _t = 200, vt = .015, yt = 1200, bt = 2e4, xt = 350, St = {
 	ru: {
-		langLabel: "Язык распознавания и виджета",
-		langKz: "Казахский",
-		langRu: "Русский",
-		langEn: "Английский",
-		chatTab: "💬 Чат",
-		settingsTab: "♿ Настройки",
-		brandSub: "Инклюзия",
-		madeIn: "Сделано в Казахстане 🇰🇿",
-		voiceBtnInit: "Нажмите",
-		voiceBtnRec: "Запись...",
-		micBannerRec: "🎙️ Слушаю... (остановлюсь по тишине)",
-		micBannerWait: "⏳ Распознаю речь...",
-		micBannerErr: "⚠️",
-		micAriaL: "Включить голосовой ввод (удерживайте для записи)",
-		inputAriaL: "Текстовое поле ввода сообщения",
-		inputPl: "Введите сообщение...",
-		ttsAriaOn: "Выключить озвучку ответа",
-		ttsAriaOff: "Включить озвучку ответа",
+		announceVoiceInputAvailable: "Голосовой ввод доступен. Кнопка в нижнем правом углу.",
+		announceWidgetOpened: "Виджет открыт.",
+		announceSwitchedToChat: "Переход в чат. Голосовой ввод доступен.",
+		errorMicNotSupported: "Микрофон не поддерживается.",
+		errorNoMicAccess: "Нет доступа к микрофону.",
+		errorProcessing: "Ошибка обработки.",
+		errorTooShort: "Слишком короткая запись.",
+		errorSpeechNotRecognized: "Речь не распознана.",
+		errorRecognition: "Ошибка распознавания.",
+		screenLabelPrefix: "На странице:",
+		chatEmptyTitle: "Ваш помощник",
+		chatEmptySub: "Опишите задачу — я найду нужные кнопки и заполню поля за вас.",
+		confirmAction: "Подтвердить действие",
+		cancel: "Отменить",
+		listening: "Слушаю... (остановлюсь по тишине)",
+		recognizingSpeech: "Распознаю речь...",
+		micAria: "Включить голосовой ввод (удерживайте для записи)",
+		inputPlaceholder: "Введите сообщение...",
+		inputAria: "Текстовое поле ввода сообщения",
+		ttsDisableAria: "Выключить озвучку ответа",
+		ttsEnableAria: "Включить озвучку ответа",
 		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)",
+		tileTextSize: "Размер текста",
+		tileMonochrome: "Ч/Б",
+		valueMonochrome: "Монохром",
+		tileContrast: "Контраст",
+		valueDark: "Тёмный",
+		tileLinks: "Ссылки",
+		valueHighlight: "Выделить",
+		tileSpacing: "Отступы",
+		valueEnlarge: "Увеличить",
+		tileFont: "Шрифт",
+		valueDyslexia: "Дислексия",
+		tileCursor: "Курсор",
+		tileVoice: "Голос",
+		valueRecording: "Запись...",
+		valuePress: "Нажмите",
+		colorSetup: "Настройка цвета",
+		tabBackground: "Фон",
+		tabHeader: "Шапка",
+		tabText: "Текст",
+		decrease: "Уменьшить",
+		hue: "Оттенок",
+		increase: "Увеличить",
+		recognitionLanguage: "Язык",
+		changeRecognitionLanguage: "Изменить язык распознавания",
+		languageAuto: "Автоопределение",
+		languageKz: "Казахский",
+		languageRu: "Русский",
+		languageEn: "Английский",
+		aiSimplify: "AI Упрощение текста",
+		aiBlindMode: "Режим для незрячих (AI)",
 		on: "ВКЛ",
 		off: "ВЫКЛ",
-		closeAria: "Закрыть"
+		resetSettings: "Сбросить настройки",
+		adminMode: "Режим администратора",
+		adminAccess: "Admin доступ",
+		adminLoggedIn: "Вы вошли как администратор",
+		adminLogout: "Выйти из аккаунта",
+		adminPrompt: "Введите ключ для активации режима обучения",
+		adminLogin: "Войти",
+		close: "Закрыть",
+		inclusion: "Инклюзия",
+		tabChat: "Чат",
+		tabSettings: "Настройки",
+		madeInKazakhstan: "Сделано в Казахстане 🇰🇿",
+		closeWidgetAria: "Закрыть",
+		widgetDialogAria: "BariWeb Accessibility Widget",
+		triggerAria: "Открыть/Закрыть меню доступности",
+		adminKeyPlaceholder: "Admin Key"
+	},
+	kz: {
+		announceVoiceInputAvailable: "Дауыстық енгізу қолжетімді. Түйме төменгі оң жақ бұрышта.",
+		announceWidgetOpened: "Виджет ашылды.",
+		announceSwitchedToChat: "Чатқа ауысты. Дауыстық енгізу қолжетімді.",
+		errorMicNotSupported: "Микрофонға қолдау жоқ.",
+		errorNoMicAccess: "Микрофонға рұқсат жоқ.",
+		errorProcessing: "Өңдеу қатесі.",
+		errorTooShort: "Жазба тым қысқа.",
+		errorSpeechNotRecognized: "Сөйлеу танылмады.",
+		errorRecognition: "Тану қатесі.",
+		screenLabelPrefix: "Бетте:",
+		chatEmptyTitle: "Сіздің көмекшіңіз",
+		chatEmptySub: "Міндетті сипаттаңыз — мен керек батырмаларды тауып, өрістерді толтырамын.",
+		confirmAction: "Әрекетті растау",
+		cancel: "Бас тарту",
+		listening: "Тыңдап тұрмын... (үнсіздікте тоқтаймын)",
+		recognizingSpeech: "Сөйлеуді танып жатырмын...",
+		micAria: "Дауыстық енгізуді қосу (жазу үшін ұстап тұрыңыз)",
+		inputPlaceholder: "Хабарлама енгізіңіз...",
+		inputAria: "Хабарлама енгізу өрісі",
+		ttsDisableAria: "Жауап дауысын өшіру",
+		ttsEnableAria: "Жауап дауысын қосу",
+		sendAria: "Хабарламаны жіберу",
+		tileTextSize: "Мәтін өлшемі",
+		tileMonochrome: "Қ/А",
+		valueMonochrome: "Монохром",
+		tileContrast: "Контраст",
+		valueDark: "Қою",
+		tileLinks: "Сілтемелер",
+		valueHighlight: "Белгілеу",
+		tileSpacing: "Аралықтар",
+		valueEnlarge: "Үлкейту",
+		tileFont: "Қаріп",
+		valueDyslexia: "Дислексия",
+		tileCursor: "Курсор",
+		tileVoice: "Дауыс",
+		valueRecording: "Жазып жатыр...",
+		valuePress: "Басыңыз",
+		colorSetup: "Түсті баптау",
+		tabBackground: "Фон",
+		tabHeader: "Тақырып",
+		tabText: "Мәтін",
+		decrease: "Азайту",
+		hue: "Реңк",
+		increase: "Көбейту",
+		recognitionLanguage: "Тіл",
+		changeRecognitionLanguage: "Тану тілін өзгерту",
+		languageAuto: "Автоанықтау",
+		languageKz: "Қазақша",
+		languageRu: "Орысша",
+		languageEn: "Ағылшынша",
+		aiSimplify: "AI мәтінді жеңілдету",
+		aiBlindMode: "Көру қабілеті нашарларға режим (AI)",
+		on: "ҚОС",
+		off: "ӨШІК",
+		resetSettings: "Баптауларды қалпына келтіру",
+		adminMode: "Әкімші режимі",
+		adminAccess: "Admin қолжетімділігі",
+		adminLoggedIn: "Сіз әкімші ретінде кірдіңіз",
+		adminLogout: "Аккаунттан шығу",
+		adminPrompt: "Оқыту режимін қосу үшін кілт енгізіңіз",
+		adminLogin: "Кіру",
+		close: "Жабу",
+		inclusion: "Инклюзия",
+		tabChat: "Чат",
+		tabSettings: "Баптаулар",
+		madeInKazakhstan: "Қазақстанда жасалған 🇰🇿",
+		closeWidgetAria: "Жабу",
+		widgetDialogAria: "BariWeb қолжетімділік виджеті",
+		triggerAria: "Қолжетімділік мәзірін ашу/жабу",
+		adminKeyPlaceholder: "Admin Key"
 	},
 	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",
+		announceVoiceInputAvailable: "Voice input is available. The button is in the bottom-right corner.",
+		announceWidgetOpened: "Widget opened.",
+		announceSwitchedToChat: "Switched to chat. Voice input is available.",
+		errorMicNotSupported: "Microphone is not supported.",
+		errorNoMicAccess: "No access to microphone.",
+		errorProcessing: "Processing error.",
+		errorTooShort: "Recording is too short.",
+		errorSpeechNotRecognized: "Speech was not recognized.",
+		errorRecognition: "Recognition error.",
+		screenLabelPrefix: "On page:",
+		chatEmptyTitle: "Your assistant",
+		chatEmptySub: "Describe your task — I will find the right buttons and fill fields for you.",
+		confirmAction: "Confirm action",
+		cancel: "Cancel",
+		listening: "Listening... (will stop on silence)",
+		recognizingSpeech: "Recognizing speech...",
+		micAria: "Enable voice input (hold to record)",
+		inputPlaceholder: "Type a message...",
+		inputAria: "Message input field",
+		ttsDisableAria: "Disable answer voice",
+		ttsEnableAria: "Enable answer voice",
 		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)",
+		tileTextSize: "Text size",
+		tileMonochrome: "B/W",
+		valueMonochrome: "Monochrome",
+		tileContrast: "Contrast",
+		valueDark: "Dark",
+		tileLinks: "Links",
+		valueHighlight: "Highlight",
+		tileSpacing: "Spacing",
+		valueEnlarge: "Enlarge",
+		tileFont: "Font",
+		valueDyslexia: "Dyslexia",
+		tileCursor: "Cursor",
+		tileVoice: "Voice",
+		valueRecording: "Recording...",
+		valuePress: "Press",
+		colorSetup: "Color setup",
+		tabBackground: "Background",
+		tabHeader: "Header",
+		tabText: "Text",
+		decrease: "Decrease",
+		hue: "Hue",
+		increase: "Increase",
+		recognitionLanguage: "Language",
+		changeRecognitionLanguage: "Change recognition language",
+		languageAuto: "Auto detect",
+		languageKz: "Kazakh",
+		languageRu: "Russian",
+		languageEn: "English",
+		aiSimplify: "AI text simplification",
+		aiBlindMode: "Blind mode (AI)",
 		on: "ON",
 		off: "OFF",
-		closeAria: "Close"
-	}
-}, $ = class extends W {
+		resetSettings: "Reset settings",
+		adminMode: "Administrator mode",
+		adminAccess: "Admin access",
+		adminLoggedIn: "You are logged in as administrator",
+		adminLogout: "Log out",
+		adminPrompt: "Enter key to activate training mode",
+		adminLogin: "Log in",
+		close: "Close",
+		inclusion: "Inclusion",
+		tabChat: "Chat",
+		tabSettings: "Settings",
+		madeInKazakhstan: "Made in Kazakhstan 🇰🇿",
+		closeWidgetAria: "Close",
+		widgetDialogAria: "BariWeb Accessibility Widget",
+		triggerAria: "Open/close accessibility menu",
+		adminKeyPlaceholder: "Admin Key"
+	}
+}, $ = class extends G {
 	static {
-		this.styles = [ot];
+		this.styles = [at];
 	}
 	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) => {
+		super(), this._a11y = new st(this), this._aiA11y = new lt(this), this._chat = new ht(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 = "auto", 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);
+			let e = localStorage.getItem(gt);
+			(e === "auto" || e === "kz" || e === "ru" || e === "en") && (this._sttLanguageMode = e);
 		} catch {}
 		this._checkAuthStatus();
 	}
 	_setSttLanguageMode(e) {
 		this._sttLanguageMode = e;
 		try {
-			localStorage.setItem(_t, e);
+			localStorage.setItem(gt, e);
 		} catch {}
 	}
+	_uiLang() {
+		return this._sttLanguageMode === "kz" ? "kz" : this._sttLanguageMode === "en" ? "en" : "ru";
+	}
+	_t(e) {
+		return St[this._uiLang()][e] ?? St.ru[e] ?? e;
+	}
 	async _checkAuthStatus() {
 		let e = localStorage.getItem("bw_admin_token");
 		if (e) try {
@@ -2776,18 +2915,28 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
 	disconnectedCallback() {
 		super.disconnectedCallback(), t.stop(), this._cleanupRecording(), window.removeEventListener("keydown", this._handleGlobalKeydown);
 	}
+	_announce(e) {
+		if ("speechSynthesis" in window) {
+			let t = new SpeechSynthesisUtterance(e);
+			t.lang = this._uiLang() === "kz" ? "kk-KZ" : this._uiLang() === "en" ? "en-US" : "ru-RU", window.speechSynthesis.speak(t);
+		}
+	}
 	_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);
+		try {
+			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);
+		} catch {}
 	}
 	_toggle() {
-		this._isOpen = !this._isOpen;
+		this._isOpen = !this._isOpen, this._isOpen && (setTimeout(() => this._announce(this._t("announceVoiceInputAvailable")), 500), this._scrollMessages());
 	}
 	setOpen(e) {
-		this._isOpen = e;
+		this._isOpen = e, e && (this._announce(this._t("announceWidgetOpened")), this._scrollMessages());
 	}
 	_setTab(e) {
-		this._activeTab = e;
+		this._activeTab = e, e === "chat" && (this._announce(this._t("announceSwitchedToChat")), this._scrollMessages(), setTimeout(() => {
+			this.renderRoot?.querySelector("#bw-voice-btn")?.focus();
+		}, 300));
 	}
 	_handleInput(e) {
 		this._inputValue = e.target.value;
@@ -2797,7 +2946,10 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
 	}
 	async _handleSend() {
 		let e = this._inputValue.trim();
-		!e || this._chat.isLoading || this._sttState !== "idle" || (this._inputValue = "", await this._chat.sendMessage(e, !1), this._scrollMessages());
+		if (!e || this._chat.isLoading || this._sttState !== "idle") return;
+		this._inputValue = "";
+		let t = this._chat.sendMessage(e, !1);
+		this._scrollMessages(), await t, this._scrollMessages();
 	}
 	_scrollMessages() {
 		this.updateComplete.then(() => {
@@ -2808,6 +2960,9 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
 		let e = this._a11y.settings;
 		return e.activeColorTab === "background" ? e.customBgHue || 0 : e.activeColorTab === "header" ? e.customHeaderHue || 0 : e.customContentHue || 0;
 	}
+	_resetWidgetSettings() {
+		this._a11y.reset(), this._aiA11y.simplifyEnabled && this._aiA11y.toggleSimplify(), this._aiA11y.autoA11yEnabled && this._aiA11y.toggleAutoA11y(), this._setSttLanguageMode("auto"), this.requestUpdate();
+	}
 	_clearSttTimers() {
 		this._silenceIntervalId !== null && (window.clearInterval(this._silenceIntervalId), this._silenceIntervalId = null), this._maxDurationTimeoutId !== null && (window.clearTimeout(this._maxDurationTimeoutId), this._maxDurationTimeoutId = null);
 	}
@@ -2825,7 +2980,7 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
 	}
 	async _startRecording() {
 		if (!navigator.mediaDevices?.getUserMedia) {
-			this._sttState = "error", this._sttError = "Микрофон не поддерживается.";
+			this._sttState = "error", this._sttError = this._t("errorMicNotSupported");
 			return;
 		}
 		try {
@@ -2837,7 +2992,7 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
 				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);
+			}, bt);
 			let n = new Uint8Array(this._analyser.fftSize);
 			this._silenceIntervalId = window.setInterval(() => {
 				if (!this._analyser || this._sttState !== "recording") return;
@@ -2847,34 +3002,34 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
 					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);
+				Math.sqrt(e / n.length) < vt ? this._silenceStartedTs ? Date.now() - this._silenceStartedTs >= yt && this._stopRecording() : this._silenceStartedTs = Date.now() : this._silenceStartedTs = null;
+			}, _t);
 		} catch {
-			this._sttState = "error", this._sttError = "Нет доступа к микрофону.", this._cleanupRecording();
+			this._sttState = "error", this._sttError = this._t("errorNoMicAccess"), 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 || "Ошибка обработки.";
+			this._sttState = "error", this._sttError = e?.message || this._t("errorProcessing");
 		}));
 	}
 	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 = "Слишком короткая запись.";
+		if (this._cleanupRecording(), e < xt || i.size === 0) {
+			this._sttState = "error", this._sttError = this._t("errorTooShort");
 			return;
 		}
 		try {
 			let e = (await this._chat.transcribeAudio(i, this._sttLanguageMode)).text?.trim();
 			if (!e) {
-				this._sttState = "error", this._sttError = "Речь не распознана.";
+				this._sttState = "error", this._sttError = this._t("errorSpeechNotRecognized");
 				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 || "Ошибка распознавания.";
+			this._sttState = "error", this._sttError = e?.message || this._t("errorRecognition");
 		}
 	}
 	_encodeWav(e, t) {
@@ -2893,51 +3048,66 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
 		"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`
+		let e = this._chat.messages, t = this._chat.isLoading, n = this._chat.pendingConfirmation, r = t || this._sttState === "processing", i = (e) => this._t(e);
+		return I`
       <div class="chat-messages" id="bw-chat-messages">
-        ${this._currentScreenLabel ? F`
+        ${this._currentScreenLabel ? I`
           <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>
+            ${i("screenLabelPrefix")} <strong>${this._currentScreenLabel}</strong>
           </div>
         ` : ""}
 
-        ${t.length === 0 ? F`
+        ${e.length === 0 ? I`
           <div class="chat-empty">
-            ${J.accessibility}
-            <p class="chat-empty-title">${e.emptyChatTitle}</p>
-            <p class="chat-empty-sub">${e.emptyChatSub}</p>
+            ${Y.accessibility}
+            <p class="chat-empty-title">${i("chatEmptyTitle")}</p>
+            <p class="chat-empty-sub">${i("chatEmptySub")}</p>
           </div>
-        ` : t.map((e) => e.role === "assistant" && (e.text.includes("✅") || e.text.includes("⌨️") || e.text.includes("🔄")) ? F`
+        ` : e.map((e) => {
+			if (e.role === "assistant" && (e.text.includes("✅") || e.text.includes("⌨️") || e.text.includes("🔄"))) {
+				let t = e.text.split("\n")[0];
+				return I`
               <details class="system-log">
-                <summary class="system-log-header"><span>${e.text.split("\n")[0]}</span></summary>
+                <summary class="system-log-header">
+                  ${Y.code} <span>${t}</span>
+                </summary>
                 <div class="system-log-details">${e.text}</div>
-              </details>` : F`<div class="chat-bubble ${e.role}">${e.text}</div>`)}
+              </details>
+            `;
+			}
+			return I`
+            <div class="chat-bubble ${e.role}">
+              ${e.text}
+            </div>
+          `;
+		})}
 
-        ${n ? F`
+        ${t ? I`
           <div class="typing-indicator">
-            <div class="typing-dot"></div><div class="typing-dot"></div><div class="typing-dot"></div>
-          </div>` : ""}
+            <div class="typing-dot"></div>
+            <div class="typing-dot"></div>
+            <div class="typing-dot"></div>
+          </div>
+        ` : ""}
       </div>
 
-      ${r ? F`
+      ${n ? I`
         <div class="confirm-panel">
           <button class="btn-confirm" @click=${() => this._chat.confirmAction()} id="bw-confirm-action">
-            ${e.confirmAction}
+            ${i("confirmAction")}
           </button>
           <button class="btn-cancel" @click=${() => this._chat.cancelAction()} id="bw-cancel-action">
-            ${e.cancelAction}
+            ${i("cancel")}
           </button>
         </div>
-      ` : F`
+      ` : I`
         <div class="chat-input-area">
-          ${this._sttState === "idle" ? "" : F`
+          ${this._sttState === "idle" ? "" : I`
             <div class="stt-banner ${this._sttState}">
-              ${this._sttState === "recording" ? e.micBannerRec : this._sttState === "processing" ? e.micBannerWait : `${e.micBannerErr} ${this._sttError}`}
+              ${this._sttState === "recording" ? `REC: ${i("listening")}` : this._sttState === "processing" ? `... ${i("recognizingSpeech")}` : `! ${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}
@@ -2949,31 +3119,39 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
               @touchend=${(e) => {
 			e.preventDefault(), this._stopRecording();
 		}}
-              @click=${this._toggleVoice} 
-              ?disabled=${this._sttState === "processing" || n}
-              id="bw-voice-btn" 
-              aria-label="${e.micAriaL}">
-              ${J.mic}
+              @click=${this._toggleVoice}
+              ?disabled=${this._sttState === "processing" || t}
+              id="bw-voice-btn"
+              aria-label=${i("micAria")}>
+              ${Y.mic}
             </button>
 
             <input
               class="chat-input"
               type="text"
-              placeholder="${e.inputPl}"
+              placeholder=${i("inputPlaceholder")}
               .value=${this._inputValue}
               @input=${this._handleInput}
               @keydown=${this._handleKeydown}
-              ?disabled=${i}
+              ?disabled=${r}
               id="bw-chat-input"
-              aria-label="${e.inputAriaL}"
+              aria-label=${i("inputAria")}
             />
 
-            <!-- ▶ Send Button -->
+            <button class="chat-icon-btn ${this._chat.isTtsEnabled() ? "tts-on" : ""}"
+              @click=${() => {
+			this._chat.setTtsEnabled(!this._chat.isTtsEnabled()), this.requestUpdate();
+		}}
+              id="bw-tts-btn"
+              aria-label=${this._chat.isTtsEnabled() ? i("ttsDisableAria") : i("ttsEnableAria")}>
+              ${this._chat.isTtsEnabled() ? Y.volumeOn : Y.volumeOff}
+            </button>
+
             <button class="chat-send-btn" @click=${this._handleSend}
-              ?disabled=${!this._inputValue.trim() || i}
-              id="bw-send-btn" 
-              aria-label="${e.sendAria}">
-              ${J.send}
+              ?disabled=${!this._inputValue.trim() || r}
+              id="bw-send-btn"
+              aria-label=${i("sendAria")}>
+              ${Y.send}
             </button>
           </div>
         </div>
@@ -2981,169 +3159,175 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
     `;
 	}
 	_renderA11yTab() {
-		let e = Q[this._sttLanguageMode], t = this._a11y.settings, n = [
+		let e = this._a11y.settings, t = (e) => this._t(e);
+		return I`
+      <div class="a11y-scroller">
+        <div class="settings-grid">
+          ${[
 			{
 				id: "bw-tile-textscale",
-				icon: J.textSize,
-				label: e.textScale,
-				value: `${Math.round(t.textScale * 100)}%`,
-				active: t.textScale > 1,
+				icon: Y.textSize,
+				label: t("tileTextSize"),
+				value: `${Math.round(e.textScale * 100)}%`,
+				active: e.textScale > 1,
 				action: () => this._a11y.incrementTextScale()
 			},
 			{
 				id: "bw-tile-monochrome",
-				icon: J.visualImpair,
-				label: e.monochrome,
-				value: e.monochromeVal,
-				active: t.monochrome,
+				icon: Y.palette,
+				label: t("tileMonochrome"),
+				value: t("valueMonochrome"),
+				active: e.monochrome,
 				action: () => this._a11y.toggleMonochrome()
 			},
 			{
 				id: "bw-tile-contrast",
-				icon: J.moon,
-				label: e.contrast,
-				value: e.contrastVal,
-				active: t.darkHighContrast,
+				icon: Y.sun,
+				label: t("tileContrast"),
+				value: t("valueDark"),
+				active: e.darkHighContrast,
 				action: () => this._a11y.toggleDarkHighContrast()
 			},
 			{
 				id: "bw-tile-links",
-				icon: J.visualImpair,
-				label: e.links,
-				value: e.linksVal,
-				active: t.linkHighlight,
+				icon: Y.link,
+				label: t("tileLinks"),
+				value: t("valueHighlight"),
+				active: e.linkHighlight,
 				action: () => this._a11y.toggleLinkHighlight()
 			},
 			{
 				id: "bw-tile-spacing",
-				icon: J.textSize,
-				label: e.spacing,
-				value: e.spacingVal,
-				active: t.textSpacing,
+				icon: Y.type,
+				label: t("tileSpacing"),
+				value: t("valueEnlarge"),
+				active: e.textSpacing,
 				action: () => this._a11y.toggleTextSpacing()
 			},
 			{
 				id: "bw-tile-font",
-				icon: J.textSize,
-				label: e.font,
-				value: e.fontVal,
-				active: t.dyslexicFont,
+				icon: Y.type,
+				label: t("tileFont"),
+				value: t("valueDyslexia"),
+				active: e.dyslexicFont,
 				action: () => this._a11y.toggleDyslexicFont()
 			},
 			{
 				id: "bw-tile-cursor",
-				icon: J.cursor,
-				label: e.cursor,
-				value: e.cursorVal,
-				active: t.cursorMagnifier,
+				icon: Y.mouse,
+				label: t("tileCursor"),
+				value: t("valueEnlarge"),
+				active: e.cursorMagnifier,
 				action: () => this._a11y.toggleCursorMagnifier()
 			},
 			{
 				id: "bw-tile-voice",
 				icon: null,
-				label: e.voiceBtnInit,
-				value: this._sttState === "recording" ? e.voiceBtnRec : e.voiceBtnInit,
+				label: t("tileVoice"),
+				value: this._sttState === "recording" ? t("valueRecording") : t("valuePress"),
 				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`
+		].map((e) => I`
             <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}
+              ${e.icon || Y.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>` : ""}
+              ${e.active ? I`<span class="active-badge">${Y.check}</span>` : ""}
             </button>
           `)}
         </div>
 
         <div class="color-section">
           <div class="color-section-header">
-            ${J.droplet}
-            <h4 class="color-section-title">${e.colorSettingsTitle}</h4>
+            ${Y.droplet}
+            <h4 class="color-section-title">${t("colorSetup")}</h4>
           </div>
           <div class="color-tabs">
-            <button class="color-tab" ?active=${t.activeColorTab === "background"}
+            <button class="color-tab" ?active=${e.activeColorTab === "background"}
               @click=${() => {
-			t.activeColorTab = "background", this.requestUpdate();
-		}}>${e.colorBg}</button>
-            <button class="color-tab" ?active=${t.activeColorTab === "header"}
+			e.activeColorTab = "background", this.requestUpdate();
+		}}>${t("tabBackground")}</button>
+            <button class="color-tab" ?active=${e.activeColorTab === "header"}
               @click=${() => {
-			t.activeColorTab = "header", this.requestUpdate();
-		}}>${e.colorHeader}</button>
-            <button class="color-tab" ?active=${t.activeColorTab === "content"}
+			e.activeColorTab = "header", this.requestUpdate();
+		}}>${t("tabHeader")}</button>
+            <button class="color-tab" ?active=${e.activeColorTab === "content"}
               @click=${() => {
-			t.activeColorTab = "content", this.requestUpdate();
-		}}>${e.colorText}</button>
+			e.activeColorTab = "content", this.requestUpdate();
+		}}>${t("tabText")}</button>
           </div>
           <div class="hue-row">
-            <button class="hue-step-btn" @click=${() => this._a11y.setCustomHue((this._getCurrentHue() - 15 + 360) % 360)} aria-label="Уменьшить">–</button>
+            <button class="hue-step-btn" @click=${() => this._a11y.setCustomHue((this._getCurrentHue() - 15 + 360) % 360)} aria-label=${t("decrease")}>-</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>
+              aria-label=${t("hue")} />
+            <button class="hue-step-btn" @click=${() => this._a11y.setCustomHue((this._getCurrentHue() + 15) % 360)} aria-label=${t("increase")}>+</button>
           </div>
         </div>
 
-        <div class="ai-tools-section" style="margin-top: 16px;">
+        <div class="ai-tools-section">
+          <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: 12px;">
+            <div class="lang-row-label" style="display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 14px; color: var(--bw-fg, #1e293b);">
+               <span class="lang-row-icon">${Y.languages}</span>${t("recognitionLanguage")}
+            </div>
+            <select style="height: 34px; padding: 0 8px; border: 1px solid var(--bw-border); border-radius: 8px; background: #fff; cursor: pointer; outline: none; font-size: 13px;"
+              .value=${this._sttLanguageMode}
+              @change=${(e) => {
+			this._setSttLanguageMode(e.target.value), this.requestUpdate();
+		}}
+              aria-label=${t("changeRecognitionLanguage")}>
+              <option value="auto">${t("languageAuto")}</option>
+              <option value="kz">${t("languageKz")}</option>
+              <option value="ru">${t("languageRu")}</option>
+              <option value="en">${t("languageEn")}</option>
+            </select>
+          </div>
+
           <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>
+            ${Y.textSize}
+            <span class="ai-tool-btn-label">${t("aiSimplify")}</span>
             <span class="ai-tool-badge ${this._aiA11y.simplifyEnabled ? "on" : ""}">
-              ${this._aiA11y.simplifyEnabled ? e.on : e.off}
+              ${this._aiA11y.simplifyEnabled ? t("on") : t("off")}
             </span>
           </button>
-          
+
           <button class="ai-tool-btn ${this._aiA11y.autoA11yEnabled ? "active" : ""}"
-            @click=${() => this._aiA11y.toggleAutoA11y()} 
+            @click=${() => this._aiA11y.toggleAutoA11y()}
             id="bw-ai-fix">
-            ${J.accessibility}
-            <span class="ai-tool-btn-label">${e.aiBlindTitle}</span>
+            ${Y.accessibility}
+            <span class="ai-tool-btn-label">${t("aiBlindMode")}</span>
             <span class="ai-tool-badge ${this._aiA11y.autoA11yEnabled ? "on" : ""}">
-              ${this._aiA11y.autoA11yEnabled ? e.on : e.off}
+              ${this._aiA11y.autoA11yEnabled ? t("on") : t("off")}
             </span>
           </button>
         </div>
+
+        <div class="settings-actions">
+          <button class="reset-settings-btn" @click=${this._resetWidgetSettings} id="bw-reset-settings-btn">
+            ${Y.refresh}
+            ${t("resetSettings")}
+          </button>
+        </div>
       </div>
     `;
 	}
 	_renderAdminOverlay() {
-		return this._showAdminLogin ? F`
+		if (!this._showAdminLogin) return "";
+		let e = (e) => this._t(e);
+		return I`
       <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"
+        <div class="admin-icon">${Y.shield}</div>
+        <h4>${this._isAdmin ? e("adminMode") : e("adminAccess")}</h4>
+        ${this._isAdmin ? I`
+          <p class="admin-status">${e("adminLoggedIn")}</p>
+          <button class="admin-logout-btn" @click=${this._handleAdminLogout}>${e("adminLogout")}</button>
+        ` : I`
+          <p>${e("adminPrompt")}</p>
+          <input type="password" placeholder=${e("adminKeyPlaceholder")}
             .value=${this._adminPassword}
             @input=${(e) => {
 			this._adminPassword = e.target.value;
@@ -3151,54 +3335,50 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
             @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>
+          ${this._authError ? I`<div class="auth-error">${this._authError}</div>` : ""}
+          <button class="admin-login-btn" @click=${this._handleAdminLogin}>${e("adminLogin")}</button>
         `}
         <button class="admin-close-btn" @click=${() => {
 			this._showAdminLogin = !1, this._authError = "";
 		}}>
-          Закрыть
+          ${e("close")}
         </button>
       </div>
-    ` : "";
+    `;
 	}
 	render() {
-		let e = Q[this._sttLanguageMode];
-		return F`
+		let e = (e) => this._t(e);
+		return I`
       <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">
+          role="dialog" aria-modal="true" aria-label=${e("widgetDialogAria")}>
 
-          <!-- Header -->
           <div class="bw-header">
             <div class="header-branding" @click=${this._handleLogoClick} id="bw-logo">
-              ${J.accessibility}
+              ${Y.accessibility}
               <div class="header-branding-text">
                 <span class="header-brand-name">BariWeb</span>
-                <span class="header-brand-sub">${e.brandSub}</span>
+                <span class="header-brand-sub">${e("inclusion")}</span>
               </div>
             </div>
-            <button class="close-btn" @click=${this._toggle} aria-label="${e.closeAria}" id="bw-close">
-              ${J.close}
+            <button class="close-btn" @click=${this._toggle} aria-label=${e("closeWidgetAria")} id="bw-close">
+              ${Y.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}
+              aria-selected=${this._activeTab === "chat" ? "true" : "false"} id="bw-tab-chat">
+              ${Y.chat} ${e("tabChat")}
             </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}
+              aria-selected=${this._activeTab === "a11y" ? "true" : "false"} id="bw-tab-settings">
+              ${Y.settings} ${e("tabSettings")}
             </button>
           </div>
 
-          <!-- Content -->
           <div class="bw-content">
             <div class="tab-panel" ?active=${this._activeTab === "chat"} role="tabpanel">
               ${this._renderChatTab()}
@@ -3209,29 +3389,27 @@ var _t = "bw-stt-lang-v1", vt = 200, yt = .015, bt = 1200, xt = 2e4, St = 350, Q
             ${this._renderAdminOverlay()}
           </div>
 
-          <!-- Footer -->
           <div class="bw-footer" @click=${this._handleLogoClick}>
             <div class="footer-brand">
-              ${J.accessibility} BariWeb
+              ${Y.accessibility} BariWeb
             </div>
-            <span>${e.madeIn}</span>
+            <span>${e("madeInKazakhstan")}</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:var(--bw-primary-fg, #05050a); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:0 4px 20px rgba(0,0,0,0.3); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;">
-          ${this._isOpen ? J.close : J.accessibility}
+          aria-expanded=${this._isOpen} aria-label=${e("triggerAria")}
+          id="bw-trigger" style="position:fixed; bottom:24px; left:24px; width:60px; height:60px; border-radius:50%; background:var(--bw-primary,#6d28d9); color:var(--bw-primary-fg, #05050a); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:0 4px 20px rgba(0,0,0,0.3); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;">
+          ${this._isOpen ? Y.close : Y.accessibility}
         </button>
       </div>
     `;
 	}
 };
-Z([$e({
+Q([Qe({
 	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")], $);
+})], $.prototype, "clientId", void 0), Q([K()], $.prototype, "_isOpen", void 0), Q([K()], $.prototype, "_activeTab", void 0), Q([K()], $.prototype, "_inputValue", void 0), Q([K()], $.prototype, "_isAdmin", void 0), Q([K()], $.prototype, "_adminPassword", void 0), Q([K()], $.prototype, "_authError", void 0), Q([K()], $.prototype, "_currentScreenLabel", void 0), Q([K()], $.prototype, "_sttState", void 0), Q([K()], $.prototype, "_sttLanguageMode", void 0), Q([K()], $.prototype, "_sttError", void 0), Q([K()], $.prototype, "_adminClickCount", void 0), Q([K()], $.prototype, "_showAdminLogin", void 0), Q([et(".chat-messages")], $.prototype, "_messagesEl", void 0), $ = Q([Ye("bw-widget")], $);
 //#endregion
 //#region src/index.ts
 var Ct = () => {