@daisforge/ui 1.12.0 → 1.12.2

package/components/AiAgentPopover/index.mjs

@@ -1,87 +1,71 @@
-import { Popover as Et, IconButton as Nt } from "@salutejs/sdds-finai";
-import { j as X } from "../../chunks/vendor-BG4P-329.mjs";
-import { IconMagic as Pt, IconResizeCorneredFill as Ct } from "@salutejs/plasma-icons";
-import { surfaceSolidCard as ct, shadowDownSoftM as Dt, textTertiary as kt } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import { t as It, c as at } from "../../chunks/utils-BNelzuI-.mjs";
-import { useState as F, useRef as W, useCallback as C, useEffect as _, useMemo as q, useLayoutEffect as et } from "react";
-import { s as ut, borderRadius as Tt } from "../../constants/index.mjs";
+import { Popover as Et, IconButton as At } from "@salutejs/sdds-finai";
+import { jsx as F } from "react/jsx-runtime";
+import { IconMagic as It, IconResizeCorneredFill as Tt } from "@salutejs/plasma-icons";
+import { surfaceSolidCard as ct, shadowDownSoftM as Dt, textTertiary as Pt } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { t as Lt, c as at } from "../../chunks/utils-C5SQhoON.mjs";
+import { useState as _, useRef as X, useCallback as T, useEffect as R, useMemo as K, useLayoutEffect as et } from "react";
+import { s as ht, borderRadius as St } from "../../constants/index.mjs";
 import lt from "styled-components";
