@daisforge/ui 1.22.0 → 1.24.0

package/chunks/AiAgentPopup-CtMhai1X.mjs

@@ -0,0 +1,797 @@
+import { Popup as bt, popupClasses as It, TextXS as Ct, TextS as Dt, TextM as Pt, TextL as Nt, H5 as Rt, H4 as Mt, H3 as Ht, H2 as Wt, H1 as zt, DsplS as Ot, DsplM as Ft, DsplL as kt, BodyXXS as Gt, BodyXS as Bt, BodyS as $t, BodyM as Xt, BodyL as Kt, Tooltip as gt, IconButton as at, Divider as Ut } from "@salutejs/sdds-finai";
+import { jsxs as U, jsx as p, Fragment as Yt } from "react/jsx-runtime";
+import { surfaceSolidCard as Vt, outlineAccentGradient as Zt, inverseTextPrimary as jt, bodyXS as Jt, shadowGradientDark as qt, shadowGradientLight as Qt } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import T, { css as mt } from "styled-components";
+import { a as te, t as ee, d as ne } from "./utils-Hu77fGGe.mjs";
+import { useState as O, useEffect as X, forwardRef as ct, useRef as W, useCallback as P, useMemo as B, useLayoutEffect as oe } from "react";
+import { TextArea as ie } from "../components/TextArea/index.mjs";
+import { br as re } from "../constants/index.mjs";
+import { buildPopupResizableConfig as se } from "../shared/utils/resizable/index.mjs";
+import { IconClose as ce } from "@salutejs/plasma-icons";
+const ut = 5, le = 4, de = 12, ae = 360, ue = 360, pe = 16, he = {
+  width: 400,
+  height: 540
+}, pt = 56, fe = 100, ge = "ai-agent-popup-state", me = 300, yt = "ai-agent-popup-dragging", ht = 'button, a, input, textarea, select, [contenteditable="true"], [data-no-drag]', ye = 0.93, ve = 79, we = 220, xe = 23, vt = 48, wt = 300, Ae = 8, Se = 12, _e = 1, Te = 2, st = 40, Ee = 2, V = 800, Le = 615, k = {
+  bg: () => Vt,
+  outline: () => Zt,
+  radius: () => re.m,
+  padding: () => `${pe}px`
+}, be = T(bt).withConfig({
+  displayName: "AiAgentPopupstyled__StyledPopup"
+})(["&& .", "{padding:0;}&.", "{cursor:grabbing;user-select:none;}"], It.root, yt), Ie = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledSurfaceFloating"
+})(["position:relative;width:100%;height:100%;min-width:0;min-height:0;border-radius:", ";touch-action:none;&::after{content:'';position:absolute;inset:-4px;border-radius:calc(", " + 4px);box-shadow:", ";pointer-events:none;}&::before{content:'';position:absolute;inset:-4px;border-radius:calc(", " + 4px);background:", ";pointer-events:none;}"], k.radius, k.radius, ({
+  $shadow: t
+}) => t, k.radius, k.outline), Ce = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledSurfaceEmbedded"
+})(["position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:4px;border-radius:calc(", " + 4px);background:", ";box-shadow:", ";"], k.radius, k.outline, ({
+  $shadow: t
+}) => t), De = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledCard"
+})(["position:relative;display:flex;flex-direction:row;width:100%;height:100%;min-width:0;min-height:0;padding:", ";border-radius:", ";background:", ";overflow:hidden;"], k.padding, k.radius, k.bg), Pe = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledCardContent"
+})(["position:relative;z-index:1;flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;"]), Ne = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledInputRoot"
+})(["position:relative;"]), Re = `linear-gradient(
+  268.89deg,
+  rgba(157, 179, 255, 1) 6.881%,
+  rgba(0, 224, 255, 1) 50.076%,
+  rgba(157, 179, 255, 1) 99.883%
+)`, Me = `linear-gradient(
+  268.89deg,
+  rgba(111, 144, 255, 0.7) 6.881%,
+  rgba(11, 226, 255, 0.8) 50.076%,
+  rgba(111, 144, 255, 0.7) 99.883%
+)`, He = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledInputGlow"
+})(["position:absolute;top:", "px;height:", "px;left:50%;transform:translateX(-50%);width:", "%;z-index:1;border-radius:50%;background:", ";filter:blur(40px);opacity:", ";transition:opacity 0.3s ease;pointer-events:none;"], -25, ve, ye * 100, ({
+  $isDark: t
+}) => t ? Me : Re, ({
+  $visible: t,
+  $isDark: e
+}) => t ? e ? 1 : 0.56 : 0), We = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledInputBackplate"
+})(["background:", ";border-radius:0.625rem;position:relative;z-index:2;textarea{max-height:", "px;}"], k.bg, ({
+  $maxHeight: t
+}) => t - xe), ze = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledLeftPanel"
+})(["display:flex;align-items:stretch;flex:none;height:100%;"]), Oe = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledLeftPanelZone"
+})(["position:relative;flex:none;height:100%;overflow:hidden;width:", "px;transition:width 0.3s ease;"], ({
+  $open: t
+}) => t ? wt : vt), xt = mt(["position:absolute;top:0;left:0;box-sizing:border-box;height:100%;padding-right:", "px;opacity:", ";pointer-events:", ";transition:opacity 0.3s ease;"], Ae, ({
+  $active: t
+}) => t ? 1 : 0, ({
+  $active: t
+}) => t ? "auto" : "none"), Fe = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledRail"
+})(["", ";width:", "px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;"], xt, vt), ke = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledSection"
+})(["", ";width:", "px;display:flex;flex-direction:column;"], xt, wt), Ge = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledSectionHeader"
+})(["flex:none;height:", "px;display:flex;align-items:center;gap:", "px;"], st, Ee), Be = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledSectionTitleIcon"
+})(["flex:none;display:flex;align-items:center;justify-content:center;width:", "px;height:", "px;"], st, st), $e = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledSectionTitle"
+})(["flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]), Xe = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledSectionContent"
+})(["flex:1 1 auto;min-height:0;"]), Ke = T.div.withConfig({
+  displayName: "AiAgentPopupstyled__StyledLeftPanelDivider"
+})(["flex:none;display:flex;width:", "px;margin-right:", "px;& > *{width:100%;height:100%;}& > *::before{border-radius:", "px;}"], _e, Se, Te), rt = () => {
+  var t;
+  return !!((t = document.documentElement.getAttribute("data-theme")) != null && t.toLowerCase().includes("dark"));
+}, At = () => {
+  const [t, e] = O(rt);
+  return X(() => {
+    e(rt());
+    const c = new MutationObserver(() => e(rt()));
+    return c.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["data-theme"]
+    }), () => c.disconnect();
+  }, []), t;
+}, Ue = ct(({
+  glow: t = !1,
+  rightSlot: e,
+  maxHeight: c = we,
+  className: n,
+  style: s,
+  ...r
+}, o) => {
+  const d = At(), f = {
+    size: "s",
+    rows: 1,
+    autoResize: !0,
+    ...r,
+    contentRight: e
+  };
+  return /* @__PURE__ */ U(Ne, { ref: o, className: n, style: s, children: [
+    /* @__PURE__ */ p(He, { $visible: t, $isDark: d, "aria-hidden": !0 }),
+    /* @__PURE__ */ p(We, { $maxHeight: c, children: /* @__PURE__ */ p(ie, { ...f }) })
+  ] });
+});
+Ue.displayName = "AiAgentInput";
+const St = (t) => !t || t === "document" ? null : typeof t == "string" ? document.getElementById(t) : t.current ?? null, Z = (t) => {
+  const e = St(t);
+  if (!e)
+    return {
+      left: 0,
+      top: 0,
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+  const c = e.getBoundingClientRect();
+  return {
+    left: c.left + e.clientLeft - e.scrollLeft,
+    top: c.top + e.clientTop - e.scrollTop,
+    width: e.scrollWidth,
+    height: e.scrollHeight
+  };
+}, _t = () => ({
+  left: 0,
+  top: 0,
+  width: window.innerWidth,
+  height: window.innerHeight
+}), ft = (t, e = {
+  width: 0,
+  height: 0
+}, c = {}, n) => {
+  const {
+    width: s,
+    height: r
+  } = n ?? _t(), {
+    top: o = 0,
+    right: d = 0,
+    bottom: f = 0,
+    left: y = 0
+  } = c;
+  return {
+    x: Math.max(y, Math.min(t.x, s - e.width - d)),
+    y: Math.max(o, Math.min(t.y, r - e.height - f))
+  };
+}, Ye = (t, e) => ({
+  top: ((t == null ? void 0 : t.top) ?? 0) + e,
+  right: ((t == null ? void 0 : t.right) ?? 0) + e,
+  bottom: ((t == null ? void 0 : t.bottom) ?? 0) + e,
+  left: ((t == null ? void 0 : t.left) ?? 0) + e
+}), Ve = (t, e, c) => {
+  const n = t.getBoundingClientRect(), {
+    left: s,
+    top: r
+  } = c ?? _t(), o = typeof e == "number" ? e : e.x ?? 0, d = typeof e == "number" ? 0 : e.y ?? 0;
+  return {
+    x: n.right + o - s,
+    y: n.top + d - r
+  };
+}, Ze = () => ({
+  x: pt,
+  y: pt
+}), je = (t, e, c = {}, n) => {
+  const {
+    width: s,
+    height: r
+  } = n ?? {
+    width: window.innerWidth,
+    height: window.innerHeight
+  }, {
+    left: o = 0,
+    right: d = 0,
+    top: f = 0,
+    bottom: y = 0
+  } = c, v = (s - o - d) / 3, E = (r - f - y) / 2, g = t.x - o, h = t.y - f;
+  let w = 1, A = -1;
+  for (let C = 1; C <= 6; C += 1) {
+    const a = (C - 1) % 3 * v, S = C <= 3 ? 0 : E, m = Math.max(0, Math.min(g + e.width, a + v) - Math.max(g, a)), l = Math.max(0, Math.min(h + e.height, S + E) - Math.max(h, S)), u = m * l;
+    u > A && (A = u, w = C);
+  }
+  return w;
+}, Je = (t) => {
+  switch (t) {
+    case 1:
+    case 2:
+      return "bottom-right";
+    case 3:
+      return "bottom-left";
+    case 4:
+    case 5:
+      return "top-right";
+    case 6:
+      return "top-left";
+    default:
+      return "bottom-right";
+  }
+}, qe = (t, e = "bottom-right") => se(t, {
+  corner: e,
+  minWidth: ae,
+  minHeight: ue
+}), Qe = {
+  BodyL: Kt,
+  BodyM: Xt,
+  BodyS: $t,
+  BodyXS: Bt,
+  BodyXXS: Gt,
+  DsplL: kt,
+  DsplM: Ft,
+  DsplS: Ot,
+  H1: zt,
+  H2: Wt,
+  H3: Ht,
+  H4: Mt,
+  H5: Rt,
+  TextL: Nt,
+  TextM: Pt,
+  TextS: Dt,
+  TextXS: Ct
+};
+function lt({
+  variant: t,
+  children: e,
+  refTypography: c,
+  ...n
+}) {
+  const s = Qe[t];
+  return /* @__PURE__ */ p(s, { ...n, ref: c, children: e });
+}
+lt.displayName = "Typography";
+const nt = "typography-with-auto-tooltip-root";
+let q = !1, $ = null, et = 0;
+function Tt() {
+  if (typeof document > "u")
+    return;
+  const t = document.getElementById(nt);
+  t && t.querySelectorAll("[id^='plasma-popover-root']:empty").forEach((e) => e.remove());
+}
+function tn() {
+  q || (q = !0, $ = setTimeout(() => {
+    q = !1, $ = null, Tt();
+  }, 0));
+}
+function en() {
+  $ && (clearTimeout($), $ = null), q = !1;
+}
+function nn() {
+  $ && (clearTimeout($), $ = null), q = !1, Tt();
+}
+function on() {
+  if (!(typeof document > "u")) {
+    if (et += 1, et === 1) {
+      const t = document.createElement("div");
+      t.id = nt, document.body.appendChild(t);
+    }
+    return () => {
+      if (et -= 1, et === 0) {
+        const t = document.getElementById(nt);
+        t && (t.querySelectorAll("[id^='plasma-popover-root']").length > 0 || t.remove());
+      }
+    };
+  }
+}
+function rn() {
+  return {
+    schedule: tn,
+    flush: nn,
+    cancel: en,
+    getContainerId: () => nt,
+    createContainer: on
+  };
+}
+const sn = T.div.withConfig({
+  displayName: "TooltipList__StyledTooltipContent"
+})(["color:", ";", ";max-height:130px;overflow-y:auto;padding-block:2px;padding-right:2px;& > ul{padding-top:1px;display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;}& li{padding-left:12px;position:relative;&::before{content:'•';position:absolute;left:2px;}}"], () => jt, () => mt(Jt)), cn = ({
+  groupLabel: t,
+  items: e
+}) => /* @__PURE__ */ U(sn, { children: [
+  /* @__PURE__ */ p("span", { children: t }),
+  /* @__PURE__ */ p("ul", { children: e.map((c, n) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ p("li", { children: c }, `${c}-${n}`)
+  )) })
+] }), ln = T.div.withConfig({
+  displayName: "TooltipList__FullWidthWrapper"
+})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]), Cn = ({
+  groupLabel: t,
+  items: e,
+  children: c,
+  fullWidth: n,
+  ...s
+}) => {
+  const r = e.length > 0, o = /* @__PURE__ */ p(
+    gt,
+    {
+      usePortal: !0,
+      size: "s",
+      mouseEnterDelay: 500,
+      ...s,
+      trigger: r ? s.trigger ?? "hover" : "none",
+      text: r ? /* @__PURE__ */ p(cn, { groupLabel: t, items: e }) : null,
+      opened: r ? s.opened : !1,
+      children: c
+    }
+  );
+  return n ? /* @__PURE__ */ p(ln, { children: o }) : o;
+}, dn = T(gt).withConfig({
+  displayName: "TypographyWithAutoTooltipstyled__StyledTooltip"
+})(["&.popover-target{width:100%;}"]), an = T.div.withConfig({
+  displayName: "TypographyWithAutoTooltipstyled__StyleTooltipWrapper"
+})(["display:flex;align-items:center;min-width:0;& .popover-target{width:100%;}& .popover-wrapper{overflow:hidden;width:100%;display:flex;}"]), un = 1, Dn = ({
+  tooltipText: t,
+  tooltipProps: e,
+  lines: c = 1,
+  className: n,
+  children: s,
+  ...r
+}) => {
+  const {
+    mouseEnterDelay: o = 500,
+    mouseLeaveDelay: d = 0,
+    ...f
+  } = e || {}, y = W(null), [v, E] = O(!1), g = W(), {
+    schedule: h,
+    getContainerId: w,
+    createContainer: A
+  } = rn(), C = P(() => {
+    if (!y.current)
+      return !1;
+    const L = y.current;
+    if (c > 1)
+      return L.scrollHeight > L.clientHeight || L.scrollWidth > L.clientWidth;
+    try {
+      const D = document.createRange();
+      D.selectNodeContents(L);
+      const H = D.getBoundingClientRect().width, b = L.getBoundingClientRect().width;
+      D.detach();
+      const z = window.devicePixelRatio || 1;
+      return (H - b) * z > un;
+    } catch {
+      return !1;
+    }
+  }, [c]), a = P(() => {
+    C() && (g.current = setTimeout(() => {
+      E(!0);
+    }, o));
+  }, [C, o]), S = P(() => {
+    clearTimeout(g.current), setTimeout(() => {
+      E(!1), h();
+    }, d);
+  }, [d, h]), {
+    variant: m,
+    bold: l,
+    size: u,
+    ...i
+  } = r, x = {
+    variant: m,
+    ...l !== void 0 && {
+      bold: l
+    },
+    ...u !== void 0 && {
+      size: u
+    },
+    ...i,
+    refTypography: y,
+    onMouseEnter: (L) => {
+      var D;
+      (D = i.onMouseEnter) == null || D.call(i, L);
+    },
+    onMouseLeave: (L) => {
+      var D;
+      (D = i.onMouseLeave) == null || D.call(i, L);
+    },
+    style: {
+      ...te({
+        lines: c
+      }),
+      ...i.style || {}
+    },
+    children: s
+  }, M = /* @__PURE__ */ p(lt, { ...x, children: s });
+  return X(() => A(), [A]), X(() => () => {
+    clearTimeout(g.current), h();
+  }, [h]), /* @__PURE__ */ p(an, { className: n, onMouseEnter: a, onMouseLeave: S, children: v ? /* @__PURE__ */ p(dn, { opened: v, text: t ?? "", target: M, frame: w(), ...f }) : M });
+}, Et = ({
+  items: t,
+  activeKey: e,
+  defaultActiveKey: c = null,
+  onActiveKeyChange: n
+}) => {
+  const s = e !== void 0, [r, o] = O(c), d = s ? e : r, f = (h) => {
+    s || o(h), n == null || n(h);
+  }, y = t.find((h) => h.key === d) ?? null, v = !!y, E = W(y);
+  y && (E.current = y);
+  const g = E.current;
+  return /* @__PURE__ */ U(ze, { children: [
+    /* @__PURE__ */ U(Oe, { $open: v, children: [
+      /* @__PURE__ */ p(Fe, { $active: !v, "aria-hidden": v, children: t.map((h) => /* @__PURE__ */ p(at, { size: "s", view: "clear", onClick: () => f(h.key), children: h.icon }, h.key)) }),
+      /* @__PURE__ */ p(ke, { $active: v, "aria-hidden": !v, children: g && /* @__PURE__ */ U(Yt, { children: [
+        /* @__PURE__ */ U(Ge, { children: [
+          /* @__PURE__ */ p(Be, { children: g.titleIcon ?? g.icon }),
+          /* @__PURE__ */ p($e, { children: /* @__PURE__ */ p(lt, { variant: "BodyM", bold: !0, children: g.title }) }),
+          /* @__PURE__ */ p(at, { size: "s", view: "clear", onClick: () => f(null), children: /* @__PURE__ */ p(ce, { size: "s" }) })
+        ] }),
+        /* @__PURE__ */ p(Xe, { children: g.content })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ p(Ke, { children: /* @__PURE__ */ p(Ut, { orientation: "vertical" }) })
+  ] });
+};
+Et.displayName = "AiAgentLeftPanel";
+const Lt = ct(({
+  variant: t = "embedded",
+  leftPanel: e,
+  children: c,
+  ...n
+}, s) => {
+  const o = At() ? qt : Qt;
+  return /* @__PURE__ */ p(t === "floating" ? Ie : Ce, { ...n, ref: s, $shadow: o, children: /* @__PURE__ */ U(De, { children: [
+    e && /* @__PURE__ */ p(Et, { ...e }),
+    /* @__PURE__ */ p(Pe, { children: c })
+  ] }) });
+});
+Lt.displayName = "AiAgentSurface";
+const pn = ({
+  elementRef: t,
+  setPosition: e,
+  dragBoundary: c,
+  onPositionChange: n,
+  ignoreSelector: s,
+  frame: r
+}) => {
+  const [o, d] = O(!1), [f, y] = O(!1), v = W({
+    x: 0,
+    y: 0
+  }), E = W({
+    x: 0,
+    y: 0
+  }), g = W(!1), h = W(null), w = B(() => s ? `${ht}, ${s}` : ht, [s]), A = P((i, x) => {
+    if (!t.current)
+      return;
+    g.current = !1, E.current = {
+      x: i,
+      y: x
+    }, h.current = Z(r);
+    const M = t.current.getBoundingClientRect();
+    v.current = {
+      x: i - M.left,
+      y: x - M.top
+    }, d(!0);
+  }, [t, r]), C = P((i) => {
+    i.button === 0 && (i.target.closest(w) || A(i.clientX, i.clientY));
+  }, [A, w]), a = P((i) => {
+    if (i.target.closest(w))
+      return;
+    const x = i.touches[0];
+    x && A(x.clientX, x.clientY);
+  }, [A, w]), S = P((i, x) => {
+    var Y;
+    if (!o || !t.current)
+      return;
+    const M = Math.abs(i - E.current.x), L = Math.abs(x - E.current.y);
+    if (!g.current && M < ut && L < ut)
+      return;
+    g.current || (g.current = !0, y(!0), (Y = window.getSelection()) == null || Y.removeAllRanges());
+    const {
+      offsetWidth: D,
+      offsetHeight: H
+    } = t.current, b = h.current ?? Z(r), {
+      top: z = 0,
+      right: F = 0,
+      bottom: N = 0,
+      left: I = 0
+    } = c || {}, _ = Math.max(I, Math.min(i - v.current.x - b.left, b.width - D - F)), R = Math.max(z, Math.min(x - v.current.y - b.top, b.height - H - N)), K = {
+      x: _,
+      y: R
+    };
+    e(K), n == null || n(K);
+  }, [o, t, c, e, n, r]), m = P((i) => {
+    S(i.clientX, i.clientY);
+  }, [S]), l = P((i) => {
+    const x = i.touches[0];
+    x && S(x.clientX, x.clientY);
+  }, [S]), u = P(() => {
+    d(!1), y(!1);
+  }, []);
+  return X(() => (o && (document.addEventListener("mousemove", m), document.addEventListener("mouseup", u), document.addEventListener("touchmove", l), document.addEventListener("touchend", u), document.addEventListener("touchcancel", u)), () => {
+    document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", u), document.removeEventListener("touchmove", l), document.removeEventListener("touchend", u), document.removeEventListener("touchcancel", u);
+  }), [o, m, l, u]), {
+    /** Порог пройден, окно перемещается: стили grabbing и запрет выделения */
+    dragActive: f,
+    /** Готовый набор обработчиков для контейнера окна */
+    dragHandlers: {
+      onMouseDown: C,
+      onTouchStart: a
+    }
+  };
+}, hn = ({
+  opened: t,
+  targetRef: e,
+  targetGap: c,
+  defaultPosition: n,
+  savedPosition: s,
+  externalPositionState: r,
+  dragBoundary: o,
+  frame: d
+}) => {
+  const f = W(null), [y, v] = O(null), E = P((a) => {
+    f.current = a, v(a);
+  }, []), [g, h] = O(() => s ?? n ?? null), w = r ? r[0] : g, A = P(
+    (a) => {
+      r ? r[1](a) : h(a);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r == null ? void 0 : r[1]]
+  );
+  oe(() => {
+    if (!t)
+      return;
+    const a = y;
+    if (!a)
+      return;
+    const S = {
+      width: a.offsetWidth,
+      height: a.offsetHeight
+    }, m = Z(d), l = w ?? (e != null && e.current ? Ve(e.current, c, m) : Ze()), u = ft(l, S, o, m);
+    (!w || u.x !== w.x || u.y !== w.y) && A(u);
+  }, [t, y, w, e, c, o, d, A]);
+  const C = W(w);
+  return X(() => {
+    C.current = w;
+  }, [w]), X(() => {
+    if (!t)
+      return;
+    const a = ee(() => {
+      const l = f.current, u = C.current;
+      if (!l || !u)
+        return;
+      const i = ft(u, {
+        width: l.offsetWidth,
+        height: l.offsetHeight
+      }, o, Z(d));
+      (i.x !== u.x || i.y !== u.y) && A(i);
+    }, fe);
+    window.addEventListener("resize", a);
+    const S = St(d);
+    let m;
+    return S && (m = new ResizeObserver(a), m.observe(S)), () => {
+      window.removeEventListener("resize", a), m == null || m.disconnect(), a.cancel();
+    };
+  }, [t, o, d, A]), {
+    /** Текущая позиция окна, null пока не вычислена */
+    popupPosition: w,
+    setPopupPosition: A,
+    /**
+     * Позиция для записи в хранилище: при внешнем управлении позицией
+     * не сохраняем ничего, за неё отвечает потребитель
+     */
+    positionForStorage: r ? void 0 : g ?? void 0,
+    containerRef: f,
+    setContainerRef: E
+  };
+}, fn = ({
+  resizable: t,
+  defaultSize: e,
+  savedSize: c,
+  dragBoundary: n,
+  containerRef: s,
+  onSizeChange: r,
+  popupPosition: o,
+  setPopupPosition: d,
+  frame: f,
+  isSectionOpen: y = !1
+}) => {
+  const [v, E] = O(() => c ?? e), [g, h] = O({}), [w, A] = O(null), C = B(() => {
+    if (!o)
+      return "bottom-right";
+    const i = s.current, x = {
+      width: (i == null ? void 0 : i.offsetWidth) ?? 0,
+      height: (i == null ? void 0 : i.offsetHeight) ?? 0
+    };
+    return Je(je(o, x, n, Z(f)));
+  }, [o, n, s, f]), a = w ?? C, S = W(null), m = W(null);
+  X(() => () => {
+    var i;
+    (i = m.current) == null || i.disconnect();
+  }, []);
+  const l = B(() => qe(t, a), [t, a]), u = B(() => {
+    if (!l)
+      return;
+    const i = (H) => {
+      var z, F;
+      const b = s.current;
+      if (b) {
+        const N = Z(f), I = b.getBoundingClientRect(), _ = {
+          left: I.left - N.left,
+          top: I.top - N.top,
+          right: I.right - N.left,
+          bottom: I.bottom - N.top
+        }, R = a;
+        A(R);
+        const {
+          top: K = 0,
+          right: Y = 0,
+          bottom: ot = 0,
+          left: it = 0
+        } = n ?? {}, j = Math.min(V, R.includes("left") ? _.right - it : N.width - _.left - Y), Q = Math.min(V, R.includes("top") ? _.bottom - K : N.height - _.top - ot);
+        if (h({
+          maxWidth: l.maxWidth ? Math.min(l.maxWidth, j) : j,
+          maxHeight: l.maxHeight ? Math.min(l.maxHeight, Q) : Q
+        }), R.includes("top") || R.includes("left")) {
+          const G = {
+            left: _.left,
+            top: _.top,
+            right: _.right,
+            bottom: _.bottom,
+            corner: R
+          };
+          S.current = G, (z = m.current) == null || z.disconnect(), m.current = new ResizeObserver(() => {
+            const J = s.current;
+            J && d({
+              x: R.includes("left") ? G.right - J.offsetWidth : G.left,
+              y: R.includes("top") ? G.bottom - J.offsetHeight : G.top
+            });
+          }), m.current.observe(b);
+        }
+      }
+      (F = l.onResizeStart) == null || F.call(l, H);
+    }, x = (H) => {
+      var z, F, N;
+      (z = m.current) == null || z.disconnect(), m.current = null, A(null);
+      const b = ((F = H == null ? void 0 : H.current) == null ? void 0 : F.resizable) ?? s.current;
+      if (b) {
+        const I = {
+          width: b.offsetWidth,
+          height: b.offsetHeight
+        }, _ = S.current;
+        _ && d({
+          x: _.corner.includes("left") ? _.right - I.width : _.left,
+          y: _.corner.includes("top") ? _.bottom - I.height : _.top
+        }), E(I), r == null || r(I);
+      }
+      S.current = null, (N = l.onResizeEnd) == null || N.call(l, H);
+    }, M = y ? Le : l.minWidth, L = Math.min(V, g.maxWidth ?? V), D = Math.min(V, g.maxHeight ?? V);
+    return {
+      ...l,
+      defaultSize: v ?? l.defaultSize,
+      minWidth: M,
+      maxWidth: L,
+      maxHeight: D,
+      onResizeStart: i,
+      onResizeEnd: x
+    };
+  }, [l, a, n, v, g, r, s, d, f, y]);
+  return {
+    /** Текущий размер окна (после ресайза), undefined если не менялся */
+    popupSize: v,
+    /** Готовая конфигурация resizable для атомарного Popup */
+    resizableConfig: u
+  };
+}, gn = (t) => !!t && typeof t.x == "number" && typeof t.y == "number", mn = (t) => !!t && typeof t.width == "number" && typeof t.height == "number", yn = (t) => {
+  const e = typeof t == "string" ? t : ge, c = P(() => {
+    if (!t)
+      return null;
+    try {
+      const r = localStorage.getItem(e);
+      if (!r)
+        return null;
+      const o = JSON.parse(r);
+      return !o || typeof o != "object" ? null : {
+        position: gn(o.position) ? o.position : void 0,
+        size: mn(o.size) ? o.size : void 0
+      };
+    } catch (r) {
+      return console.error("AiAgentPopup: failed to load state:", r), null;
+    }
+  }, [t, e]), n = P((r) => {
+    if (t)
+      try {
+        const o = localStorage.getItem(e), d = o ? JSON.parse(o) : {}, f = {
+          position: r.position ?? d.position,
+          size: r.size ?? d.size
+        };
+        localStorage.setItem(e, JSON.stringify(f));
+      } catch (o) {
+        console.error("AiAgentPopup: failed to save state:", o);
+      }
+  }, [t, e]), s = W(void 0);
+  return s.current === void 0 && (s.current = c()), {
+    savedState: s.current,
+    saveState: n
+  };
+}, vn = ct((t, e) => {
+  const {
+    children: c,
+    leftPanel: n,
+    opened: s,
+    targetRef: r,
+    targetGap: o = de,
+    defaultPosition: d,
+    positionState: f,
+    onPositionChange: y,
+    draggable: v = !0,
+    dragBoundary: E,
+    dragIgnoreSelector: g,
+    useStorage: h = !1,
+    resizable: w = !0,
+    defaultSize: A = he,
+    onSizeChange: C,
+    frame: a = "document",
+    style: S,
+    className: m,
+    ...l
+  } = t, {
+    savedState: u,
+    saveState: i
+  } = yn(h), x = B(() => Ye(E, le), [E]), M = n == null ? void 0 : n.activeKey, L = M !== void 0, [D, H] = O((n == null ? void 0 : n.defaultActiveKey) ?? null), b = L ? M : D, z = !!(n && b != null && n.items.some((tt) => tt.key === b)), F = P(
+    (tt) => {
+      var dt;
+      L || H(tt), (dt = n == null ? void 0 : n.onActiveKeyChange) == null || dt.call(n, tt);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [L, n == null ? void 0 : n.onActiveKeyChange]
+  ), N = B(() => n ? {
+    ...n,
+    activeKey: b,
+    onActiveKeyChange: F
+  } : void 0, [n, b, F]), {
+    popupPosition: I,
+    setPopupPosition: _,
+    positionForStorage: R,
+    containerRef: K,
+    setContainerRef: Y
+  } = hn({
+    opened: s,
+    targetRef: r,
+    targetGap: o,
+    defaultPosition: d,
+    savedPosition: u == null ? void 0 : u.position,
+    externalPositionState: f,
+    dragBoundary: x,
+    frame: a
+  }), {
+    dragActive: ot,
+    dragHandlers: it
+  } = pn({
+    elementRef: K,
+    setPosition: _,
+    dragBoundary: x,
+    onPositionChange: y,
+    ignoreSelector: g,
+    frame: a
+  }), {
+    popupSize: j,
+    resizableConfig: Q
+  } = fn({
+    resizable: w,
+    defaultSize: A,
+    savedSize: u == null ? void 0 : u.size,
+    dragBoundary: x,
+    containerRef: K,
+    onSizeChange: C,
+    popupPosition: I,
+    setPopupPosition: _,
+    frame: a,
+    isSectionOpen: z
+  }), G = B(() => ne(i, me), [i]);
+  X(() => {
+    h && G({
+      position: R,
+      size: j
+    });
+  }, [h, R, j, G]);
+  const J = B(() => ({
+    left: I ? `${I.x}px` : 0,
+    top: I ? `${I.y}px` : 0,
+    // Пока позиция не вычислена, прячем окно, чтобы оно не мигало в углу
+    ...I ? null : {
+      visibility: "hidden"
+    },
+    ...S
+  }), [I, S]);
+  return /* @__PURE__ */ p(be, { ...l, ref: e, opened: s, frame: a, placement: "top-left", resizable: Q, style: J, className: ot ? `${m ?? ""} ${yt}`.trim() : m, children: /* @__PURE__ */ p(Lt, { variant: "floating", leftPanel: N, ref: Y, ...v ? it : null, children: c }) });
+});
+vn.displayName = "AiAgentPopup";
+export {
+  Ue as A,
+  Dn as T,
+  lt as a,
+  Cn as b,
+  vn as c
+};