urfu-ui-kit-react 2.1.1 → 2.1.2

package/dist/dev/index.js

@@ -1,37 +1,37 @@
-import { useSyncExternalStore as Rt } from "react";
-let M = [], It = 1;
-const N = /* @__PURE__ */ new Set();
-let P = !1;
-function _() {
-  P || (P = !0, setTimeout(() => {
-    P = !1, N.forEach((t) => t());
+import { useSyncExternalStore as Ft } from "react";
+let O = [], Ht = 1;
+const B = /* @__PURE__ */ new Set();
+let R = !1;
+function K() {
+  R || (R = !0, setTimeout(() => {
+    R = !1, B.forEach((t) => t());
   }, 16));
 }
-function zt(t, e, n) {
-  const a = Date.now(), r = { id: It++, service: t, method: e.toUpperCase(), path: n, status: "pending", duration: null, endedAt: null, faked: !1 };
-  M = [...M.slice(-49), r], _();
-  let o = !1;
-  return (i, s) => {
-    o || (o = !0, r.status = i, r.faked = s, r.endedAt = Date.now(), r.duration = r.endedAt - a, _());
+function jt(t, e, n) {
+  const o = Date.now(), r = { id: Ht++, service: t, method: e.toUpperCase(), path: n, status: "pending", duration: null, endedAt: null, faked: !1 };
+  O = [...O.slice(-49), r], K();
+  let a = !1;
+  return (s, i) => {
+    a || (a = !0, r.status = s, r.faked = i, r.endedAt = Date.now(), r.duration = r.endedAt - o, K());
   };
 }
-function Y() {
-  return [...M].reverse();
+function et() {
+  return [...O].reverse();
 }
-function ct() {
-  M = [], P = !1, _();
+function dt() {
+  O = [], R = !1, K();
 }
-function qt(t) {
-  return N.add(t), () => {
-    N.delete(t);
+function Ut(t) {
+  return B.add(t), () => {
+    B.delete(t);
   };
 }
-const ut = "urfu-ui-kit:dev:", m = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Set();
-let dt;
-const ft = (t) => `${ut}${t}`, jt = ["offline", "network", "slow"];
+const ft = "urfu-ui-kit:dev:", w = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Set();
+let pt;
+const ht = (t) => `${ft}${t}`, Nt = ["offline", "network", "slow"];
 let E = null;
-const O = /* @__PURE__ */ new Set();
-function Ut() {
+const I = /* @__PURE__ */ new Set();
+function _t() {
   let t;
   try {
     t = new URLSearchParams(window.location.search).get("dev");
@@ -42,11 +42,11 @@ function Ut() {
     if (t === "off") {
       E = null;
       try {
-        Object.keys(localStorage).filter((e) => e.startsWith(ut)).forEach((e) => localStorage.removeItem(e));
+        Object.keys(localStorage).filter((e) => e.startsWith(ft)).forEach((e) => localStorage.removeItem(e));
       } catch {
       }
     } else
-      E = t.split(",").map((e) => e.trim()).filter(Boolean), O.clear();
+      E = t.split(",").map((e) => e.trim()).filter(Boolean), I.clear();
     try {
       const e = new URL(window.location.href);
       e.searchParams.delete("dev"), window.history.replaceState(window.history.state, "", e.href);
@@ -54,17 +54,17 @@ function Ut() {
     }
   }
 }
-function Ft(t) {
-  return [...jt, ...t.builtins ?? [], ...(t.groups ?? []).flatMap((e) => e.items.map((n) => n.id))];
+function Wt(t) {
+  return [...Nt, ...t.builtins ?? [], ...(t.groups ?? []).flatMap((e) => e.items.map((n) => n.id))];
 }
-function Ht(t) {
-  if (!E || O.has(t.config.service)) return;
-  const e = new Set(Ft(t.config)), n = E.filter((a) => e.has(a));
-  n.length && (O.add(t.config.service), t.state = { ...t.state, faults: n }, F(t.config.service, t.state));
+function Bt(t) {
+  if (!E || I.has(t.config.service)) return;
+  const e = new Set(Wt(t.config)), n = E.filter((o) => e.has(o));
+  n.length && (I.add(t.config.service), t.state = { ...t.state, faults: n }, N(t.config.service, t.state));
 }
-function Nt(t) {
+function Kt(t) {
   try {
-    const e = JSON.parse(localStorage.getItem(ft(t)) ?? "null");
+    const e = JSON.parse(localStorage.getItem(ht(t)) ?? "null");
     return {
       faults: Array.isArray(e == null ? void 0 : e.faults) ? e.faults.filter((n) => typeof n == "string") : [],
       rules: Array.isArray(e == null ? void 0 : e.rules) ? e.rules : [],
@@ -74,145 +74,145 @@ function Nt(t) {
     return { faults: [], rules: [] };
   }
 }
-function F(t, e) {
+function N(t, e) {
   try {
-    localStorage.setItem(ft(t), JSON.stringify(e));
+    localStorage.setItem(ht(t), JSON.stringify(e));
   } catch {
   }
 }
-function _t(t) {
-  t && (dt = t);
+function Jt(t) {
+  t && (pt = t);
 }
-function Bt() {
-  return dt;
+function Xt() {
+  return pt;
 }
-function Wt(t) {
-  const e = { config: t, state: Nt(t.service) };
-  return Ht(e), m.set(t.service, e), C(), e;
+function Zt(t, e) {
+  const n = { config: t, state: Kt(t.service), kit: e };
+  return Bt(n), w.set(t.service, n), M(), n;
 }
-function Kt(t) {
-  m.delete(t), m.size || (E = null, O.clear()), C();
+function Vt(t) {
+  w.delete(t), w.size || (E = null, I.clear()), M();
 }
 function v() {
-  return [...m.values()];
+  return [...w.values()];
 }
-function Jt(t) {
-  return t ? m.get(t) : m.values().next().value;
+function Gt(t) {
+  return t ? w.get(t) : w.values().next().value;
 }
-function pt(t) {
-  return B.add(t), () => {
-    B.delete(t);
+function bt(t) {
+  return J.add(t), () => {
+    J.delete(t);
   };
 }
-function C() {
-  B.forEach((t) => t());
+function M() {
+  J.forEach((t) => t());
 }
-function H(t, e) {
-  t.state = e, F(t.config.service, e), C();
+function _(t, e) {
+  t.state = e, N(t.config.service, e), M();
 }
-function Zt(t, e, n) {
-  const a = t.state.faults.filter((r) => r !== e);
-  H(t, { ...t.state, faults: n ? [...a, e] : a });
+function Yt(t, e, n) {
+  const o = t.state.faults.filter((r) => r !== e);
+  _(t, { ...t.state, faults: n ? [...o, e] : o });
 }
-function Xt(t, e) {
+function Qt(t, e) {
   const n = `rule-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
-  H(t, { ...t.state, rules: [...t.state.rules, { ...e, id: n, enabled: !0 }] });
+  _(t, { ...t.state, rules: [...t.state.rules, { ...e, id: n, enabled: !0 }] });
 }
-function Vt(t, e, n) {
-  H(t, { ...t.state, rules: t.state.rules.map((a) => a.id === e ? { ...a, enabled: n } : a) });
+function te(t, e, n) {
+  _(t, { ...t.state, rules: t.state.rules.map((o) => o.id === e ? { ...o, enabled: n } : o) });
 }
-function Gt(t, e) {
-  H(t, { ...t.state, rules: t.state.rules.filter((n) => n.id !== e) });
+function ee(t, e) {
+  _(t, { ...t.state, rules: t.state.rules.filter((n) => n.id !== e) });
 }
-function Yt() {
-  m.forEach((t) => {
-    t.state = { faults: [], rules: [], ...t.state.launcher ? { launcher: t.state.launcher } : {} }, F(t.config.service, t.state);
-  }), C();
+function ne() {
+  w.forEach((t) => {
+    t.state = { faults: [], rules: [], ...t.state.launcher ? { launcher: t.state.launcher } : {} }, N(t.config.service, t.state);
+  }), M();
 }
-function R(t) {
+function q(t) {
   return t.state.faults.length + t.state.rules.filter((e) => e.enabled).length;
 }
-function Qt(t) {
+function oe(t) {
   return t.state.launcher ?? t.config.launcher ?? "visible";
 }
-function tt(t) {
-  m.forEach((e) => {
-    e.state = { ...e.state, launcher: t }, F(e.config.service, e.state);
-  }), C();
+function ot(t) {
+  w.forEach((e) => {
+    e.state = { ...e.state, launcher: t }, N(e.config.service, e.state);
+  }), M();
 }
-const te = 1e4, et = 200, L = ".u-error-screen, .u-notification-fail, .u-notification-warning, .u-offline-banner-offline";
-let I = [], ee = 1;
-const W = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new Set();
-let w = null;
-const x = (t) => {
+const ae = 1e4, at = 200, L = ".u-error-screen, .u-notification-fail, .u-notification-warning, .u-offline-banner-offline";
+let z = [], re = 1;
+const X = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new Set();
+let x = null;
+const y = (t) => {
   const e = (t ?? "").replace(/\s+/g, " ").trim();
-  return e.length > et ? `${e.slice(0, et - 1)}…` : e;
-}, ne = (t) => t.status === "network" || typeof t.status == "number" && t.status >= 400;
-function ae(t, e) {
-  var s;
-  const n = v().map((l) => l.config.service), a = (s = e.closest("[data-name]")) == null ? void 0 : s.getAttribute("data-name"), r = a && n.includes(a) ? a : null, o = Y().find((l) => ne(l) && l.endedAt !== null && t - l.endedAt <= te && (!r || l.service === r));
-  if (!o) return;
-  const i = `${o.method} ${o.path} → ${o.status === "network" ? "сеть" : o.status}`;
-  return n.length > 1 ? `${o.service}: ${i}` : i;
+  return e.length > at ? `${e.slice(0, at - 1)}…` : e;
+}, se = (t) => t.status === "network" || typeof t.status == "number" && t.status >= 400;
+function ie(t, e) {
+  var i;
+  const n = v().map((f) => f.config.service), o = (i = e.closest("[data-name]")) == null ? void 0 : i.getAttribute("data-name"), r = o && n.includes(o) ? o : null, a = et().find((f) => se(f) && f.endedAt !== null && t - f.endedAt <= ae && (!r || f.service === r));
+  if (!a) return;
+  const s = `${a.method} ${a.path} → ${a.status === "network" ? "сеть" : a.status}`;
+  return n.length > 1 ? `${a.service}: ${s}` : s;
 }
-function oe(t) {
-  var a, r, o;
+function le(t) {
+  var o, r, a;
   if (t.classList.contains("u-error-screen"))
     return {
       kind: "screen",
       // Код — в data-error-code на корне заглушки: крупный код рисуется не у всех вариантов (forbidden, serverError).
       // .u-error-screen-code — для разметки кита до появления атрибута.
-      code: x(t.dataset.errorCode || ((a = t.querySelector(".u-error-screen-code")) == null ? void 0 : a.textContent)) || void 0,
-      title: x((r = t.querySelector(".u-error-screen-title")) == null ? void 0 : r.textContent) || x(t.getAttribute("aria-label")) || "Заглушка",
-      text: x((o = t.querySelector(".u-error-screen-description")) == null ? void 0 : o.textContent) || void 0
+      code: y(t.dataset.errorCode || ((o = t.querySelector(".u-error-screen-code")) == null ? void 0 : o.textContent)) || void 0,
+      title: y((r = t.querySelector(".u-error-screen-title")) == null ? void 0 : r.textContent) || y(t.getAttribute("aria-label")) || "Заглушка",
+      text: y((a = t.querySelector(".u-error-screen-description")) == null ? void 0 : a.textContent) || void 0
     };
   if (t.classList.contains("u-offline-banner-offline"))
-    return { kind: "offline", title: x(t.textContent) || "Нет связи" };
+    return { kind: "offline", title: y(t.textContent) || "Нет связи" };
   const e = t.classList.contains("u-notification-fail") ? "fail" : "warning", n = t.querySelector(".u-notification-content") ?? t;
-  return { kind: "notification", variant: e, title: x(n.textContent) || "Уведомление" };
+  return { kind: "notification", variant: e, title: y(n.textContent) || "Уведомление" };
 }
-function nt(t) {
+function rt(t) {
   if (!t.isConnected || !t.matches(L)) return;
-  const e = oe(t);
+  const e = le(t);
   if (!e) return;
   const n = JSON.stringify(e);
-  if (W.get(t) === n) return;
-  W.set(t, n);
-  const a = Date.now();
-  I = [...I.slice(-29), { id: ee++, at: a, ...e, cause: ae(a, t) }], z.forEach((r) => r());
+  if (X.get(t) === n) return;
+  X.set(t, n);
+  const o = Date.now();
+  z = [...z.slice(-29), { id: re++, at: o, ...e, cause: ie(o, t) }], F.forEach((r) => r());
 }
-function re(t, e) {
+function ce(t, e) {
   t instanceof Element && (t.matches(L) && e.push(t), t.querySelectorAll(L).forEach((n) => e.push(n)));
 }
-function se() {
-  w || typeof MutationObserver > "u" || (w = new MutationObserver((t) => {
+function ue() {
+  x || typeof MutationObserver > "u" || (x = new MutationObserver((t) => {
     const e = [];
     t.forEach((n) => {
       if (n.type === "childList") {
-        n.addedNodes.forEach((r) => re(r, e));
+        n.addedNodes.forEach((r) => ce(r, e));
         return;
       }
-      const a = n.target;
-      a.matches(L) ? e.push(a) : W.delete(a);
-    }), e.length && setTimeout(() => e.forEach(nt), 0);
-  }), w.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-error-code", "class"] }), document.querySelectorAll(L).forEach(nt));
+      const o = n.target;
+      o.matches(L) ? e.push(o) : X.delete(o);
+    }), e.length && setTimeout(() => e.forEach(rt), 0);
+  }), x.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-error-code", "class"] }), document.querySelectorAll(L).forEach(rt));
 }
-function ie() {
-  w == null || w.disconnect(), w = null;
+function de() {
+  x == null || x.disconnect(), x = null;
 }
-function K() {
-  return [...I].reverse();
+function Z() {
+  return [...z].reverse();
 }
-function ht() {
-  I = [], z.forEach((t) => t());
+function gt() {
+  z = [], F.forEach((t) => t());
 }
-function le(t) {
-  return z.add(t), () => {
-    z.delete(t);
+function fe(t) {
+  return F.add(t), () => {
+    F.delete(t);
   };
 }
-const bt = 4e3, ce = /* @__PURE__ */ new Set(["GET", "HEAD"]);
-function ue(t, e) {
+const vt = 4e3, pe = /* @__PURE__ */ new Set(["GET", "HEAD"]);
+function he(t, e) {
   let n;
   try {
     n = new URL(t, window.location.href).pathname;
@@ -220,21 +220,21 @@ function ue(t, e) {
     return null;
   }
   if (!e) return n;
-  const a = e.replace(/\/+$/, ""), r = n.indexOf(a);
+  const o = e.replace(/\/+$/, ""), r = n.indexOf(o);
   if (r < 0) return null;
-  const o = n.slice(r + a.length);
-  return o.startsWith("/") || o === "" ? o || "/" : null;
+  const a = n.slice(r + o.length);
+  return a.startsWith("/") || a === "" ? a || "/" : null;
 }
-function de(t, e) {
-  const n = (i) => i.split("/").filter(Boolean), a = n(t.trim()), r = n(e), o = (i, s) => i === a.length ? s === r.length : a[i] === "**" ? o(i + 1, s) || s < r.length && o(i, s + 1) : s === r.length ? !1 : (a[i] === "*" || a[i] === r[s]) && o(i + 1, s + 1);
-  return o(0, 0);
+function be(t, e) {
+  const n = (s) => s.split("/").filter(Boolean), o = n(t.trim()), r = n(e), a = (s, i) => s === o.length ? i === r.length : o[s] === "**" ? a(s + 1, i) || i < r.length && a(s, i + 1) : i === r.length ? !1 : (o[s] === "*" || o[s] === r[i]) && a(s + 1, i + 1);
+  return a(0, 0);
 }
-function fe(t, e) {
-  var a;
-  const n = (a = t.method) == null ? void 0 : a.trim().toUpperCase();
-  return !n || n === "*" ? !0 : n === "WRITE" ? !ce.has(e) : n === e;
+function ge(t, e) {
+  var o;
+  const n = (o = t.method) == null ? void 0 : o.trim().toUpperCase();
+  return !n || n === "*" ? !0 : n === "WRITE" ? !pe.has(e) : n === e;
 }
-function pe(t, e) {
+function ve(t, e) {
   return t.html ? {
     kind: "response",
     delay: e,
@@ -249,158 +249,158 @@ function pe(t, e) {
     body: JSON.stringify({ statusCode: t.status, message: t.message ?? `Сбой из dev-панели: ${t.status}` })
   };
 }
-function he(t) {
+function me(t) {
   const e = new Set(t.state.faults);
-  return [...(t.config.groups ?? []).flatMap((a) => a.items).filter((a) => e.has(a.id)).flatMap((a) => [].concat(a.request ?? [])), ...t.state.rules.filter((a) => a.enabled)];
+  return [...(t.config.groups ?? []).flatMap((o) => o.items).filter((o) => e.has(o.id)).flatMap((o) => [].concat(o.request ?? [])), ...t.state.rules.filter((o) => o.enabled)];
 }
-function gt(t) {
+function mt(t) {
   for (const e of v()) {
-    const n = ue(t, e.config.apiBase);
+    const n = he(t, e.config.apiBase);
     if (n !== null) return { entry: e, path: n };
   }
   return null;
 }
-function vt({ entry: t, path: e }, n) {
-  const a = n.toUpperCase(), r = new Set(t.state.faults), o = r.has("slow") ? bt : 0;
-  if (r.has("offline") || r.has("network")) return { kind: "network", delay: o };
-  const i = he(t).find((s) => fe(s, a) && de(s.path, e));
-  return i ? pe(i, o) : o ? { kind: "pass", delay: o } : null;
+function wt({ entry: t, path: e }, n) {
+  const o = n.toUpperCase(), r = new Set(t.state.faults), a = r.has("slow") ? vt : 0;
+  if (r.has("offline") || r.has("network")) return { kind: "network", delay: a };
+  const s = me(t).find((i) => ge(i, o) && be(i.path, e));
+  return s ? ve(s, a) : a ? { kind: "pass", delay: a } : null;
 }
-const mt = (t, e) => zt(t.entry.config.service, e, t.path), J = (t) => t.reason ?? new DOMException("The operation was aborted.", "AbortError");
-function be(t, e) {
-  return new Promise((n, a) => {
+const xt = (t, e) => jt(t.entry.config.service, e, t.path), V = (t) => t.reason ?? new DOMException("The operation was aborted.", "AbortError");
+function we(t, e) {
+  return new Promise((n, o) => {
     if (e != null && e.aborted) {
-      a(J(e));
+      o(V(e));
       return;
     }
     const r = setTimeout(n, t);
     e == null || e.addEventListener("abort", () => {
-      clearTimeout(r), a(J(e));
+      clearTimeout(r), o(V(e));
     }, { once: !0 });
   });
 }
-const wt = /* @__PURE__ */ new Set([204, 205, 304]);
-let at = !1;
-function ge() {
-  at || typeof window > "u" || (at = !0, ve(), we());
+const yt = /* @__PURE__ */ new Set([204, 205, 304]), P = /* @__PURE__ */ new WeakSet();
+function xe(t) {
+  if (typeof window > "u") return;
+  const e = t ?? window;
+  P.has(e) || (P.add(e), ye(e)), typeof XMLHttpRequest < "u" && !P.has(XMLHttpRequest.prototype) && (P.add(XMLHttpRequest.prototype), ke());
 }
-function ve() {
-  var e;
-  const t = (e = window.fetch) == null ? void 0 : e.bind(window);
-  t && (window.fetch = async (n, a) => {
-    const r = typeof n == "object" && "url" in n ? n : null, o = gt(r ? r.url : String(n));
-    if (!o) return t(n, a);
-    const i = (a == null ? void 0 : a.method) ?? (r == null ? void 0 : r.method) ?? "GET", s = mt(o, i), l = vt(o, i), f = (a == null ? void 0 : a.signal) ?? (r == null ? void 0 : r.signal);
+function ye(t) {
+  var n;
+  const e = (n = t.fetch) == null ? void 0 : n.bind(t);
+  e && (t.fetch = async (o, r) => {
+    const a = typeof o == "object" && "url" in o ? o : null, s = mt(a ? a.url : String(o));
+    if (!s) return e(o, r);
+    const i = (r == null ? void 0 : r.method) ?? (a == null ? void 0 : a.method) ?? "GET", f = xt(s, i), u = wt(s, i), p = (r == null ? void 0 : r.signal) ?? (a == null ? void 0 : a.signal);
     try {
-      if (l != null && l.delay && await be(l.delay, f), f != null && f.aborted) throw J(f);
-      if ((l == null ? void 0 : l.kind) === "network")
-        throw s("network", !0), new TypeError("Failed to fetch");
-      if ((l == null ? void 0 : l.kind) === "response")
-        return s(l.status, !0), new Response(wt.has(l.status) ? null : l.body, {
-          status: l.status,
-          headers: { "Content-Type": l.contentType }
+      if (u != null && u.delay && await we(u.delay, p), p != null && p.aborted) throw V(p);
+      if ((u == null ? void 0 : u.kind) === "network")
+        throw f("network", !0), new TypeError("Failed to fetch");
+      if ((u == null ? void 0 : u.kind) === "response")
+        return f(u.status, !0), new Response(yt.has(u.status) ? null : u.body, {
+          status: u.status,
+          headers: { "Content-Type": u.contentType }
         });
-      const p = await t(n, a);
-      return s(p.status, !1), p;
-    } catch (p) {
-      throw s(f != null && f.aborted ? "abort" : "network", !1), p;
+      const m = await e(o, r);
+      return f(m.status, !1), m;
+    } catch (m) {
+      throw f(p != null && p.aborted ? "abort" : "network", !1), m;
     }
   });
 }
-const ot = /* @__PURE__ */ new WeakMap(), rt = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), me = ["readyState", "responseURL", "status", "statusText", "responseText", "response", "getAllResponseHeaders", "getResponseHeader"];
-function we() {
-  if (typeof XMLHttpRequest > "u") return;
-  const t = XMLHttpRequest.prototype, e = t.open, n = t.send, a = t.abort;
-  t.open = function(o, i, ...s) {
-    st(this), me.forEach((l) => {
-      Reflect.deleteProperty(this, l);
-    }), ot.set(this, { method: o, url: String(i) }), e.call(this, o, i, ...s);
-  }, t.send = function(o) {
-    const i = ot.get(this), s = i ? gt(i.url) : null;
-    if (!i || !s) {
-      n.call(this, o);
+const st = /* @__PURE__ */ new WeakMap(), it = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), $e = ["readyState", "responseURL", "status", "statusText", "responseText", "response", "getAllResponseHeaders", "getResponseHeader"];
+function ke() {
+  const t = XMLHttpRequest.prototype, e = t.open, n = t.send, o = t.abort;
+  t.open = function(a, s, ...i) {
+    lt(this), $e.forEach((f) => {
+      Reflect.deleteProperty(this, f);
+    }), st.set(this, { method: a, url: String(s) }), e.call(this, a, s, ...i);
+  }, t.send = function(a) {
+    const s = st.get(this), i = s ? mt(s.url) : null;
+    if (!s || !i) {
+      n.call(this, a);
       return;
     }
-    const l = mt(s, i.method);
-    rt.set(this, l);
-    const f = vt(s, i.method), p = () => {
-      this.addEventListener("abort", () => l("abort", !1), { once: !0 }), this.addEventListener("loadend", () => l(this.status || "network", !1), { once: !0 }), n.call(this, o);
+    const f = xt(i, s.method);
+    it.set(this, f);
+    const u = wt(i, s.method), p = () => {
+      this.addEventListener("abort", () => f("abort", !1), { once: !0 }), this.addEventListener("loadend", () => f(this.status || "network", !1), { once: !0 }), n.call(this, a);
     };
-    if (!f) {
+    if (!u) {
       p();
       return;
     }
-    q.set(this, setTimeout(() => {
-      if (q.delete(this), f.kind === "pass") {
+    H.set(this, setTimeout(() => {
+      if (H.delete(this), u.kind === "pass") {
         p();
         return;
       }
-      l(f.kind === "network" ? "network" : f.status, !0), xe(this, f, i.url);
-    }, f.delay));
+      f(u.kind === "network" ? "network" : u.status, !0), Se(this, u, s.url);
+    }, u.delay));
   }, t.abort = function() {
-    var i;
-    if (!st(this)) {
-      a.call(this);
+    var s;
+    if (!lt(this)) {
+      o.call(this);
       return;
     }
-    (i = rt.get(this)) == null || i("abort", !1);
-    const o = xt(this);
-    o("readyState", 4), o("status", 0), Z(this, ["readystatechange", "abort", "loadend"]), o("readyState", 0);
+    (s = it.get(this)) == null || s("abort", !1);
+    const a = $t(this);
+    a("readyState", 4), a("status", 0), G(this, ["readystatechange", "abort", "loadend"]), a("readyState", 0);
   };
 }
-function st(t) {
-  const e = q.get(t);
-  return e === void 0 ? !1 : (clearTimeout(e), q.delete(t), !0);
+function lt(t) {
+  const e = H.get(t);
+  return e === void 0 ? !1 : (clearTimeout(e), H.delete(t), !0);
 }
-const xt = (t) => (e, n) => {
+const $t = (t) => (e, n) => {
   Object.defineProperty(t, e, { configurable: !0, get: () => n });
-}, Z = (t, e) => {
+}, G = (t, e) => {
   e.forEach((n) => t.dispatchEvent(new ProgressEvent(n)));
 };
-function xe(t, e, n) {
-  const a = xt(t);
-  if (a("readyState", 4), a("responseURL", n), e.kind === "network") {
-    a("status", 0), a("statusText", ""), Z(t, ["readystatechange", "error", "loadend"]);
+function Se(t, e, n) {
+  const o = $t(t);
+  if (o("readyState", 4), o("responseURL", n), e.kind === "network") {
+    o("status", 0), o("statusText", ""), G(t, ["readystatechange", "error", "loadend"]);
     return;
   }
-  const r = wt.has(e.status) ? "" : e.body;
-  let o = r;
+  const r = yt.has(e.status) ? "" : e.body;
+  let a = r;
   if (t.responseType === "json")
     try {
-      o = e.contentType === "application/json" && r ? JSON.parse(r) : null;
+      a = e.contentType === "application/json" && r ? JSON.parse(r) : null;
     } catch {
-      o = null;
+      a = null;
     }
-  a("status", e.status), a("statusText", String(e.status)), a("responseText", r), a("response", o);
-  const i = `content-type: ${e.contentType}\r
+  o("status", e.status), o("statusText", String(e.status)), o("responseText", r), o("response", a);
+  const s = `content-type: ${e.contentType}\r
 `;
-  Object.defineProperty(t, "getAllResponseHeaders", { configurable: !0, value: () => i }), Object.defineProperty(t, "getResponseHeader", {
+  Object.defineProperty(t, "getAllResponseHeaders", { configurable: !0, value: () => s }), Object.defineProperty(t, "getResponseHeader", {
     configurable: !0,
-    value: (s) => s.toLowerCase() === "content-type" ? e.contentType : null
-  }), Z(t, ["readystatechange", "load", "loadend"]);
+    value: (i) => i.toLowerCase() === "content-type" ? e.contentType : null
+  }), G(t, ["readystatechange", "load", "loadend"]);
 }
-function Q(t) {
+function nt(t) {
   try {
     t ? Reflect.deleteProperty(navigator, "onLine") : Object.defineProperty(navigator, "onLine", { configurable: !0, get: () => !1 }), window.dispatchEvent(new Event(t ? "online" : "offline"));
   } catch {
   }
 }
-function yt() {
+function kt() {
   const t = v().some((e) => e.state.faults.includes("offline"));
-  Yt(), ct(), ht(), t && Q(!0);
+  ne(), dt(), gt(), t && nt(!0);
 }
-const ye = {
+const Ee = {
   title: "Сеть",
   items: [
     { id: "offline", label: "Офлайн браузера", hint: "Полоса «Нет связи», запросы к API падают" },
     { id: "network", label: "Обрыв соединения", hint: "Сеть есть, а сервер не отвечает" },
-    { id: "slow", label: "Медленные ответы", hint: `Задержка ${bt / 1e3} с на запросы к API` }
+    { id: "slow", label: "Медленные ответы", hint: `Задержка ${vt / 1e3} с на запросы к API` }
   ]
-}, $e = {
+}, Le = {
   authFail: { label: "Сбой входа", hint: "После перезагрузки сервис рисует заглушку входа" },
   crashApp: { label: "Падение приложения", hint: "Ошибка рендера над каркасом сервиса" },
   crashPage: { label: "Падение страницы", hint: "Каждая открытая страница падает, пока флаг включён" }
-}, X = [["", "Любой"], ["GET", "GET"], ["write", "Запись"], ["POST", "POST"], ["PUT", "PUT"], ["PATCH", "PATCH"], ["DELETE", "DELETE"]], ke = [400, 401, 403, 404, 409, 422, 429, 500, 502, 503, 504], d = (t) => String(t ?? "").replace(/[&<>"']/g, (e) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[e]), Se = '<svg viewBox="0 0 36 36" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0L20 16H36L28 0ZM28 5.11101L23.6984 13.7143H32.3016L28 5.11101Z" fill="#3BA68C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 33.7143C12.1559 33.7143 14.7143 31.1559 14.7143 28C14.7143 24.8441 12.1559 22.2857 9 22.2857C5.84409 22.2857 3.28571 24.8441 3.28571 28C3.28571 31.1559 5.84409 33.7143 9 33.7143ZM9 36C13.4183 36 17 32.4183 17 28C17 23.5817 13.4183 20 9 20C4.58172 20 1 23.5817 1 28C1 32.4183 4.58172 36 9 36Z" fill="#E54B6A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M33.7143 22.2857H22.2857V33.7143H33.7143V22.2857ZM20 20V36H36V20H20Z" fill="#1E4391"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0593 4.9091L9 0L5.94073 4.9091L0 6.11146L4.05 10.3478L3.43769 16L9 13.7091L14.5623 16L13.95 10.3478L18 6.11146L12.0593 4.9091ZM14.0262 7.31822L10.7085 6.64674L9 3.90515L7.29149 6.64674L3.97378 7.31822L6.23558 9.68408L5.89362 12.8407L9 11.5613L12.1064 12.8407L11.7644 9.68408L14.0262 7.31822Z" fill="#E98446"/></svg>', Ee = `
+}, Y = [["", "Любой"], ["GET", "GET"], ["write", "Запись"], ["POST", "POST"], ["PUT", "PUT"], ["PATCH", "PATCH"], ["DELETE", "DELETE"]], Te = [400, 401, 403, 404, 409, 422, 429, 500, 502, 503, 504], d = (t) => String(t ?? "").replace(/[&<>"']/g, (e) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[e]), Ae = '<svg viewBox="0 0 36 36" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0L20 16H36L28 0ZM28 5.11101L23.6984 13.7143H32.3016L28 5.11101Z" fill="#3BA68C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 33.7143C12.1559 33.7143 14.7143 31.1559 14.7143 28C14.7143 24.8441 12.1559 22.2857 9 22.2857C5.84409 22.2857 3.28571 24.8441 3.28571 28C3.28571 31.1559 5.84409 33.7143 9 33.7143ZM9 36C13.4183 36 17 32.4183 17 28C17 23.5817 13.4183 20 9 20C4.58172 20 1 23.5817 1 28C1 32.4183 4.58172 36 9 36Z" fill="#E54B6A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M33.7143 22.2857H22.2857V33.7143H33.7143V22.2857ZM20 20V36H36V20H20Z" fill="#1E4391"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0593 4.9091L9 0L5.94073 4.9091L0 6.11146L4.05 10.3478L3.43769 16L9 13.7091L14.5623 16L13.95 10.3478L18 6.11146L12.0593 4.9091ZM14.0262 7.31822L10.7085 6.64674L9 3.90515L7.29149 6.64674L3.97378 7.31822L6.23558 9.68408L5.89362 12.8407L9 11.5613L12.1064 12.8407L11.7644 9.68408L14.0262 7.31822Z" fill="#E98446"/></svg>', Ce = `
 :host { all: initial; }
 * { box-sizing: border-box; }
 .root { --p: #1e4391; --p-soft: #e8eef9; --fg: #222; --muted: #6b7280; --line: #d9dee8; --bg: #fff; --soft: #f5f7fb;
@@ -491,289 +491,289 @@ dd { margin: 0; font-family: Consolas, monospace; font-size: 12px; overflow-wrap
   .panel ~ .pill { display: none; }
 }
 @media (prefers-reduced-motion: reduce) { .switch::after, .pill .label { transition: none; } }
-`, Le = 6e3;
-let V, h = null, u = null, k = null, y = null, T = !1, S = !1;
-const $t = { open: !1, tab: "faults", search: "", service: void 0, hint: "" }, c = { ...$t };
+`, Me = 6e3;
+let Q, h = null, c = null, k = null, $ = null, T = !1, S = !1;
+const St = { open: !1, tab: "faults", search: "", service: void 0, hint: "" }, l = { ...St };
 function D() {
   const t = v();
-  return t.find((e) => e.config.service === c.service) ?? t[0];
+  return t.find((e) => e.config.service === l.service) ?? t[0];
 }
-function kt(t) {
-  const e = (t.config.builtins ?? []).map((n) => ({ id: n, ...$e[n] }));
+function Et(t) {
+  const e = (t.config.builtins ?? []).map((n) => ({ id: n, ...Le[n] }));
   return [
     ...e.length ? [{ title: "Весь сервис", items: e }] : [],
-    ye,
+    Ee,
     ...t.config.groups ?? []
   ];
 }
-function Te(t, e) {
+function De(t, e) {
   var n;
-  return ((n = kt(t).flatMap((a) => a.items).find((a) => a.id === e)) == null ? void 0 : n.label) ?? e;
+  return ((n = Et(t).flatMap((o) => o.items).find((o) => o.id === e)) == null ? void 0 : n.label) ?? e;
 }
-function St(t) {
+function Lt(t) {
   return [
-    ...t.state.faults.map((e) => Te(t, e)),
+    ...t.state.faults.map((e) => De(t, e)),
     ...t.state.rules.filter((e) => e.enabled).map((e) => `${e.path} → ${e.status}`)
   ];
 }
-function Ae(t, e, n, a) {
-  const r = t % 100, o = t % 10;
-  return r >= 11 && r <= 14 ? a : o === 1 ? e : o >= 2 && o <= 4 ? n : a;
-}
-const it = (t) => !c.search || t.toLowerCase().includes(c.search.toLowerCase());
-function Ce(t) {
-  const e = new Set(t.state.faults), n = kt(t).map((o) => {
-    const i = o.items.filter((s) => it(`${s.label} ${s.hint ?? ""} ${s.id}`));
-    return i.length ? `<div><div class="group-title">${d(o.title)}</div>${i.map((s) => `
-      <label class="row"><span class="text">${d(s.label)}${s.hint ? `<small>${d(s.hint)}</small>` : ""}</span>
-        <input class="switch" type="checkbox" role="switch" data-fault="${d(s.id)}" ${e.has(s.id) ? "checked" : ""}
-          aria-label="${d(s.label)}"></label>`).join("")}</div>` : "";
-  }).join(""), a = t.state.rules.filter((o) => it(`${o.method ?? ""} ${o.path} ${o.status}`)), r = (o) => {
-    var i;
-    return ((i = X.find(([s]) => s === (o ?? ""))) == null ? void 0 : i[1]) ?? o;
+function Pe(t, e, n, o) {
+  const r = t % 100, a = t % 10;
+  return r >= 11 && r <= 14 ? o : a === 1 ? e : a >= 2 && a <= 4 ? n : o;
+}
+const ct = (t) => !l.search || t.toLowerCase().includes(l.search.toLowerCase());
+function Re(t) {
+  const e = new Set(t.state.faults), n = Et(t).map((a) => {
+    const s = a.items.filter((i) => ct(`${i.label} ${i.hint ?? ""} ${i.id}`));
+    return s.length ? `<div><div class="group-title">${d(a.title)}</div>${s.map((i) => `
+      <label class="row"><span class="text">${d(i.label)}${i.hint ? `<small>${d(i.hint)}</small>` : ""}</span>
+        <input class="switch" type="checkbox" role="switch" data-fault="${d(i.id)}" ${e.has(i.id) ? "checked" : ""}
+          aria-label="${d(i.label)}"></label>`).join("")}</div>` : "";
+  }).join(""), o = t.state.rules.filter((a) => ct(`${a.method ?? ""} ${a.path} ${a.status}`)), r = (a) => {
+    var s;
+    return ((s = Y.find(([i]) => i === (a ?? ""))) == null ? void 0 : s[1]) ?? a;
   };
   return `
-    <input class="search" type="search" data-search placeholder="Поиск: 503, офлайн, роли…" aria-label="Поиск по сценариям" value="${d(c.search)}">
-    ${n || (a.length ? "" : '<div class="empty">Ничего не найдено.</div>')}
+    <input class="search" type="search" data-search placeholder="Поиск: 503, офлайн, роли…" aria-label="Поиск по сценариям" value="${d(l.search)}">
+    ${n || (o.length ? "" : '<div class="empty">Ничего не найдено.</div>')}
     <div><div class="group-title">Ответы сервера</div>
-      ${a.map((o) => `<div class="rule"><span class="text">${d(r(o.method))} ${d(o.path)} → ${o.status}</span>
-        <input class="switch" type="checkbox" role="switch" data-rule="${d(o.id)}" ${o.enabled ? "checked" : ""}
-          aria-label="${d(`${o.path} → ${o.status}`)}">
-        <button class="remove" type="button" data-remove="${d(o.id)}" aria-label="Удалить правило">×</button></div>`).join("")}
+      ${o.map((a) => `<div class="rule"><span class="text">${d(r(a.method))} ${d(a.path)} → ${a.status}</span>
+        <input class="switch" type="checkbox" role="switch" data-rule="${d(a.id)}" ${a.enabled ? "checked" : ""}
+          aria-label="${d(`${a.path} → ${a.status}`)}">
+        <button class="remove" type="button" data-remove="${d(a.id)}" aria-label="Удалить правило">×</button></div>`).join("")}
       <form class="add" data-add>
-        <select name="method" aria-label="Метод">${X.map(([o, i]) => `<option value="${o}">${i}</option>`).join("")}</select>
+        <select name="method" aria-label="Метод">${Y.map(([a, s]) => `<option value="${a}">${s}</option>`).join("")}</select>
         <input name="path" required placeholder="/assets/*" aria-label="Путь после ${d(t.config.apiBase ?? "адреса сайта")}">
-        <select name="status" aria-label="Код ответа">${ke.map((o) => `<option${o === 503 ? " selected" : ""}>${o}</option>`).join("")}</select>
+        <select name="status" aria-label="Код ответа">${Te.map((a) => `<option${a === 503 ? " selected" : ""}>${a}</option>`).join("")}</select>
         <button class="btn primary" type="submit">Добавить</button>
       </form>
     </div>`;
 }
-function De() {
+function Oe() {
   const t = document.documentElement.getAttribute("data-u-viewport");
   return t || (window.matchMedia("(max-width: 576px)").matches ? "mobile" : window.matchMedia("(max-width: 900px)").matches ? "tablet" : "desktop");
 }
-function Pe(t) {
-  var s, l, f;
-  const e = document.documentElement, n = getComputedStyle(e).getPropertyValue("--u-unit").trim(), a = Bt();
+function Ie(t) {
+  var i, f, u;
+  const e = document.documentElement, n = getComputedStyle(e).getPropertyValue("--u-unit").trim(), o = t.kit ?? Xt();
   let r = "—";
   try {
-    const p = (l = (s = t.config).user) == null ? void 0 : l.call(s);
-    p && (r = [p.name, (f = p.roles) != null && f.length ? p.roles.join(", ") : "без ролей"].filter(Boolean).join(" · "));
+    const p = (f = (i = t.config).user) == null ? void 0 : f.call(i);
+    p && (r = [p.name, (u = p.roles) != null && u.length ? p.roles.join(", ") : "без ролей"].filter(Boolean).join(" · "));
   } catch {
     r = "не удалось прочитать";
   }
-  const o = St(t);
+  const a = Lt(t);
   return `<dl>${[
-    ["Ширина", `${window.innerWidth} px · ${De()}`],
+    ["Ширина", `${window.innerWidth} px · ${Oe()}`],
     ["Шкала", `${e.getAttribute("data-u-responsive") ?? "legacy"}${n ? ` · --u-unit ${n}` : ""}`],
-    ["Кит", a ? `${a.name} ${a.version}` : "—"],
+    ["Кит", o ? `${o.name} ${o.version}` : "—"],
     ["Сервис", [t.config.service, t.config.version].filter(Boolean).join(" ")],
     ["API", t.config.apiBase ?? "все запросы"],
     ["Оболочка ЛК", window.__POWERED_BY_QIANKUN__ ? "да (Qiankun)" : "нет"],
     ["Ввод", e.getAttribute("data-input-mode") ?? "—"],
     ["Сеть", navigator.onLine ? "онлайн" : "офлайн"],
     ["Пользователь", r],
-    ["Включено", o.length ? o.join("; ") : "ничего"]
-  ].map(([p, $]) => `<dt>${d(p)}</dt><dd>${d($)}</dd>`).join("")}</dl>`;
+    ["Включено", a.length ? a.join("; ") : "ничего"]
+  ].map(([p, m]) => `<dt>${d(p)}</dt><dd>${d(m)}</dd>`).join("")}</dl>`;
 }
 function g() {
-  if (!u) return;
+  if (!c) return;
   const t = D();
   if (!t) {
-    u.innerHTML = "";
+    c.innerHTML = "";
     return;
   }
-  const e = v().flatMap(St), n = e.length, a = n ? `Dev · ${n === 1 ? e[0] : `${n} ${Ae(n, "сбой", "сбоя", "сбоев")}`}` : "Dev", r = v(), o = r.every((b) => Qt(b) === "hidden"), i = !o || n > 0, s = r.length > 1 ? `<select data-service aria-label="Сервис">${r.map((b) => `<option value="${d(b.config.service)}"${b === t ? " selected" : ""}>Dev · ${d(b.config.service)}</option>`).join("")}</select>` : `Dev · ${d(t.config.service)}`, l = c.open ? `
-    <section class="panel${i ? "" : " alone"}" role="region" aria-label="Панель разработки">
-      <div class="head"><span class="title">${s}</span>
+  const e = v().flatMap(Lt), n = e.length, o = n ? `Dev · ${n === 1 ? e[0] : `${n} ${Pe(n, "сбой", "сбоя", "сбоев")}`}` : "Dev", r = v(), a = r.every((b) => oe(b) === "hidden"), s = !a || n > 0, i = r.length > 1 ? `<select data-service aria-label="Сервис">${r.map((b) => `<option value="${d(b.config.service)}"${b === t ? " selected" : ""}>Dev · ${d(b.config.service)}</option>`).join("")}</select>` : `Dev · ${d(t.config.service)}`, f = l.open ? `
+    <section class="panel${s ? "" : " alone"}" role="region" aria-label="Панель разработки">
+      <div class="head"><span class="title">${i}</span>
         <button class="reset" type="button" data-reset>Сбросить всё</button>
         <button class="close" type="button" data-close aria-label="Свернуть панель">×</button></div>
       <div class="escape">Без панели: адрес с ?dev=off · открыть и закрыть: Ctrl+Alt+D</div>
       <div class="tabs" role="tablist">
-        <button class="tab" type="button" role="tab" data-tab="faults" aria-selected="${c.tab === "faults"}">Сбои${R(t) ? ` · ${R(t)}` : ""}</button>
-        <button class="tab" type="button" role="tab" data-tab="requests" aria-selected="${c.tab === "requests"}">Запросы</button>
-        <button class="tab" type="button" role="tab" data-tab="errors" aria-selected="${c.tab === "errors"}">Ошибки${K().length ? ` · ${K().length}` : ""}</button>
-        <button class="tab" type="button" role="tab" data-tab="view" aria-selected="${c.tab === "view"}">Смотреть</button>
+        <button class="tab" type="button" role="tab" data-tab="faults" aria-selected="${l.tab === "faults"}">Сбои${q(t) ? ` · ${q(t)}` : ""}</button>
+        <button class="tab" type="button" role="tab" data-tab="requests" aria-selected="${l.tab === "requests"}">Запросы</button>
+        <button class="tab" type="button" role="tab" data-tab="errors" aria-selected="${l.tab === "errors"}">Ошибки${Z().length ? ` · ${Z().length}` : ""}</button>
+        <button class="tab" type="button" role="tab" data-tab="view" aria-selected="${l.tab === "view"}">Смотреть</button>
       </div>
-      <div class="body">${c.tab === "faults" ? Ce(t) : c.tab === "requests" ? Tt(t) : c.tab === "errors" ? ze() : Pe(t)}</div>
-      ${c.hint ? `<div class="note" role="status">${d(c.hint)}</div>` : ""}
+      <div class="body">${l.tab === "faults" ? Re(t) : l.tab === "requests" ? Ct(t) : l.tab === "errors" ? je() : Ie(t)}</div>
+      ${l.hint ? `<div class="note" role="status">${d(l.hint)}</div>` : ""}
       <div class="foot">
         ${t.config.onRefetch ? '<button class="btn" type="button" data-refetch>Перезапросить данные</button>' : ""}
         <button class="btn" type="button" data-reload>Перезагрузить</button>
         ${r.some((b) => b.state.faults.length) ? '<button class="btn" type="button" data-share>Ссылка на сбои</button>' : ""}
-        <button class="btn" type="button" data-launcher="${o ? "visible" : "hidden"}">${o ? "Показывать кнопку" : "Скрыть кнопку"}</button>
+        <button class="btn" type="button" data-launcher="${a ? "visible" : "hidden"}">${a ? "Показывать кнопку" : "Скрыть кнопку"}</button>
       </div>
-    </section>` : "", f = u.activeElement, p = Et(f), $ = (f == null ? void 0 : f.dataset.search) !== void 0 ? f.selectionStart : null, Dt = G ?? Ue();
-  G = null;
-  const Pt = [
+    </section>` : "", u = c.activeElement, p = Tt(u), m = (u == null ? void 0 : u.dataset.search) !== void 0 ? u.selectionStart : null, Ot = tt ?? _e();
+  tt = null;
+  const It = [
     e.length ? `Включено: ${e.join(", ")}` : "Панель разработки (Ctrl+Alt+D)",
-    o ? "Кнопка скрыта и видна, пока включены сбои" : ""
-  ].filter(Boolean).join(". "), Mt = i ? `
-    <button class="pill${n ? " on" : ""}" type="button" data-toggle aria-expanded="${c.open}"
-      title="${d(Pt)}"><span class="logo">${Se}</span><span class="label">${d(a)}</span></button>` : "", Ot = c.hint && !c.open ? `<div class="hint" role="status">${d(c.hint)}</div>` : "";
-  if (u.innerHTML = `<style>${Ee}</style><div class="root">${l}${Mt}${Ot}</div>`, Fe(Dt), p) {
-    const b = u.querySelector(p);
-    b == null || b.focus(), b instanceof HTMLInputElement && $ !== null && b.setSelectionRange($, $);
+    a ? "Кнопка скрыта и видна, пока включены сбои" : ""
+  ].filter(Boolean).join(". "), qt = s ? `
+    <button class="pill${n ? " on" : ""}" type="button" data-toggle aria-expanded="${l.open}"
+      title="${d(It)}"><span class="logo">${Ae}</span><span class="label">${d(o)}</span></button>` : "", zt = l.hint && !l.open ? `<div class="hint" role="status">${d(l.hint)}</div>` : "";
+  if (c.innerHTML = `<style>${Ce}</style><div class="root">${f}${qt}${zt}</div>`, We(Ot), p) {
+    const b = c.querySelector(p);
+    b == null || b.focus(), b instanceof HTMLInputElement && m !== null && b.setSelectionRange(m, m);
   }
 }
-const Me = ["search", "fault", "rule", "tab", "service", "reset", "close", "toggle", "ruleFrom", "clearJournal"];
-function Et(t) {
+const qe = ["search", "fault", "rule", "tab", "service", "reset", "close", "toggle", "ruleFrom", "clearJournal"];
+function Tt(t) {
   if (!t) return null;
   const e = t.getAttribute("name");
   if (e && t.closest("[data-add]")) return `[data-add] [name="${e}"]`;
-  const n = Me.find((o) => t.dataset[o] !== void 0);
+  const n = qe.find((a) => t.dataset[a] !== void 0);
   if (!n) return null;
-  const a = t.dataset[n], r = `data-${n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`)}`;
-  return a ? `[${r}="${a.replace(/["\\]/g, "\\$&")}"]` : `[${r}]`;
-}
-const Lt = ["method", "path", "status"];
-let G = null;
-const Oe = { network: "сеть", abort: "отмена", pending: "…" };
-function Tt(t) {
-  const e = Y().filter((n) => n.service === t.config.service);
+  const o = t.dataset[n], r = `data-${n.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`)}`;
+  return o ? `[${r}="${o.replace(/["\\]/g, "\\$&")}"]` : `[${r}]`;
+}
+const At = ["method", "path", "status"];
+let tt = null;
+const ze = { network: "сеть", abort: "отмена", pending: "…" };
+function Ct(t) {
+  const e = et().filter((n) => n.service === t.config.service);
   return e.length ? `<div class="requests-head"><span>Последние ${e.length}, новые сверху</span>
       <button class="btn" type="button" data-clear-journal>Очистить</button></div>
     <div class="requests">${e.map((n) => {
-    const a = typeof n.status == "number" ? String(n.status) : Oe[n.status], r = n.status === "network" || typeof n.status == "number" && n.status >= 400, o = [n.duration === null ? "" : `${n.duration} мс`, n.faked ? "подменён панелью" : ""].filter(Boolean).join(" · ");
+    const o = typeof n.status == "number" ? String(n.status) : ze[n.status], r = n.status === "network" || typeof n.status == "number" && n.status >= 400, a = [n.duration === null ? "" : `${n.duration} мс`, n.faked ? "подменён панелью" : ""].filter(Boolean).join(" · ");
     return `<div class="req"><span>${d(n.method)}</span>
-        <span class="path">${d(n.path)}${o ? `<small>${d(o)}</small>` : ""}</span>
-        <span class="status${r ? " bad" : ""}">${d(a)}</span>
+        <span class="path">${d(n.path)}${a ? `<small>${d(a)}</small>` : ""}</span>
+        <span class="status${r ? " bad" : ""}">${d(o)}</span>
         <button class="btn" type="button" data-rule-from="${n.id}" title="Ответ на этот адрес — в «Ответах сервера»">Правило</button></div>`;
   }).join("")}</div>` : '<div class="empty">Запросов к API пока не было. Журнал помнит последние 50 и очищается при перезагрузке.</div>';
 }
-const Re = {
+const Fe = {
   screen: "Заглушка",
   fail: "Уведомление об ошибке",
   warning: "Предупреждение",
   offline: "Нет связи"
-}, Ie = (t) => Re[t.kind === "notification" ? t.variant ?? "fail" : t.kind];
-function ze() {
-  const t = K();
+}, He = (t) => Fe[t.kind === "notification" ? t.variant ?? "fail" : t.kind];
+function je() {
+  const t = Z();
   return t.length ? `<div class="requests-head"><span>Последние ${t.length}, новые сверху</span>
       <button class="btn" type="button" data-clear-shown>Очистить</button></div>
     <div>${t.map((e) => `<div class="shown">
-      <div class="shown-head"><span class="kind${e.variant === "warning" ? " warning" : ""}">${d(Ie(e))}${e.code ? ` · ${d(e.code)}` : ""}</span>
+      <div class="shown-head"><span class="kind${e.variant === "warning" ? " warning" : ""}">${d(He(e))}${e.code ? ` · ${d(e.code)}` : ""}</span>
         <time>${d(new Date(e.at).toLocaleTimeString("ru-RU"))}</time></div>
       <div class="shown-title">${d(e.title)}</div>
       ${e.text ? `<small>${d(e.text)}</small>` : ""}
       <div class="cause">${e.cause ? `← ${d(e.cause)}` : "<small>Неудачных запросов к API перед показом не было</small>"}</div>
     </div>`).join("")}</div>` : '<div class="empty">Ошибок пользователю пока не показывали. Здесь появятся заглушки, уведомления об ошибке и полоса «Нет связи» — с причиной из запросов к API.</div>';
 }
-function qe(t) {
-  var a;
-  const e = Y().find((r) => String(r.id) === String(t));
+function Ue(t) {
+  var o;
+  const e = et().find((r) => String(r.id) === String(t));
   if (!e) return;
-  G = { method: X.some(([r]) => r === e.method) ? e.method : "", path: e.path, status: "503" }, c.tab = "faults", c.search = "", g(), (a = u == null ? void 0 : u.querySelector('[data-add] [name="status"]')) == null || a.focus();
+  tt = { method: Y.some(([r]) => r === e.method) ? e.method : "", path: e.path, status: "503" }, l.tab = "faults", l.search = "", g(), (o = c == null ? void 0 : c.querySelector('[data-add] [name="status"]')) == null || o.focus();
 }
-function je() {
-  const t = [...new Set(v().flatMap((s) => s.state.faults))], e = new URL(window.location.href);
+function Ne() {
+  const t = [...new Set(v().flatMap((i) => i.state.faults))], e = new URL(window.location.href);
   e.searchParams.set("dev", t.join(","));
-  const n = e.href.replace(/%2C/gi, ","), r = v().some((s) => s.state.rules.some((l) => l.enabled)) ? " Свои правила «адрес → код» в неё не входят." : "", o = () => {
+  const n = e.href.replace(/%2C/gi, ","), r = v().some((i) => i.state.rules.some((f) => f.enabled)) ? " Свои правила «адрес → код» в неё не входят." : "", a = () => {
     A(`Ссылка скопирована.${r}`), g();
-  }, i = () => {
+  }, s = () => {
     A(`Ссылка: ${n}${r}`), g();
   };
   try {
-    navigator.clipboard.writeText(n).then(o, i);
+    navigator.clipboard.writeText(n).then(a, s);
   } catch {
-    i();
+    s();
   }
 }
-function Ue() {
-  const t = u == null ? void 0 : u.querySelector("[data-add]");
-  return t ? Object.fromEntries(Lt.map((e) => {
+function _e() {
+  const t = c == null ? void 0 : c.querySelector("[data-add]");
+  return t ? Object.fromEntries(At.map((e) => {
     var n;
     return [e, ((n = t.elements.namedItem(e)) == null ? void 0 : n.value) ?? ""];
   })) : null;
 }
-function Fe(t) {
-  const e = u == null ? void 0 : u.querySelector("[data-add]");
-  !e || !t || Lt.forEach((n) => {
-    const a = e.elements.namedItem(n);
-    a && (a.value = t[n]);
+function We(t) {
+  const e = c == null ? void 0 : c.querySelector("[data-add]");
+  !e || !t || At.forEach((n) => {
+    const o = e.elements.namedItem(n);
+    o && (o.value = t[n]);
   });
 }
-function He(t) {
+function Be(t) {
   if (!t) {
-    A(""), tt("visible");
+    A(""), ot("visible");
     return;
   }
-  c.open = !1;
-  const e = v().some((n) => R(n) > 0);
-  A(`Кнопка Dev скрыта${e ? " и видна, пока включены сбои" : ""}. Панель: Ctrl+Alt+D`), tt("hidden");
+  l.open = !1;
+  const e = v().some((n) => q(n) > 0);
+  A(`Кнопка Dev скрыта${e ? " и видна, пока включены сбои" : ""}. Панель: Ctrl+Alt+D`), ot("hidden");
 }
 function A(t) {
-  clearTimeout(V), c.hint = t, t && (V = setTimeout(() => {
-    c.hint = "", g();
-  }, Le));
+  clearTimeout(Q), l.hint = t, t && (Q = setTimeout(() => {
+    l.hint = "", g();
+  }, Me));
 }
-function j(t = !c.open) {
+function j(t = !l.open) {
   var e, n;
-  t && A(""), c.open = t, g(), t ? (e = u == null ? void 0 : u.querySelector("[data-search], [data-tab]")) == null || e.focus() : (n = u == null ? void 0 : u.querySelector("[data-toggle]")) == null || n.focus();
+  t && A(""), l.open = t, g(), t ? (e = c == null ? void 0 : c.querySelector("[data-search], [data-tab]")) == null || e.focus() : (n = c == null ? void 0 : c.querySelector("[data-toggle]")) == null || n.focus();
 }
-function Ne(t) {
-  var a, r, o, i;
+function Ke(t) {
+  var o, r, a, s;
   const e = t.target, n = D();
   if (n)
     if (e.closest("[data-toggle]")) j();
     else if (e.closest("[data-close]")) j(!1);
     else if (e.closest("[data-reset]"))
-      yt(), (r = (a = n.config).onRefetch) == null || r.call(a);
+      kt(), (r = (o = n.config).onRefetch) == null || r.call(o);
     else if (e.closest("[data-reload]")) window.location.reload();
-    else if (e.closest("[data-rule-from]")) qe(Number(e.closest("[data-rule-from]").dataset.ruleFrom));
+    else if (e.closest("[data-rule-from]")) Ue(Number(e.closest("[data-rule-from]").dataset.ruleFrom));
     else if (e.closest("[data-clear-journal]"))
-      ct(), g();
-    else if (e.closest("[data-clear-shown]")) ht();
-    else if (e.closest("[data-share]")) je();
-    else if (e.closest("[data-launcher]")) He(e.closest("[data-launcher]").dataset.launcher === "hidden");
-    else if (e.closest("[data-refetch]")) (i = (o = n.config).onRefetch) == null || i.call(o);
+      dt(), g();
+    else if (e.closest("[data-clear-shown]")) gt();
+    else if (e.closest("[data-share]")) Ne();
+    else if (e.closest("[data-launcher]")) Be(e.closest("[data-launcher]").dataset.launcher === "hidden");
+    else if (e.closest("[data-refetch]")) (s = (a = n.config).onRefetch) == null || s.call(a);
     else if (e.closest("[data-tab]")) {
-      const s = e.closest("[data-tab]").dataset.tab;
-      c.tab = s === "view" || s === "requests" || s === "errors" ? s : "faults", g();
-    } else e.closest("[data-remove]") && Gt(n, e.closest("[data-remove]").dataset.remove);
+      const i = e.closest("[data-tab]").dataset.tab;
+      l.tab = i === "view" || i === "requests" || i === "errors" ? i : "faults", g();
+    } else e.closest("[data-remove]") && ee(n, e.closest("[data-remove]").dataset.remove);
 }
-function _e(t) {
+function Je(t) {
   const e = t.target, n = D();
   if (n)
     if (e.dataset.fault) {
-      const a = e.checked;
-      Zt(n, e.dataset.fault, a), e.dataset.fault === "offline" && Q(!a);
-    } else e.dataset.rule ? Vt(n, e.dataset.rule, e.checked) : e.dataset.service !== void 0 && (c.service = e.value, g());
+      const o = e.checked;
+      Yt(n, e.dataset.fault, o), e.dataset.fault === "offline" && nt(!o);
+    } else e.dataset.rule ? te(n, e.dataset.rule, e.checked) : e.dataset.service !== void 0 && (l.service = e.value, g());
 }
-function Be(t) {
+function Xe(t) {
   const e = t.target;
-  e.dataset.search !== void 0 && (c.search = e.value, g());
+  e.dataset.search !== void 0 && (l.search = e.value, g());
 }
-function We(t) {
+function Ze(t) {
   const e = t.target;
   if (e.dataset.add === void 0) return;
   t.preventDefault();
-  const n = D(), a = new FormData(e), r = String(a.get("path") ?? "").trim();
-  !n || !r || (e.reset(), Xt(n, {
-    method: String(a.get("method") ?? "") || void 0,
+  const n = D(), o = new FormData(e), r = String(o.get("path") ?? "").trim();
+  !n || !r || (e.reset(), Qt(n, {
+    method: String(o.get("method") ?? "") || void 0,
     path: r.startsWith("/") ? r : `/${r}`,
-    status: Number(a.get("status")) || 500,
-    html: Number(a.get("status")) === 502 || void 0
+    status: Number(o.get("status")) || 500,
+    html: Number(o.get("status")) === 502 || void 0
   }));
 }
-function At(t) {
-  t.ctrlKey && t.altKey && t.code === "KeyD" ? (t.preventDefault(), j()) : t.key === "Escape" && c.open && h && t.composedPath().includes(h) && (t.preventDefault(), t.stopPropagation(), j(!1));
+function Mt(t) {
+  t.ctrlKey && t.altKey && t.code === "KeyD" ? (t.preventDefault(), j()) : t.key === "Escape" && l.open && h && t.composedPath().includes(h) && (t.preventDefault(), t.stopPropagation(), j(!1));
 }
-function Ke() {
+function Ve() {
   if (h || typeof document > "u") return;
-  h = document.createElement("div"), h.id = "urfu-ui-kit-dev", h.setAttribute("data-urfu-ui-kit-dev", ""), u = h.attachShadow({ mode: "open" }), u.addEventListener("click", Ne), u.addEventListener("change", _e), u.addEventListener("input", Be), u.addEventListener("submit", We), window.addEventListener("keydown", At, !0), lt(), y = new MutationObserver((a) => {
-    (!(h != null && h.isConnected) || a.some((r) => r.type === "attributes")) && lt();
-  }), y.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["open"] }), c.open = v().some((a) => R(a) > 0);
-  const t = pt(g), e = qt(Ct);
-  u.addEventListener("pointerdown", Ze), window.addEventListener("pointerup", U, !0), window.addEventListener("pointercancel", U, !0);
-  const n = le(() => {
-    c.open && g();
+  h = document.createElement("div"), h.id = "urfu-ui-kit-dev", h.setAttribute("data-urfu-ui-kit-dev", ""), c = h.attachShadow({ mode: "open" }), c.addEventListener("click", Ke), c.addEventListener("change", Je), c.addEventListener("input", Xe), c.addEventListener("submit", Ze), window.addEventListener("keydown", Mt, !0), ut(), $ = new MutationObserver((o) => {
+    (!(h != null && h.isConnected) || o.some((r) => r.type === "attributes")) && ut();
+  }), $.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["open"] }), l.open = v().some((o) => q(o) > 0);
+  const t = bt(g), e = Ut(Dt);
+  c.addEventListener("pointerdown", Ye), window.addEventListener("pointerup", U, !0), window.addEventListener("pointercancel", U, !0);
+  const n = fe(() => {
+    l.open && g();
   });
-  se(), k = () => {
-    t(), e(), n(), ie();
+  ue(), k = () => {
+    t(), e(), n(), de();
   }, g();
 }
-function Je() {
+function Ge() {
   try {
     const t = document.querySelectorAll("dialog:modal");
     return t[t.length - 1] ?? null;
@@ -781,14 +781,14 @@ function Je() {
     return null;
   }
 }
-function lt() {
+function ut() {
   if (!h) return;
-  const t = Je() ?? document.documentElement;
+  const t = Ge() ?? document.documentElement;
   h.parentNode !== t && t.appendChild(h);
 }
-function Ct() {
+function Dt() {
   var r;
-  if (!c.open || c.tab !== "requests") {
+  if (!l.open || l.tab !== "requests") {
     S = !1;
     return;
   }
@@ -797,56 +797,78 @@ function Ct() {
     return;
   }
   S = !1;
-  const t = u == null ? void 0 : u.querySelector(".body"), e = D();
-  if (!u || !t || !e) {
+  const t = c == null ? void 0 : c.querySelector(".body"), e = D();
+  if (!c || !t || !e) {
     g();
     return;
   }
-  const n = u.activeElement, a = n && t.contains(n) ? Et(n) : null;
-  t.innerHTML = Tt(e), a && ((r = t.querySelector(a)) == null || r.focus());
+  const n = c.activeElement, o = n && t.contains(n) ? Tt(n) : null;
+  t.innerHTML = Ct(e), o && ((r = t.querySelector(o)) == null || r.focus());
 }
-function Ze() {
+function Ye() {
   T = !0;
 }
 function U() {
-  T && (T = !1, S && setTimeout(Ct, 0));
+  T && (T = !1, S && setTimeout(Dt, 0));
+}
+function Qe() {
+  k == null || k(), k = null, $ == null || $.disconnect(), $ = null, window.removeEventListener("keydown", Mt, !0), window.removeEventListener("pointerup", U, !0), window.removeEventListener("pointercancel", U, !0), T = !1, S = !1, clearTimeout(Q), h == null || h.remove(), h = null, c = null, Object.assign(l, St);
+}
+const Pt = Symbol.for("urfu-ui-kit.dev-panel"), C = {
+  version: 1,
+  mount(t, e, n) {
+    return _t(), Jt(e), Zt(t, e).state.faults.includes("offline") && nt(!1), xe(n), Ve(), () => {
+      Vt(t.service), v().length || Qe();
+    };
+  },
+  isFault: (t, e) => {
+    var n;
+    return ((n = Gt(e)) == null ? void 0 : n.state.faults.includes(t)) ?? !1;
+  },
+  subscribe: bt,
+  reset: kt
+}, Rt = () => typeof document > "u" ? null : document.defaultView;
+function W() {
+  var e;
+  const t = (e = Rt()) == null ? void 0 : e[Pt];
+  return t && typeof t.version == "number" && t.version >= 1 ? t : null;
 }
-function Xe() {
-  k == null || k(), k = null, y == null || y.disconnect(), y = null, window.removeEventListener("keydown", At, !0), window.removeEventListener("pointerup", U, !0), window.removeEventListener("pointercancel", U, !0), T = !1, S = !1, clearTimeout(V), h == null || h.remove(), h = null, u = null, Object.assign(c, $t);
+function tn() {
+  const t = W();
+  if (t) return t;
+  const e = Rt();
+  return e && (e[Pt] = C), C;
 }
-function Ve(t, e) {
+function en(t, e) {
   return typeof window > "u" ? () => {
-  } : (Ut(), _t(e), Wt(t).state.faults.includes("offline") && Q(!1), ge(), Ke(), () => {
-    Kt(t.service), v().length || Xe();
-  });
+  } : tn().mount(t, e, window);
 }
-function Ge(t, e) {
-  var n;
-  return ((n = Jt(e)) == null ? void 0 : n.state.faults.includes(t)) ?? !1;
+function nn(t, e) {
+  return (W() ?? C).isFault(t, e);
 }
-function Ye(t) {
-  return pt(t);
+function on(t) {
+  return (W() ?? C).subscribe(t);
 }
-function nn() {
-  yt();
+function ln() {
+  (W() ?? C).reset();
 }
-const Qe = () => "2.1.1";
-function an(t) {
-  return Ve(t, { name: "urfu-ui-kit-react", version: Qe() });
+const an = () => "2.1.2";
+function cn(t) {
+  return en(t, { name: "urfu-ui-kit-react", version: an() });
 }
-function tn(t, e) {
-  return Rt(Ye, () => Ge(t, e), () => !1);
+function rn(t, e) {
+  return Ft(on, () => nn(t, e), () => !1);
 }
-function on({ scope: t, service: e }) {
-  if (tn(t === "app" ? "crashApp" : "crashPage", e)) throw new Error(`Сбой из dev-панели: падение ${t === "app" ? "приложения" : "страницы"}`);
+function un({ scope: t, service: e }) {
+  if (rn(t === "app" ? "crashApp" : "crashPage", e)) throw new Error(`Сбой из dev-панели: падение ${t === "app" ? "приложения" : "страницы"}`);
   return null;
 }
 export {
-  on as DevCrashProbe,
-  Ge as isDevFault,
-  de as matchPath,
-  an as mountDevPanel,
-  nn as resetDevFaults,
-  Ye as subscribeDevFaults,
-  tn as useDevFault
+  un as DevCrashProbe,
+  nn as isDevFault,
+  be as matchPath,
+  cn as mountDevPanel,
+  ln as resetDevFaults,
+  on as subscribeDevFaults,
+  rn as useDevFault
 };