urfu-ui-kit-react 2.1.5 → 2.1.7-next.0

package/dist/dev/index.js

@@ -1,415 +1,962 @@
-import { useSyncExternalStore as Ht } from "react";
-let I = [], jt = 1;
-const K = /* @__PURE__ */ new Set();
-let O = !1;
-function J() {
-  O || (O = !0, setTimeout(() => {
-    O = !1, K.forEach((t) => t());
+import { useSyncExternalStore as zr } from "react";
+const se = 10, Dr = /* @__PURE__ */ new Set(["fetch", "xmlhttprequest"]);
+let M = [];
+function Tr(t, e = typeof location > "u" ? "" : location.href) {
+  try {
+    const r = new URL(t, e || void 0), o = e ? new URL(e).origin : "";
+    return r.origin === o ? r.pathname : `${r.host}${r.pathname}`;
+  } catch {
+    return t.split(/[?#]/)[0];
+  }
+}
+function Mr(t) {
+  for (const e of t) {
+    const r = e;
+    Dr.has(r.initiatorType) && M.push({
+      time: Math.round((performance.timeOrigin || 0) + r.startTime),
+      path: Tr(r.name),
+      status: typeof r.responseStatus == "number" ? r.responseStatus : void 0,
+      duration: Math.round(r.duration)
+    });
+  }
+  M.length > se && (M = M.slice(-se));
+}
+function Br() {
+  return M;
+}
+function Rr() {
+  if (typeof PerformanceObserver > "u") return () => {
+  };
+  let t;
+  try {
+    t = new PerformanceObserver((e) => Mr(e.getEntries())), t.observe({ type: "resource", buffered: !0 });
+  } catch {
+    return () => {
+    };
+  }
+  return () => {
+    t.disconnect(), M = [];
+  };
+}
+let pt = [], Or = 1;
+const Rt = /* @__PURE__ */ new Set();
+let ct = !1;
+function Ot() {
+  ct || (ct = !0, setTimeout(() => {
+    ct = !1, Rt.forEach((t) => t());
   }, 16));
 }
-function Ut(t, e, n) {
-  const o = Date.now(), r = { id: jt++, service: t, method: e.toUpperCase(), path: n, status: "pending", duration: null, endedAt: null, faked: !1 };
-  I = [...I.slice(-49), r], J();
-  let a = !1;
-  return (s, i) => {
-    a || (a = !0, r.status = s, r.faked = i, r.endedAt = Date.now(), r.duration = r.endedAt - o, J());
+function qr(t, e, r) {
+  const o = Date.now(), a = { id: Or++, service: t, method: e.toUpperCase(), path: r, status: "pending", duration: null, endedAt: null, faked: !1 };
+  pt = [...pt.slice(-49), a], Ot();
+  let n = !1;
+  return (i, u) => {
+    n || (n = !0, a.status = i, a.faked = u, a.endedAt = Date.now(), a.duration = a.endedAt - o, Ot());
   };
 }
-function nt() {
-  return [...I].reverse();
+function Qt() {
+  return [...pt].reverse();
 }
-function ft() {
-  I = [], O = !1, J();
+function Se() {
+  pt = [], ct = !1, Ot();
 }
-function Nt(t) {
-  return K.add(t), () => {
-    K.delete(t);
+function Ir(t) {
+  return Rt.add(t), () => {
+    Rt.delete(t);
   };
 }
-const pt = "urfu-ui-kit:dev:", x = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Set();
-let ht;
-const bt = (t) => `${pt}${t}`, _t = ["offline", "network", "slow"];
-let L = null;
-const q = /* @__PURE__ */ new Set();
-function Wt() {
-  let t;
+const Le = 6e4, _e = 1e5, ze = 1500;
+function De(t) {
   try {
-    t = new URLSearchParams(window.location.search).get("dev");
+    return JSON.parse(t), !0;
+  } catch {
+    return !1;
+  }
+}
+const B = (t) => typeof t == "string";
+function Te(t) {
+  if (!(typeof t != "number" || !Number.isFinite(t) || t <= 0))
+    return Math.min(Math.round(t), Le);
+}
+function Me(t) {
+  if (!t || typeof t != "object") return null;
+  const e = t;
+  if (!B(e.path) || !e.path || typeof e.status != "number" || !Number.isInteger(e.status) || e.status < 100 || e.status > 599) return null;
+  const r = Te(e.delay);
+  return {
+    path: e.path,
+    status: e.status,
+    ...B(e.method) && e.method ? { method: e.method } : {},
+    ...B(e.message) ? { message: e.message } : {},
+    ...e.html === !0 ? { html: !0 } : {},
+    ...B(e.body) && e.body && e.body.length <= _e ? { body: e.body } : {},
+    ...r ? { delay: r } : {}
+  };
+}
+function Pr(t) {
+  const e = Me(t);
+  if (!e) return null;
+  const { id: r, enabled: o } = t;
+  return B(r) && r ? { ...e, id: r, enabled: o !== !1 } : null;
+}
+const ft = "devRules", Nr = (t) => {
+  const e = new TextEncoder().encode(t);
+  let r = "";
+  return e.forEach((o) => {
+    r += String.fromCharCode(o);
+  }), btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}, jr = (t) => {
+  const e = atob(t.replace(/-/g, "+").replace(/_/g, "/"));
+  return new TextDecoder().decode(Uint8Array.from(e, (r) => r.charCodeAt(0)));
+};
+function Ur(t) {
+  let e = 0;
+  const r = t.map(({ service: o, rule: a }) => {
+    const n = a.body !== void 0 && a.body.length <= ze;
+    return a.body !== void 0 && !n && (e += 1), {
+      s: o,
+      ...a.method ? { m: a.method } : {},
+      p: a.path,
+      c: a.status,
+      ...a.message !== void 0 ? { t: a.message } : {},
+      ...a.html ? { h: 1 } : {},
+      ...n ? { b: a.body } : {},
+      ...a.delay ? { d: a.delay } : {}
+    };
+  });
+  return { value: Nr(JSON.stringify(r)), droppedBodies: e };
+}
+function Hr(t) {
+  try {
+    const e = JSON.parse(jr(t));
+    return Array.isArray(e) ? e.flatMap((r) => {
+      if (!r || typeof r != "object" || !B(r.s)) return [];
+      const o = Me({
+        method: r.m,
+        path: r.p,
+        status: r.c,
+        message: r.t,
+        html: r.h === 1,
+        body: r.b,
+        delay: r.d
+      });
+      return o ? [{ service: r.s, rule: o }] : [];
+    }) : [];
+  } catch {
+    return [];
+  }
+}
+const Be = "urfu-ui-kit:dev:", A = /* @__PURE__ */ new Map(), qt = /* @__PURE__ */ new Set();
+let Re;
+const Oe = (t) => `${Be}${t}`, Zr = ["offline", "network", "slow"];
+let I = null, P = null;
+const ht = /* @__PURE__ */ new Set(), qe = () => `rule-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
+function Kr() {
+  let t, e;
+  try {
+    const r = new URLSearchParams(window.location.search);
+    t = r.get("dev"), e = r.get(ft);
   } catch {
     return;
   }
-  if (t !== null) {
+  if (!(t === null && e === null)) {
     if (t === "off") {
-      L = null;
+      I = null, P = null;
       try {
-        Object.keys(localStorage).filter((e) => e.startsWith(pt)).forEach((e) => localStorage.removeItem(e));
+        Object.keys(localStorage).filter((r) => r.startsWith(Be)).forEach((r) => localStorage.removeItem(r));
       } catch {
       }
     } else
-      L = t.split(",").map((e) => e.trim()).filter(Boolean), q.clear();
+      t !== null && (I = t.split(",").map((r) => r.trim()).filter(Boolean)), e !== null && (P = Hr(e)), ht.clear();
     try {
-      const e = new URL(window.location.href);
-      e.searchParams.delete("dev"), window.history.replaceState(window.history.state, "", e.href);
+      const r = new URL(window.location.href);
+      r.searchParams.delete("dev"), r.searchParams.delete(ft), window.history.replaceState(window.history.state, "", r.href);
     } catch {
     }
   }
 }
-function Bt(t) {
-  return [..._t, ...t.builtins ?? [], ...(t.groups ?? []).flatMap((e) => e.items.map((n) => n.id))];
+function Vr(t) {
+  return [...Zr, ...t.builtins ?? [], ...(t.groups ?? []).flatMap((e) => e.items.map((r) => r.id))];
 }
-function Kt(t) {
-  if (!L || q.has(t.config.service)) return;
-  const e = new Set(Bt(t.config)), n = L.filter((o) => e.has(o));
-  n.length && (q.add(t.config.service), t.state = { ...t.state, faults: n }, _(t.config.service, t.state));
+function Wr(t) {
+  const e = t.config.service;
+  if (!I && !P || ht.has(e)) return;
+  const r = new Set(Vr(t.config)), o = I ? I.filter((n) => r.has(n)) : [], a = P ? P.filter((n) => n.service === e).map((n) => ({ ...n.rule, id: qe(), enabled: !0 })) : null;
+  !o.length && !a || (ht.add(e), t.state = { ...t.state, faults: o, ...a ? { rules: a } : {} }, at(e, t.state));
 }
-function Jt(t) {
+function Jr(t) {
   try {
-    const e = JSON.parse(localStorage.getItem(bt(t)) ?? "null");
+    const e = JSON.parse(localStorage.getItem(Oe(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 : [],
+      faults: Array.isArray(e == null ? void 0 : e.faults) ? e.faults.filter((r) => typeof r == "string") : [],
+      rules: Array.isArray(e == null ? void 0 : e.rules) ? e.rules.flatMap((r) => Pr(r) ?? []) : [],
       ...(e == null ? void 0 : e.launcher) === "visible" || (e == null ? void 0 : e.launcher) === "hidden" ? { launcher: e.launcher } : {}
     };
   } catch {
     return { faults: [], rules: [] };
   }
 }
-function _(t, e) {
+function at(t, e) {
   try {
-    localStorage.setItem(bt(t), JSON.stringify(e));
+    localStorage.setItem(Oe(t), JSON.stringify(e));
   } catch {
   }
 }
-function Xt(t) {
-  t && (ht = t);
+function Yr(t) {
+  t && (Re = t);
 }
-function Vt() {
-  return ht;
+function Xr() {
+  return Re;
 }
-function Zt(t, e) {
-  const n = { config: t, state: Jt(t.service), kit: e };
-  return Kt(n), x.set(t.service, n), D(), n;
+function Gr(t, e) {
+  const r = { config: t, state: Jr(t.service), kit: e };
+  return Wr(r), A.set(t.service, r), U(), r;
 }
-function Gt(t) {
-  x.delete(t), x.size || (L = null, q.clear()), D();
+function Qr(t) {
+  A.delete(t), A.size || (I = null, P = null, ht.clear()), U();
 }
-function m() {
-  return [...x.values()];
+function y() {
+  return [...A.values()];
 }
-function Yt(t) {
-  return t ? x.get(t) : x.values().next().value;
+function le(t) {
+  return t ? A.get(t) : A.values().next().value;
 }
-function gt(t) {
-  return X.add(t), () => {
-    X.delete(t);
+function Ie(t) {
+  return qt.add(t), () => {
+    qt.delete(t);
   };
 }
-function D() {
-  X.forEach((t) => t());
+function U() {
+  qt.forEach((t) => t());
 }
-function W(t, e) {
-  t.state = e, _(t.config.service, e), D();
+function $t(t, e) {
+  t.state = e, at(t.config.service, e), U();
 }
-function Qt(t, e, n) {
-  const o = t.state.faults.filter((r) => r !== e);
-  W(t, { ...t.state, faults: n ? [...o, e] : o });
+function to(t, e, r) {
+  const o = t.state.faults.filter((a) => a !== e);
+  $t(t, { ...t.state, faults: r ? [...o, e] : o });
 }
-function te(t, e) {
-  const n = `rule-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
-  W(t, { ...t.state, rules: [...t.state.rules, { ...e, id: n, enabled: !0 }] });
+function eo(t, e) {
+  $t(t, { ...t.state, rules: [...t.state.rules, { ...e, id: qe(), enabled: !0 }] });
 }
-function ee(t, e, n) {
-  W(t, { ...t.state, rules: t.state.rules.map((o) => o.id === e ? { ...o, enabled: n } : o) });
+function ro(t, e, r) {
+  $t(t, { ...t.state, rules: t.state.rules.map((o) => o.id === e ? { ...o, enabled: r } : o) });
 }
-function ne(t, e) {
-  W(t, { ...t.state, rules: t.state.rules.filter((n) => n.id !== e) });
+function oo(t, e) {
+  $t(t, { ...t.state, rules: t.state.rules.filter((r) => r.id !== e) });
 }
-function oe() {
-  x.forEach((t) => {
-    t.state = { faults: [], rules: [], ...t.state.launcher ? { launcher: t.state.launcher } : {} }, _(t.config.service, t.state);
-  }), D();
+function ao() {
+  A.forEach((t) => {
+    t.state = { faults: [], rules: [], ...t.state.launcher ? { launcher: t.state.launcher } : {} }, at(t.config.service, t.state);
+  }), U();
 }
-function z(t) {
+function bt(t) {
   return t.state.faults.length + t.state.rules.filter((e) => e.enabled).length;
 }
-function ae(t) {
+function no(t) {
   return t.state.launcher ?? t.config.launcher ?? "visible";
 }
-function at(t) {
-  x.forEach((e) => {
-    e.state = { ...e.state, launcher: t }, _(e.config.service, e.state);
-  }), D();
-}
-const re = 1e4, rt = 200, T = ".u-error-screen, .u-notification-fail, .u-notification-warning, .u-offline-banner-offline";
-let F = [], se = 1;
-const V = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new Set();
-let y = null;
-const $ = (t) => {
-  const e = (t ?? "").replace(/\s+/g, " ").trim();
-  return e.length > rt ? `${e.slice(0, rt - 1)}…` : e;
-}, ie = (t) => t.status === "network" || typeof t.status == "number" && t.status >= 400;
-function le(t, e) {
-  var i;
-  const n = m().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 = nt().find((f) => ie(f) && f.endedAt !== null && t - f.endedAt <= re && (!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 io() {
+  A.forEach((t) => {
+    t.state = { faults: t.state.faults, rules: t.state.rules }, at(t.config.service, t.state);
+  }), U();
 }
 function ce(t) {
-  var o, r, a;
+  A.forEach((e) => {
+    e.state = { ...e.state, launcher: t }, at(e.config.service, e.state);
+  }), U();
+}
+const uo = 1e4, de = 200, X = ".u-error-screen, .u-notification-fail, .u-notification-warning, .u-offline-banner-offline";
+let vt = [], so = 1;
+const It = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new Set();
+let L = null;
+const D = (t) => {
+  const e = (t ?? "").replace(/\s+/g, " ").trim();
+  return e.length > de ? `${e.slice(0, de - 1)}…` : e;
+}, lo = (t) => t.status === "network" || typeof t.status == "number" && t.status >= 400;
+function co(t, e) {
+  var u;
+  const r = y().map((p) => p.config.service), o = (u = e.closest("[data-name]")) == null ? void 0 : u.getAttribute("data-name"), a = o && r.includes(o) ? o : null, n = Qt().find((p) => lo(p) && p.endedAt !== null && t - p.endedAt <= uo && (!a || p.service === a));
+  if (!n) return;
+  const i = `${n.method} ${n.path} → ${n.status === "network" ? "сеть" : n.status}`;
+  return r.length > 1 ? `${n.service}: ${i}` : i;
+}
+function po(t) {
+  var o, a, n;
   if (t.classList.contains("u-error-screen"))
     return {
       kind: "screen",
       // Код — в data-error-code на корне заглушки: крупный код рисуется не у всех вариантов (forbidden, serverError).
       // .u-error-screen-code — для разметки кита до появления атрибута.
-      code: $(t.dataset.errorCode || ((o = t.querySelector(".u-error-screen-code")) == null ? void 0 : o.textContent)) || void 0,
-      title: $((r = t.querySelector(".u-error-screen-title")) == null ? void 0 : r.textContent) || $(t.getAttribute("aria-label")) || "Заглушка",
-      text: $((a = t.querySelector(".u-error-screen-description")) == null ? void 0 : a.textContent) || void 0
+      code: D(t.dataset.errorCode || ((o = t.querySelector(".u-error-screen-code")) == null ? void 0 : o.textContent)) || void 0,
+      title: D((a = t.querySelector(".u-error-screen-title")) == null ? void 0 : a.textContent) || D(t.getAttribute("aria-label")) || "Заглушка",
+      text: D((n = t.querySelector(".u-error-screen-description")) == null ? void 0 : n.textContent) || void 0
     };
   if (t.classList.contains("u-offline-banner-offline"))
-    return { kind: "offline", title: $(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: $(n.textContent) || "Уведомление" };
+    return { kind: "offline", title: D(t.textContent) || "Нет связи" };
+  const e = t.classList.contains("u-notification-fail") ? "fail" : "warning", r = t.querySelector(".u-notification-content") ?? t;
+  return { kind: "notification", variant: e, title: D(r.textContent) || "Уведомление" };
 }
-function st(t) {
-  if (!t.isConnected || !t.matches(T)) return;
-  const e = ce(t);
+function pe(t) {
+  if (!t.isConnected || !t.matches(X)) return;
+  const e = po(t);
   if (!e) return;
-  const n = JSON.stringify(e);
-  if (V.get(t) === n) return;
-  V.set(t, n);
+  const r = JSON.stringify(e);
+  if (It.get(t) === r) return;
+  It.set(t, r);
   const o = Date.now();
-  F = [...F.slice(-29), { id: se++, at: o, ...e, cause: le(o, t) }], H.forEach((r) => r());
+  vt = [...vt.slice(-29), { id: so++, at: o, ...e, cause: co(o, t) }], gt.forEach((a) => a());
 }
-function ue(t, e) {
-  t instanceof Element && (t.matches(T) && e.push(t), t.querySelectorAll(T).forEach((n) => e.push(n)));
+function fo(t, e) {
+  t instanceof Element && (t.matches(X) && e.push(t), t.querySelectorAll(X).forEach((r) => e.push(r)));
 }
-function de() {
-  y || typeof MutationObserver > "u" || (y = new MutationObserver((t) => {
+function ho() {
+  L || typeof MutationObserver > "u" || (L = new MutationObserver((t) => {
     const e = [];
-    t.forEach((n) => {
-      if (n.type === "childList") {
-        n.addedNodes.forEach((r) => ue(r, e));
+    t.forEach((r) => {
+      if (r.type === "childList") {
+        r.addedNodes.forEach((a) => fo(a, e));
         return;
       }
-      const o = n.target;
-      o.matches(T) ? e.push(o) : V.delete(o);
-    }), e.length && setTimeout(() => e.forEach(st), 0);
-  }), y.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-error-code", "class"] }), document.querySelectorAll(T).forEach(st));
+      const o = r.target;
+      o.matches(X) ? e.push(o) : It.delete(o);
+    }), e.length && setTimeout(() => e.forEach(pe), 0);
+  }), L.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-error-code", "class"] }), document.querySelectorAll(X).forEach(pe));
 }
-function fe() {
-  y == null || y.disconnect(), y = null;
+function bo() {
+  L == null || L.disconnect(), L = null;
 }
-function Z() {
-  return [...F].reverse();
+function Pe() {
+  return [...vt].reverse();
 }
-function vt() {
-  F = [], H.forEach((t) => t());
+function Ne() {
+  vt = [], gt.forEach((t) => t());
 }
-function pe(t) {
-  return H.add(t), () => {
-    H.delete(t);
+function vo(t) {
+  return gt.add(t), () => {
+    gt.delete(t);
   };
 }
-const mt = 4e3, he = /* @__PURE__ */ new Set(["GET", "HEAD"]);
-function be(t, e) {
-  let n;
+const je = 4e3, go = /* @__PURE__ */ new Set(["GET", "HEAD"]);
+function Ue(t) {
+  if (!/^[a-z][a-z\d+.-]*:\/\//i.test(t)) return { path: t.replace(/\/+$/, "") };
   try {
-    n = new URL(t, window.location.href).pathname;
+    const e = new URL(t);
+    return { origin: e.origin, path: e.pathname.replace(/\/+$/, "") };
   } catch {
     return null;
   }
-  if (!e) return n;
-  const o = e.replace(/\/+$/, ""), r = n.indexOf(o);
-  if (r < 0) return null;
-  const a = n.slice(r + o.length);
-  return a.startsWith("/") || a === "" ? a || "/" : null;
-}
-function ge(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 ve(t, e) {
+function mo(t, e) {
+  let r;
+  try {
+    r = new URL(t, window.location.href);
+  } catch {
+    return null;
+  }
+  const o = r.pathname;
+  if (!e) return o;
+  const a = Ue(e);
+  if (!a || a.origin && a.origin !== r.origin) return null;
+  const n = a.path, i = o.indexOf(n);
+  if (i < 0) return null;
+  const u = o.slice(i + n.length);
+  return u.startsWith("/") || u === "" ? u || "/" : null;
+}
+function xo(t, e) {
+  const r = (i) => i.split("/").filter(Boolean), o = r(t.trim()), a = r(e), n = (i, u) => i === o.length ? u === a.length : o[i] === "**" ? n(i + 1, u) || u < a.length && n(i, u + 1) : u === a.length ? !1 : (o[i] === "*" || o[i] === a[u]) && n(i + 1, u + 1);
+  return n(0, 0);
+}
+function wo(t, e) {
   var o;
-  const n = (o = t.method) == null ? void 0 : o.trim().toUpperCase();
-  return !n || n === "*" ? !0 : n === "WRITE" ? !he.has(e) : n === e;
+  const r = (o = t.method) == null ? void 0 : o.trim().toUpperCase();
+  return !r || r === "*" ? !0 : r === "WRITE" ? !go.has(e) : r === e;
 }
-function me(t, e) {
-  return t.html ? {
+const yo = (t, e) => Math.max(t.delay ?? 0, e);
+function ko(t, e) {
+  const r = yo(t, e);
+  return t.body !== void 0 ? {
+    kind: "response",
+    delay: r,
+    status: t.status,
+    body: t.body,
+    contentType: De(t.body) ? "application/json" : "text/plain"
+  } : t.status < 400 ? { kind: "response", delay: r, status: t.status, body: "", contentType: "text/plain" } : t.html ? {
     kind: "response",
-    delay: e,
+    delay: r,
     status: t.status,
     contentType: "text/html",
     body: `<html><body><h1>${t.status} ${t.message ?? "Bad Gateway"}</h1></body></html>`
   } : {
     kind: "response",
-    delay: e,
+    delay: r,
     status: t.status,
     contentType: "application/json",
     body: JSON.stringify({ statusCode: t.status, message: t.message ?? `Сбой из dev-панели: ${t.status}` })
   };
 }
-function we(t) {
+function Eo(t) {
   const e = new Set(t.state.faults);
   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 wt(t) {
-  for (const e of m()) {
-    const n = be(t, e.config.apiBase);
-    if (n !== null) return { entry: e, path: n };
+function He(t) {
+  var o;
+  let e = null, r = -1;
+  for (const a of y()) {
+    const n = mo(t, a.config.apiBase);
+    if (n === null) continue;
+    const i = a.config.apiBase ? ((o = Ue(a.config.apiBase)) == null ? void 0 : o.path.length) ?? 0 : 0;
+    i > r && (e = { entry: a, path: n }, r = i);
   }
-  return null;
+  return e;
 }
-function xt({ entry: t, path: e }, n) {
-  const o = n.toUpperCase(), r = new Set(t.state.faults), a = r.has("slow") ? mt : 0;
-  if (r.has("offline") || r.has("network")) return { kind: "network", delay: a };
-  const s = we(t).find((i) => ve(i, o) && ge(i.path, e));
-  return s ? me(s, a) : a ? { kind: "pass", delay: a } : null;
+function Ze({ entry: t, path: e }, r) {
+  const o = r.toUpperCase(), a = new Set(t.state.faults), n = a.has("slow") ? je : 0;
+  if (a.has("offline") || a.has("network")) return { kind: "network", delay: n };
+  const i = Eo(t).find((u) => wo(u, o) && xo(u.path, e));
+  return i ? ko(i, n) : n ? { kind: "pass", delay: n } : null;
 }
-const yt = (t, e) => Ut(t.entry.config.service, e, t.path), G = (t) => t.reason ?? new DOMException("The operation was aborted.", "AbortError");
-function xe(t, e) {
-  return new Promise((n, o) => {
+const Ke = (t, e) => qr(t.entry.config.service, e, t.path), Pt = (t) => t.reason ?? new DOMException("The operation was aborted.", "AbortError");
+function Co(t, e) {
+  return new Promise((r, o) => {
     if (e != null && e.aborted) {
-      o(G(e));
+      o(Pt(e));
       return;
     }
-    const r = setTimeout(n, t);
+    const a = setTimeout(r, t);
     e == null || e.addEventListener("abort", () => {
-      clearTimeout(r), o(G(e));
+      clearTimeout(a), o(Pt(e));
     }, { once: !0 });
   });
 }
-const $t = /* @__PURE__ */ new Set([204, 205, 304]), R = /* @__PURE__ */ new WeakSet();
-function ye(t) {
+const Ve = /* @__PURE__ */ new Set([204, 205, 304]), lt = /* @__PURE__ */ new WeakSet();
+function Fo(t) {
   if (typeof window > "u") return;
   const e = t ?? window;
-  R.has(e) || (R.add(e), $e(e)), typeof XMLHttpRequest < "u" && !R.has(XMLHttpRequest.prototype) && (R.add(XMLHttpRequest.prototype), Se());
-}
-function $e(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 = wt(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 = yt(s, i), u = xt(s, i), p = (r == null ? void 0 : r.signal) ?? (a == null ? void 0 : a.signal);
+  lt.has(e) || (lt.add(e), Ao(e)), typeof XMLHttpRequest < "u" && !lt.has(XMLHttpRequest.prototype) && (lt.add(XMLHttpRequest.prototype), So());
+}
+function Ao(t) {
+  var r;
+  const e = (r = t.fetch) == null ? void 0 : r.bind(t);
+  e && (t.fetch = async (o, a) => {
+    const n = typeof o == "object" && "url" in o ? o : null, i = He(n ? n.url : String(o));
+    if (!i) return e(o, a);
+    const u = (a == null ? void 0 : a.method) ?? (n == null ? void 0 : n.method) ?? "GET", p = Ke(i, u), l = Ze(i, u), h = (a == null ? void 0 : a.signal) ?? (n == null ? void 0 : n.signal);
     try {
-      if (u != null && u.delay && await xe(u.delay, p), p != null && p.aborted) throw G(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($t.has(u.status) ? null : u.body, {
-          status: u.status,
-          headers: { "Content-Type": u.contentType }
+      if (l != null && l.delay && await Co(l.delay, h), h != null && h.aborted) throw Pt(h);
+      if ((l == null ? void 0 : l.kind) === "network")
+        throw p("network", !0), new TypeError("Failed to fetch");
+      if ((l == null ? void 0 : l.kind) === "response")
+        return p(l.status, !0), new Response(Ve.has(l.status) ? null : l.body, {
+          status: l.status,
+          headers: { "Content-Type": l.contentType }
         });
-      const w = await e(o, r);
-      return f(w.status, !1), w;
-    } catch (w) {
-      throw f(p != null && p.aborted ? "abort" : "network", !1), w;
+      const g = await e(o, a);
+      return p(g.status, !1), g;
+    } catch (g) {
+      throw p(h != null && h.aborted ? "abort" : "network", !1), g;
     }
   });
 }
-const it = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), ke = ["readyState", "responseURL", "status", "statusText", "responseText", "response", "getAllResponseHeaders", "getResponseHeader"];
-function Se() {
-  const t = XMLHttpRequest.prototype, e = t.open, n = t.send, o = t.abort;
-  t.open = function(a, s, ...i) {
-    ct(this), ke.forEach((f) => {
-      Reflect.deleteProperty(this, f);
-    }), it.set(this, { method: a, url: String(s) }), e.call(this, a, s, ...i);
-  }, t.send = function(a) {
-    const s = it.get(this), i = s ? wt(s.url) : null;
-    if (!s || !i) {
-      n.call(this, a);
+const fe = /* @__PURE__ */ new WeakMap(), he = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakMap(), $o = ["readyState", "responseURL", "status", "statusText", "responseText", "response", "getAllResponseHeaders", "getResponseHeader"];
+function So() {
+  const t = XMLHttpRequest.prototype, e = t.open, r = t.send, o = t.abort;
+  t.open = function(n, i, ...u) {
+    be(this), $o.forEach((p) => {
+      Reflect.deleteProperty(this, p);
+    }), fe.set(this, { method: n, url: String(i) }), e.call(this, n, i, ...u);
+  }, t.send = function(n) {
+    const i = fe.get(this), u = i ? He(i.url) : null;
+    if (!i || !u) {
+      r.call(this, n);
       return;
     }
-    const f = yt(i, s.method);
-    lt.set(this, f);
-    const u = xt(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);
+    const p = Ke(u, i.method);
+    he.set(this, p);
+    const l = Ze(u, i.method), h = () => {
+      this.addEventListener("abort", () => p("abort", !1), { once: !0 }), this.addEventListener("loadend", () => p(this.status || "network", !1), { once: !0 }), r.call(this, n);
     };
-    if (!u) {
-      p();
+    if (!l) {
+      h();
       return;
     }
-    j.set(this, setTimeout(() => {
-      if (j.delete(this), u.kind === "pass") {
-        p();
+    mt.set(this, setTimeout(() => {
+      if (mt.delete(this), l.kind === "pass") {
+        h();
         return;
       }
-      f(u.kind === "network" ? "network" : u.status, !0), Ee(this, u, s.url);
-    }, u.delay));
+      p(l.kind === "network" ? "network" : l.status, !0), Lo(this, l, i.url);
+    }, l.delay));
   }, t.abort = function() {
-    var s;
-    if (!ct(this)) {
+    var i;
+    if (!be(this)) {
       o.call(this);
       return;
     }
-    (s = lt.get(this)) == null || s("abort", !1);
-    const a = kt(this);
-    a("readyState", 4), a("status", 0), Y(this, ["readystatechange", "abort", "loadend"]), a("readyState", 0);
+    (i = he.get(this)) == null || i("abort", !1);
+    const n = We(this);
+    n("readyState", 4), n("status", 0), Nt(this, ["readystatechange", "abort", "loadend"]), n("readyState", 0);
   };
 }
-function ct(t) {
-  const e = j.get(t);
-  return e === void 0 ? !1 : (clearTimeout(e), j.delete(t), !0);
+function be(t) {
+  const e = mt.get(t);
+  return e === void 0 ? !1 : (clearTimeout(e), mt.delete(t), !0);
 }
-const kt = (t) => (e, n) => {
-  Object.defineProperty(t, e, { configurable: !0, get: () => n });
-}, Y = (t, e) => {
-  e.forEach((n) => t.dispatchEvent(new ProgressEvent(n)));
+const We = (t) => (e, r) => {
+  Object.defineProperty(t, e, { configurable: !0, get: () => r });
+}, Nt = (t, e) => {
+  e.forEach((r) => t.dispatchEvent(new ProgressEvent(r)));
 };
-function Ee(t, e, n) {
-  const o = kt(t);
-  if (o("readyState", 4), o("responseURL", n), e.kind === "network") {
-    o("status", 0), o("statusText", ""), Y(t, ["readystatechange", "error", "loadend"]);
+function Lo(t, e, r) {
+  const o = We(t);
+  if (o("readyState", 4), o("responseURL", r), e.kind === "network") {
+    o("status", 0), o("statusText", ""), Nt(t, ["readystatechange", "error", "loadend"]);
     return;
   }
-  const r = $t.has(e.status) ? "" : e.body;
-  let a = r;
+  const a = Ve.has(e.status) ? "" : e.body;
+  let n = a;
   if (t.responseType === "json")
     try {
-      a = e.contentType === "application/json" && r ? JSON.parse(r) : null;
+      n = e.contentType === "application/json" && a ? JSON.parse(a) : null;
     } catch {
-      a = null;
+      n = null;
     }
-  o("status", e.status), o("statusText", String(e.status)), o("responseText", r), o("response", a);
-  const s = `content-type: ${e.contentType}\r
+  o("status", e.status), o("statusText", String(e.status)), o("responseText", a), o("response", n);
+  const i = `content-type: ${e.contentType}\r
 `;
-  Object.defineProperty(t, "getAllResponseHeaders", { configurable: !0, value: () => s }), Object.defineProperty(t, "getResponseHeader", {
+  Object.defineProperty(t, "getAllResponseHeaders", { configurable: !0, value: () => i }), Object.defineProperty(t, "getResponseHeader", {
     configurable: !0,
-    value: (i) => i.toLowerCase() === "content-type" ? e.contentType : null
-  }), Y(t, ["readystatechange", "load", "loadend"]);
+    value: (u) => u.toLowerCase() === "content-type" ? e.contentType : null
+  }), Nt(t, ["readystatechange", "load", "loadend"]);
 }
-function ot(t) {
+function te(t) {
   try {
     t ? Reflect.deleteProperty(navigator, "onLine") : Object.defineProperty(navigator, "onLine", { configurable: !0, get: () => !1 }), window.dispatchEvent(new Event(t ? "online" : "offline"));
   } catch {
   }
 }
-function St() {
-  const t = m().some((e) => e.state.faults.includes("offline"));
-  oe(), ft(), vt(), t && ot(!0);
+function Je() {
+  const t = y().some((e) => e.state.faults.includes("offline"));
+  ao(), Se(), Ne(), t && te(!0);
+}
+const xt = { instant: 100, fast: 150, base: 200, moderate: 250, slow: 300 }, jt = {
+  enter: "cubic-bezier(0, 0, .2, 1)",
+  exit: "cubic-bezier(.4, 0, 1, 1)"
+}, _o = 4, ee = "data-u-motion", ve = "data-u-motion-scale", Ye = () => typeof document > "u" ? null : document.documentElement, zo = () => {
+  var t, e;
+  return ((t = Ye()) == null ? void 0 : t.getAttribute(ee)) === "reduce" || typeof window < "u" && ((e = window.matchMedia) == null ? void 0 : e.call(window, "(prefers-reduced-motion: reduce)").matches) === !0;
+}, Xe = (t) => {
+  const e = Ye();
+  e && (t === 1 ? e.removeAttribute(ve) : e.setAttribute(ve, String(t)));
+}, Do = [
+  "accordion",
+  "bc",
+  "breadcrumbs",
+  "button",
+  "calendar",
+  "card",
+  "checkbox",
+  "collapsible",
+  "drawer",
+  "empty",
+  "error",
+  "expand",
+  "file",
+  "filter",
+  "form",
+  "help",
+  "icon",
+  "infinite",
+  "input",
+  "menu",
+  "message",
+  "modal",
+  "multiselectbox",
+  "notification",
+  "number",
+  "offline",
+  "pagination",
+  "paginator",
+  "password",
+  "popup",
+  "preloader",
+  "radio",
+  "react",
+  "rich",
+  "search",
+  "selectbox",
+  "skeleton",
+  "status",
+  "switch",
+  "tab",
+  "table",
+  "tabs",
+  "textarea",
+  "upward",
+  "virtual"
+], To = ["air-datepicker", "treeview", "select-column"], Mo = [
+  "u-card",
+  "u-card-second",
+  "u-react-card__body",
+  "u-modal__body",
+  "u-drawer__body",
+  "u-drawer__footer",
+  "u-form-field__control",
+  "u-accordion-content",
+  "u-collapsible-menu-body",
+  "u-help__content",
+  "u-message",
+  "u-react-sticky-action-bar",
+  "u-tabs-content",
+  "u-table-mobile-card__fields--body",
+  "u-table-mobile-card__actions",
+  "u-virtual-list__item"
+], Bo = new RegExp(`^(?:u-(?:${Do.join("|")})|${To.join("|")})(?:$|[-_])`), Ro = new Set(Mo), Oo = (t) => Bo.test(t), ge = (t) => Array.from(t.classList).some(Oo), qo = (t) => t.tagName === "TD" || t.tagName === "TH" || Array.from(t.classList).some((e) => Ro.has(e)), Io = (t) => {
+  if (ge(t)) return !0;
+  for (let e = t.parentElement; e; e = e.parentElement) {
+    if (qo(e)) return !1;
+    if (ge(e)) return !0;
+  }
+  return !1;
+}, Po = 'button, input, select, textarea, a[href], table, [role="dialog"], dialog, svg, h1, h2, h3, h4, h5, h6', Mt = (t) => {
+  const e = t.tagName.toLowerCase();
+  return /^h[1-6]$/.test(e) ? "h1–h6" : t.getAttribute("role") === "dialog" ? "dialog" : e;
+}, No = "[data-urfu-ui-kit-dev], [data-urfu-ui-kit-dev-highlight]", jo = (t = document) => Array.from(t.querySelectorAll(Po)).filter((e) => {
+  var r;
+  return e.closest(No) || e.tagName === "svg" && ((r = e.parentElement) != null && r.closest("svg")) || e instanceof HTMLInputElement && e.type === "hidden" ? !1 : !Io(e);
+}), me = (t) => typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^\w-]/g, "\\$&"), Uo = (t) => {
+  const e = [];
+  for (let r = t; r && r.tagName !== "HTML"; r = r.parentElement) {
+    if (r.id) {
+      e.unshift(`#${me(r.id)}`);
+      break;
+    }
+    const o = Array.from(r.classList).slice(0, 2).map((i) => `.${me(i)}`).join(""), a = r.parentElement ? Array.from(r.parentElement.children).filter((i) => i.tagName === r.tagName) : [], n = a.length > 1 ? `:nth-of-type(${a.indexOf(r) + 1})` : "";
+    e.unshift(`${r.tagName.toLowerCase()}${o}${n}`);
+  }
+  return e.join(" > ");
+}, Ho = 500, Zo = 200, Ko = `
+:host { all: initial; }
+.layer { position: fixed; inset: 0; pointer-events: none; z-index: 2147482999; }
+.box { position: fixed; box-sizing: border-box; border: 2px dashed #e5484d; border-radius: 2px; }
+.box.active { border-style: solid; background: rgba(229, 72, 77, .18); }
+.tag { position: absolute; left: -2px; top: -18px; pointer-events: auto; cursor: pointer; border: 0; padding: 1px 4px;
+  font: 600 11px/14px system-ui, sans-serif; color: #fff; background: #e5484d; border-radius: 2px 2px 2px 0; white-space: nowrap; }
+.box.below .tag { top: auto; bottom: -18px; border-radius: 0 2px 2px 2px; }
+`;
+let x = null, wt = null, re = [], W, R = null, k = null, G, Ge = 0, N = { total: 0, byType: {} };
+const Vo = (t, e) => {
+  if (e.width === 0 && e.height === 0) return !1;
+  const r = t.checkVisibility;
+  return r ? r.call(t, { visibilityProperty: !0, opacityProperty: !0 }) : !0;
+}, Qe = () => {
+  if (!x) return;
+  let t = document.documentElement;
+  try {
+    const e = document.querySelectorAll("dialog:modal");
+    t = e[e.length - 1] ?? t;
+  } catch {
+  }
+  x.parentNode !== t && t.appendChild(x);
+}, Ut = () => {
+  if (Ge = Date.now(), G = void 0, !wt) return;
+  Qe();
+  const t = jo().map((n) => ({ element: n, rect: n.getBoundingClientRect() })).filter(({ element: n, rect: i }) => Vo(n, i)), e = {};
+  for (const { element: n } of t) e[Mt(n)] = (e[Mt(n)] ?? 0) + 1;
+  N = { total: t.length, byType: e };
+  const { innerHeight: r, innerWidth: o } = window, a = t.filter(({ rect: n }) => n.bottom > 0 && n.top < r && n.right > 0 && n.left < o).slice(0, Ho);
+  re = a.map(({ element: n }) => n), wt.innerHTML = a.map(({ element: n, rect: i }, u) => `<div class="box${i.top < 18 ? " below" : ""}" style="left:${i.left}px;top:${i.top}px;width:${i.width}px;height:${i.height}px"><button class="tag" type="button" data-mark="${u}" title="Путь — в консоли">${Mt(n)}</button></div>`).join(""), W == null || W(N);
+}, Q = () => {
+  G === void 0 && (G = setTimeout(Ut, Math.max(0, Zo - (Date.now() - Ge))));
+}, Wo = (t) => {
+  t.every((e) => x && (e.target === x || x.contains(e.target))) || Q();
+}, Jo = (t) => {
+  const e = t.target.closest("[data-mark]"), r = e ? re[Number(e.dataset.mark)] : void 0;
+  if (!e || !r) return;
+  console.info("[urfu-ui-kit dev] не из кита:", Uo(r), r);
+  const o = e.parentElement;
+  o.classList.add("active"), setTimeout(() => o.classList.remove("active"), 1500);
+}, Yo = () => N, Xo = (t) => {
+  if (W = t, x || typeof document > "u")
+    return x && Ut(), N;
+  x = document.createElement("div"), x.setAttribute("data-urfu-ui-kit-dev-highlight", "");
+  const e = x.attachShadow({ mode: "open" });
+  return e.innerHTML = `<style>${Ko}</style><div class="layer"></div>`, wt = e.querySelector(".layer"), e.addEventListener("click", Jo), Qe(), k = document.defaultView ?? window, k.addEventListener("scroll", Q, { capture: !0, passive: !0 }), k.addEventListener("resize", Q), R = new MutationObserver(Wo), R.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["class", "hidden", "open", "style"] }), Ut(), N;
+}, Go = () => {
+  R == null || R.disconnect(), R = null, k == null || k.removeEventListener("scroll", Q, { capture: !0 }), k == null || k.removeEventListener("resize", Q), k = null, clearTimeout(G), G = void 0, x == null || x.remove(), x = null, wt = null, re = [], W = void 0, N = { total: 0, byType: {} };
+}, St = "data-urfu-dev-motion", xe = 5, yt = /\(\s*prefers-reduced-motion\s*(?::\s*reduce\s*)?\)/gi, Qo = new RegExp(yt.source, "i"), ta = /\(\s*prefers-reduced-motion\s*:\s*no-preference\s*\)/i, ea = new RegExp(String.raw`not\s*` + yt.source, "i"), Bt = "(min-width: 0px)", H = () => typeof document > "u" ? null : document, Lt = (t) => {
+  var e;
+  return ((e = H()) == null ? void 0 : e.querySelector(`style[${St}="${t}"]`)) ?? null;
+}, tr = (t, e) => {
+  const r = H();
+  if (!r) return;
+  let o = Lt(t);
+  o || (o = r.createElement("style"), o.setAttribute(St, t)), o.textContent !== e && (o.textContent = e);
+  const a = r.body ?? r.head;
+  a.lastElementChild !== o && a.append(o);
+}, ra = (t) => t.cssText.slice(0, t.cssText.indexOf("{")).trim(), oa = 7, aa = 4, na = (t) => {
+  const e = t.split(",").map((o) => o.trim()).filter((o) => o.match(yt) && !/^not\s/i.test(o));
+  if (e.length === 0) return null;
+  const r = e.map((o) => o.replace(yt, Bt).replace(/^only\s+/i, ""));
+  return r.some((o) => o === Bt || o === `all and ${Bt}`) ? "" : r.join(", ");
+}, we = (t) => /^not\s/i.test(t) ? Qo.test(t) : ta.test(t) || ea.test(t), ia = (t) => {
+  const e = t.split(",").map((r) => r.trim());
+  return e.some(we) ? e.map((r) => we(r) ? "not all" : r).join(", ") : null;
+}, er = (t, e, r) => {
+  for (const o of Array.from(t)) {
+    if ("styleSheet" in o) {
+      const n = o, i = [...e];
+      n.layerName != null && i.push(`@layer ${n.layerName}`.trim()), n.media.mediaText && n.media.mediaText !== "all" && i.push(`@media ${n.media.mediaText}`), n.styleSheet && rr(n.styleSheet, i, r);
+      continue;
+    }
+    if (!("cssRules" in o) || o.type === oa) continue;
+    const a = o;
+    if (o.type === aa) {
+      const n = o.media, i = ia(n.mediaText);
+      i !== null && r.noPreference.push({ media: n, text: i });
+      const u = na(n.mediaText);
+      if (u !== null) {
+        const p = u ? [...e, `@media ${u}`] : e, l = Array.from(a.cssRules).map((h) => h.cssText).join(`
+`);
+        r.css.push(p.reduceRight((h, g) => `${g} {
+${h}
+}`, l)), r.blocks += 1;
+        continue;
+      }
+    }
+    er(a.cssRules, [...e, ra(o)], r);
+  }
+}, rr = (t, e, r) => {
+  let o;
+  try {
+    o = t.cssRules;
+  } catch {
+    r.blocked += 1;
+    return;
+  }
+  er(o, e, r);
+}, ua = () => {
+  var o, a;
+  const t = { css: [], blocks: 0, blocked: 0, noPreference: [] }, e = H();
+  if (!e) return t;
+  const r = [...Array.from(e.styleSheets), ...e.adoptedStyleSheets ?? []];
+  for (const n of r)
+    (a = (o = n.ownerNode) == null ? void 0 : o.hasAttribute) != null && a.call(o, St) || rr(n, [], t);
+  return t;
+};
+let _ = null, Ht, J, j = { blocks: 0, disabled: 0, blocked: 0 }, kt = [];
+const or = (t) => t.nodeName === "STYLE" || t.nodeName === "LINK" && t.rel === "stylesheet", ye = (t) => {
+  var e;
+  return ((e = t.hasAttribute) == null ? void 0 : e.call(t, St)) === !0;
+}, ar = () => {
+  const t = ua();
+  for (const { media: e, text: r } of t.noPreference)
+    kt.push({ media: e, text: e.mediaText }), e.mediaText = r;
+  tr("reduce", t.css.join(`
+`)), j = { blocks: t.blocks, disabled: kt.length, blocked: t.blocked }, J == null || J(j);
+}, nr = () => {
+  clearTimeout(Ht), Ht = setTimeout(ar, 100);
+}, sa = (t) => {
+  t.some((r) => {
+    const o = r.target.nodeType === Node.TEXT_NODE ? r.target.parentNode : r.target;
+    return (o == null ? void 0 : o.nodeName) === "STYLE" ? !ye(o) : [...Array.from(r.addedNodes), ...Array.from(r.removedNodes)].some((a) => or(a) && !ye(a));
+  }) && nr();
+}, ir = (t) => {
+  t.target instanceof Element && or(t.target) && nr();
+}, la = () => j, ca = (t) => {
+  const e = H();
+  return e && (J = t, e.documentElement.setAttribute(ee, "reduce"), ar(), !_ && typeof MutationObserver < "u" && (_ = new MutationObserver(sa), _.observe(e.documentElement, { childList: !0, subtree: !0, characterData: !0 }), e.addEventListener("load", ir, !0))), j;
+}, da = () => {
+  var e;
+  const t = H();
+  _ == null || _.disconnect(), _ = null, clearTimeout(Ht), t == null || t.removeEventListener("load", ir, !0);
+  for (const { media: r, text: o } of kt) r.mediaText = o;
+  kt = [], (e = Lt("reduce")) == null || e.remove(), t == null || t.documentElement.removeAttribute(ee), j = { blocks: 0, disabled: 0, blocked: 0 }, J = void 0;
+}, pa = {
+  ...Object.fromEntries(Object.entries(xt).map(([t, e]) => [`--u-duration-${t}`, e])),
+  "--u-spinner-duration": 3e3,
+  "--u-skeleton-duration": 1200
+}, fa = (t) => {
+  const e = t.trim().match(/^(-?[\d.]+)(ms|s)$/);
+  return e ? Number(e[1]) * (e[2] === "s" ? 1e3 : 1) : null;
+}, ha = () => {
+  var o;
+  const t = H();
+  if (!t) return;
+  (o = Lt("slow")) == null || o.remove();
+  const e = getComputedStyle(t.documentElement), r = Object.entries(pa).map(([a, n]) => {
+    const i = fa(e.getPropertyValue(a)) ?? n;
+    return `${a}: ${i * xe}ms !important;`;
+  });
+  tr("slow", `:root, :root * { ${r.join(" ")} }`), Xe(xe);
+}, ba = () => {
+  var t;
+  (t = Lt("slow")) == null || t.remove(), Xe(1);
+}, tt = ["reduce", "slow", "highlight"], Zt = "urfu-ui-kit:dev:~view", E = /* @__PURE__ */ new Set();
+let $, Kt = "";
+const va = (t) => tt.includes(t);
+function ga() {
+  try {
+    const t = JSON.parse(localStorage.getItem(Zt) ?? "null");
+    return Array.isArray(t) ? t.filter(va) : [];
+  } catch {
+    return [];
+  }
 }
-const Le = {
-  title: "Сеть",
-  items: [
-    { id: "offline", label: "Офлайн браузера", hint: "Полоса «Нет связи», запросы к API падают" },
-    { id: "network", label: "Обрыв соединения", hint: "Сеть есть, а сервер не отвечает" },
-    { id: "slow", label: "Медленные ответы", hint: `Задержка ${mt / 1e3} с на запросы к API` }
-  ]
-}, Te = {
-  authFail: { label: "Сбой входа", hint: "После перезагрузки сервис рисует заглушку входа" },
-  crashApp: { label: "Падение приложения", hint: "Ошибка рендера над каркасом сервиса" },
-  crashPage: { label: "Падение страницы", hint: "Каждая открытая страница падает, пока флаг включён" }
-}, Q = [["", "Любой"], ["GET", "GET"], ["write", "Запись"], ["POST", "POST"], ["PUT", "PUT"], ["PATCH", "PATCH"], ["DELETE", "DELETE"]], Ae = [400, 401, 403, 404, 409, 422, 429, 500, 502, 503, 504], d = (t) => String(t ?? "").replace(/[&<>"']/g, (e) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[e]), Ce = '<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>', Me = `
+function ma() {
+  try {
+    E.size ? localStorage.setItem(Zt, JSON.stringify([...E])) : localStorage.removeItem(Zt);
+  } catch {
+  }
+}
+const xa = (t) => {
+  const e = JSON.stringify(t);
+  e !== Kt && (Kt = e, $ == null || $());
+};
+function oe(t, e) {
+  t === "reduce" ? e ? ca(() => $ == null ? void 0 : $()) : da() : t === "slow" ? e ? ha() : ba() : e ? Xo(xa) : (Go(), Kt = "");
+}
+function et(t) {
+  return E.has(t);
+}
+function ur(t, e) {
+  E.has(t) !== e && (e ? E.add(t) : E.delete(t), oe(t, e), ma());
+}
+function wa(t) {
+  $ = t, ga().forEach((e) => {
+    E.has(e) || (E.add(e), oe(e, !0));
+  });
+}
+function ya() {
+  E.forEach((t) => oe(t, !1)), E.clear(), $ = void 0;
+}
+function ka() {
+  return { reduce: la(), highlight: Yo() };
+}
+var ke = { css: `.u-icon{font-family:urfu-ui-icon-font!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cross:before{content:"\\e913"}.icon-cross-small:before{content:"\\e914"}:host{--u-unit: 1px;--u-height-main: calc(48 * var(--u-unit));--u-height-secondary: calc(54 * var(--u-unit));--u-height-medium: calc(44 * var(--u-unit));--u-height-small: calc(38 * var(--u-unit));--u-option-min-height: var(--u-height-main)}:host{--u-preset-unit: 1px}:host([data-u-responsive=urfu]){--u-preset-unit: var(--u-unit)}:host([data-u-viewport=tablet]){--u-font-size-10: 12px;--u-font-size-11: 12px;--u-font-size-12: 12px;--u-font-size-13: 12px;--u-font-size-14: 14px;--u-font-size-16: 15px;--u-font-size-18: 17px;--u-font-size-20: 19px;--u-font-size-24: 22px;--u-font-size-40: 32px;--u-font-size-52: 40px;--u-input-line-padding-y: 10px}:host([data-u-viewport=mobile]){--u-font-size-10: 12px;--u-font-size-11: 12px;--u-font-size-12: 12px;--u-font-size-13: 12px;--u-font-size-14: 14px;--u-font-size-16: 14px;--u-font-size-18: 16px;--u-font-size-20: 18px;--u-font-size-24: 20px;--u-font-size-40: 24px;--u-font-size-52: 28px;--u-input-line-padding-y: 7px}:host{--u-blue-main: #1E4391;--u-blue-dark: #0F2B5E;--u-blue-60: #748AB9;--u-blue-40: #9FAECD;--u-blue-20: #CAD1E1;--u-blue-10: #E7F2FF;--u-blue-secondary: #4685CF;--u-red-main: #EF302B;--u-red-dark: #C0231F;--u-red-60: #F58380;--u-red-10: #FDEAEA;--u-gray-60: #545454;--u-gray-40: #A7A7A7;--u-gray-20: #D3D3D3;--u-gray-10: #F6F6F6;--u-gray-5: #F9F9F9;--u-black-main: #222222;--u-white: #FFFFFF;--u-green: #3BA68C;--u-green-10: #EDF7EB;--u-pink: #E54B6A;--u-orange: #E98446;--u-orange-10: #FCF4E6;--u-violet: #A08CE2;--u-gradient-main: linear-gradient(270deg, #FF2D7F -.71%, #FB3727 47.63%, #FEEA0F 100%);--u-color-primary: var(--u-blue-main, #1E4391);--u-color-primary-hover: var(--u-blue-dark, #0F2B5E);--u-color-primary-disabled: var(--u-blue-40, #9FAECD);--u-color-primary-quiet: var(--u-blue-20, #CAD1E1);--u-color-selected: var(--u-blue-10, #E7F2FF);--u-color-focus: var(--u-blue-main, #1E4391);--u-color-text: var(--u-black-main, #222222);--u-color-text-secondary: var(--u-gray-60, #545454);--u-color-text-muted: var(--u-gray-40, #A7A7A7);--u-color-text-inverse: var(--u-white, #FFFFFF);--u-color-border: var(--u-blue-60, #748AB9);--u-color-border-light: var(--u-gray-20, #D3D3D3);--u-color-surface: var(--u-white, #FFFFFF);--u-color-background: var(--u-gray-10, #F6F6F6);--u-color-background-light: var(--u-gray-5, #F9F9F9);--u-color-error: var(--u-red-main, #EF302B);--u-color-error-hover: var(--u-red-dark, #C0231F);--u-color-error-disabled: var(--u-red-60, #F58380);--u-color-error-light: var(--u-red-10, #FDEAEA);--u-color-success: var(--u-green, #3BA68C);--u-color-success-light: var(--u-green-10, #EDF7EB);--u-color-warning: var(--u-orange, #E98446);--u-color-warning-light: var(--u-orange-10, #FCF4E6)}:host{--u-radius: 10px;--u-radius-small: 8px;--u-z-dropdown: 100;--u-z-dropdown-icon: 101;--u-z-dropdown-list: 102;--u-z-upward: 112;--u-z-dropdown-item: 999;--u-z-modal: 1000;--u-z-datepicker: 1001;--u-duration-fast: .15s;--u-duration-base: .2s;--u-duration-slow: .3s;--u-ease-standard: ease-in-out;--u-spinner-duration: 3s;--u-skeleton-duration: 1.2s;--u-duration-instant: .1s;--u-duration-moderate: .25s;--u-ease-move: cubic-bezier(.2, 0, 0, 1);--u-ease-enter: cubic-bezier(0, 0, .2, 1);--u-ease-exit: cubic-bezier(.4, 0, 1, 1);--u-ease-sheet: cubic-bezier(.22, 1, .36, 1);--u-motion-shift-sm: 4px;--u-motion-shift-md: 8px;--u-font-weight-regular: 400;--u-font-weight-medium: 500;--u-font-weight-semibold: 600;--u-line-height-base: 1.4;--u-line-height-compact: 1.4286;--u-shadow-popup: 0 8px 24px rgba(15, 43, 94, .16);--u-color-surface-tint: #EEF0F4}.u-button{--u-button-height: var(--u-height-main, 48px);height:var(--u-button-height);padding:0 var(--u-button-padding-x, calc(50 * var(--u-preset-unit)));border-radius:var(--u-radius, 10px);border:none;font-weight:var(--u-font-weight-medium, 500);font-size:var(--u-font-size-13, calc(13 * var(--u-unit)));white-space:nowrap;cursor:pointer;display:inline-flex;column-gap:calc(8 * var(--u-unit));justify-content:center;align-items:center;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);color:var(--u-color-text-inverse, #FFFFFF);background-color:var(--u-color-primary, #1E4391)}.u-button:hover,.u-button:active{background-color:var(--u-color-primary-hover, #0F2B5E)}.u-button:disabled{cursor:default;background-color:var(--u-color-primary-disabled, #9FAECD)}.u-button .u-icon{position:relative;top:calc(1 * var(--u-unit))}.u-button .u-icon:before{color:inherit}.u-button-outline{color:var(--u-color-primary, #1E4391);background-color:var(--u-color-surface, #FFFFFF);border:2px solid var(--u-color-primary, #1E4391)}.u-button-outline:hover,.u-button-outline:active{background-color:var(--u-color-primary-hover, #0F2B5E);color:var(--u-color-text-inverse, #FFFFFF);border:2px solid var(--u-color-primary-hover, #0F2B5E)}.u-button-outline:disabled{cursor:default;background-color:var(--u-color-primary-disabled, #9FAECD);color:var(--u-color-text-inverse, #FFFFFF);border:2px solid var(--u-color-primary-disabled, #9FAECD)}.u-button-danger{color:var(--u-color-text-inverse, #FFFFFF);background-color:var(--u-color-error, #EF302B)}.u-button-danger:hover,.u-button-danger:active{background-color:var(--u-color-error-hover, #C0231F)}.u-button-danger:disabled{cursor:default;background-color:var(--u-color-error-disabled, #F58380)}.u-button-danger-outline{color:var(--u-color-error, #EF302B);background-color:var(--u-color-surface, #FFFFFF);border:2px solid var(--u-color-error, #EF302B)}.u-button-danger-outline:hover,.u-button-danger-outline:active{background-color:var(--u-color-error-hover, #C0231F);color:var(--u-color-text-inverse, #FFFFFF);border:2px solid var(--u-color-error-hover, #C0231F)}.u-button-danger-outline:disabled{cursor:default;background-color:var(--u-color-error-disabled, #F58380);color:var(--u-color-text-inverse, #FFFFFF);border:2px solid var(--u-color-error-disabled, #F58380)}.u-button-simple{border:2px solid var(--u-color-border-light, #D3D3D3);background-color:var(--u-color-surface, #FFFFFF);color:var(--u-color-text, #222222)}.u-button-simple:hover,.u-button-simple:active{border:2px solid var(--u-color-border-light, #D3D3D3);background-color:var(--u-gray-20, #D3D3D3);color:var(--u-color-text, #222222)}.u-button-simple:disabled{cursor:default;border:2px solid var(--u-button-simple-disabled, #E9E9E9);background-color:var(--u-button-simple-disabled, #E9E9E9);color:var(--u-color-text-secondary, #545454)}.u-button-icon{border:1px solid var(--u-color-border-light, #D3D3D3);background-color:var(--u-color-surface, #FFFFFF);color:var(--u-color-primary, #1E4391);padding:0;width:var(--u-button-icon-width, calc(48 * var(--u-preset-unit)))}.u-button-icon:hover,.u-button-icon:active{border:1px solid var(--u-color-primary, #1E4391);background-color:var(--u-color-surface, #FFFFFF);color:var(--u-color-primary, #1E4391)}.u-button-icon:disabled{cursor:default;border:1px solid var(--u-color-border-light, #D3D3D3);background-color:var(--u-color-surface, #FFFFFF);color:var(--u-gray-20, #D3D3D3)}.u-button-icon.u-button-small{padding:0;width:var(--u-button-icon-small-width, calc(38 * var(--u-preset-unit)))}.u-button-cross{--u-button-height: var(--u-height-main, 48px);padding:0 var(--u-button-padding-x, calc(50 * var(--u-preset-unit)));border-radius:var(--u-radius, 10px);border:none;font-weight:var(--u-font-weight-medium, 500);font-size:var(--u-font-size-13, calc(13 * var(--u-unit)));white-space:nowrap;cursor:pointer;display:inline-flex;column-gap:calc(8 * var(--u-unit));justify-content:center;align-items:center;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);padding:0;width:var(--u-button-cross-size, calc(52 * var(--u-preset-unit)));--u-button-height: var(--u-button-cross-size, calc(52 * var(--u-preset-unit)));height:var(--u-button-height);border-radius:50%;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' transform='rotate(90 26 26)' fill='white'/%3E%3Cpath d='M20 20L31.5 32M32 20L20 32' stroke='%23222222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");background-repeat:no-repeat;background-size:100% 100%}.u-button-cross:hover{background-image:url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' transform='rotate(90 26 26)' fill='white'/%3E%3Cpath d='M20 20L31.5 32M32 20L20 32' stroke='%231E4391' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ")}.u-button-icon-left{flex-direction:row-reverse}.u-button-medium{--u-button-height: var(--u-height-medium, 44px);height:var(--u-button-height)}.u-button-small{--u-button-height: var(--u-height-small, 38px);height:var(--u-button-height);padding:0 var(--u-button-small-padding-x, calc(24 * var(--u-preset-unit)))}.u-button-text{display:flex;text-align:center;border:none;padding:0;border-radius:var(--u-radius-small, 8px);font-weight:var(--u-font-weight-semibold, 600);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));background:none;align-items:center;white-space:nowrap;cursor:pointer;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);color:var(--u-color-primary, #1E4391)}.u-button-text:focus-visible{outline-offset:4px}.u-button-text:hover,.u-button-text:active{color:var(--u-color-primary-hover, #0F2B5E)}.u-button-text:disabled{cursor:default;color:var(--u-color-primary-disabled, #9FAECD)}.u-button-text .u-icon{position:relative;margin-left:calc(8 * var(--u-unit))}.u-button-text-icon-left{flex-direction:row-reverse;font-weight:var(--u-font-weight-regular, 400)}.u-button-text-icon-left .u-icon{margin-left:0;margin-right:calc(8 * var(--u-unit))}.u-button-text-table{cursor:pointer;color:var(--u-blue-60, #748AB9)}.u-button-text-table:hover,.u-button-text-table:active{color:var(--u-color-primary-hover, #0F2B5E)}.u-button-text-table:disabled{cursor:default;color:var(--u-color-primary-quiet, #CAD1E1)}.u-button-text-danger{color:var(--u-pink, #E54B6A)}.u-button-text-danger:hover,.u-button-text-danger:active{color:var(--u-button-text-danger-hover, #B62C48)}.u-button-text-danger:disabled{cursor:default;color:var(--u-button-text-danger-disabled, #D995A2)}.u-button-text-danger-table{cursor:pointer;color:var(--u-color-error-disabled, #F58380)}.u-button-text-danger-table:hover,.u-button-text-danger-table:active{color:var(--u-pink, #E54B6A)}.u-button-text-danger-table:disabled{cursor:default;color:var(--u-button-text-danger-table-disabled, #FE514D1F)}.u-button-text-table,.u-button-text-danger-table{position:relative}.u-button-text-table:after,.u-button-text-danger-table:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;z-index:1}.u-button-text-table:has(+.u-button-text-table):after,.u-button-text-table:has(+.u-button-text-danger-table):after,.u-button-text-danger-table:has(+.u-button-text-table):after,.u-button-text-danger-table:has(+.u-button-text-danger-table):after,.u-button-text-table+.u-button-text-table:after,.u-button-text-table+.u-button-text-danger-table:after,.u-button-text-danger-table+.u-button-text-table:after,.u-button-text-danger-table+.u-button-text-danger-table:after{width:100%}.u-button-text-table.u-button-text-square,.u-button-text-danger-table.u-button-text-square{width:calc(38 * var(--u-unit));justify-content:center}.u-button-text-table.u-button-text-square:after,.u-button-text-danger-table.u-button-text-square:after{width:100%;height:100%}.u-input{height:var(--u-height-main, 48px);padding:var(--u-input-line-padding-y, var(--u-input-padding-y, calc(14 * var(--u-preset-unit)))) var(--u-input-padding-x, calc(16 * var(--u-preset-unit)));border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));line-height:var(--u-line-height-compact, 1.4286);color:var(--u-color-text, #222222);background-color:var(--u-color-surface, #FFFFFF);width:100%;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);text-overflow:ellipsis;border:1px solid var(--u-color-border-light, #D3D3D3)}.u-input:hover{border:1px solid var(--u-color-border, #748AB9)}.u-input:focus{outline:0;border:1px solid var(--u-color-border, #748AB9)}.u-input:disabled{cursor:default;border:none;background-color:var(--u-color-background, #F6F6F6)}.u-input::placeholder{color:var(--u-color-text-secondary, #545454);opacity:1}.u-input:-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-input::placeholder{color:var(--u-color-text-secondary, #545454)}.u-input[type=number]{display:block;box-sizing:border-box;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.u-input[type=number]::-webkit-outer-spin-button,.u-input[type=number]::-webkit-inner-spin-button{display:none}.u-input[type=search]::-webkit-search-cancel-button{transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);display:block;cursor:pointer;-webkit-appearance:none;width:calc(12 * var(--u-unit));height:calc(12 * var(--u-unit));margin-left:calc(10 * var(--u-unit));background-color:var(--u-color-text-muted, #A7A7A7);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%}.u-input[type=search]::-webkit-search-cancel-button:hover{background-color:var(--u-color-primary, #1E4391)}.u-input-required{height:var(--u-height-main, 48px);padding:var(--u-input-line-padding-y, var(--u-input-padding-y, calc(14 * var(--u-preset-unit)))) var(--u-input-padding-x, calc(16 * var(--u-preset-unit)));border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));line-height:var(--u-line-height-compact, 1.4286);color:var(--u-color-text, #222222);background-color:var(--u-color-surface, #FFFFFF);width:100%;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);text-overflow:ellipsis;border:1px solid var(--u-color-error, #EF302B)}.u-input-required:hover{border:1px solid var(--u-color-border, #748AB9)}.u-input-required:focus{outline:0;border:1px solid var(--u-color-border, #748AB9)}.u-input-required::placeholder{color:var(--u-color-text-secondary, #545454);opacity:1}.u-input-required:-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-input-required::-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-textarea{height:var(--u-textarea-height, calc(125 * var(--u-preset-unit)));padding:var(--u-input-padding-y, calc(14 * var(--u-preset-unit))) var(--u-input-padding-x, calc(16 * var(--u-preset-unit)));border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));line-height:var(--u-line-height-compact, 1.4286);color:var(--u-color-text, #222222);background-color:var(--u-color-surface, #FFFFFF);width:100%;resize:vertical;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);border:1px solid var(--u-color-border-light, #D3D3D3)}.u-textarea:hover{border:1px solid var(--u-color-border, #748AB9)}.u-textarea:focus{outline:0;border:1px solid var(--u-color-border, #748AB9)}.u-textarea:disabled{cursor:default;border:none;background-color:var(--u-color-background, #F6F6F6)}.u-textarea::placeholder{color:var(--u-color-text-secondary, #545454);opacity:1}.u-textarea:-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-textarea::placeholder{color:var(--u-color-text-secondary, #545454)}.u-textarea-required{height:var(--u-textarea-height, calc(125 * var(--u-preset-unit)));padding:var(--u-input-padding-y, calc(14 * var(--u-preset-unit))) var(--u-input-padding-x, calc(16 * var(--u-preset-unit)));border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));line-height:var(--u-line-height-compact, 1.4286);color:var(--u-color-text, #222222);background-color:var(--u-color-surface, #FFFFFF);width:100%;resize:vertical;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);border:1px solid var(--u-color-error, #EF302B)}.u-textarea-required:hover{border:1px solid var(--u-color-border, #748AB9)}.u-textarea-required:focus{outline:0;border:1px solid var(--u-color-border, #748AB9)}.u-textarea-required::placeholder{color:var(--u-color-text-secondary, #545454);opacity:1}.u-textarea-required:-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-textarea-required::-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-textarea::-webkit-scrollbar-thumb{height:calc(clamp(calc(7 * var(--u-unit)),.01vh,calc(16 * var(--u-unit))) + calc(3 * var(--u-unit)));background-clip:content-box;border:2px solid transparent}.u-textarea::-webkit-scrollbar{width:calc(clamp(calc(7 * var(--u-unit)),.01vw,calc(16 * var(--u-unit))) + calc(3 * var(--u-unit)))}.u-number{display:inline-block;position:relative}.u-number:hover .u-input{border:1px solid var(--u-color-border, #748AB9)}.u-number .u-number-down{cursor:pointer;position:absolute;top:calc(50% + calc(2 * var(--u-unit)));right:calc(16 * var(--u-unit));width:calc(10 * var(--u-unit));height:calc(6 * var(--u-unit));padding:0;display:block;border:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%23748AB9'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;background-size:100% 100%;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out)}.u-number .u-number-down:hover{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%231E4391'/%3E%3C/svg%3E%0A")}.u-number .u-number-up{cursor:pointer;position:absolute;top:calc(50% - calc(8 * var(--u-unit)));right:calc(16 * var(--u-unit));width:calc(10 * var(--u-unit));height:calc(6 * var(--u-unit));padding:0;display:block;border:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%23748AB9'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;background-size:100% 100%;transform:rotate(180deg);transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out)}.u-number .u-number-up:hover{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%231E4391'/%3E%3C/svg%3E%0A")}.u-selectbox{position:relative}.u-selectbox.u-selectbox-disabled *{cursor:default}.u-selectbox.u-selectbox-disabled .u-selectbox-select{border:none;background-color:var(--u-color-background, #F6F6F6)}.u-selectbox.u-selectbox-disabled .u-selectbox-select-icon-arrow{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292892 4.29289C0.683416 3.90237 1.31658 3.90237 1.70711 4.29289L6.00001 8.58579L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.70712 10.7071C6.51958 10.8946 6.26523 11 6.00001 11C5.73479 11 5.48044 10.8946 5.2929 10.7071L0.292894 5.70711C-0.0976308 5.31658 -0.0976314 4.68342 0.292892 4.29289Z' fill='%23A7A7A7'/%3E%3C/svg%3E ")}.u-selectbox.u-selectbox-disabled .u-selectbox-select-icon-cross{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ")}.u-selectbox.u-selectbox-disabled .u-selectbox-select-open~.u-selectbox-options-wrapper{display:none}.u-selectbox-select{cursor:pointer;height:var(--u-height-main, 48px);padding:var(--u-input-line-padding-y, var(--u-input-padding-y, calc(14 * var(--u-preset-unit)))) var(--u-input-padding-x, calc(16 * var(--u-preset-unit)));border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));line-height:var(--u-line-height-compact, 1.4286);color:var(--u-color-text, #222222);background-color:var(--u-color-surface, #FFFFFF);width:100%;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);text-overflow:ellipsis;border:1px solid var(--u-color-border-light, #D3D3D3);position:relative}.u-selectbox-select:hover{border:1px solid var(--u-color-border, #748AB9)}.u-selectbox-select:focus{outline:0;border:1px solid var(--u-color-border, #748AB9)}.u-selectbox-select:disabled{cursor:default;border:none;background-color:var(--u-color-background, #F6F6F6)}.u-selectbox-select::placeholder{color:var(--u-color-text-secondary, #545454);opacity:1}.u-selectbox-select:-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-selectbox-select::placeholder{color:var(--u-color-text-secondary, #545454)}.u-selectbox-select[type=number]{display:block;box-sizing:border-box;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.u-selectbox-select[type=number]::-webkit-outer-spin-button,.u-selectbox-select[type=number]::-webkit-inner-spin-button{display:none}.u-selectbox-select[type=search]::-webkit-search-cancel-button{transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);display:block;cursor:pointer;-webkit-appearance:none;width:calc(12 * var(--u-unit));height:calc(12 * var(--u-unit));margin-left:calc(10 * var(--u-unit));background-color:var(--u-color-text-muted, #A7A7A7);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%}.u-selectbox-select[type=search]::-webkit-search-cancel-button:hover{background-color:var(--u-color-primary, #1E4391)}.u-selectbox-select-required{height:var(--u-height-main, 48px);padding:var(--u-input-line-padding-y, var(--u-input-padding-y, calc(14 * var(--u-preset-unit)))) var(--u-input-padding-x, calc(16 * var(--u-preset-unit)));border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));line-height:var(--u-line-height-compact, 1.4286);color:var(--u-color-text, #222222);background-color:var(--u-color-surface, #FFFFFF);width:100%;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out);text-overflow:ellipsis;border:1px solid var(--u-color-error, #EF302B)}.u-selectbox-select-required:hover{border:1px solid var(--u-color-border, #748AB9)}.u-selectbox-select-required:focus{outline:0;border:1px solid var(--u-color-border, #748AB9)}.u-selectbox-select-required::placeholder{color:var(--u-color-text-secondary, #545454);opacity:1}.u-selectbox-select-required:-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-selectbox-select-required::-ms-input-placeholder{color:var(--u-color-text-secondary, #545454)}.u-selectbox-select-open{border:1px solid var(--u-color-border, #748AB9)}.u-selectbox-select-open .u-selectbox-select-icon{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 10.3819C11.3166 10.7724 10.6834 10.7724 10.2929 10.3819L5.99999 6.08902L1.70711 10.3819C1.31658 10.7724 0.683418 10.7724 0.292894 10.3819C-0.0976305 9.99139 -0.0976315 9.35822 0.292892 8.9677L5.29288 3.9677C5.48042 3.78016 5.73477 3.67481 5.99999 3.6748C6.26521 3.6748 6.51956 3.78016 6.7071 3.9677L11.7071 8.9677C12.0976 9.35822 12.0976 9.99139 11.7071 10.3819Z' fill='%231E4391'/%3E%3C/svg%3E ")}.u-selectbox-select-open+.u-selectbox-options{display:block}.u-selectbox-select-icon-arrow{position:absolute;display:block;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292892 4.29289C0.683416 3.90237 1.31658 3.90237 1.70711 4.29289L6.00001 8.58579L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.70712 10.7071C6.51958 10.8946 6.26523 11 6.00001 11C5.73479 11 5.48044 10.8946 5.2929 10.7071L0.292894 5.70711C-0.0976308 5.31658 -0.0976314 4.68342 0.292892 4.29289Z' fill='%231E4391'/%3E%3C/svg%3E ");background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:calc(12 * var(--u-unit));height:calc(12 * var(--u-unit));right:calc(20 * var(--u-unit));top:calc(50% - calc(7 * var(--u-unit)));transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out)}.u-selectbox-select-icon-cross{position:absolute;display:block;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:calc(12 * var(--u-unit));height:calc(12 * var(--u-unit));right:calc(44 * var(--u-unit));top:calc(50% - calc(5 * var(--u-unit)));transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out)}.u-selectbox-select-icon-cross:hover{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%231E4391'/%3E%3C/svg%3E ")}.u-selectbox-select-title{display:block;max-width:calc(100% - calc(52 * var(--u-unit)));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.u-selectbox-options{display:none;background-color:var(--u-color-surface, #FFFFFF);z-index:var(--u-z-dropdown, 100);border-radius:var(--u-radius, 10px);border:1px solid var(--u-color-border, #748AB9);margin-top:calc(2 * var(--u-unit));width:100%;overflow-y:auto;max-height:calc(200 * var(--u-unit));position:absolute}.u-selectbox-options::-webkit-scrollbar{width:calc(clamp(calc(7 * var(--u-unit)),.01vw,calc(16 * var(--u-unit))) + calc(3 * var(--u-unit)))}.u-selectbox-options::-webkit-scrollbar-thumb{height:calc(clamp(calc(7 * var(--u-unit)),.01vh,calc(16 * var(--u-unit))) + calc(3 * var(--u-unit)));background-clip:content-box;border:2px solid transparent}.u-selectbox-option{cursor:pointer;min-height:var(--u-option-min-height, calc(48 * var(--u-unit)));background-color:var(--u-color-surface, #FFFFFF);border-bottom:1px solid var(--u-color-primary-quiet, #CAD1E1);padding:max(calc(4 * var(--u-unit)),calc((var(--u-option-min-height, calc(48 * var(--u-unit))) - 1.4286em - 1px) / 2)) calc(16 * var(--u-unit));font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));line-height:var(--u-line-height-compact, 1.4286)}.u-selectbox-option:last-child{border-bottom:none}.u-selectbox-option:hover{background-color:var(--u-color-selected, #E7F2FF)}.u-search{display:inline-block;position:relative}.u-search .u-input{padding-left:calc(46 * var(--u-unit))}.u-search:hover .u-input{border:1px solid var(--u-color-border, #748AB9)}.u-search-loupe{cursor:pointer;position:absolute;top:calc(50% - calc(10 * var(--u-unit)));left:calc(16 * var(--u-unit));width:calc(20 * var(--u-unit));height:calc(20 * var(--u-unit));padding:0;display:block;border:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6001 4.39941C14.5117 4.39941 16.8721 6.75977 16.8721 9.67141C16.8721 12.5831 14.5117 14.9434 11.6001 14.9434C10.144 14.9434 8.82734 14.3544 7.8722 13.3993C6.91706 12.4441 6.32807 11.1275 6.32807 9.67141C6.32807 6.75977 8.68842 4.39941 11.6001 4.39941ZM18.8721 9.67141C18.8721 5.6552 15.6163 2.39941 11.6001 2.39941C7.58385 2.39941 4.32807 5.6552 4.32807 9.67141C4.32807 11.3185 4.87655 12.8388 5.79951 14.0578L3.16496 16.6923C2.77444 17.0828 2.77444 17.716 3.16496 18.1065C3.55549 18.497 4.18865 18.497 4.57918 18.1065L7.21372 15.472C8.4327 16.3949 9.95297 16.9434 11.6001 16.9434C15.6163 16.9434 18.8721 13.6876 18.8721 9.67141Z' fill='%231E4391'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;background-size:100% 100%;transition-property:color,background-color,border-color,background-image;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out)}:where(.u-number) .u-input{padding-right:calc(34 * var(--u-unit))}.u-switch{cursor:pointer;display:flex;align-items:center;column-gap:calc(10 * var(--u-unit))}.u-switch:has(input:disabled){cursor:default}.u-switch input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.u-switch input:checked+.u-switch__point:after{left:calc(100% - calc(23.2 * var(--u-unit)))}.u-switch input:disabled+.u-switch__point{cursor:default;border-color:var(--u-color-border-light, #D3D3D3);background-color:var(--u-color-background-light, #F9F9F9)}.u-switch input:disabled+.u-switch__point:after{background-color:var(--u-color-text-muted, #A7A7A7)}.u-switch input:disabled:hover+.u-switch__point{cursor:default;border-color:var(--u-color-border-light, #D3D3D3);background-color:var(--u-color-background-light, #F9F9F9)}.u-switch input:disabled:hover+.u-switch__point:after{background-color:var(--u-color-text-muted, #A7A7A7)}.u-switch input:hover+.u-switch__point{border-color:var(--u-switch-hover, #2452B3)}.u-switch input:hover+.u-switch__point:after{background-color:var(--u-switch-hover, #2452B3)}.u-switch input:checked+.u-switch__point{background-color:var(--u-color-primary, #1E4391);border-color:var(--u-color-primary, #1E4391)}.u-switch input:checked+.u-switch__point:after{background-color:var(--u-color-surface, #FFFFFF)}.u-switch input:checked:disabled+.u-switch__point{background-color:var(--u-gray-20, #D3D3D3);border-color:var(--u-color-border-light, #D3D3D3)}.u-switch input:checked:disabled+.u-switch__point:after{background-color:var(--u-color-surface, #FFFFFF)}.u-switch input:checked:disabled:hover+.u-switch__point{background-color:var(--u-gray-20, #D3D3D3);border-color:var(--u-color-border-light, #D3D3D3)}.u-switch input:checked:disabled:hover+.u-switch__point:after{background-color:var(--u-color-surface, #FFFFFF)}.u-switch input:checked:hover+.u-switch__point{background-color:var(--u-switch-hover, #2452B3);border-color:var(--u-switch-hover, #2452B3)}.u-switch input:checked:hover+.u-switch__point:after{background-color:var(--u-color-surface, #FFFFFF)}.u-switch__point{cursor:pointer;width:calc(54 * var(--u-unit));height:calc(26 * var(--u-unit));position:relative;border-radius:var(--u-switch-radius, 16px);transition:background-color var(--u-duration-base, .2s) var(--u-ease-standard, ease-in-out),border-color var(--u-duration-base, .2s) var(--u-ease-standard, ease-in-out);background-color:var(--u-color-surface, #FFFFFF);border:1.4px solid var(--u-color-primary, #1E4391)}@media (prefers-reduced-motion:reduce){.u-switch__point{transition:none}}.u-switch__point:after{content:"";display:block;position:absolute;width:calc(18 * var(--u-unit));height:calc(18 * var(--u-unit));border-radius:50%;transition:left var(--u-duration-fast, .15s) var(--u-ease-move, cubic-bezier(.2, 0, 0, 1)),background-color var(--u-duration-base, .2s) var(--u-ease-standard, ease-in-out);background-color:var(--u-color-primary, #1E4391);margin:calc(2.6 * var(--u-unit));left:calc(0 * var(--u-unit))}@media (prefers-reduced-motion:reduce){.u-switch__point:after{transition:none}}.u-switch-small .u-switch__point{width:calc(42 * var(--u-unit));height:calc(20 * var(--u-unit))}.u-switch-small .u-switch__point:after{width:calc(14 * var(--u-unit));height:calc(14 * var(--u-unit))}.u-switch-small .u-switch__point{border:1px solid var(--u-color-primary, #1E4391)}.u-switch-small .u-switch__point:after{margin:calc(2 * var(--u-unit))}.u-switch-small input:checked+.u-switch__point:after{left:calc(100% - calc(18 * var(--u-unit)))}.u-icon:before{color:inherit}.u-status{display:flex;justify-content:center;align-items:center;width:min-content;white-space:wrap;font-size:var(--u-font-size-10, calc(10 * var(--u-unit)));line-height:1.6;font-weight:var(--u-font-weight-semibold, 600);padding:calc(1 * var(--u-unit)) calc(8 * var(--u-unit)) calc(3 * var(--u-unit)) calc(8 * var(--u-unit));border-radius:var(--u-radius-small, 8px);max-width:100%}.u-status-large{font-size:var(--u-font-size-12, calc(12 * var(--u-unit)));line-height:1.4167;padding:calc(5 * var(--u-unit)) calc(12 * var(--u-unit))}.u-status-warning{background-color:var(--u-color-warning-light, #FCF4E6);color:var(--u-color-warning, #E98446)}.u-status-info{background-color:var(--u-color-selected, #E7F2FF);color:var(--u-color-primary, #1E4391)}.u-status-neutral{background-color:var(--u-status-neutral-background, #eee);color:var(--u-color-text, #222222)}.u-status-success{background-color:var(--u-color-success-light, #EDF7EB);color:var(--u-status-success-color, #147246)}.u-status-danger{background-color:var(--u-color-error-light, #FDEAEA);color:var(--u-color-error, #EF302B)}.u-status-intermediate{background-color:var(--u-status-intermediate-background, #fcf4ff);color:var(--u-status-intermediate-color, #742c8e)}.u-status-prepared{background-color:var(--u-status-prepared-background, #E9FDFD);color:var(--u-status-prepared-color, #0987AE)}.u-message{padding:calc(15 * var(--u-unit)) calc(16 * var(--u-unit)) calc(15 * var(--u-unit)) calc(52 * var(--u-unit));background-color:var(--u-color-selected, #E7F2FF);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%231E4391' stroke-width='2'%3E%3C/circle%3E%3Crect x='9' y='8' width='2' height='8' rx='1' fill='%231E4391'%3E%3C/rect%3E%3Ccircle cx='10' cy='6' r='1' fill='%231E4391'%3E%3C/circle%3E%3C/svg%3E");min-height:calc(54 * var(--u-unit));display:flex;align-items:center;border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));color:var(--u-color-text, #222222);background-repeat:no-repeat;background-position:top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit))}.u-message-fail{display:flex;align-items:center;border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));color:var(--u-color-text, #222222);background-repeat:no-repeat;background-position:top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));padding:calc(15 * var(--u-unit)) calc(16 * var(--u-unit)) calc(15 * var(--u-unit)) calc(52 * var(--u-unit));background-color:var(--u-color-error-light, #FDEAEA);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23EF302B' stroke-width='2'%3E%3C/circle%3E%3Ccircle cx='10' cy='15' r='1' fill='%23EF302B'%3E%3C/circle%3E%3Cpath d='M8.59357 6.49708C8.54286 5.68582 9.18716 5 10 5C10.8128 5 11.4571 5.68582 11.4064 6.49708L11.0624 12.0019C11.0273 12.563 10.5621 13 10 13C9.4379 13 8.97268 12.563 8.93762 12.0019L8.59357 6.49708Z' fill='%23EF302B'%3E%3C/path%3E%3C/svg%3E");min-height:calc(54 * var(--u-unit))}.u-message-success{display:flex;align-items:center;border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));color:var(--u-color-text, #222222);background-repeat:no-repeat;background-position:top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));padding:calc(15 * var(--u-unit)) calc(16 * var(--u-unit)) calc(15 * var(--u-unit)) calc(52 * var(--u-unit));background-color:var(--u-color-success-light, #EDF7EB);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23147246' stroke-width='2'%3E%3C/circle%3E%3Cpath d='M6 10.5L9.10148 13.6015C9.31345 13.8134 9.663 13.7925 9.8482 13.5568L15 7' stroke='%23147246' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");min-height:calc(54 * var(--u-unit))}.u-message-warning{display:flex;align-items:center;border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));color:var(--u-color-text, #222222);background-repeat:no-repeat;background-position:top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));padding:calc(15 * var(--u-unit)) calc(16 * var(--u-unit)) calc(15 * var(--u-unit)) calc(52 * var(--u-unit));background-color:var(--u-color-warning-light, #FCF4E6);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23E98446' stroke-width='2'%3E%3C/circle%3E%3Ccircle cx='10' cy='15' r='1' fill='%23E98446'%3E%3C/circle%3E%3Cpath d='M8.59357 6.49708C8.54286 5.68582 9.18716 5 10 5C10.8128 5 11.4571 5.68582 11.4064 6.49708L11.0624 12.0019C11.0273 12.563 10.5621 13 10 13C9.4379 13 8.97268 12.563 8.93762 12.0019L8.59357 6.49708Z' fill='%23E98446'%3E%3C/path%3E%3C/svg%3E");min-height:calc(54 * var(--u-unit))}.u-message-small{padding:calc(7 * var(--u-unit)) calc(16 * var(--u-unit)) calc(7 * var(--u-unit)) calc(52 * var(--u-unit));background-color:var(--u-color-selected, #E7F2FF);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%231E4391' stroke-width='2'%3E%3C/circle%3E%3Crect x='9' y='8' width='2' height='8' rx='1' fill='%231E4391'%3E%3C/rect%3E%3Ccircle cx='10' cy='6' r='1' fill='%231E4391'%3E%3C/circle%3E%3C/svg%3E");min-height:calc(38 * var(--u-unit));display:flex;align-items:center;border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));color:var(--u-color-text, #222222);background-repeat:no-repeat;background-position:top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit))}.u-message-small-fail{display:flex;align-items:center;border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));color:var(--u-color-text, #222222);background-repeat:no-repeat;background-position:top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));padding:calc(7 * var(--u-unit)) calc(16 * var(--u-unit)) calc(7 * var(--u-unit)) calc(52 * var(--u-unit));background-color:var(--u-color-error-light, #FDEAEA);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23EF302B' stroke-width='2'%3E%3C/circle%3E%3Ccircle cx='10' cy='15' r='1' fill='%23EF302B'%3E%3C/circle%3E%3Cpath d='M8.59357 6.49708C8.54286 5.68582 9.18716 5 10 5C10.8128 5 11.4571 5.68582 11.4064 6.49708L11.0624 12.0019C11.0273 12.563 10.5621 13 10 13C9.4379 13 8.97268 12.563 8.93762 12.0019L8.59357 6.49708Z' fill='%23EF302B'%3E%3C/path%3E%3C/svg%3E");min-height:calc(38 * var(--u-unit))}.u-message-small-success{display:flex;align-items:center;border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));color:var(--u-color-text, #222222);background-repeat:no-repeat;background-position:top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));padding:calc(7 * var(--u-unit)) calc(16 * var(--u-unit)) calc(7 * var(--u-unit)) calc(52 * var(--u-unit));background-color:var(--u-color-success-light, #EDF7EB);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23147246' stroke-width='2'%3E%3C/circle%3E%3Cpath d='M6 10.5L9.10148 13.6015C9.31345 13.8134 9.663 13.7925 9.8482 13.5568L15 7' stroke='%23147246' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");min-height:calc(38 * var(--u-unit))}.u-message-small-warning{display:flex;align-items:center;border-radius:var(--u-radius, 10px);font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));color:var(--u-color-text, #222222);background-repeat:no-repeat;background-position:top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));padding:calc(7 * var(--u-unit)) calc(16 * var(--u-unit)) calc(7 * var(--u-unit)) calc(52 * var(--u-unit));background-color:var(--u-color-warning-light, #FCF4E6);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23E98446' stroke-width='2'%3E%3C/circle%3E%3Ccircle cx='10' cy='15' r='1' fill='%23E98446'%3E%3C/circle%3E%3Cpath d='M8.59357 6.49708C8.54286 5.68582 9.18716 5 10 5C10.8128 5 11.4571 5.68582 11.4064 6.49708L11.0624 12.0019C11.0273 12.563 10.5621 13 10 13C9.4379 13 8.97268 12.563 8.93762 12.0019L8.59357 6.49708Z' fill='%23E98446'%3E%3C/path%3E%3C/svg%3E");min-height:calc(38 * var(--u-unit))}:host{--u-menu-item-margin-top: calc(28 * var(--u-unit));--u-menu-subtitle-margin-top: calc(16 * var(--u-unit));--u-menu-list-padding-left: calc(18 * var(--u-unit));--u-menu-subtitle-padding-left: calc(44 * var(--u-unit));--u-collapsible-toggle-right: calc(-20 * var(--u-unit));--u-collapsible-toggle-top: calc(28 * var(--u-unit));--u-collapsible-toggle-width: calc(21 * var(--u-unit));--u-collapsible-toggle-height: calc(84 * var(--u-unit));--u-collapsible-body-max-width: calc(268 * var(--u-unit))}.u-input:focus-visible,.u-input-required:focus-visible,.u-textarea:focus-visible,.u-textarea-required:focus-visible,.u-selectbox-select:focus-visible,.u-selectbox-select-required:focus-visible,.u-search input:focus-visible{outline:none}:host(:not([data-input-mode=pointer])) .u-switch input:focus-visible+.u-switch__point{outline:2px solid var(--u-color-focus, #1E4391);outline-offset:2px}:host([data-input-mode=keyboard]) .u-input:focus,:host([data-input-mode=keyboard]) .u-input-required:focus,:host([data-input-mode=keyboard]) .u-textarea:focus,:host([data-input-mode=keyboard]) .u-textarea-required:focus,:host([data-input-mode=keyboard]) .u-selectbox-select:focus,:host([data-input-mode=keyboard]) .u-selectbox-select-required:focus,:host([data-input-mode=keyboard]) .u-search input:focus{outline:none;border-color:var(--u-color-focus, #1E4391);box-shadow:0 0 0 calc(3 * var(--u-unit, 1px)) var(--u-focus-shadow, rgba(30, 67, 145, .2))}.h5{font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-12, calc(12 * var(--u-unit)));line-height:var(--u-line-height-base, 1.4)}.st{font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-16, calc(16 * var(--u-unit)));line-height:var(--u-line-height-base, 1.4)}.tt{font-weight:var(--u-font-weight-regular, 400);font-size:var(--u-font-size-14, calc(14 * var(--u-unit)));line-height:var(--u-line-height-compact, 1.4286)}:host{--u-skeleton-color: #F0F0F0;--u-skeleton-highlight: #E0E0E0;--u-field-title-color: var(--u-color-text-secondary);--u-field-title-size: var(--u-font-size-14, calc(14 * var(--u-unit, 1px)));--u-option-color: var(--u-color-text);--u-option-selected-background: var(--u-color-background, #F6F6F6);--u-option-hovered-background: var(--u-color-background, #F6F6F6);--u-compact-height: calc(30 * var(--u-unit, 1px));--u-compact-font-size: var(--u-font-size-12, calc(12 * var(--u-unit, 1px)));--u-compact-padding: calc(8 * var(--u-unit, 1px)) calc(5 * var(--u-unit, 1px));--u-compact-radius: calc(8 * var(--u-unit, 1px));--u-dense-height: var(--u-height-small, calc(38 * var(--u-unit, 1px)));--u-table-filter-popup-z: 9999;--u-select-popup-z: 10010}:host([data-u-viewport=tablet]){--u-compact-height: 28px;--u-dense-height: var(--u-height-main);--u-compact-padding: 7px calc(5 * var(--u-unit, 1px))}:host([data-u-viewport=mobile]){--u-compact-height: 26px;--u-dense-height: var(--u-height-main);--u-compact-padding: 6px calc(5 * var(--u-unit, 1px))}:host{--u-icon-size-main: calc(16 * var(--u-unit, 1px));--u-field-label-size-main: var(--u-font-size-14, calc(14 * var(--u-unit, 1px)));--u-input-padding-y: calc(14 * var(--u-unit, 1px));--u-input-padding-x: calc(16 * var(--u-unit, 1px));--u-textarea-height: calc(125 * var(--u-unit, 1px))}.u-icon{font-size:var(--u-icon-size-main)}.u-selectbox-empty-text{padding:calc(14 * var(--u-unit, 1px)) calc(16 * var(--u-unit, 1px));font-size:var(--u-font-size-14, calc(14 * var(--u-unit, 1px)));line-height:1.4286}.u-selectbox-options-up{top:auto;bottom:100%;margin-top:0;margin-bottom:calc(2 * var(--u-unit, 1px))}.u-selectbox-select-icon-arrow{right:calc(18 * var(--u-unit, 1px))}.u-selectbox-select,.u-selectbox-select-required{padding-top:clamp(calc(12 * var(--u-unit, 1px)),1.1vw,calc(14 * var(--u-unit, 1px)));padding-bottom:clamp(calc(12 * var(--u-unit, 1px)),1.1vw,calc(14 * var(--u-unit, 1px)));box-sizing:border-box;line-height:calc(20 * var(--u-unit, 1px))}.u-selectbox-select:not(input),.u-selectbox-select-required:not(input){display:flex;align-items:center}.u-selectbox-select-icon-arrow,.u-selectbox-select-icon-cross{transition:transform var(--u-duration-fast, .15s) var(--u-ease-move, cubic-bezier(.2, 0, 0, 1)),top var(--u-duration-fast, .15s) var(--u-ease-move, cubic-bezier(.2, 0, 0, 1))}.u-selectbox .u-selectbox-options{transform-origin:top center}@media (prefers-reduced-motion:reduce){.u-selectbox-select-icon-arrow,.u-selectbox-select-icon-cross{transition:none}}.u-button{height:auto;min-height:var(--u-button-height, var(--u-height-main, calc(48 * var(--u-unit, 1px))));white-space:normal;padding-top:var(--u-button-padding-y, calc(6 * var(--u-unit, 1px)));padding-bottom:var(--u-button-padding-y, calc(6 * var(--u-unit, 1px)))}.u-button-text-icon-only{min-width:calc(44 * var(--u-unit, 1px));min-height:calc(44 * var(--u-unit, 1px));justify-content:center}.u-button.u-button-icon-only{box-sizing:border-box;width:var(--u-button-height, calc(48 * var(--u-unit, 1px)));min-width:var(--u-button-height, calc(48 * var(--u-unit, 1px)));padding:0;flex-shrink:0}.u-button-with-loading{position:relative}.u-button-loading-content{display:inline-flex;align-items:inherit;justify-content:inherit;flex-direction:inherit;gap:inherit;min-width:0}.u-button-loading .u-button-loading-content{opacity:0}.u-button-loading-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.u-button-refresh-icon{display:inline-block;flex:0 0 auto;width:var(--u-button-refresh-icon-size);height:var(--u-button-refresh-icon-size);vertical-align:middle;transform-origin:center}.u-button-refresh-icon--spinning{animation:u-button-refresh-spin .75s linear infinite}@keyframes u-button-refresh-spin{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.u-button-refresh-icon--spinning{animation:none}}.u-react-size-dense{--u-height-main: var(--u-dense-height);--u-input-line-padding-y: max(0px, calc((var(--u-dense-height) - 2px - 1.4286em) / 2));--u-input-padding-y: max(0px, calc((var(--u-dense-height) - 2px - 1.4286em) / 2));--u-textarea-min-height: var(--u-dense-height)}.u-react-size-dense .u-selectbox-select,.u-react-size-dense .u-selectbox-select-required{padding-top:var(--u-input-line-padding-y);padding-bottom:var(--u-input-line-padding-y)}.u-message,.u-message-fail,.u-message-success,.u-message-warning{background-position:top calc(15 * var(--u-unit)) left calc(16 * var(--u-unit))}.u-message,.u-message-fail,.u-message-success,.u-message-warning,.u-message-small,.u-message-small-fail,.u-message-small-success,.u-message-small-warning{overflow-wrap:anywhere}.u-message-small,.u-message-small-fail,.u-message-small-success,.u-message-small-warning{background-position:top calc(7 * var(--u-unit)) left calc(16 * var(--u-unit))}.u-message,.u-message-fail,.u-message-success,.u-message-warning,.u-message-small,.u-message-small-fail,.u-message-small-success,.u-message-small-warning{background-size:calc(20 * var(--u-unit)) calc(20 * var(--u-unit))}.u-form-field{display:flex;flex-direction:column;gap:calc(4 * var(--u-unit, 1px))}.u-form-field--inline{flex-direction:row;align-items:center;gap:calc(20 * var(--u-unit, 1px))}.u-form-field--inline .u-form-field__control{flex:1}.u-form-field__title{color:var(--u-field-title-color, #545454);font-size:var(--u-field-title-size, calc(14 * var(--u-unit, 1px)))}.u-form-field__control{min-width:0}.u-form-field__error{color:var(--u-color-error, #ef302b);font-size:var(--u-font-size-12, calc(12 * var(--u-unit, 1px)))}.u-form-field__hint{color:var(--u-color-text-secondary, #545454);font-size:var(--u-font-size-12, calc(12 * var(--u-unit, 1px)))}.u-form-field__title-row{display:flex;align-items:center;font-size:var(--u-field-title-size, calc(14 * var(--u-unit, 1px)))}.u-form-field__help{display:inline-flex;margin-left:calc(5 * var(--u-unit, 1px))}.u-form-field__help .u-button-text-table{min-height:0;height:auto;padding:0}.u-form-field__help .u-button-text-table:after{width:calc(24 * var(--u-unit, 1px));height:calc(24 * var(--u-unit, 1px))}.u-number.u-number-disabled .u-input{border:none!important;background-color:#f6f6f6!important;transition:none!important}.u-number.u-number-disabled .u-input:disabled{cursor:default}.u-number.u-number-disabled:hover .u-input,.u-number.u-number-disabled:hover .u-input:disabled,.u-number.u-number-disabled .u-input:disabled:hover,.u-number.u-number-disabled .u-input:disabled:focus,.u-number.u-number-disabled .u-input:disabled:active{border:none!important;box-shadow:none!important;outline:none!important;background-color:#f6f6f6!important}.u-number.u-number-disabled .u-number-up,.u-number.u-number-disabled .u-number-down{cursor:default;opacity:.45;pointer-events:none}.u-number.u-number-disabled .u-number-down,.u-number.u-number-disabled .u-number-down:hover{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%23748AB9'/%3E%3C/svg%3E%0A")!important}.u-number.u-number-disabled .u-number-up,.u-number.u-number-disabled .u-number-up:hover{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%23748AB9'/%3E%3C/svg%3E%0A")!important}.u-search:hover .u-search-clear{opacity:1}.u-search .u-search-clear{display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:calc(50% - calc(10 * var(--u-unit, 1px)));right:calc(16 * var(--u-unit, 1px));width:calc(20 * var(--u-unit, 1px));height:calc(20 * var(--u-unit, 1px));margin:0;padding:0;border:none;background:none;cursor:pointer;color:var(--u-color-text-muted, #A7A7A7);font-size:var(--u-font-size-20, calc(20 * var(--u-unit, 1px)));transition-property:color,opacity;transition-duration:var(--u-duration-fast, .15s);transition-timing-function:var(--u-ease-standard, ease-in-out)}.u-search .u-search-clear:hover{color:var(--u-color-primary, #1E4391)}.u-search .u-search-clear .u-icon{font-size:inherit}.u-search .u-search-clear:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.u-search .u-input[type=search].u-input--clearable{padding-right:calc(44 * var(--u-unit, 1px))}.u-search .u-input[type=search]::-webkit-search-cancel-button{display:none}.u-search .u-input:focus+.u-search-clear,.u-search .u-search-clear:focus-visible{opacity:1}@media (hover:none){.u-search .u-search-clear{opacity:1}}.u-status{width:max-content;white-space:normal;max-width:100%;overflow-wrap:normal}.u-status-truncate{white-space:nowrap}.u-status__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-switch-wrapper,.u-switch{width:fit-content;max-width:100%;min-width:0}.u-switch .u-switch__point{flex-shrink:0}.u-switch .tt{min-width:0;overflow-wrap:break-word}.u-tabs{display:inline-grid;grid-template-columns:minmax(0,1fr);position:relative;min-width:0;max-width:100%;vertical-align:top;box-sizing:border-box}.u-tabs:where(:not(.u-tabs-full-width)){width:max-content}.u-tabs-segment{background:#f0f0f0;border-radius:calc(10 * var(--u-unit, 1px));padding:calc(2 * var(--u-unit, 1px))}.u-tabs-track{grid-area:1 / 1;display:flex;align-items:center;gap:inherit;min-width:0}.u-tabs-item{flex:0 0 auto;min-width:0;max-width:100%}.u-tabs-track>.u-tabs-item:only-of-type{flex-shrink:1}.u-tabs-track{position:relative}.u-tabs .u-tab-segment{transition:color var(--u-duration-base, .2s) var(--u-ease-move, cubic-bezier(.2, 0, 0, 1))}.u-tab-segment>.u-tabs-title{align-self:stretch}.u-tab-segment .u-tabs-title{position:relative;display:block;text-align:center;font-weight:var(--u-font-weight-regular, 400);-webkit-text-fill-color:currentcolor;transition:-webkit-text-fill-color var(--u-duration-base, .2s) var(--u-ease-move, cubic-bezier(.2, 0, 0, 1))}.u-tab-segment .u-tabs-title:before{content:attr(data-label);display:block;height:0;overflow:hidden;visibility:hidden;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none}.u-tab-segment .u-tabs-title:after{content:attr(data-label);position:absolute;inset:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;-webkit-text-fill-color:transparent;transition:inherit}.u-tab-segment.u-tab-segment-active .u-tabs-title{-webkit-text-fill-color:transparent}.u-tab-segment.u-tab-segment-active .u-tabs-title:after{-webkit-text-fill-color:currentcolor}@media (prefers-reduced-motion:reduce){.u-tabs .u-tab-segment,.u-tab-segment .u-tabs-title{transition:none}}.u-tabs-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.u-tab-segment{border:none;background:transparent;color:var(--u-color-text-secondary);padding:calc(10 * var(--u-unit, 1px)) calc(20 * var(--u-unit, 1px));border-radius:calc(8 * var(--u-unit, 1px));cursor:pointer;white-space:nowrap;display:flex;flex-direction:column;align-items:center;max-width:100%;min-width:0;font-size:var(--u-font-size-14, calc(14 * var(--u-unit, 1px)));font-family:inherit}.u-tab-segment:before{content:attr(data-label);font-weight:600;visibility:hidden;height:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.u-tab-segment.u-tab-segment-active{background:var(--u-color-surface);color:var(--u-color-primary);box-shadow:0 1px 4px #0000001f;font-weight:600}:where(.u-tabs.u-tabs-full-width){width:100%}.u-tabs-full-width>.u-tabs-track>.u-tabs-item{flex:1 1 0;min-width:0}.u-tabs-full-width>.u-tabs-track>.u-tabs-item>button,.u-tabs-full-width>.u-tabs-track>.u-tabs-item>a{width:100%;justify-content:center}.u-tabs .u-tab--disabled{opacity:.5;cursor:not-allowed}.u-tabs :is(button,a):focus:not(:focus-visible){outline:none}.u-tabs :is(button,a):focus-visible{outline:2px solid var(--u-color-primary);outline-offset:-2px}.u-tabs a.u-tab-segment{font-style:normal;line-height:normal;letter-spacing:normal}.u-tabs a.u-tab-segment,.u-tabs a.u-tab-segment:hover{text-decoration:none}.u-tabs a.u-tab-segment:not(.u-tab-segment-active):hover{color:var(--u-color-text-secondary)}.u-selectbox-select *{pointer-events:none}.u-selectbox-select-icon-cross{pointer-events:auto}`, hostAttrs: ["data-input-mode", "data-u-responsive", "data-u-viewport"] };
+const Et = typeof ke == "object" ? ke : { css: "", hostAttrs: [] }, c = (t) => String(t ?? "").replace(/[&<>"']/g, (e) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[e]);
+function sr(t, e, r) {
+  return `<label class="u-switch u-switch-small"><input type="checkbox" role="switch" ${e}><div class="u-switch__point"></div>
+    <span class="tt">${c(t)}${r ? `<span class="sub">${c(r)}</span>` : ""}</span></label>`;
+}
+function F(t, e, r, o = "button") {
+  return `<button class="${e === "text" ? "u-button-text" : e === "text-danger" ? "u-button-text u-button-text-danger" : `u-button u-button-small${e === "primary" ? "" : ` u-button-${e}`}`}" type="${o}" ${r}>${c(t)}</button>`;
+}
+function lr(t, e, r) {
+  return `<button class="u-button-text u-button-text-icon-only" type="button" aria-label="${c(e)}" ${r}><i class="u-icon ${t}" aria-hidden="true"></i></button>`;
+}
+function Ea(t, e, r) {
+  return `<div class="u-search"><input class="u-input${t ? " u-input--clearable" : ""}" type="search" data-search placeholder="${c(e)}" aria-label="${c(r)}" value="${c(t)}">
+    ${t ? '<button class="u-search-clear" type="button" aria-label="Очистить" data-search-clear><i class="u-icon icon-cross-small" aria-hidden="true"></i></button>' : ""}
+    <button class="u-search-loupe" type="button" tabindex="-1" aria-hidden="true"></button></div>`;
+}
+function Ca(t, e) {
+  return `<div class="u-number"><button class="u-number-down" type="button" data-step="-1" aria-label="Уменьшить: ${c(t)}"></button>
+    <input class="u-input" type="number" aria-label="${c(t)}" ${e}>
+    <button class="u-number-up" type="button" data-step="1" aria-label="Увеличить: ${c(t)}"></button></div>`;
+}
+function Fa(t) {
+  var r;
+  const e = (r = t.closest(".u-number")) == null ? void 0 : r.querySelector("input");
+  e && (t.dataset.step === "-1" ? e.stepDown() : e.stepUp(), e.dispatchEvent(new Event("input", { bubbles: !0 })));
+}
+function K(t, e, r = "", o = "") {
+  return `<div class="u-form-field${o ? ` ${o}` : ""}"><span class="u-form-field__title">${c(t)}</span>
+    <div class="u-form-field__control">${e}</div>${r}</div>`;
+}
+function Aa(t, e) {
+  return `<div class="u-tabs u-tabs-segment u-tabs-full-width"><div class="u-tabs-track" role="tablist">${t.map((r) => {
+    const o = r.id === e;
+    return `<div class="u-tabs-item"><button class="u-tab-segment${o ? " u-tab-segment-active" : ""}" type="button" role="tab" data-tab="${r.id}"
+      data-label="${c(r.title)}" aria-selected="${o}"><span class="u-tabs-title" data-label="${c(r.title)}">${c(r.title)}</span></button></div>`;
+  }).join("")}</div></div>`;
+}
+function Vt(t, e, r, o, a) {
+  const n = `u-dev-select-${t}`, i = r.find((u) => u.value === o) ?? r[0];
+  return `<div class="u-selectbox"><input type="hidden" ${a} value="${c(i == null ? void 0 : i.value)}" data-default="${c(i == null ? void 0 : i.value)}">
+    <div class="u-selectbox-select" tabindex="0" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-controls="${n}"
+      aria-label="${c(e)}" data-select="${t}"><span class="u-selectbox-select-title">${c(i == null ? void 0 : i.label)}</span><i class="u-selectbox-select-icon-arrow" aria-hidden="true"></i></div>
+    <div class="u-selectbox-options" role="listbox" id="${n}" aria-label="${c(e)}">${r.map((u, p) => `
+      <div class="u-selectbox-option" role="option" id="${n}-${p}" data-value="${c(u.value)}" aria-selected="${u === i}">${c(u.label)}</div>`).join("")}</div></div>`;
+}
+const nt = (t) => ({
+  trigger: t.querySelector("[data-select]"),
+  input: t.querySelector('input[type="hidden"]'),
+  options: [...t.querySelectorAll(".u-selectbox-option")]
+});
+function cr(t) {
+  const { trigger: e, input: r, options: o } = nt(t);
+  if (!e || !r) return;
+  const a = o.find((i) => i.dataset.value === r.value) ?? o[0];
+  o.forEach((i) => i.setAttribute("aria-selected", String(i === a)));
+  const n = e.querySelector(".u-selectbox-select-title");
+  n && a && (n.textContent = a.textContent), a && (r.value = a.dataset.value ?? "");
+}
+function dr(t) {
+  t.querySelectorAll(".u-selectbox").forEach(cr);
+}
+function pr(t) {
+  t.querySelectorAll(".u-selectbox input[data-default]").forEach((e) => {
+    e.value = e.dataset.default ?? "";
+  }), dr(t);
+}
+const Wt = (t) => t.querySelector(".u-selectbox-select-open");
+function fr(t, e) {
+  var o;
+  const r = t.closest(".u-selectbox");
+  !r || !e || (nt(r).options.forEach((a) => a.classList.toggle("active", a === e)), t.setAttribute("aria-activedescendant", e.id), (o = e.scrollIntoView) == null || o.call(e, { block: "nearest" }));
+}
+function z(t, e) {
+  const r = t.closest(".u-selectbox"), o = r == null ? void 0 : r.querySelector(".u-selectbox-options");
+  if (!r || !o) return;
+  if (t.classList.toggle("u-selectbox-select-open", e), t.setAttribute("aria-expanded", String(e)), !e) {
+    t.removeAttribute("aria-activedescendant");
+    return;
+  }
+  const a = t.closest(".body");
+  if (a) {
+    const i = a.getBoundingClientRect(), u = t.getBoundingClientRect();
+    o.classList.toggle("u-selectbox-options-up", i.bottom - u.bottom < o.offsetHeight + 8 && u.top - i.top > i.bottom - u.bottom);
+  }
+  const { options: n } = nt(r);
+  fr(t, n.find((i) => i.getAttribute("aria-selected") === "true") ?? n[0]);
+}
+function $a(t) {
+  t.querySelectorAll(".u-selectbox-select-open").forEach((e) => z(e, !1));
+}
+function hr(t) {
+  const e = t.closest(".u-selectbox");
+  if (!e) return;
+  const { trigger: r, input: o } = nt(e);
+  !r || !o || (z(r, !1), r.focus({ preventScroll: !0 }), o.value !== t.dataset.value && (o.value = t.dataset.value ?? "", cr(e), o.dispatchEvent(new Event("change", { bubbles: !0 }))));
+}
+function Sa(t, e) {
+  const r = e.closest(".u-selectbox");
+  if (!r) return;
+  const { options: o } = nt(r), a = e.classList.contains("u-selectbox-select-open"), n = o.findIndex((u) => u.classList.contains("active"));
+  if (t.key === "Tab") {
+    a && z(e, !1);
+    return;
+  }
+  if (!a) {
+    ["Enter", " ", "ArrowDown", "ArrowUp"].includes(t.key) && (t.preventDefault(), z(e, !0));
+    return;
+  }
+  const i = { ArrowDown: n + 1, ArrowUp: n - 1, Home: 0, End: o.length - 1 }[t.key];
+  i !== void 0 ? (t.preventDefault(), fr(e, o[Math.max(0, Math.min(o.length - 1, i))])) : (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o[n] && hr(o[n]));
+}
+const La = `
 :host { all: initial; }
 * { box-sizing: border-box; }
-.root { --p: #1e4391; --p-soft: #e8eef9; --fg: #222; --muted: #6b7280; --line: #d9dee8; --bg: #fff; --soft: #f5f7fb;
-  --danger: #d6342c; --danger-soft: #fdeceb;
+.root {
+  /* «Анимации ×5» ставит длительности на каждый элемент документа, в том числе на хост панели:
+     режим замедляет сервис, а не инструмент, которым его включили. */
+  --u-duration-instant: 100ms; --u-duration-fast: 150ms; --u-duration-base: 200ms; --u-duration-moderate: 250ms; --u-duration-slow: 300ms;
   /* Отступ кнопки снизу: StickyActionBar кита, пока стоит у нижнего края, задаёт на <html>
      --u-dev-launcher-bottom (его высота + 12px) — кнопка и панель поднимаются над ним. */
   --launcher-bottom: var(--u-dev-launcher-bottom, calc(12px + env(safe-area-inset-bottom, 0px)));
-  font-family: Montserrat, "Segoe UI", Arial, sans-serif; font-size: 13px; line-height: 1.4; color: var(--fg); }
-button, input, select { font: inherit; color: inherit; }
+  font-family: Montserrat, "Segoe UI", Arial, sans-serif; font-size: 14px; line-height: 1.4; color: var(--u-color-text, #222); }
+button, input, textarea { font: inherit; color: inherit; }
 /* Кнопка панели — в цветах кита: токены --u-color-* с :root сервиса проходят в shadow DOM
    (all: initial их не сбрасывает), запасные значения — как в ките. В покое — круг с логотипом,
    чтобы меньше закрывать нижние липкие панели сервиса; при наведении и фокусе раскрывается
@@ -419,361 +966,522 @@ button, input, select { font: inherit; color: inherit; }
   position: fixed; left: 12px; bottom: var(--launcher-bottom); z-index: 2147483000;
   display: inline-flex; align-items: center; height: 36px; padding: 0; border: 1px solid var(--kit-line); border-radius: 18px;
   background: var(--kit-surface); color: var(--kit-p); font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer;
-  box-shadow: 0 2px 8px rgba(0,0,0,.15); }
+  box-shadow: 0 2px 8px rgba(0,0,0,.15);
+  transition: background-color var(--u-duration-fast) var(--u-ease-standard), border-color var(--u-duration-fast) var(--u-ease-standard); }
 .pill .logo { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--kit-surface); }
 .pill .logo svg { display: block; width: 20px; height: 20px; }
 .pill .label { max-width: 0; overflow: hidden; opacity: 0; padding: 0;
-  transition: max-width .2s ease, opacity .2s ease, padding .2s ease; }
+  transition: max-width var(--u-duration-base) var(--u-ease-move), opacity var(--u-duration-base) var(--u-ease-move), padding var(--u-duration-base) var(--u-ease-move); }
 .pill:hover .label, .pill:focus-visible .label, .pill.on .label { max-width: 260px; opacity: 1; padding: 0 14px 0 2px; }
 .pill.on { background: var(--kit-error); border-color: var(--kit-error); color: #fff; }
 .pill.on .logo { width: 30px; height: 30px; margin: 0 1px 0 2px; }
 .pill:focus-visible { outline: 2px solid var(--kit-p); outline-offset: 2px; }
 .panel { position: fixed; left: 12px; bottom: calc(var(--launcher-bottom) + 44px); z-index: 2147483001;
-  width: 360px; max-width: calc(100vw - 24px); max-height: min(70vh, 640px); display: flex; flex-direction: column;
-  background: var(--bg); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 32px rgba(16,24,40,.25); }
+  width: 400px; max-width: calc(100vw - 24px); max-height: min(75vh, 680px); display: flex; flex-direction: column;
+  background: var(--u-color-surface, #fff); border: 1px solid var(--u-color-border-light, #d3d3d3); border-radius: var(--u-radius, 10px);
+  box-shadow: var(--u-shadow-popup, 0 8px 24px rgba(15,43,94,.16)); }
 .panel.alone { bottom: var(--launcher-bottom); }
+/* Подсказка у кнопки — пузырь, как у Tooltip кита. */
 .hint { position: fixed; left: 12px; bottom: var(--launcher-bottom); z-index: 2147483000;
-  max-width: calc(100vw - 24px); padding: 8px 12px; border-radius: 10px; background: #222; color: #fff; font-size: 12px;
-  box-shadow: 0 4px 14px rgba(0,0,0,.2); }
-.note { margin: 0 12px 8px; padding: 6px 10px; border-radius: 8px; background: var(--p-soft); color: var(--fg); font-size: 12px; overflow-wrap: anywhere; }
+  max-width: min(360px, calc(100vw - 24px)); padding: 8px 12px; border-radius: var(--u-radius-small, 8px);
+  background: var(--u-color-text, #222); color: var(--u-color-surface, #fff); font-size: 12px; box-shadow: var(--u-shadow-popup); }
 .pill ~ .hint { bottom: calc(var(--launcher-bottom) + 44px); }
-.head { display: flex; align-items: center; gap: 8px; padding: 10px 12px 8px; }
-.title { flex: 1; min-width: 0; font-weight: 700; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.title select { font-weight: 700; border: 1px solid var(--line); border-radius: 6px; padding: 2px 4px; background: var(--bg); max-width: 100%; }
-.reset { border: 0; border-radius: 6px; padding: 5px 10px; background: var(--danger-soft); color: var(--danger); font-weight: 600; font-size: 12px; cursor: pointer; }
-.close { width: 26px; height: 26px; border: 0; border-radius: 6px; background: none; color: var(--muted); font-size: 18px; line-height: 1; cursor: pointer; }
-.escape { padding: 0 12px 6px; color: var(--muted); font-size: 11px; }
-.tabs { display: flex; gap: 4px; padding: 0 12px; border-bottom: 1px solid var(--line); }
-.tab { border: 0; background: none; padding: 6px 8px; font-weight: 600; font-size: 12px; color: var(--muted); border-bottom: 2px solid transparent; cursor: pointer; }
-.tab[aria-selected="true"] { color: var(--p); border-color: var(--p); }
-.body { overflow: auto; padding: 8px 12px 10px; display: flex; flex-direction: column; gap: 10px; }
-.search { width: 100%; padding: 6px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); }
-.group-title { margin: 2px 0 2px; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
-.row { display: flex; align-items: center; gap: 10px; padding: 4px 0; cursor: pointer; }
-.row .text { flex: 1; min-width: 0; }
-.row small { display: block; color: var(--muted); font-size: 11px; }
-.switch { appearance: none; flex: none; width: 30px; height: 18px; border-radius: 9px; background: var(--line); position: relative; margin: 0; cursor: pointer; }
-.switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.3); transition: left .12s; }
-.switch:checked { background: var(--danger); }
-.switch:checked::after { left: 14px; }
-.switch:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible { outline: 2px solid var(--p); outline-offset: 2px; }
-.rule { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 8px; background: var(--soft); font-family: Consolas, monospace; font-size: 12px; }
-.rule .text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
-.remove { border: 0; background: none; color: var(--muted); font-size: 16px; line-height: 1; cursor: pointer; padding: 0 2px; }
-.add { display: grid; grid-template-columns: auto 1fr auto auto; gap: 6px; }
-.add select, .add input { min-width: 0; padding: 5px 6px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); font-size: 12px; }
-.btn { border: 1px solid var(--line); border-radius: 6px; background: var(--bg); padding: 5px 10px; font-size: 12px; font-weight: 600; cursor: pointer; }
-.btn.primary { background: var(--p); border-color: var(--p); color: #fff; }
-.foot { display: flex; gap: 6px; flex-wrap: wrap; padding: 8px 12px; border-top: 1px solid var(--line); }
-.empty { color: var(--muted); font-size: 12px; }
-.requests { display: flex; flex-direction: column; gap: 2px; }
-.req { display: grid; grid-template-columns: 52px 1fr auto auto; gap: 8px; align-items: center; padding: 4px 0;
-  border-bottom: 1px solid var(--soft); font-family: Consolas, monospace; font-size: 12px; }
-.req .path { min-width: 0; overflow-wrap: anywhere; }
-.req .status { font-weight: 700; }
-.req .status.bad { color: var(--danger); }
-.req small { display: block; color: var(--muted); font-family: Montserrat, "Segoe UI", Arial, sans-serif; font-size: 11px; }
-.req .btn { padding: 3px 8px; font-family: Montserrat, "Segoe UI", Arial, sans-serif; }
-.shown { padding: 6px 0; border-bottom: 1px solid var(--soft); }
-.shown-head { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 11px; }
-.shown-head .kind { font-weight: 600; color: var(--danger); }
-.shown-head .kind.warning { color: #b45309; }
+/* min-height у u-message-small отменяет защиту флекс-элемента от сжатия: без flex-shrink текст обрезается. */
+.note { margin: 0 16px 8px; overflow-wrap: anywhere; flex-shrink: 0; }
+.head { display: flex; align-items: center; gap: 4px; padding: 10px 8px 2px 16px; }
+.title { flex: 1; min-width: 0; font-weight: 600; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.title .u-selectbox { width: 100%; }
+.title .u-selectbox-select-title { font-weight: 600; }
+.intro, .caption, .escape { margin: 0; color: var(--u-color-text-secondary, #545454); }
+.intro { padding: 0 16px 10px; }
+.tabs { padding: 0 16px 8px; }
+.tabs .u-tab-segment { padding: 6px 4px; }
+.body { overflow: auto; padding: 4px 16px 12px; display: flex; flex-direction: column; gap: 14px; }
+.body .u-search { display: block; width: 100%; }
+.group { display: flex; flex-direction: column; gap: 8px; }
+.group-title { font-weight: 600; color: var(--u-color-text-secondary, #545454); }
+.u-switch { align-items: flex-start; }
+.u-switch .tt { padding-top: 3px; }
+.u-switch .sub { display: block; color: var(--u-color-text-secondary, #545454); font-size: 12px; }
+/* Select кита: отметка выбранного и пункта под клавиатурой — как у Select в React и Vue. */
+.u-selectbox-option[aria-selected="true"] { background: var(--u-color-background, #f6f6f6); }
+.u-selectbox-option.active { background: var(--u-color-selected, #e7f2ff); }
+.u-selectbox-select-icon-arrow { transition: transform var(--u-duration-fast) var(--u-ease-standard); }
+.u-selectbox-select-open .u-selectbox-select-icon-arrow { transform: rotate(180deg); }
+.rule { display: flex; align-items: center; gap: 10px; padding: 6px 4px 6px 10px; border-radius: var(--u-radius-small, 8px);
+  background: var(--u-color-background-light, #f9f9f9); }
+.rule .text { flex: 1; min-width: 0; font-family: Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; }
+.rule small, .req small, .shown small { display: block; color: var(--u-color-text-secondary, #545454);
+  font-family: Montserrat, "Segoe UI", Arial, sans-serif; font-size: 12px; }
+.add { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px; }
+.add .wide { grid-column: 1 / -1; }
+.add .u-textarea { height: auto; min-height: 76px; font-family: Consolas, monospace; font-size: 12px; resize: vertical; }
+.add .u-form-field__hint { color: var(--u-color-warning, #e98446); }
+.add [type="submit"] { align-self: end; }
+.foot { display: flex; flex-direction: column; gap: 8px; padding: 10px 16px 12px; border-top: 1px solid var(--u-color-border-light, #d3d3d3); }
+.actions { display: flex; gap: 8px; flex-wrap: wrap; }
+.empty { margin: 0; color: var(--u-color-text-secondary, #545454); }
+.list-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--u-color-text-secondary, #545454); }
+.requests { display: flex; flex-direction: column; }
+.req { display: grid; grid-template-columns: 52px 1fr auto auto; gap: 8px; align-items: center; padding: 6px 0;
+  border-bottom: 1px solid var(--u-color-background, #f6f6f6); font-family: Consolas, monospace; font-size: 12px; }
+.req .path { min-width: 0; overflow-wrap: break-word; }
+/* Путь переносится по «/» (<wbr>), а не посреди слова; длинный обрезается на второй строке, полный — в title. */
+.req .path .p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
+.req .u-status { font-family: Montserrat, "Segoe UI", Arial, sans-serif; }
+.shown { padding: 8px 0; border-bottom: 1px solid var(--u-color-background, #f6f6f6); }
+.shown-head { display: flex; justify-content: space-between; gap: 8px; color: var(--u-color-text-secondary, #545454); font-size: 12px; }
+.shown-head .kind { font-weight: 600; color: var(--u-color-error, #ef302b); }
+.shown-head .kind.warning { color: var(--u-color-warning, #e98446); }
 .shown-title { font-weight: 600; }
-.shown small { display: block; color: var(--muted); font-size: 11px; }
 .shown .cause { margin-top: 2px; font-family: Consolas, monospace; font-size: 12px; }
-.requests-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 11px; }
 dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; margin: 0; }
-dt { color: var(--muted); }
+dt { color: var(--u-color-text-secondary, #545454); }
 dd { margin: 0; font-family: Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; }
 @media (max-width: 576px) {
-  .panel { left: 0; right: 0; bottom: 0; width: auto; max-width: none; max-height: 70vh; border-radius: 14px 14px 0 0;
-    padding-bottom: env(safe-area-inset-bottom, 0px); }
+  .panel { left: 0; right: 0; bottom: 0; width: auto; max-width: none; max-height: 80vh;
+    border-radius: var(--u-radius, 10px) var(--u-radius, 10px) 0 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
   .panel ~ .pill { display: none; }
 }
-@media (prefers-reduced-motion: reduce) { .switch::after, .pill .label { transition: none; } }
-`, De = 6e3;
-let tt, h = null, c = null, S = null, k = null, b = null, A = !1, E = !1;
-const Et = { open: !1, tab: "faults", search: "", service: void 0, hint: "" }, l = { ...Et };
-function P() {
-  const t = m();
-  return t.find((e) => e.config.service === l.service) ?? t[0];
-}
-function Lt(t) {
-  const e = (t.config.builtins ?? []).map((n) => ({ id: n, ...Te[n] }));
+@media (prefers-reduced-motion: reduce) { .u-selectbox-select-icon-arrow, .pill, .pill .label { transition: none; } }
+`, _a = {
+  title: "Сеть",
+  items: [
+    { id: "offline", label: "Офлайн браузера", hint: "Полоса «Нет связи», запросы к API падают" },
+    { id: "network", label: "Обрыв соединения", hint: "Сеть есть, а сервер не отвечает" },
+    { id: "slow", label: "Медленные ответы", hint: `Задержка ${je / 1e3} с на запросы к API` }
+  ]
+}, br = {
+  authFail: { label: "Сбой входа", hint: "После перезагрузки сервис рисует заглушку входа" },
+  crashApp: { label: "Падение приложения", hint: "Ошибка рендера над каркасом сервиса" },
+  crashPage: { label: "Падение страницы", hint: "Каждая открытая страница падает, пока флаг включён" }
+}, Jt = [["", "Любой"], ["GET", "GET"], ["write", "Запись"], ["POST", "POST"], ["PUT", "PUT"], ["PATCH", "PATCH"], ["DELETE", "DELETE"]], za = [200, 201, 204, 400, 401, 403, 404, 409, 422, 429, 500, 502, 503, 504], Da = '<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>', Ta = 6e3;
+let Yt, f = null, s = null, V = null, O = null, q = null, b = null, rt = !1, Y = !1, w = null, S = "", dt = "";
+const ae = { open: !1, tab: "faults", search: "", service: void 0, hint: "" }, d = { ...ae };
+function it() {
+  const t = y();
+  return t.find((e) => e.config.service === d.service) ?? t[0];
+}
+function vr(t) {
+  const e = (t.config.builtins ?? []).map((r) => ({ id: r, ...br[r] }));
   return [
     ...e.length ? [{ title: "Весь сервис", items: e }] : [],
-    Le,
+    _a,
     ...t.config.groups ?? []
   ];
 }
-function Pe(t, e) {
-  var n;
-  return ((n = Lt(t).flatMap((o) => o.items).find((o) => o.id === e)) == null ? void 0 : n.label) ?? e;
+function Ma(t, e) {
+  var r;
+  return ((r = vr(t).flatMap((o) => o.items).find((o) => o.id === e)) == null ? void 0 : r.label) ?? e;
 }
-function Tt(t) {
+function gr(t) {
   return [
-    ...t.state.faults.map((e) => Pe(t, e)),
+    ...t.state.faults.map((e) => Ma(t, e)),
     ...t.state.rules.filter((e) => e.enabled).map((e) => `${e.path} → ${e.status}`)
   ];
 }
-function Re(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 ut = (t) => !l.search || t.toLowerCase().includes(l.search.toLowerCase());
-function Oe(t) {
-  const e = new Set(t.state.faults), n = Lt(t).map((a) => {
-    const s = a.items.filter((i) => ut(`${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) => ut(`${a.method ?? ""} ${a.path} ${a.status}`)), r = (a) => {
-    var s;
-    return ((s = Q.find(([i]) => i === (a ?? ""))) == null ? void 0 : s[1]) ?? a;
-  };
+function Ba(t, e, r, o) {
+  const a = t % 100, n = t % 10;
+  return a >= 11 && a <= 14 ? o : n === 1 ? e : n >= 2 && n <= 4 ? r : o;
+}
+const Ee = (t) => !d.search || t.toLowerCase().includes(d.search.toLowerCase());
+function Ra(t) {
+  const e = new Set(t.state.faults), r = vr(t).map((u) => {
+    const p = u.items.filter((l) => Ee(`${l.label} ${l.hint ?? ""} ${l.id}`));
+    return p.length ? `<div class="group"><div class="group-title h5">${c(u.title)}</div>${p.map((l) => sr(l.label, `data-fault="${c(l.id)}" ${e.has(l.id) ? "checked" : ""}`, l.hint)).join("")}</div>` : "";
+  }).join(""), o = t.state.rules.filter((u) => Ee(`${u.method ?? ""} ${u.path} ${u.status}`)), a = (u) => {
+    var p;
+    return ((p = Jt.find(([l]) => l === (u ?? ""))) == null ? void 0 : p[1]) ?? u;
+  }, n = (u) => [
+    u.body !== void 0 ? "своё тело" : "",
+    u.delay ? `задержка ${u.delay} мс` : ""
+  ].filter(Boolean).join(" · "), i = c(t.config.apiBase ?? "адреса сайта");
   return `
-    <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>
-      ${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("")}
+    ${Ea(d.search, "Поиск: 503, офлайн, роли…", "Поиск по сценариям")}
+    ${r || (o.length ? "" : '<p class="empty tt">Ничего не найдено.</p>')}
+    <div class="group"><div class="group-title h5">Ответы сервера</div>
+      <p class="caption h5">Свой ответ API на адрес: пустой список, ошибка с текстом, ответ для другой роли. Включённое правило подменяет ответ сервера.</p>
+      ${o.map((u) => `<div class="rule"><span class="text"${u.body !== void 0 ? ` title="${c(u.body.slice(0, 300))}"` : ""}>${c(a(u.method))} ${c(u.path)} → ${u.status}${n(u) ? `<small>${c(n(u))}</small>` : ""}</span>
+        <label class="u-switch u-switch-small"><input type="checkbox" role="switch" data-rule="${c(u.id)}" ${u.enabled ? "checked" : ""}
+          aria-label="${c(`${u.path} → ${u.status}`)}"><div class="u-switch__point"></div></label>
+        ${lr("icon-cross", "Удалить правило", `data-remove="${c(u.id)}"`)}</div>`).join("")}
       <form class="add" data-add>
-        <select name="method" aria-label="Метод">${Q.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="Код ответа">${Ae.map((a) => `<option${a === 503 ? " selected" : ""}>${a}</option>`).join("")}</select>
-        <button class="btn primary" type="submit">Добавить</button>
+        ${K("Метод", Vt("method", "Метод", Jt.map(([u, p]) => ({ value: u, label: p })), "", 'name="method"'))}
+        ${K("Код ответа", Vt("status", "Код ответа", za.map((u) => ({ value: String(u), label: String(u) })), "503", 'name="status"'))}
+        ${K(`Путь после ${t.config.apiBase ?? "адреса сайта"}`, `<input class="u-input" name="path" required placeholder="/assets/*" aria-label="Путь после ${i}">`, "", "wide")}
+        ${K(
+    "Тело ответа — JSON или текст (необязательно)",
+    `<textarea class="u-textarea" name="body" rows="3" maxlength="${_e}" spellcheck="false" placeholder='[]  или  {"items": []}' aria-label="Тело ответа"></textarea>`,
+    '<span class="u-form-field__hint h5" data-body-hint hidden>Это не JSON — ответ уйдёт как простой текст.</span>',
+    "wide"
+  )}
+        ${K("Задержка, мс", Ca("Задержка, мс", `name="delay" min="0" max="${Le}" step="100" placeholder="0"`))}
+        ${F("Добавить", "primary", "", "submit")}
       </form>
     </div>`;
 }
-function Ie() {
+function Oa() {
   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 qe(t) {
-  var i, f, u;
-  const e = document.documentElement, n = getComputedStyle(e).getPropertyValue("--u-unit").trim(), o = t.kit ?? Vt();
-  let r = "—";
+const ne = {
+  reduce: { label: "Уменьшенная анимация", hint: "Как при системной настройке «уменьшить движение»" },
+  slow: { label: "Анимации ×5", hint: "Длительности кита в пять раз дольше — рассмотреть движение" },
+  highlight: { label: "Подсветка «не из кита»", hint: "Рамкой — кнопки, поля, ссылки, таблицы, окна, svg и заголовки мимо компонентов кита" }
+};
+function qa(t) {
+  const e = ka();
+  if (t === "reduce" && et(t)) {
+    const { blocks: r, disabled: o, blocked: a } = e.reduce;
+    return [
+      `Правил reduce: ${r}`,
+      o ? `выключено no-preference: ${o}` : "",
+      a ? `не прочитано таблиц стилей: ${a} (чужой домен без CORS)` : ""
+    ].filter(Boolean).join(" · ");
+  }
+  if (t === "highlight" && et(t)) {
+    const { total: r, byType: o } = e.highlight;
+    if (!r) return "На странице всё из кита";
+    const a = Object.entries(o).sort((n, i) => i[1] - n[1]).map(([n, i]) => `${n} ${i}`).join(" · ");
+    return `Не из кита: ${r} — ${a}. Нажмите на метку — путь в консоли`;
+  }
+  return ne[t].hint;
+}
+function Ia() {
+  return `<div class="group"><div class="group-title h5">Вид</div>${tt.map((t) => sr(ne[t].label, `data-view="${t}" ${et(t) ? "checked" : ""}`, qa(t))).join("")}</div>`;
+}
+const Pa = { pointer: "мышь", keyboard: "клавиатура" };
+function Na(t) {
+  var u, p, l;
+  const e = document.documentElement, r = getComputedStyle(e).getPropertyValue("--u-unit").trim(), o = t.kit ?? Xr();
+  let a = "—";
   try {
-    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(" · "));
+    const h = (p = (u = t.config).user) == null ? void 0 : p.call(u);
+    h && (a = [h.name, (l = h.roles) != null && l.length ? h.roles.join(", ") : "без ролей"].filter(Boolean).join(" · "));
   } catch {
-    r = "не удалось прочитать";
+    a = "не удалось прочитать";
   }
-  const a = Tt(t);
-  return `<dl>${[
-    ["Ширина", `${window.innerWidth} px · ${Ie()}`],
-    ["Шкала", `${e.getAttribute("data-u-responsive") ?? "legacy"}${n ? ` · --u-unit ${n}` : ""}`],
+  const n = gr(t), i = [
+    ["Ширина", `${window.innerWidth} px · ${Oa()}`],
+    ["Шкала", `${e.getAttribute("data-u-responsive") ?? "legacy"}${r ? ` · --u-unit ${r}` : ""}`],
     ["Кит", 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") ?? "—"],
+    ["Ввод", Pa[e.getAttribute("data-input-mode") ?? ""] ?? "—"],
     ["Сеть", navigator.onLine ? "онлайн" : "офлайн"],
-    ["Пользователь", r],
-    ["Включено", a.length ? a.join("; ") : "ничего"]
-  ].map(([p, w]) => `<dt>${d(p)}</dt><dd>${d(w)}</dd>`).join("")}</dl>`;
+    ["Пользователь", a],
+    ["Включено", n.length ? n.join("; ") : "ничего"]
+  ];
+  return `${Ia()}<div class="group"><div class="group-title h5">Окружение</div>
+    <dl>${i.map(([h, g]) => `<dt>${c(h)}</dt><dd>${c(g)}</dd>`).join("")}</dl></div>`;
+}
+function Xt(t, e, r) {
+  return !t || typeof t.animate != "function" || zo() ? null : t.animate(e, r);
+}
+function Ce(t) {
+  Xt(t, [{ opacity: 0, transform: `translateY(${_o}px)` }, { opacity: 1, transform: "none" }], { duration: xt.base, easing: jt.enter });
 }
 function v() {
-  if (!c) return;
-  const t = P();
+  var ue;
+  if (!s) return;
+  const t = it();
   if (!t) {
-    c.innerHTML = "";
+    s.innerHTML = "", S = "", dt = "";
     return;
   }
-  const e = m().flatMap(Tt), n = e.length, o = n ? `Dev · ${n === 1 ? e[0] : `${n} ${Re(n, "сбой", "сбоя", "сбоев")}`}` : "Dev", r = m(), a = r.every((g) => ae(g) === "hidden"), s = !a || n > 0, i = r.length > 1 ? `<select data-service aria-label="Сервис">${r.map((g) => `<option value="${d(g.config.service)}"${g === t ? " selected" : ""}>Dev · ${d(g.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="${l.tab === "faults"}">Сбои${z(t) ? ` · ${z(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">${l.tab === "faults" ? Oe(t) : l.tab === "requests" ? Mt(t) : l.tab === "errors" ? Ue() : qe(t)}</div>
-      ${l.hint ? `<div class="note" role="status">${d(l.hint)}</div>` : ""}
+  const e = y().flatMap(gr), r = e.length, o = r ? `Dev · ${r === 1 ? e[0] : `${r} ${Ba(r, "сбой", "сбоя", "сбоев")}`}` : "Dev", a = y(), n = a.every((m) => no(m) === "hidden"), i = !n || r > 0, u = a.length > 1 ? Vt("service", "Сервис", a.map((m) => ({ value: m.config.service, label: `Dev · ${m.config.service}` })), t.config.service, "data-service") : `Dev · ${c(t.config.service)}`, p = Pe().length, l = a.some((m) => m.state.faults.length || m.state.rules.some((_r) => _r.enabled)), h = d.open ? `
+    <section class="panel u-react-size-dense${i ? "" : " alone"}" role="region" aria-label="Панель разработки">
+      <div class="head"><span class="title">${u}</span>
+        ${F("Сбросить всё", "text-danger", "data-reset")}
+        ${lr("icon-cross", "Свернуть панель", "data-close")}</div>
+      <p class="intro h5">Ломает сервис нарочно: ответы API, сеть, падения — чтобы проверить, что видит пользователь. Есть только при локальном запуске.</p>
+      <div class="tabs">${Aa([
+    { id: "faults", title: `Сбои${bt(t) ? ` · ${bt(t)}` : ""}` },
+    { id: "requests", title: "Запросы" },
+    { id: "errors", title: `Ошибки${p ? ` · ${p}` : ""}` },
+    { id: "view", title: "Среда" }
+  ], d.tab)}</div>
+      <div class="body">${d.tab === "faults" ? Ra(t) : d.tab === "requests" ? wr(t) : d.tab === "errors" ? Ka() : Na(t)}</div>
+      ${d.hint ? `<div class="note u-message-small" role="status">${c(d.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((g) => g.state.faults.length) ? '<button class="btn" type="button" data-share>Ссылка на сбои</button>' : ""}
-        <button class="btn" type="button" data-launcher="${a ? "visible" : "hidden"}">${a ? "Показывать кнопку" : "Скрыть кнопку"}</button>
+        <div class="actions">
+          ${l ? F("Ссылка на сбои", "primary", "data-share") : ""}
+          ${t.config.onRefetch ? F("Перезапросить данные", "outline", "data-refetch") : ""}
+          ${F("Перезагрузить", "outline", "data-reload")}
+          ${F(n ? "Показывать кнопку" : "Скрыть кнопку", "outline", `data-launcher="${n ? "visible" : "hidden"}"`)}
+        </div>
+        ${l ? '<p class="caption h5">Ссылка открывает страницу с теми же сбоями — приложите её к задаче или отправьте тестировщику.</p>' : ""}
+        <p class="escape h5">Без панели: адрес с ?dev=off · открыть и закрыть: Ctrl+Alt+D</p>
       </div>
-    </section>` : "", u = c.activeElement, p = At(u), w = (u == null ? void 0 : u.dataset.search) !== void 0 ? u.selectionStart : null, It = et ?? We();
-  et = null;
-  const qt = [
+    </section>` : "", g = s.activeElement, Dt = mr(g), Z = (g == null ? void 0 : g.dataset.search) !== void 0 ? g.selectionStart : null, Ar = Ct ?? Ja();
+  Ct = null;
+  const $r = [
     e.length ? `Включено: ${e.join(", ")}` : "Панель разработки (Ctrl+Alt+D)",
-    a ? "Кнопка скрыта и видна, пока включены сбои" : ""
-  ].filter(Boolean).join(". "), zt = s ? `
-    <button class="pill${n ? " on" : ""}" type="button" data-toggle aria-expanded="${l.open}"
-      title="${d(qt)}"><span class="logo">${Ce}</span><span class="label">${d(o)}</span></button>` : "", Ft = l.hint && !l.open ? `<div class="hint" role="status">${d(l.hint)}</div>` : "";
-  if (c.innerHTML = `<style>${Me}</style><div class="root">${f}${zt}${Ft}</div>`, Be(It), p) {
-    const g = c.querySelector(p);
-    g == null || g.focus(), g instanceof HTMLInputElement && w !== null && g.setSelectionRange(w, w);
+    n ? "Кнопка скрыта и видна, пока включены сбои" : "",
+    // Режимы «Вид» переживают перезагрузку — напоминание, чтобы медленные анимации не приняли за дефект.
+    tt.some(et) ? `Вид: ${tt.filter(et).map((m) => ne[m].label).join(", ")}` : ""
+  ].filter(Boolean).join(". "), Sr = i ? `
+    <button class="pill${r ? " on" : ""}" type="button" data-toggle aria-expanded="${d.open}"
+      title="${c($r)}"><span class="logo">${Da}</span><span class="label">${c(o)}</span></button>` : "", Lr = d.hint && !d.open ? `<div class="hint" role="status">${c(d.hint)}</div>` : "", ut = d.open ? `${t.config.service}:${d.tab}` : "", ie = ut && ut === S ? ((ue = s.querySelector(".body")) == null ? void 0 : ue.scrollTop) ?? 0 : 0, Tt = d.hint ? `${d.open}:${d.hint}` : "";
+  s.innerHTML = `<style>${Et.css}${La}</style><div class="root">${h}${Sr}${Lr}</div>`;
+  const st = s.querySelector(".body");
+  if (st && ie ? st.scrollTop = ie : st && S && ut !== S && Ce(st), Tt && Tt !== dt && Ce(s.querySelector(".note, .hint")), S = ut, dt = Tt, Ya(Ar), dr(s), _t(), Dt) {
+    const m = s.querySelector(Dt);
+    m == null || m.focus({ preventScroll: !0 }), m instanceof HTMLInputElement && Z !== null && m.setSelectionRange(Z, Z);
   }
 }
-const ze = ["search", "fault", "rule", "tab", "service", "reset", "close", "toggle", "ruleFrom", "clearJournal"];
-function At(t) {
+const ja = ["search", "select", "fault", "rule", "tab", "reset", "close", "toggle", "ruleFrom", "clearJournal", "view"];
+function mr(t) {
   if (!t) return null;
   const e = t.getAttribute("name");
   if (e && t.closest("[data-add]")) return `[data-add] [name="${e}"]`;
-  const n = ze.find((a) => t.dataset[a] !== void 0);
-  if (!n) return null;
-  const o = t.dataset[n], r = `data-${n.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`)}`;
-  return o ? `[${r}="${o.replace(/["\\]/g, "\\$&")}"]` : `[${r}]`;
-}
-const Ct = ["method", "path", "status"];
-let et = null;
-const Fe = { network: "сеть", abort: "отмена", pending: "…" };
-function Mt(t) {
-  const e = nt().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 o = typeof n.status == "number" ? String(n.status) : Fe[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)}${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 He = {
+  const r = ja.find((n) => t.dataset[n] !== void 0);
+  if (!r) return null;
+  const o = t.dataset[r], a = `data-${r.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`)}`;
+  return o ? `[${a}="${o.replace(/["\\]/g, "\\$&")}"]` : `[${a}]`;
+}
+const xr = ["method", "path", "status", "body", "delay"];
+let Ct = null;
+const Ua = { network: "сеть", abort: "отмена", pending: "…" };
+function wr(t) {
+  const e = Qt().filter((r) => r.service === t.config.service);
+  return e.length ? `<div class="list-head h5"><span>Последние ${e.length}, новые сверху</span>${F("Очистить", "text", "data-clear-journal")}</div>
+    <p class="caption h5">«Правило» — подменить ответ на этот адрес: форма в «Ответах сервера» откроется с методом и путём.</p>
+    <div class="requests">${e.map((r) => {
+    const o = typeof r.status == "number" ? String(r.status) : Ua[r.status], a = r.status === "network" || typeof r.status == "number" && r.status >= 400, n = [r.duration === null ? "" : `${r.duration} мс`, r.faked ? "подменён панелью" : ""].filter(Boolean).join(" · ");
+    return `<div class="req"><span>${c(r.method)}</span>
+        <span class="path"><span class="p" title="${c(r.path)}">${c(r.path).replace(/\//g, "/<wbr>")}</span>${n ? `<small>${c(n)}</small>` : ""}</span>
+        <span class="status u-status u-status-${a ? "danger bad" : r.status === "pending" ? "neutral" : "success"}">${c(o)}</span>
+        ${F("Правило", "text", `data-rule-from="${r.id}" title="Ответ на этот адрес — в «Ответах сервера»"`)}</div>`;
+  }).join("")}</div>` : '<p class="empty tt">Запросов к API пока не было. Откройте экран сервиса или нажмите «Перезапросить данные» — запросы появятся здесь. Журнал помнит последние 50 и очищается при перезагрузке.</p>';
+}
+const Ha = {
   screen: "Заглушка",
   fail: "Уведомление об ошибке",
   warning: "Предупреждение",
   offline: "Нет связи"
-}, je = (t) => He[t.kind === "notification" ? t.variant ?? "fail" : t.kind];
-function Ue() {
-  const t = Z();
-  return t.length ? `<div class="requests-head"><span>Последние ${t.length}, новые сверху</span>
-      <button class="btn" type="button" data-clear-shown>Очистить</button></div>
+}, Za = (t) => Ha[t.kind === "notification" ? t.variant ?? "fail" : t.kind];
+function Ka() {
+  const t = Pe();
+  return t.length ? `<div class="list-head h5"><span>Последние ${t.length}, новые сверху</span>${F("Очистить", "text", "data-clear-shown")}</div>
     <div>${t.map((e) => `<div class="shown">
-      <div class="shown-head"><span class="kind${e.variant === "warning" ? " warning" : ""}">${d(je(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 Ne(t) {
+      <div class="shown-head"><span class="kind${e.variant === "warning" ? " warning" : ""}">${c(Za(e))}${e.code ? ` · ${c(e.code)}` : ""}</span>
+        <time>${c(new Date(e.at).toLocaleTimeString("ru-RU"))}</time></div>
+      <div class="shown-title">${c(e.title)}</div>
+      ${e.text ? `<small>${c(e.text)}</small>` : ""}
+      <div class="cause">${e.cause ? `← ${c(e.cause)}` : "<small>Неудачных запросов к API перед показом не было</small>"}</div>
+    </div>`).join("")}</div>` : '<p class="empty tt">Ошибок пользователю пока не показывали. Включите сбой на вкладке «Сбои» и повторите действие — здесь появится, что увидел пользователь (заглушка, уведомление, «Нет связи»), и какой запрос к API к этому привёл.</p>';
+}
+function Va(t) {
   var o;
-  const e = nt().find((r) => String(r.id) === String(t));
+  const e = Qt().find((a) => String(a.id) === String(t));
   if (!e) return;
-  et = { method: Q.some(([r]) => r === e.method) ? e.method : "", path: e.path, status: "503" }, l.tab = "faults", l.search = "", v(), (o = c == null ? void 0 : c.querySelector('[data-add] [name="status"]')) == null || o.focus();
-}
-function _e() {
-  const t = [...new Set(m().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 = m().some((i) => i.state.rules.some((f) => f.enabled)) ? " Свои правила «адрес → код» в неё не входят." : "", a = () => {
-    C(`Ссылка скопирована.${r}`), v();
-  }, s = () => {
-    C(`Ссылка: ${n}${r}`), v();
+  Ct = { method: Jt.some(([a]) => a === e.method) ? e.method : "", path: e.path, status: "503", body: "", delay: "" }, d.tab = "faults", d.search = "", v(), (o = s == null ? void 0 : s.querySelector('[data-add] [data-select="status"]')) == null || o.focus();
+}
+function Wa() {
+  const t = y(), e = [...new Set(t.flatMap((h) => h.state.faults))], r = t.flatMap((h) => h.state.rules.filter((g) => g.enabled).map(({ id: g, enabled: Dt, ...Z }) => ({ service: h.config.service, rule: Z }))), o = new URL(window.location.href);
+  e.length ? o.searchParams.set("dev", e.join(",")) : o.searchParams.delete("dev");
+  const { value: a, droppedBodies: n } = Ur(r);
+  r.length ? o.searchParams.set(ft, a) : o.searchParams.delete(ft);
+  const i = o.href.replace(/%2C/gi, ","), u = n ? ` Тело ответа длиннее ${ze} символов в ссылку не вошло (${n}) — у получателя такое правило отдаст ответ без тела.` : "", p = () => {
+    C(`Ссылка скопирована.${u}`), v();
+  }, l = () => {
+    C(`Ссылка: ${i}${u}`), v();
   };
   try {
-    navigator.clipboard.writeText(n).then(a, s);
+    navigator.clipboard.writeText(i).then(p, l);
   } catch {
-    s();
+    l();
   }
 }
-function We() {
-  const t = c == null ? void 0 : c.querySelector("[data-add]");
-  return t ? Object.fromEntries(Ct.map((e) => {
-    var n;
-    return [e, ((n = t.elements.namedItem(e)) == null ? void 0 : n.value) ?? ""];
+function _t() {
+  const t = s == null ? void 0 : s.querySelector("[data-add]");
+  if (!t) return;
+  const e = t.elements.namedItem("body"), r = t.elements.namedItem("status"), o = t.querySelector("[data-body-hint]");
+  if (!e) return;
+  const a = Number(r == null ? void 0 : r.value) === 204;
+  e.disabled = a, o && (o.hidden = a || !e.value.trim() || De(e.value));
+}
+function Ja() {
+  const t = s == null ? void 0 : s.querySelector("[data-add]");
+  return t ? Object.fromEntries(xr.map((e) => {
+    var r;
+    return [e, ((r = t.elements.namedItem(e)) == null ? void 0 : r.value) ?? ""];
   })) : null;
 }
-function Be(t) {
-  const e = c == null ? void 0 : c.querySelector("[data-add]");
-  !e || !t || Ct.forEach((n) => {
-    const o = e.elements.namedItem(n);
-    o && (o.value = t[n]);
+function Ya(t) {
+  const e = s == null ? void 0 : s.querySelector("[data-add]");
+  !e || !t || xr.forEach((r) => {
+    const o = e.elements.namedItem(r);
+    o && (o.value = t[r] ?? "");
   });
 }
-function Ke(t) {
+function Xa(t) {
   if (!t) {
-    C(""), at("visible");
+    C(""), ce("visible");
     return;
   }
-  l.open = !1;
-  const e = m().some((n) => z(n) > 0);
-  C(`Кнопка Dev скрыта${e ? " и видна, пока включены сбои" : ""}. Панель: Ctrl+Alt+D`), at("hidden");
+  d.open = !1;
+  const e = y().some((r) => bt(r) > 0);
+  C(`Кнопка Dev скрыта${e ? " и видна, пока включены сбои" : ""}. Панель: Ctrl+Alt+D`), ce("hidden");
 }
 function C(t) {
-  clearTimeout(tt), l.hint = t, t && (tt = setTimeout(() => {
-    l.hint = "", v();
-  }, De));
-}
-function U(t = !l.open) {
-  var e, n;
-  t && C(""), l.open = t, v(), 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 Je(t) {
-  var o, r, a, s;
-  const e = t.target, n = P();
-  if (n)
-    if (e.closest("[data-toggle]")) U();
-    else if (e.closest("[data-close]")) U(!1);
-    else if (e.closest("[data-reset]"))
-      St(), (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]")) Ne(Number(e.closest("[data-rule-from]").dataset.ruleFrom));
-    else if (e.closest("[data-clear-journal]"))
-      ft(), v();
-    else if (e.closest("[data-clear-shown]")) vt();
-    else if (e.closest("[data-share]")) _e();
-    else if (e.closest("[data-launcher]")) Ke(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 i = e.closest("[data-tab]").dataset.tab;
-      l.tab = i === "view" || i === "requests" || i === "errors" ? i : "faults", v();
-    } else e.closest("[data-remove]") && ne(n, e.closest("[data-remove]").dataset.remove);
-}
-function Xe(t) {
-  const e = t.target, n = P();
-  if (n)
+  clearTimeout(Yt), d.hint = t, t && (Yt = setTimeout(() => {
+    d.hint = "", v();
+  }, Ta));
+}
+function Ft(t = !d.open || w !== null) {
+  var o, a;
+  if (w == null || w.cancel(), w = null, t) {
+    C("");
+    const n = !d.open;
+    d.open = !0, v(), n && Xt(s == null ? void 0 : s.querySelector(".panel"), [{ opacity: 0, transform: "translateY(8px)" }, { opacity: 1, transform: "none" }], { duration: xt.base, easing: jt.enter }), (o = s == null ? void 0 : s.querySelector("[data-search], [data-tab]")) == null || o.focus();
+    return;
+  }
+  C("");
+  const e = () => {
+    w = null, d.open = !1, v();
+  };
+  (a = s == null ? void 0 : s.querySelector("[data-toggle]")) == null || a.focus();
+  const r = d.open ? Xt(s == null ? void 0 : s.querySelector(".panel"), [{ opacity: 1, transform: "none" }, { opacity: 0, transform: "translateY(8px)" }], { duration: xt.fast, easing: jt.exit, fill: "forwards" }) : null;
+  if (!r) {
+    e();
+    return;
+  }
+  w = r, r.onfinish = e;
+}
+function Ga(t) {
+  var i, u, p;
+  const e = t.target, r = it();
+  if (!r || !s) return;
+  const o = e.closest(".u-selectbox-option"), a = e.closest("[data-select]");
+  if (o) {
+    hr(o);
+    return;
+  }
+  const n = Wt(s);
+  if (n && n !== a && z(n, !1), a) z(a, n !== a);
+  else if (e.closest("[data-step]")) Fa(e.closest("[data-step]"));
+  else if (e.closest("[data-search-clear]"))
+    d.search = "", v(), (i = s.querySelector("[data-search]")) == null || i.focus();
+  else if (e.closest("[data-toggle]")) Ft();
+  else if (e.closest("[data-close]")) Ft(!1);
+  else if (e.closest("[data-reset]")) Qa();
+  else if (e.closest("[data-reload]")) window.location.reload();
+  else if (e.closest("[data-rule-from]")) Va(Number(e.closest("[data-rule-from]").dataset.ruleFrom));
+  else if (e.closest("[data-clear-journal]"))
+    Se(), v();
+  else if (e.closest("[data-clear-shown]")) Ne();
+  else if (e.closest("[data-share]")) Wa();
+  else if (e.closest("[data-launcher]")) Xa(e.closest("[data-launcher]").dataset.launcher === "hidden");
+  else if (e.closest("[data-refetch]")) (p = (u = r.config).onRefetch) == null || p.call(u);
+  else if (e.closest("[data-tab]")) {
+    const l = e.closest("[data-tab]").dataset.tab;
+    d.tab = l === "view" || l === "requests" || l === "errors" ? l : "faults", v();
+  } else e.closest("[data-remove]") && oo(r, e.closest("[data-remove]").dataset.remove);
+}
+function Qa() {
+  var e;
+  tt.forEach((r) => ur(r, !1));
+  const t = s == null ? void 0 : s.querySelector("[data-add]");
+  t == null || t.reset(), t && pr(t), Ct = null, C(""), Object.assign(d, ae, { open: !0 }), S = "", io(), Je(), v(), (e = s == null ? void 0 : s.querySelector("[data-search], [data-tab]")) == null || e.focus(), tn();
+}
+function tn() {
+  y().forEach((t) => {
+    var e, r;
+    try {
+      (r = (e = t.config).onRefetch) == null || r.call(e);
+    } catch {
+    }
+  });
+}
+function en(t) {
+  const e = t.target, r = it();
+  if (r)
     if (e.dataset.fault) {
       const o = e.checked;
-      Qt(n, e.dataset.fault, o), e.dataset.fault === "offline" && ot(!o);
-    } else e.dataset.rule ? ee(n, e.dataset.rule, e.checked) : e.dataset.service !== void 0 && (l.service = e.value, v());
+      C(o ? Gt(r, e.dataset.fault) : ""), to(r, e.dataset.fault, o), e.dataset.fault === "offline" && te(!o);
+    } else if (e.dataset.view)
+      ur(e.dataset.view, e.checked), v();
+    else if (e.dataset.rule) {
+      const o = e.checked;
+      C(o ? Gt(r, "rule") : ""), ro(r, e.dataset.rule, o);
+    } else e.dataset.service !== void 0 ? (d.service = e.value, v()) : e.getAttribute("name") === "status" && e.closest("[data-add]") && _t();
+}
+function Gt(t, e) {
+  return e === "offline" ? "" : e in br ? "Сбой включён. Если экран не изменился — нажмите «Перезагрузить»." : t.config.onRefetch ? "Сбой включён — сработает на следующем запросе к API: нажмите «Перезапросить данные» или повторите действие на странице." : "Сбой включён — сработает на следующем запросе к API: повторите действие на странице или нажмите «Перезагрузить».";
 }
-function Ve(t) {
+function rn(t) {
   const e = t.target;
-  e.dataset.search !== void 0 && (l.search = e.value, v());
+  if (e.getAttribute("name") === "body" && e.closest("[data-add]")) {
+    _t();
+    return;
+  }
+  e.dataset.search !== void 0 && (d.search = e.value, v());
 }
-function Ze(t) {
+function on(t) {
   const e = t.target;
   if (e.dataset.add === void 0) return;
   t.preventDefault();
-  const n = P(), o = new FormData(e), r = String(o.get("path") ?? "").trim();
-  !n || !r || (e.reset(), te(n, {
+  const r = it(), o = new FormData(e), a = String(o.get("path") ?? "").trim();
+  if (!r || !a) return;
+  const n = Number(o.get("status")) || 500, i = String(o.get("body") ?? ""), u = Te(Number(o.get("delay")));
+  e.reset(), pr(e), _t(), C(Gt(r, "rule")), eo(r, {
     method: String(o.get("method") ?? "") || void 0,
-    path: r.startsWith("/") ? r : `/${r}`,
-    status: Number(o.get("status")) || 500,
-    html: Number(o.get("status")) === 502 || void 0
-  }));
-}
-function Dt(t) {
-  t.ctrlKey && t.altKey && t.code === "KeyD" ? (t.preventDefault(), U()) : t.key === "Escape" && l.open && h && t.composedPath().includes(h) && (t.preventDefault(), t.stopPropagation(), U(!1));
-}
-function Ge() {
-  if (h || typeof document > "u") return;
-  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", Je), c.addEventListener("change", Xe), c.addEventListener("input", Ve), c.addEventListener("submit", Ze), b = document.defaultView ?? window, b.addEventListener("keydown", Dt, !0), dt(), k = new MutationObserver((o) => {
-    (!(h != null && h.isConnected) || o.some((r) => r.type === "attributes")) && dt();
-  }), k.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["open"] }), l.open = m().some((o) => z(o) > 0);
-  const t = gt(v), e = Nt(Pt);
-  c.addEventListener("pointerdown", Qe), b.addEventListener("pointerup", N, !0), b.addEventListener("pointercancel", N, !0);
-  const n = pe(() => {
-    l.open && v();
+    path: a.startsWith("/") ? a : `/${a}`,
+    status: n,
+    // У 204 тела нет; пустое поле — ответ по умолчанию (JSON с кодом, у 502 — HTML шлюза).
+    ...n !== 204 && i.trim() ? { body: i } : {},
+    ...n === 502 && !i.trim() ? { html: !0 } : {},
+    ...u ? { delay: u } : {}
   });
-  de(), S = () => {
-    t(), e(), n(), fe();
+}
+function yr(t) {
+  if (t.ctrlKey && t.altKey && t.code === "KeyD")
+    t.preventDefault(), Ft();
+  else if (t.key === "Escape" && s && f && t.composedPath().includes(f) && Wt(s)) {
+    const e = Wt(s);
+    t.preventDefault(), t.stopPropagation(), z(e, !1), e.focus();
+  } else t.key === "Escape" && d.open && f && t.composedPath().includes(f) && (t.preventDefault(), t.stopPropagation(), Ft(!1));
+}
+function an() {
+  if (f || typeof document > "u") return;
+  f = document.createElement("div"), f.id = "urfu-ui-kit-dev", f.setAttribute("data-urfu-ui-kit-dev", ""), s = f.attachShadow({ mode: "open" }), s.addEventListener("click", Ga), s.addEventListener("change", en), s.addEventListener("input", rn), s.addEventListener("submit", on), s.addEventListener("keydown", nn), b = document.defaultView ?? window, b.addEventListener("keydown", yr, !0), b.addEventListener("pointerdown", kr, !0), $e(), Fe(), O = new MutationObserver((o) => {
+    (!(f != null && f.isConnected) || o.some((a) => a.type === "attributes")) && $e(), o.some((a) => a.target === document.documentElement && Et.hostAttrs.includes(a.attributeName ?? "")) && Fe();
+  }), O.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["open", ...Et.hostAttrs] }), Ae(), q = new MutationObserver(Ae), q.observe(document.documentElement, { attributes: !0, attributeFilter: ["style"] }), d.open = y().some((o) => bt(o) > 0);
+  const t = Ie(v), e = Ir(Er);
+  s.addEventListener("pointerdown", ln), b.addEventListener("pointerup", At, !0), b.addEventListener("pointercancel", At, !0);
+  const r = vo(() => {
+    d.open && v();
+  });
+  ho(), wa(() => {
+    d.open && d.tab === "view" && v();
+  }), V = () => {
+    t(), e(), r(), bo();
   }, v();
 }
-function Ye() {
+function nn(t) {
+  const e = t.target.closest("[data-select]");
+  e && Sa(t, e);
+}
+function kr(t) {
+  s && f && !t.composedPath().includes(f) && $a(s);
+}
+function Fe() {
+  Et.hostAttrs.forEach((t) => {
+    const e = document.documentElement.getAttribute(t);
+    e === null ? f == null || f.removeAttribute(t) : f == null || f.setAttribute(t, e);
+  });
+}
+const un = ["--u-unit", "--u-responsive-scale"];
+function Ae() {
+  un.forEach((t) => {
+    const e = document.documentElement.style.getPropertyValue(t);
+    e ? f == null || f.style.setProperty(t, e) : f == null || f.style.removeProperty(t);
+  });
+}
+function sn() {
   try {
     const t = document.querySelectorAll("dialog:modal");
     return t[t.length - 1] ?? null;
@@ -781,94 +1489,108 @@ function Ye() {
     return null;
   }
 }
-function dt() {
-  if (!h) return;
-  const t = Ye() ?? document.documentElement;
-  h.parentNode !== t && t.appendChild(h);
+function $e() {
+  if (!f) return;
+  const t = sn() ?? document.documentElement;
+  f.parentNode !== t && t.appendChild(f);
 }
-function Pt() {
-  var r;
-  if (!l.open || l.tab !== "requests") {
-    E = !1;
+function Er() {
+  var a;
+  if (!d.open || d.tab !== "requests") {
+    Y = !1;
     return;
   }
-  if (A) {
-    E = !0;
+  if (rt) {
+    Y = !0;
     return;
   }
-  E = !1;
-  const t = c == null ? void 0 : c.querySelector(".body"), e = P();
-  if (!c || !t || !e) {
+  Y = !1;
+  const t = s == null ? void 0 : s.querySelector(".body"), e = it();
+  if (!s || !t || !e) {
     v();
     return;
   }
-  const n = c.activeElement, o = n && t.contains(n) ? At(n) : null;
-  t.innerHTML = Mt(e), o && ((r = t.querySelector(o)) == null || r.focus());
+  const r = s.activeElement, o = r && t.contains(r) ? mr(r) : null;
+  t.innerHTML = wr(e), o && ((a = t.querySelector(o)) == null || a.focus({ preventScroll: !0 }));
 }
-function Qe() {
-  A = !0;
+function ln() {
+  rt = !0;
 }
-function N() {
-  A && (A = !1, E && setTimeout(Pt, 0));
+function At() {
+  rt && (rt = !1, Y && setTimeout(Er, 0));
 }
-function tn() {
-  S == null || S(), S = null, k == null || k.disconnect(), k = null, b == null || b.removeEventListener("keydown", Dt, !0), b == null || b.removeEventListener("pointerup", N, !0), b == null || b.removeEventListener("pointercancel", N, !0), b = null, A = !1, E = !1, clearTimeout(tt), h == null || h.remove(), h = null, c = null, Object.assign(l, Et);
+function cn() {
+  V == null || V(), V = null, ya(), O == null || O.disconnect(), O = null, q == null || q.disconnect(), q = null, b == null || b.removeEventListener("keydown", yr, !0), b == null || b.removeEventListener("pointerdown", kr, !0), b == null || b.removeEventListener("pointerup", At, !0), b == null || b.removeEventListener("pointercancel", At, !0), b = null, rt = !1, Y = !1, w == null || w.cancel(), w = null, S = "", dt = "", clearTimeout(Yt), f == null || f.remove(), f = null, s = null, Object.assign(d, ae);
 }
-const Rt = /* @__PURE__ */ Symbol.for("urfu-ui-kit.dev-panel"), M = {
+const Cr = /* @__PURE__ */ Symbol.for("urfu-ui-kit.dev-panel");
+let T = null;
+const ot = {
   version: 1,
-  mount(t, e, n) {
-    return Wt(), Xt(e), Zt(t, e).state.faults.includes("offline") && ot(!1), ye(n), Ge(), () => {
-      Gt(t.service), m().length || tn();
+  mount(t, e, r) {
+    return Kr(), Yr(e), Gr(t, e).state.faults.includes("offline") && te(!1), Fo(r), an(), T ?? (T = Rr()), () => {
+      Qr(t.service), !y().length && (cn(), T == null || T(), T = null);
     };
   },
   isFault: (t, e) => {
-    var n;
-    return ((n = Yt(e)) == null ? void 0 : n.state.faults.includes(t)) ?? !1;
+    var r;
+    return ((r = le(e)) == null ? void 0 : r.state.faults.includes(t)) ?? !1;
   },
-  subscribe: gt,
-  reset: St
-}, Ot = () => typeof document > "u" ? null : document.defaultView;
-function B() {
+  subscribe: Ie,
+  reset: Je,
+  diagnostics() {
+    var r, o, a;
+    const t = le();
+    if (!t) return null;
+    let e;
+    try {
+      e = (a = (o = (r = t.config).user) == null ? void 0 : o.call(r)) == null ? void 0 : a.roles;
+    } catch {
+      e = void 0;
+    }
+    return { requests: Br(), roles: e };
+  }
+}, Fr = () => typeof document > "u" ? null : document.defaultView;
+function zt() {
   var e;
-  const t = (e = Ot()) == null ? void 0 : e[Rt];
+  const t = (e = Fr()) == null ? void 0 : e[Cr];
   return t && typeof t.version == "number" && t.version >= 1 ? t : null;
 }
-function en() {
-  const t = B();
+function dn() {
+  const t = zt();
   if (t) return t;
-  const e = Ot();
-  return e && (e[Rt] = M), M;
+  const e = Fr();
+  return e && (e[Cr] = ot), ot;
 }
-function nn(t, e) {
+function pn(t, e) {
   return typeof window > "u" ? () => {
-  } : en().mount(t, e, window);
+  } : dn().mount(t, e, window);
 }
-function on(t, e) {
-  return (B() ?? M).isFault(t, e);
+function fn(t, e) {
+  return (zt() ?? ot).isFault(t, e);
 }
-function an(t) {
-  return (B() ?? M).subscribe(t);
+function hn(t) {
+  return (zt() ?? ot).subscribe(t);
 }
-function cn() {
-  (B() ?? M).reset();
+function mn() {
+  (zt() ?? ot).reset();
 }
-const rn = () => "2.1.5";
-function un(t) {
-  return nn(t, { name: "urfu-ui-kit-react", version: rn() });
+const bn = () => "2.1.7-next.0";
+function xn(t) {
+  return pn(t, { name: "urfu-ui-kit-react", version: bn() });
 }
-function sn(t, e) {
-  return Ht(an, () => on(t, e), () => !1);
+function vn(t, e) {
+  return zr(hn, () => fn(t, e), () => !1);
 }
-function dn({ scope: t, service: e }) {
-  if (sn(t === "app" ? "crashApp" : "crashPage", e)) throw new Error(`Сбой из dev-панели: падение ${t === "app" ? "приложения" : "страницы"}`);
+function wn({ scope: t, service: e }) {
+  if (vn(t === "app" ? "crashApp" : "crashPage", e)) throw new Error(`Сбой из dev-панели: падение ${t === "app" ? "приложения" : "страницы"}`);
   return null;
 }
 export {
-  dn as DevCrashProbe,
-  on as isDevFault,
-  ge as matchPath,
-  un as mountDevPanel,
-  cn as resetDevFaults,
-  an as subscribeDevFaults,
-  sn as useDevFault
+  wn as DevCrashProbe,
+  fn as isDevFault,
+  xo as matchPath,
+  xn as mountDevPanel,
+  mn as resetDevFaults,
+  hn as subscribeDevFaults,
+  vn as useDevFault
 };