-const R = {
+const k = {
   popoverContentContainer: "ai-agent-popover-content-container",
   popoverIconTrigger: "ai-agent-popover-icon-trigger"
-}, ft = {
+}, mt = {
   root: "popover-root",
   arrow: "popover-arrow"
-}, J = {
+}, q = {
   purple: "#b559f3",
   blue: "#7496fd"
-}, Lt = 26, pt = 5, St = 56, yt = {
+}, yt = 26, pt = 5, Ht = 56, Nt = {
   x: window.innerWidth - 100,
   y: window.innerHeight - 100
-}, ht = 10, mt = "ai-agent-popover-position", Ht = `${ft.arrow}:before`, U = {
-  spaceX4: () => ut.x4,
-  spaceX3: () => ut.x3,
-  brS: () => Tt.s
-}, Wt = lt(Et).withConfig({ displayName: "AiAgentPopoverstyled__AiAgentPopoverStyled" })(
-  ["--ai-agent-popover-content-container-pd:", " ", " ", " ", ";--ai-agent-popover-border-radius:", ";", " &:is(.", ",.", "){border-radius:var(--ai-agent-popover-border-radius);}& .", "{padding:var(--ai-agent-popover-content-container-pd);background:", ";height:100%;}& .", "{background:", ";}"],
-  U.spaceX4,
-  U.spaceX3,
-  U.spaceX3,
-  U.spaceX3,
-  U.brS,
-  ({ $draggable: t, $position: n }) => {
-    if (t)
-      return "";
-    if (typeof n == "string")
-      switch (n) {
-        case "top-left":
-          return `
+}, ut = 10, ft = "ai-agent-popover-position", Wt = `${mt.arrow}:before`, j = {
+  spaceX4: () => ht.x4,
+  spaceX3: () => ht.x3,
+  brS: () => St.s
+}, Xt = lt(Et).withConfig({
+  displayName: "AiAgentPopoverstyled__AiAgentPopoverStyled"
+})(["--ai-agent-popover-content-container-pd:", " ", " ", " ", ";--ai-agent-popover-border-radius:", ";", " &:is(.", ",.", "){border-radius:var(--ai-agent-popover-border-radius);}& .", "{padding:var(--ai-agent-popover-content-container-pd);background:", ";height:100%;}& .", "{background:", ";}"], j.spaceX4, j.spaceX3, j.spaceX3, j.spaceX3, j.brS, ({
+  $draggable: t,
+  $position: n
+}) => {
+  if (t)
+    return "";
+  if (typeof n == "string")
+    switch (n) {
+      case "top-left":
+        return `
             position: fixed;
             left: 56px;
             top: 56px;
           `;
-        case "top-right":
-          return `
+      case "top-right":
+        return `
             position: fixed;
             right: 56px;
             top: 56px;
           `;
-        case "bottom-left":
-          return `
+      case "bottom-left":
+        return `
             position: fixed;
             left: 56px;
             bottom: 56px;
           `;
-        case "bottom-right":
-          return `
+      case "bottom-right":
+        return `
             position: fixed;
             right: 56px;
             bottom: 56px;
           `;
-        default:
-          return `
+      default:
+        return `
           position: fixed;
           right: 56px;
           bottom: 56px;`;
-      }
-    return "";
-  },
-  ft.root,
-  R.popoverContentContainer,
-  R.popoverContentContainer,
-  () => ct,
-  Ht,
-  () => ct
-), Xt = lt(Nt).withConfig({ displayName: "AiAgentPopoverstyled__MagicButtonStyled" })(
-  ["&&{width:72px !important;height:72px !important;border-radius:100% !important;box-shadow:", " !important;background:linear-gradient( to right,", " 0%,", " 100% ) !important;transition:transform 0.3s ease !important;&.", " svg{transition:transform 0.3s ease-in-out !important;transform-origin:center center !important;will-change:transform !important;}&:hover{transform:scale(1.02) !important;&.", " svg{transform:scaleX(-1) !important;}background:linear-gradient( to right,", " 0%,", " 100% ) !important;}}"],
-  () => Dt,
-  J.purple,
-  J.blue,
-  R.popoverIconTrigger,
-  R.popoverIconTrigger,
-  J.purple,
-  J.blue
-), gt = (t) => t ? typeof t == "string" && ["top-right", "top-left", "bottom-right", "bottom-left"].includes(t) : !1, Ft = (t) => gt(t) ? t.split("-")[0] : t, _t = ({
+    }
+  return "";
+}, mt.root, k.popoverContentContainer, k.popoverContentContainer, () => ct, Wt, () => ct), Ft = lt(At).withConfig({
+  displayName: "AiAgentPopoverstyled__MagicButtonStyled"
+})(["&&{width:72px !important;height:72px !important;border-radius:100% !important;box-shadow:", " !important;background:linear-gradient( to right,", " 0%,", " 100% ) !important;transition:transform 0.3s ease !important;&.", " svg{transition:transform 0.3s ease-in-out !important;transform-origin:center center !important;will-change:transform !important;}&:hover{transform:scale(1.02) !important;&.", " svg{transform:scaleX(-1) !important;}background:linear-gradient( to right,", " 0%,", " 100% ) !important;}}"], () => Dt, q.purple, q.blue, k.popoverIconTrigger, k.popoverIconTrigger, q.purple, q.blue), gt = (t) => t ? typeof t == "string" && ["top-right", "top-left", "bottom-right", "bottom-left"].includes(t) : !1, _t = (t) => gt(t) ? t.split("-")[0] : t, Rt = ({
   position: t,
   size: n = {
     width: 0,
@@ -94,13 +78,13 @@ const R = {
     innerWidth: i,
     innerHeight: w
   } = window, {
-    left: L = 0,
-    right: A = 0,
+    left: y = 0,
+    right: M = 0,
     top: e = 0,
-    bottom: h = 0
-  } = b, m = i - L - A, N = w - e - h, c = m / 3, P = N / 2, M = t.x - L, k = t.y - e;
+    bottom: u = 0
+  } = b, f = i - y - M, A = w - e - u, c = f / 3, I = A / 2, C = t.x - y, P = t.y - e;
   if (n.width === 0 || n.height === 0)
-    return k < P ? M < c ? 1 : M < 2 * c ? 2 : 3 : M < c ? 4 : M < 2 * c ? 5 : 6;
+    return P < I ? C < c ? 1 : C < 2 * c ? 2 : 3 : C < c ? 4 : C < 2 * c ? 5 : 6;
   const g = {
     1: 0,
     2: 0,
@@ -110,17 +94,17 @@ const R = {
     6: 0
   };
   for (let l = 1; l <= 6; l += 1) {
-    const r = (l - 1) % 3 * c, d = l <= 3 ? 0 : P, E = r + c, I = d + P, y = M + n.width, H = k + n.height, z = Math.max(0, Math.min(y, E) - Math.max(M, r)), Y = Math.max(0, Math.min(H, I) - Math.max(k, d)), j = z * Y;
-    g[l] = j;
+    const r = (l - 1) % 3 * c, d = l <= 3 ? 0 : I, E = r + c, L = d + I, N = C + n.width, W = P + n.height, z = Math.max(0, Math.min(N, E) - Math.max(C, r)), Y = Math.max(0, Math.min(W, L) - Math.max(P, d)), O = z * Y;
+    g[l] = O;
   }
   p && (console.group("getCurrentSector (advanced)"), console.log("Sector coverage:", g), console.groupEnd());
-  let a = 1, S = g[1];
+  let a = 1, H = g[1];
   for (let l = 1; l <= 6; l += 1) {
     const r = l;
-    g[r] > S && (S = g[r], a = r);
+    g[r] > H && (H = g[r], a = r);
   }
   return a;
-}, Rt = (t) => {
+}, kt = (t) => {
   switch (t) {
     case 1:
       return "bottom-right";
@@ -143,41 +127,41 @@ const R = {
 }) => {
   const p = window.innerWidth, i = window.innerHeight, {
     top: w = 0,
-    right: L = 0,
-    bottom: A = 0,
+    right: y = 0,
+    bottom: M = 0,
     left: e = 0
-  } = n || {}, h = St, {
-    width: m,
-    height: N
-  } = b, c = (S, l) => S > l ? S : l, P = c(e, h), M = c(L, h), k = c(w, h), g = c(A, h), a = {
-    top: k,
-    right: p - M,
+  } = n || {}, u = Ht, {
+    width: f,
+    height: A
+  } = b, c = (H, l) => H > l ? H : l, I = c(e, u), C = c(y, u), P = c(w, u), g = c(M, u), a = {
+    top: P,
+    right: p - C,
     bottom: i - g,
-    left: P
+    left: I
   };
   switch (t) {
     case "top-left":
       return {
-        x: Math.min(a.left, p - m - M),
-        y: Math.min(a.top, i - N - g)
+        x: Math.min(a.left, p - f - C),
+        y: Math.min(a.top, i - A - g)
       };
     case "top-right":
       return {
-        x: Math.max(a.right - m, P),
-        y: Math.min(a.top, i - N - g)
+        x: Math.max(a.right - f, I),
+        y: Math.min(a.top, i - A - g)
       };
     case "bottom-left":
       return {
-        x: Math.min(a.left, p - m - M),
-        y: Math.max(a.bottom - N, k)
+        x: Math.min(a.left, p - f - C),
+        y: Math.max(a.bottom - A, P)
       };
     case "bottom-right":
       return {
-        x: Math.max(a.right - m, P),
-        y: Math.max(a.bottom - N, k)
+        x: Math.max(a.right - f, I),
+        y: Math.max(a.bottom - A, P)
       };
     default:
-      return yt;
+      return Nt;
   }
 }, Yt = (t) => {
   if (!t || typeof t != "string")
@@ -198,7 +182,7 @@ const R = {
     default:
       return "bottom-right";
   }
-}, nt = (t, n) => t[0] === n[0] && t[1] === n[1], jt = (t) => typeof t == "string" && ["top", "bottom", "top-left", "top-right", "bottom-left", "bottom-right"].includes(t), Ot = (t, n = {
+}, nt = (t, n) => t[0] === n[0] && t[1] === n[1], Ot = (t) => typeof t == "string" && ["top", "bottom", "top-left", "top-right", "bottom-left", "bottom-right"].includes(t), $t = (t, n = {
   width: 0,
   height: 0
 }, b = {
@@ -215,90 +199,90 @@ const R = {
     x: Math.max(b.left, Math.min(t.x, p - n.width - b.right)),
     y: Math.max(b.top, Math.min(t.y, i - n.height - b.bottom))
   };
-}, Vt = (t, n, b, p, i) => {
-  const [w, L] = t, [A, e] = F(!1), h = W({
+}, Gt = (t, n, b, p, i) => {
+  const [w, y] = t, [M, e] = _(!1), u = X({
     x: 0,
     y: 0
-  }), m = W({
+  }), f = X({
     x: 0,
     y: 0
-  }), N = W(!1), c = W(w), P = C((r, d) => {
+  }), A = X(!1), c = X(w), I = T((r, d) => {
     if (!(n != null && n.current))
       return;
-    N.current = !1, m.current = {
+    A.current = !1, f.current = {
       x: r,
       y: d
     }, c.current = w;
     const E = n.current.getBoundingClientRect();
-    h.current = {
+    u.current = {
       x: r - E.left,
       y: d - E.top
     }, e(!0);
-  }, [n, w]), M = C((r) => {
-    r.preventDefault(), r.stopPropagation(), P(r.clientX, r.clientY);
-  }, [P]), k = C((r) => {
+  }, [n, w]), C = T((r) => {
+    r.preventDefault(), r.stopPropagation(), I(r.clientX, r.clientY);
+  }, [I]), P = T((r) => {
     const d = r.touches[0];
-    d && P(d.clientX, d.clientY);
-  }, [P]), g = C((r, d) => {
-    if (!A || !(n != null && n.current))
+    d && I(d.clientX, d.clientY);
+  }, [I]), g = T((r, d) => {
+    if (!M || !(n != null && n.current))
       return;
-    const E = Math.abs(r - m.current.x), I = Math.abs(d - m.current.y);
-    if (!N.current && E < pt && I < pt)
+    const E = Math.abs(r - f.current.x), L = Math.abs(d - f.current.y);
+    if (!A.current && E < pt && L < pt)
       return;
-    N.current = !0;
+    A.current = !0;
     const {
-      offsetWidth: y,
-      offsetHeight: H
+      offsetWidth: N,
+      offsetHeight: W
     } = n.current, {
       innerWidth: z,
       innerHeight: Y
     } = window, {
-      top: j = 0,
+      top: O = 0,
       right: D = 0,
-      bottom: O = 0,
-      left: V = 0
-    } = b || {}, K = Math.max(V, Math.min(r - h.current.x, z - y - D)), $ = Math.max(j, Math.min(d - h.current.y, Y - H - O)), G = {
-      x: K,
-      y: $
+      bottom: $ = 0,
+      left: G = 0
+    } = b || {}, V = Math.max(G, Math.min(r - u.current.x, z - N - D)), U = Math.max(O, Math.min(d - u.current.y, Y - W - $)), J = {
+      x: V,
+      y: U
     };
-    L(G), p == null || p(G), i == null || i();
-  }, [A, n, b, L, p, i]), a = C((r) => {
+    y(J), p == null || p(J), i == null || i();
+  }, [M, n, b, y, p, i]), a = T((r) => {
     g(r.clientX, r.clientY);
-  }, [g]), S = C((r) => {
+  }, [g]), H = T((r) => {
     const d = r.touches[0];
     d && g(d.clientX, d.clientY);
-  }, [g]), l = C(() => {
+  }, [g]), l = T(() => {
     e(!1);
   }, []);
-  return _(() => (A && (document.addEventListener("mousemove", a), document.addEventListener("mouseup", l)), () => {
+  return R(() => (M && (document.addEventListener("mousemove", a), document.addEventListener("mouseup", l)), () => {
     document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", l);
-  }), [A, a, S, l]), {
+  }), [M, a, H, l]), {
     position: w,
-    handleMouseDown: M,
-    isDragging: A,
-    wasDragged: N.current,
+    handleMouseDown: C,
+    isDragging: M,
+    wasDragged: A.current,
     touchHandlers: {
-      onTouchStart: k,
-      onTouchMove: S,
+      onTouchStart: P,
+      onTouchMove: H,
       onTouchEnd: l
     }
   };
-}, $t = (t, n, b, p = {
+}, Ut = (t, n, b, p = {
   top: 0,
   bottom: 0,
   left: 0,
   right: 0
 }) => {
-  const i = C(() => {
+  const i = T(() => {
     if (!t)
       return null;
-    const A = typeof t == "string" ? t : mt;
+    const M = typeof t == "string" ? t : ft;
     try {
-      const e = localStorage.getItem(A);
+      const e = localStorage.getItem(M);
       if (!e)
         return null;
-      const h = JSON.parse(e);
-      return Ot(h, b, {
+      const u = JSON.parse(e);
+      return $t(u, b, {
         top: p.top ?? 0,
         right: p.right ?? 0,
         bottom: p.bottom ?? 0,
@@ -307,18 +291,18 @@ const R = {
     } catch (e) {
       return console.error("Failed to load position:", e), null;
     }
-  }, [p, b, t]), w = C((A) => {
+  }, [p, b, t]), w = T((M) => {
     if (!t)
       return;
-    const e = typeof t == "string" ? t : mt;
+    const e = typeof t == "string" ? t : ft;
     try {
-      localStorage.setItem(e, JSON.stringify(A));
-    } catch (h) {
-      console.error("Failed to save position:", h);
+      localStorage.setItem(e, JSON.stringify(M));
+    } catch (u) {
+      console.error("Failed to save position:", u);
     }
   }, [t]);
   return {
-    savedPosition: q(() => i(), [i]) || n,
+    savedPosition: K(() => i(), [i]) || n,
     // Fallback на initialPosition
     savePosition: w
   };
@@ -329,142 +313,125 @@ const R = {
   target: p,
   offset: i = [0, 14],
   placement: w = "auto",
-  trigger: L = "click",
-  contentContainerClassNames: A,
+  trigger: y = "click",
+  contentContainerClassNames: M,
   dragBoundary: e,
-  draggable: h = !1,
-  positionState: m,
-  ignoreToggleOnDrag: N = !0,
+  draggable: u = !1,
+  positionState: f,
+  ignoreToggleOnDrag: A = !0,
   defaultPosition: c = "bottom-right",
-  onPositionChange: P,
-  calculateOffset: M = !0,
-  calculatePlacement: k = !0,
+  onPositionChange: I,
+  calculateOffset: C = !0,
+  calculatePlacement: P = !0,
   useStorage: g = !1,
   resizable: a,
-  onResizeStart: S,
+  onResizeStart: H,
   onResizeEnd: l,
   targetDataAttributes: r,
   ...d
 }) => {
-  const E = W(null), I = W(null), y = W(w), [H, z] = F({ width: 0, height: 0 }), [Y, j] = F(!1), D = t !== void 0 ? t : Y, [O, V] = F(w);
-  _(() => {
-    y.current = w, V(w);
+  const E = X(null), L = X(null), N = X(w), [W, z] = _({
+    width: 0,
+    height: 0
+  }), [Y, O] = _(!1), D = t !== void 0 ? t : Y, [$, G] = _(w);
+  R(() => {
+    N.current = w, G(w);
   }, [w]);
-  const K = q(
-    () => typeof c == "string" ? zt(c, e, H) : c,
-    [c, e, H]
-  ), { savedPosition: $, savePosition: G } = $t(
-    g,
-    K,
-    H,
-    e
-  ), [dt, Q] = F($), [T, Z] = m || [
-    dt,
-    Q
-  ];
-  _(() => {
-    !m && g && G(T);
-  }, [T, m, g, G]), _(() => {
-    m && Q(m[0]);
-  }, [m]), _(() => {
-    m || Q($);
-  }, [$, m]);
-  const [vt, B] = F(i), rt = C(
-    (o) => {
-      if (!E.current)
-        return !1;
-      const s = E.current.getBoundingClientRect(), { height: u } = s, { y: x } = T;
-      let v, f;
-      switch (o) {
-        case "top":
-        case "top-left":
-        case "top-right":
-          v = x - u, f = x;
-          break;
-        case "bottom":
-        case "bottom-left":
-        case "bottom-right":
-          v = x, f = x + u;
-          break;
-        default:
-          return !0;
-      }
-      return v >= ht && f <= window.innerHeight - ht;
-    },
-    [T]
-  ), it = C(() => {
-    var f;
-    if (!E.current || !k || !D)
+  const V = K(() => typeof c == "string" ? zt(c, e, W) : c, [c, e, W]), {
+    savedPosition: U,
+    savePosition: J
+  } = Ut(g, V, W, e), [dt, Q] = _(U), [S, Z] = f || [dt, Q];
+  R(() => {
+    !f && g && J(S);
+  }, [S, f, g, J]), R(() => {
+    f && Q(f[0]);
+  }, [f]), R(() => {
+    f || Q(U);
+  }, [U, f]);
+  const [vt, B] = _(i), rt = T((o) => {
+    if (!E.current)
+      return !1;
+    const s = E.current.getBoundingClientRect(), {
+      height: h
+    } = s, {
+      y: x
+    } = S;
+    let v, m;
+    switch (o) {
+      case "top":
+      case "top-left":
+      case "top-right":
+        v = x - h, m = x;
+        break;
+      case "bottom":
+      case "bottom-left":
+      case "bottom-right":
+        v = x, m = x + h;
+        break;
+      default:
+        return !0;
+    }
+    return v >= ut && m <= window.innerHeight - ut;
+  }, [S]), it = T(() => {
+    var m;
+    if (!E.current || !P || !D)
       return;
-    const o = (f = I.current) == null ? void 0 : f.getBoundingClientRect(), s = _t({
-      position: T,
-      size: { width: (o == null ? void 0 : o.width) ?? 0, height: (o == null ? void 0 : o.height) ?? 0 },
+    const o = (m = L.current) == null ? void 0 : m.getBoundingClientRect(), s = Rt({
+      position: S,
+      size: {
+        width: (o == null ? void 0 : o.width) ?? 0,
+        height: (o == null ? void 0 : o.height) ?? 0
+      },
       boundary: e
-    }), u = Rt(s), v = s === 2 || s === 5 ? s === 2 ? "bottom" : "top" : u;
-    if (jt(v) && !rt(v)) {
-      y.current = "auto", V("auto");
+    }), h = kt(s), v = s === 2 || s === 5 ? s === 2 ? "bottom" : "top" : h;
+    if (Ot(v) && !rt(v)) {
+      N.current = "auto", G("auto");
       return;
     }
-    y.current !== v && v && (y.current = v, V(v));
-  }, [k, D, T, e, rt]), tt = C(() => {
-    if (!E.current || !D || !M)
+    N.current !== v && v && (N.current = v, G(v));
+  }, [P, D, S, e, rt]), tt = T(() => {
+    if (!E.current || !D || !C)
       return;
-    const o = E.current.offsetWidth, s = y.current;
+    const o = E.current.offsetWidth, s = N.current;
     if (s === "top" || s === "bottom") {
-      B(
-        (u) => nt(u, i) ? u : i
-      );
+      B((h) => nt(h, i) ? h : i);
       return;
     }
     if (gt(s)) {
-      const x = [
-        (s.includes("left") ? 1 : -1) * (-o / 2 + Lt),
-        i[1]
-      ];
+      const x = [(s.includes("left") ? 1 : -1) * (-o / 2 + yt), i[1]];
       B((v) => {
-        const f = [x[0], x[1]];
-        return nt(v, f) ? v : f;
+        const m = [x[0], x[1]];
+        return nt(v, m) ? v : m;
       });
     } else
-      B(
-        (u) => nt(u, i) ? u : i
-      );
-  }, [M, D, i]);
-  _(() => {
-    const o = It(() => {
+      B((h) => nt(h, i) ? h : i);
+  }, [C, D, i]);
+  R(() => {
+    const o = Lt(() => {
       Z((s) => ({
-        x: Math.max(
-          (e == null ? void 0 : e.left) || 0,
-          Math.min(
-            s.x,
-            window.innerWidth - H.width - ((e == null ? void 0 : e.right) || 0)
-          )
-        ),
-        y: Math.max(
-          (e == null ? void 0 : e.top) || 0,
-          Math.min(
-            s.y,
-            window.innerHeight - H.height - ((e == null ? void 0 : e.bottom) || 0)
-          )
-        )
+        x: Math.max((e == null ? void 0 : e.left) || 0, Math.min(s.x, window.innerWidth - W.width - ((e == null ? void 0 : e.right) || 0))),
+        y: Math.max((e == null ? void 0 : e.top) || 0, Math.min(s.y, window.innerHeight - W.height - ((e == null ? void 0 : e.bottom) || 0)))
       }));
     }, 200);
     return window.addEventListener("resize", o), () => {
       o.cancel(), window.removeEventListener("resize", o);
     };
-  }, [H, e, Z]), et(() => {
+  }, [W, e, Z]), et(() => {
     D && (it(), tt());
-  }, [D, T]), et(() => {
-    if (!I.current)
+  }, [D, S]), et(() => {
+    if (!L.current)
       return;
     const o = () => {
       var x;
-      const u = (x = I.current) == null ? void 0 : x.getBoundingClientRect();
-      u && z({ width: u.width, height: u.height });
+      const h = (x = L.current) == null ? void 0 : x.getBoundingClientRect();
+      h && z({
+        width: h.width,
+        height: h.height
+      });
     };
     o();
     const s = at(o);
-    return I.current && s.observe(I.current), () => s.disconnect();
+    return L.current && s.observe(L.current), () => s.disconnect();
   }, []), et(() => {
     if (!E.current || !D)
       return;
@@ -473,149 +440,57 @@ const R = {
     });
     return o.observe(E.current), tt(), () => o.disconnect();
   }, [D]);
-  const { handleMouseDown: bt, wasDragged: st, touchHandlers: wt } = Vt(
-    [T, Z],
-    I,
-    e,
-    P,
-    it
-  ), ot = C(
-    (o, s) => {
-      t === void 0 && j(o), n == null || n(o, s);
-    },
-    [t, n]
-  ), xt = C(
-    (o) => {
-      if (h && st && N) {
-        o.preventDefault(), o.stopPropagation();
-        return;
-      }
-      ot(!D, o);
-    },
-    [h, st, D, ot, N]
-  ), At = q(
-    () => ({
-      position: "fixed",
-      left: `${T.x}px`,
-      top: `${T.y}px`,
-      zIndex: 9999,
-      transform: "none"
-    }),
-    [T]
-  ), Mt = q(
-    () => {
-      if (!a)
-        return;
-      const o = Yt(O), s = [
-        "top-left",
-        "top-right",
-        "bottom-left",
-        "bottom-right"
-      ], u = {};
-      o.includes("left") && (u.transform = "scaleX(-1)"), o.includes("top") && (u.transform = u.transform ? "scale(-1, -1)" : "scaleY(-1)");
-      const x = /* @__PURE__ */ X.jsxDEV(Ct, { color: kt, style: u }, void 0, !1, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
-        lineNumber: 377,
-        columnNumber: 7
-      }, void 0), v = {
+  const {
+    handleMouseDown: bt,
+    wasDragged: st,
+    touchHandlers: wt
+  } = Gt([S, Z], L, e, I, it), ot = T((o, s) => {
+    t === void 0 && O(o), n == null || n(o, s);
+  }, [t, n]), xt = T((o) => {
+    if (u && st && A) {
+      o.preventDefault(), o.stopPropagation();
+      return;
+    }
+    ot(!D, o);
+  }, [u, st, D, ot, A]), Mt = K(() => ({
+    position: "fixed",
+    left: `${S.x}px`,
+    top: `${S.y}px`,
+    zIndex: 9999,
+    transform: "none"
+  }), [S]), Ct = K(() => {
+    if (!a)
+      return;
+    const o = Yt($), s = ["top-left", "top-right", "bottom-left", "bottom-right"], h = {};
+    o.includes("left") && (h.transform = "scaleX(-1)"), o.includes("top") && (h.transform = h.transform ? "scale(-1, -1)" : "scaleY(-1)");
+    const x = /* @__PURE__ */ F(Tt, { color: Pt, style: h }), v = {
+      icons: {
+        topLeft: o === "top-left" ? x : null,
+        topRight: o === "top-right" ? x : null,
+        bottomLeft: o === "bottom-left" ? x : null,
+        bottomRight: o === "bottom-right" ? x : null
+      },
+      hiddenIcons: s.filter((m) => m !== o),
+      minHeight: 135,
+      minWidth: 235
+    };
+    if (typeof a == "function") {
+      const m = a($);
+      return {
+        ...v,
+        ...m,
         icons: {
-          topLeft: o === "top-left" ? x : null,
-          topRight: o === "top-right" ? x : null,
-          bottomLeft: o === "bottom-left" ? x : null,
-          bottomRight: o === "bottom-right" ? x : null
+          ...v.icons,
+          ...m == null ? void 0 : m.icons
         },
-        hiddenIcons: s.filter((f) => f !== o),
-        minHeight: 135,
-        minWidth: 235
+        hiddenIcons: (m == null ? void 0 : m.hiddenIcons) ?? v.hiddenIcons
       };
-      if (typeof a == "function") {
-        const f = a(O);
-        return {
-          ...v,
-          ...f,
-          icons: { ...v.icons, ...f == null ? void 0 : f.icons },
-          hiddenIcons: (f == null ? void 0 : f.hiddenIcons) ?? v.hiddenIcons
-        };
-      }
-      return v;
-    },
-    [a, O]
-  );
-  return /* @__PURE__ */ X.jsxDEV("div", { ref: I, style: At, ...wt, children: /* @__PURE__ */ X.jsxDEV(
-    Wt,
-    {
-      opened: D,
-      onToggle: ot,
-      role: "presentation",
-      target: /* @__PURE__ */ X.jsxDEV(
-        Xt,
-        {
-          size: "s",
-          className: R.popoverIconTrigger,
-          onMouseDown: h ? bt : void 0,
-          onClick: xt,
-          style: { cursor: "pointer" },
-          ...r,
-          children: /* @__PURE__ */ X.jsxDEV(Pt, { size: "m" }, void 0, !1, {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
-            lineNumber: 422,
-            columnNumber: 13
-          }, void 0)
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
-          lineNumber: 414,
-          columnNumber: 9
-        },
-        void 0
-      ),
-      offset: vt,
-      placement: Ft(y.current),
-      trigger: L,
-      hasArrow: !0,
-      closeOnOverlayClick: !0,
-      closeOnEsc: !0,
-      isFocusTrapped: !0,
-      animated: !0,
-      view: "default",
-      resizable: Mt,
-      onResizeStart: S,
-      onResizeEnd: l,
-      $draggable: h,
-      $position: typeof c == "string" ? c : void 0,
-      ...d,
-      children: /* @__PURE__ */ X.jsxDEV(
-        "div",
-        {
-          ref: E,
-          className: `${R.popoverContentContainer} ${A ?? ""}`,
-          children: b
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
-          lineNumber: 443,
-          columnNumber: 9
-        },
-        void 0
-      )
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
-      lineNumber: 409,
-      columnNumber: 7
-    },
-    void 0
-  ) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
-    lineNumber: 408,
-    columnNumber: 5
-  }, void 0);
+    }
+    return v;
+  }, [a, $]);
+  return /* @__PURE__ */ F("div", { ref: L, style: Mt, ...wt, children: /* @__PURE__ */ F(Xt, { opened: D, onToggle: ot, role: "presentation", target: /* @__PURE__ */ F(Ft, { size: "s", className: k.popoverIconTrigger, onMouseDown: u ? bt : void 0, onClick: xt, style: {
+    cursor: "pointer"
+  }, ...r, children: /* @__PURE__ */ F(It, { size: "m" }) }), offset: vt, placement: _t(N.current), trigger: y, hasArrow: !0, closeOnOverlayClick: !0, closeOnEsc: !0, isFocusTrapped: !0, animated: !0, view: "default", resizable: Ct, onResizeStart: H, onResizeEnd: l, $draggable: u, $position: typeof c == "string" ? c : void 0, ...d, children: /* @__PURE__ */ F("div", { ref: E, className: `${k.popoverContentContainer} ${M ?? ""}`, children: b }) }) });
 };
 export {
   to as AiAgentPopover