@daisforge/ui 1.22.0 → 1.23.0

package/chunks/AiAgentPopup-CLGSjg5L.cjs

@@ -0,0 +1,11 @@
+"use strict";const x=require("@salutejs/sdds-finai"),a=require("react/jsx-runtime"),$=require("@salutejs/sdds-themes/tokens/sdds_finai"),T=require("styled-components"),st=require("./utils-OQNruMpn.cjs"),n=require("react"),Tt=require("../components/TextArea/index.cjs"),_t=require("../constants/index.cjs"),Et=require("../shared/utils/resizable/index.cjs"),bt=require("@salutejs/plasma-icons"),ct=5,Lt=4,Ct=12,It=360,Rt=360,Dt=16,Mt={width:400,height:540},lt=56,Pt=100,Ht="ai-agent-popup-state",Nt=300,ut="ai-agent-popup-dragging",at='button, a, input, textarea, select, [contenteditable="true"], [data-no-drag]',Wt=.93,kt=79,jt=220,zt=23,pt=48,ht=300,Ot=8,Bt=12,Ft=1,Gt=2,it=40,Xt=2,X=800,$t=615,z={bg:()=>$.surfaceSolidCard,outline:()=>$.outlineAccentGradient,radius:()=>_t.br.m,padding:()=>`${Dt}px`},qt=T(x.Popup).withConfig({displayName:"AiAgentPopupstyled__StyledPopup"})(["&& .","{padding:0;}&.","{cursor:grabbing;user-select:none;}"],x.popupClasses.root,ut),Kt=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;}"],z.radius,z.radius,({$shadow:t})=>t,z.radius,z.outline),Ut=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:",";"],z.radius,z.outline,({$shadow:t})=>t),Yt=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;"],z.padding,z.radius,z.bg),Vt=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;"]),Zt=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledInputRoot"})(["position:relative;"]),Jt=`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%
+)`,Qt=`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%
+)`,te=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,kt,Wt*100,({$isDark:t})=>t?Qt:Jt,({$visible:t,$isDark:e})=>t?e?1:.56:0),ee=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledInputBackplate"})(["background:",";border-radius:0.625rem;position:relative;z-index:2;textarea{max-height:","px;}"],z.bg,({$maxHeight:t})=>t-zt),ne=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?ht:pt),ft=T.css(["position:absolute;top:0;left:0;box-sizing:border-box;height:100%;padding-right:","px;opacity:",";pointer-events:",";transition:opacity 0.3s ease;"],Ot,({$active:t})=>t?1:0,({$active:t})=>t?"auto":"none"),ie=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledRail"})(["",";width:","px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;"],ft,pt),se=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledSection"})(["",";width:","px;display:flex;flex-direction:column;"],ft,ht),re=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledSectionHeader"})(["flex:none;height:","px;display:flex;align-items:center;gap:","px;"],it,Xt),ce=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledSectionTitleIcon"})(["flex:none;display:flex;align-items:center;justify-content:center;width:","px;height:","px;"],it,it),le=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledSectionTitle"})(["flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]),ae=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledSectionContent"})(["flex:1 1 auto;min-height:0;"]),de=T.div.withConfig({displayName:"AiAgentPopupstyled__StyledLeftPanelDivider"})(["flex:none;display:flex;width:","px;margin-right:","px;& > *{width:100%;height:100%;}& > *::before{border-radius:","px;}"],Ft,Bt,Gt),ot=()=>{var t;return!!((t=document.documentElement.getAttribute("data-theme"))!=null&&t.toLowerCase().includes("dark"))},gt=()=>{const[t,e]=n.useState(ot);return n.useEffect(()=>{e(ot());const l=new MutationObserver(()=>e(ot()));return l.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>l.disconnect()},[]),t},mt=n.forwardRef(({glow:t=!1,rightSlot:e,maxHeight:l=jt,className:o,style:c,...r},i)=>{const d=gt(),g={size:"s",rows:1,autoResize:!0,...r,contentRight:e};return a.jsxs(Zt,{ref:i,className:o,style:c,children:[a.jsx(te,{$visible:t,$isDark:d,"aria-hidden":!0}),a.jsx(ee,{$maxHeight:l,children:a.jsx(Tt.TextArea,{...g})})]})});mt.displayName="AiAgentInput";const yt=t=>!t||t==="document"?null:typeof t=="string"?document.getElementById(t):t.current??null,q=t=>{const e=yt(t);if(!e)return{left:0,top:0,width:window.innerWidth,height:window.innerHeight};const l=e.getBoundingClientRect();return{left:l.left+e.clientLeft-e.scrollLeft,top:l.top+e.clientTop-e.scrollTop,width:e.scrollWidth,height:e.scrollHeight}},xt=()=>({left:0,top:0,width:window.innerWidth,height:window.innerHeight}),dt=(t,e={width:0,height:0},l={},o)=>{const{width:c,height:r}=o??xt(),{top:i=0,right:d=0,bottom:g=0,left:v=0}=l;return{x:Math.max(v,Math.min(t.x,c-e.width-d)),y:Math.max(i,Math.min(t.y,r-e.height-g))}},ue=(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}),pe=(t,e,l)=>{const o=t.getBoundingClientRect(),{left:c,top:r}=l??xt(),i=typeof e=="number"?e:e.x??0,d=typeof e=="number"?0:e.y??0;return{x:o.right+i-c,y:o.top+d-r}},he=()=>({x:lt,y:lt}),fe=(t,e,l={},o)=>{const{width:c,height:r}=o??{width:window.innerWidth,height:window.innerHeight},{left:i=0,right:d=0,top:g=0,bottom:v=0}=l,w=(c-i-d)/3,L=(r-g-v)/2,m=t.x-i,f=t.y-g;let S=1,_=-1;for(let D=1;D<=6;D+=1){const p=(D-1)%3*w,E=D<=3?0:L,y=Math.max(0,Math.min(m+e.width,p+w)-Math.max(m,p)),u=Math.max(0,Math.min(f+e.height,E+L)-Math.max(f,E)),h=y*u;h>_&&(_=h,S=D)}return S},ge=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"}},me=(t,e="bottom-right")=>Et.buildPopupResizableConfig(t,{corner:e,minWidth:It,minHeight:Rt}),ye={BodyL:x.BodyL,BodyM:x.BodyM,BodyS:x.BodyS,BodyXS:x.BodyXS,BodyXXS:x.BodyXXS,DsplL:x.DsplL,DsplM:x.DsplM,DsplS:x.DsplS,H1:x.H1,H2:x.H2,H3:x.H3,H4:x.H4,H5:x.H5,TextL:x.TextL,TextM:x.TextM,TextS:x.TextS,TextXS:x.TextXS};function tt({variant:t,children:e,refTypography:l,...o}){const c=ye[t];return a.jsx(c,{...o,ref:l,children:e})}tt.displayName="Typography";const Q="typography-with-auto-tooltip-root";let Y=!1,B=null,J=0;function vt(){if(typeof document>"u")return;const t=document.getElementById(Q);t&&t.querySelectorAll("[id^='plasma-popover-root']:empty").forEach(e=>e.remove())}function xe(){Y||(Y=!0,B=setTimeout(()=>{Y=!1,B=null,vt()},0))}function ve(){B&&(clearTimeout(B),B=null),Y=!1}function we(){B&&(clearTimeout(B),B=null),Y=!1,vt()}function Se(){if(!(typeof document>"u")){if(J+=1,J===1){const t=document.createElement("div");t.id=Q,document.body.appendChild(t)}return()=>{if(J-=1,J===0){const t=document.getElementById(Q);t&&(t.querySelectorAll("[id^='plasma-popover-root']").length>0||t.remove())}}}}function Ae(){return{schedule:xe,flush:we,cancel:ve,getContainerId:()=>Q,createContainer:Se}}const Te=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;}}"],()=>$.inverseTextPrimary,()=>T.css($.bodyXS)),_e=({groupLabel:t,items:e})=>a.jsxs(Te,{children:[a.jsx("span",{children:t}),a.jsx("ul",{children:e.map((l,o)=>a.jsx("li",{children:l},`${l}-${o}`))})]}),Ee=T.div.withConfig({displayName:"TooltipList__FullWidthWrapper"})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]),be=({groupLabel:t,items:e,children:l,fullWidth:o,...c})=>{const r=e.length>0,i=a.jsx(x.Tooltip,{usePortal:!0,size:"s",mouseEnterDelay:500,...c,trigger:r?c.trigger??"hover":"none",text:r?a.jsx(_e,{groupLabel:t,items:e}):null,opened:r?c.opened:!1,children:l});return o?a.jsx(Ee,{children:i}):i},Le=T(x.Tooltip).withConfig({displayName:"TypographyWithAutoTooltipstyled__StyledTooltip"})(["&.popover-target{width:100%;}"]),Ce=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;}"]),Ie=1,Re=({tooltipText:t,tooltipProps:e,lines:l=1,className:o,children:c,...r})=>{const{mouseEnterDelay:i=500,mouseLeaveDelay:d=0,...g}=e||{},v=n.useRef(null),[w,L]=n.useState(!1),m=n.useRef(),{schedule:f,getContainerId:S,createContainer:_}=Ae(),D=n.useCallback(()=>{if(!v.current)return!1;const C=v.current;if(l>1)return C.scrollHeight>C.clientHeight||C.scrollWidth>C.clientWidth;try{const M=document.createRange();M.selectNodeContents(C);const W=M.getBoundingClientRect().width,I=C.getBoundingClientRect().width;M.detach();const k=window.devicePixelRatio||1;return(W-I)*k>Ie}catch{return!1}},[l]),p=n.useCallback(()=>{D()&&(m.current=setTimeout(()=>{L(!0)},i))},[D,i]),E=n.useCallback(()=>{clearTimeout(m.current),setTimeout(()=>{L(!1),f()},d)},[d,f]),{variant:y,bold:u,size:h,...s}=r,A={variant:y,...u!==void 0&&{bold:u},...h!==void 0&&{size:h},...s,refTypography:v,onMouseEnter:C=>{var M;(M=s.onMouseEnter)==null||M.call(s,C)},onMouseLeave:C=>{var M;(M=s.onMouseLeave)==null||M.call(s,C)},style:{...st.truncateText({lines:l}),...s.style||{}},children:c},N=a.jsx(tt,{...A,children:c});return n.useEffect(()=>_(),[_]),n.useEffect(()=>()=>{clearTimeout(m.current),f()},[f]),a.jsx(Ce,{className:o,onMouseEnter:p,onMouseLeave:E,children:w?a.jsx(Le,{opened:w,text:t??"",target:N,frame:S(),...g}):N})},wt=({items:t,activeKey:e,defaultActiveKey:l=null,onActiveKeyChange:o})=>{const c=e!==void 0,[r,i]=n.useState(l),d=c?e:r,g=f=>{c||i(f),o==null||o(f)},v=t.find(f=>f.key===d)??null,w=!!v,L=n.useRef(v);v&&(L.current=v);const m=L.current;return a.jsxs(ne,{children:[a.jsxs(oe,{$open:w,children:[a.jsx(ie,{$active:!w,"aria-hidden":w,children:t.map(f=>a.jsx(x.IconButton,{size:"s",view:"clear",onClick:()=>g(f.key),children:f.icon},f.key))}),a.jsx(se,{$active:w,"aria-hidden":!w,children:m&&a.jsxs(a.Fragment,{children:[a.jsxs(re,{children:[a.jsx(ce,{children:m.titleIcon??m.icon}),a.jsx(le,{children:a.jsx(tt,{variant:"BodyM",bold:!0,children:m.title})}),a.jsx(x.IconButton,{size:"s",view:"clear",onClick:()=>g(null),children:a.jsx(bt.IconClose,{size:"s"})})]}),a.jsx(ae,{children:m.content})]})})]}),a.jsx(de,{children:a.jsx(x.Divider,{orientation:"vertical"})})]})};wt.displayName="AiAgentLeftPanel";const St=n.forwardRef(({variant:t="embedded",leftPanel:e,children:l,...o},c)=>{const i=gt()?$.shadowGradientDark:$.shadowGradientLight,d=t==="floating"?Kt:Ut;return a.jsx(d,{...o,ref:c,$shadow:i,children:a.jsxs(Yt,{children:[e&&a.jsx(wt,{...e}),a.jsx(Vt,{children:l})]})})});St.displayName="AiAgentSurface";const De=({elementRef:t,setPosition:e,dragBoundary:l,onPositionChange:o,ignoreSelector:c,frame:r})=>{const[i,d]=n.useState(!1),[g,v]=n.useState(!1),w=n.useRef({x:0,y:0}),L=n.useRef({x:0,y:0}),m=n.useRef(!1),f=n.useRef(null),S=n.useMemo(()=>c?`${at}, ${c}`:at,[c]),_=n.useCallback((s,A)=>{if(!t.current)return;m.current=!1,L.current={x:s,y:A},f.current=q(r);const N=t.current.getBoundingClientRect();w.current={x:s-N.left,y:A-N.top},d(!0)},[t,r]),D=n.useCallback(s=>{s.button===0&&(s.target.closest(S)||_(s.clientX,s.clientY))},[_,S]),p=n.useCallback(s=>{if(s.target.closest(S))return;const A=s.touches[0];A&&_(A.clientX,A.clientY)},[_,S]),E=n.useCallback((s,A)=>{var G;if(!i||!t.current)return;const N=Math.abs(s-L.current.x),C=Math.abs(A-L.current.y);if(!m.current&&N<ct&&C<ct)return;m.current||(m.current=!0,v(!0),(G=window.getSelection())==null||G.removeAllRanges());const{offsetWidth:M,offsetHeight:W}=t.current,I=f.current??q(r),{top:k=0,right:j=0,bottom:P=0,left:R=0}=l||{},b=Math.max(R,Math.min(s-w.current.x-I.left,I.width-M-j)),H=Math.max(k,Math.min(A-w.current.y-I.top,I.height-W-P)),F={x:b,y:H};e(F),o==null||o(F)},[i,t,l,e,o,r]),y=n.useCallback(s=>{E(s.clientX,s.clientY)},[E]),u=n.useCallback(s=>{const A=s.touches[0];A&&E(A.clientX,A.clientY)},[E]),h=n.useCallback(()=>{d(!1),v(!1)},[]);return n.useEffect(()=>(i&&(document.addEventListener("mousemove",y),document.addEventListener("mouseup",h),document.addEventListener("touchmove",u),document.addEventListener("touchend",h),document.addEventListener("touchcancel",h)),()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",u),document.removeEventListener("touchend",h),document.removeEventListener("touchcancel",h)}),[i,y,u,h]),{dragActive:g,dragHandlers:{onMouseDown:D,onTouchStart:p}}},Me=({opened:t,targetRef:e,targetGap:l,defaultPosition:o,savedPosition:c,externalPositionState:r,dragBoundary:i,frame:d})=>{const g=n.useRef(null),[v,w]=n.useState(null),L=n.useCallback(p=>{g.current=p,w(p)},[]),[m,f]=n.useState(()=>c??o??null),S=r?r[0]:m,_=n.useCallback(p=>{r?r[1](p):f(p)},[r==null?void 0:r[1]]);n.useLayoutEffect(()=>{if(!t)return;const p=v;if(!p)return;const E={width:p.offsetWidth,height:p.offsetHeight},y=q(d),u=S??(e!=null&&e.current?pe(e.current,l,y):he()),h=dt(u,E,i,y);(!S||h.x!==S.x||h.y!==S.y)&&_(h)},[t,v,S,e,l,i,d,_]);const D=n.useRef(S);return n.useEffect(()=>{D.current=S},[S]),n.useEffect(()=>{if(!t)return;const p=st.throttleWithLastCall(()=>{const u=g.current,h=D.current;if(!u||!h)return;const s=dt(h,{width:u.offsetWidth,height:u.offsetHeight},i,q(d));(s.x!==h.x||s.y!==h.y)&&_(s)},Pt);window.addEventListener("resize",p);const E=yt(d);let y;return E&&(y=new ResizeObserver(p),y.observe(E)),()=>{window.removeEventListener("resize",p),y==null||y.disconnect(),p.cancel()}},[t,i,d,_]),{popupPosition:S,setPopupPosition:_,positionForStorage:r?void 0:m??void 0,containerRef:g,setContainerRef:L}},Pe=({resizable:t,defaultSize:e,savedSize:l,dragBoundary:o,containerRef:c,onSizeChange:r,popupPosition:i,setPopupPosition:d,frame:g,isSectionOpen:v=!1})=>{const[w,L]=n.useState(()=>l??e),[m,f]=n.useState({}),[S,_]=n.useState(null),D=n.useMemo(()=>{if(!i)return"bottom-right";const s=c.current,A={width:(s==null?void 0:s.offsetWidth)??0,height:(s==null?void 0:s.offsetHeight)??0};return ge(fe(i,A,o,q(g)))},[i,o,c,g]),p=S??D,E=n.useRef(null),y=n.useRef(null);n.useEffect(()=>()=>{var s;(s=y.current)==null||s.disconnect()},[]);const u=n.useMemo(()=>me(t,p),[t,p]),h=n.useMemo(()=>{if(!u)return;const s=W=>{var k,j;const I=c.current;if(I){const P=q(g),R=I.getBoundingClientRect(),b={left:R.left-P.left,top:R.top-P.top,right:R.right-P.left,bottom:R.bottom-P.top},H=p;_(H);const{top:F=0,right:G=0,bottom:et=0,left:nt=0}=o??{},K=Math.min(X,H.includes("left")?b.right-nt:P.width-b.left-G),V=Math.min(X,H.includes("top")?b.bottom-F:P.height-b.top-et);if(f({maxWidth:u.maxWidth?Math.min(u.maxWidth,K):K,maxHeight:u.maxHeight?Math.min(u.maxHeight,V):V}),H.includes("top")||H.includes("left")){const O={left:b.left,top:b.top,right:b.right,bottom:b.bottom,corner:H};E.current=O,(k=y.current)==null||k.disconnect(),y.current=new ResizeObserver(()=>{const U=c.current;U&&d({x:H.includes("left")?O.right-U.offsetWidth:O.left,y:H.includes("top")?O.bottom-U.offsetHeight:O.top})}),y.current.observe(I)}}(j=u.onResizeStart)==null||j.call(u,W)},A=W=>{var k,j,P;(k=y.current)==null||k.disconnect(),y.current=null,_(null);const I=((j=W==null?void 0:W.current)==null?void 0:j.resizable)??c.current;if(I){const R={width:I.offsetWidth,height:I.offsetHeight},b=E.current;b&&d({x:b.corner.includes("left")?b.right-R.width:b.left,y:b.corner.includes("top")?b.bottom-R.height:b.top}),L(R),r==null||r(R)}E.current=null,(P=u.onResizeEnd)==null||P.call(u,W)},N=v?$t:u.minWidth,C=Math.min(X,m.maxWidth??X),M=Math.min(X,m.maxHeight??X);return{...u,defaultSize:w??u.defaultSize,minWidth:N,maxWidth:C,maxHeight:M,onResizeStart:s,onResizeEnd:A}},[u,p,o,w,m,r,c,d,g,v]);return{popupSize:w,resizableConfig:h}},He=t=>!!t&&typeof t.x=="number"&&typeof t.y=="number",Ne=t=>!!t&&typeof t.width=="number"&&typeof t.height=="number",We=t=>{const e=typeof t=="string"?t:Ht,l=n.useCallback(()=>{if(!t)return null;try{const r=localStorage.getItem(e);if(!r)return null;const i=JSON.parse(r);return!i||typeof i!="object"?null:{position:He(i.position)?i.position:void 0,size:Ne(i.size)?i.size:void 0}}catch(r){return console.error("AiAgentPopup: failed to load state:",r),null}},[t,e]),o=n.useCallback(r=>{if(t)try{const i=localStorage.getItem(e),d=i?JSON.parse(i):{},g={position:r.position??d.position,size:r.size??d.size};localStorage.setItem(e,JSON.stringify(g))}catch(i){console.error("AiAgentPopup: failed to save state:",i)}},[t,e]),c=n.useRef(void 0);return c.current===void 0&&(c.current=l()),{savedState:c.current,saveState:o}},At=n.forwardRef((t,e)=>{const{children:l,leftPanel:o,opened:c,targetRef:r,targetGap:i=Ct,defaultPosition:d,positionState:g,onPositionChange:v,draggable:w=!0,dragBoundary:L,dragIgnoreSelector:m,useStorage:f=!1,resizable:S=!0,defaultSize:_=Mt,onSizeChange:D,frame:p="document",style:E,className:y,...u}=t,{savedState:h,saveState:s}=We(f),A=n.useMemo(()=>ue(L,Lt),[L]),N=o==null?void 0:o.activeKey,C=N!==void 0,[M,W]=n.useState((o==null?void 0:o.defaultActiveKey)??null),I=C?N:M,k=!!(o&&I!=null&&o.items.some(Z=>Z.key===I)),j=n.useCallback(Z=>{var rt;C||W(Z),(rt=o==null?void 0:o.onActiveKeyChange)==null||rt.call(o,Z)},[C,o==null?void 0:o.onActiveKeyChange]),P=n.useMemo(()=>o?{...o,activeKey:I,onActiveKeyChange:j}:void 0,[o,I,j]),{popupPosition:R,setPopupPosition:b,positionForStorage:H,containerRef:F,setContainerRef:G}=Me({opened:c,targetRef:r,targetGap:i,defaultPosition:d,savedPosition:h==null?void 0:h.position,externalPositionState:g,dragBoundary:A,frame:p}),{dragActive:et,dragHandlers:nt}=De({elementRef:F,setPosition:b,dragBoundary:A,onPositionChange:v,ignoreSelector:m,frame:p}),{popupSize:K,resizableConfig:V}=Pe({resizable:S,defaultSize:_,savedSize:h==null?void 0:h.size,dragBoundary:A,containerRef:F,onSizeChange:D,popupPosition:R,setPopupPosition:b,frame:p,isSectionOpen:k}),O=n.useMemo(()=>st.debounce(s,Nt),[s]);n.useEffect(()=>{f&&O({position:H,size:K})},[f,H,K,O]);const U=n.useMemo(()=>({left:R?`${R.x}px`:0,top:R?`${R.y}px`:0,...R?null:{visibility:"hidden"},...E}),[R,E]);return a.jsx(qt,{...u,ref:e,opened:c,frame:p,placement:"top-left",resizable:V,style:U,className:et?`${y??""} ${ut}`.trim():y,children:a.jsx(St,{variant:"floating",leftPanel:P,ref:G,...w?nt:null,children:l})})});At.displayName="AiAgentPopup";exports.AiAgentInput=mt;exports.AiAgentPopup=At;exports.TooltipList=be;exports.Typography=tt;exports.TypographyWithAutoTooltip=Re;