agentic-ui-libs 0.2.0-beta.10 → 0.2.0-beta.11

package/dist/ui-libs.umd.js

@@ -277,7 +277,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function D7(e,t){if(e){if(typeof e=="string")return Kc(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Kc(e,t)}}function I7(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function L7(e){if(Array.isArray(e))return Kc(e)}function Kc(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function R7(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Uy(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,zy(n.key),n)}}function B7(e,t,r){return t&&Uy(e.prototype,t),r&&Uy(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function F7(e,t,r){return t=bs(t),U7(e,Wy()?Reflect.construct(t,r||[],bs(e).constructor):t.apply(e,r))}function U7(e,t){if(t&&(qn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return W7(e)}function W7(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Wy(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Wy=function(){return!!e})()}function bs(e){return bs=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},bs(e)}function z7(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Yc(e,t)}function Yc(e,t){return Yc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Yc(e,t)}function Lt(e,t,r){return t=zy(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function zy(e){var t=V7(e,"string");return qn(t)=="symbol"?t:t+""}function V7(e,t){if(qn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(qn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}var mi=function(e){function t(){var r;R7(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return r=F7(this,t,[].concat(a)),Lt(r,"state",{isAnimationFinished:!0,totalLength:0}),Lt(r,"generateSimpleStrokeDasharray",function(o,s){return"".concat(s,"px ").concat(o-s,"px")}),Lt(r,"getStrokeDasharray",function(o,s,l){var u=l.reduce(function(b,O){return b+O});if(!u)return r.generateSimpleStrokeDasharray(s,o);for(var c=Math.floor(o/u),f=o%u,d=s-o,h=[],v=0,g=0;v<l.length;g+=l[v],++v)if(g+l[v]>f){h=[].concat(Kn(l.slice(0,v)),[f-g]);break}var m=h.length%2===0?[0,d]:[d];return[].concat(Kn(t.repeat(l,c)),Kn(h),m).map(function(b){return"".concat(b,"px")}).join(", ")}),Lt(r,"id",kr("recharts-line-")),Lt(r,"pathRef",function(o){r.mainCurve=o}),Lt(r,"handleAnimationEnd",function(){r.setState({isAnimationFinished:!0}),r.props.onAnimationEnd&&r.props.onAnimationEnd()}),Lt(r,"handleAnimationStart",function(){r.setState({isAnimationFinished:!1}),r.props.onAnimationStart&&r.props.onAnimationStart()}),r}return z7(t,e),B7(t,[{key:"componentDidMount",value:function(){if(this.props.isAnimationActive){var n=this.getTotalLength();this.setState({totalLength:n})}}},{key:"componentDidUpdate",value:function(){if(this.props.isAnimationActive){var n=this.getTotalLength();n!==this.state.totalLength&&this.setState({totalLength:n})}}},{key:"getTotalLength",value:function(){var n=this.mainCurve;try{return n&&n.getTotalLength&&n.getTotalLength()||0}catch{return 0}}},{key:"renderErrorBar",value:function(n,a){if(this.props.isAnimationActive&&!this.state.isAnimationFinished)return null;var i=this.props,o=i.points,s=i.xAxis,l=i.yAxis,u=i.layout,c=i.children,f=dt(c,$n);if(!f)return null;var d=function(g,m){return{x:g.x,y:g.y,value:g.value,errorVal:Je(g.payload,m)}},h={clipPath:n?"url(#clipPath-".concat(a,")"):null};return S.createElement(xe,h,f.map(function(v){return S.cloneElement(v,{key:"bar-".concat(v.props.dataKey),data:o,xAxis:s,yAxis:l,layout:u,dataPointFormatter:d})}))}},{key:"renderDots",value:function(n,a,i){var o=this.props.isAnimationActive;if(o&&!this.state.isAnimationFinished)return null;var s=this.props,l=s.dot,u=s.points,c=s.dataKey,f=de(this.props,!1),d=de(l,!0),h=u.map(function(g,m){var b=bt(bt(bt({key:"dot-".concat(m),r:3},f),d),{},{index:m,cx:g.x,cy:g.y,value:g.value,dataKey:c,payload:g.payload,points:u});return t.renderDotItem(l,b)}),v={clipPath:n?"url(#clipPath-".concat(a?"":"dots-").concat(i,")"):null};return S.createElement(xe,hi({className:"recharts-line-dots",key:"dots"},v),h)}},{key:"renderCurveStatically",value:function(n,a,i,o){var s=this.props,l=s.type,u=s.layout,c=s.connectNulls;s.ref;var f=By(s,$7),d=bt(bt(bt({},de(f,!0)),{},{fill:"none",className:"recharts-line-curve",clipPath:a?"url(#clipPath-".concat(i,")"):null,points:n},o),{},{type:l,layout:u,connectNulls:c});return S.createElement(Hr,hi({},d,{pathRef:this.pathRef}))}},{key:"renderCurveWithAnimation",value:function(n,a){var i=this,o=this.props,s=o.points,l=o.strokeDasharray,u=o.isAnimationActive,c=o.animationBegin,f=o.animationDuration,d=o.animationEasing,h=o.animationId,v=o.animateNewValues,g=o.width,m=o.height,b=this.state,O=b.prevPoints,x=b.totalLength;return S.createElement(Dt,{begin:c,duration:f,isActive:u,easing:d,from:{t:0},to:{t:1},key:"line-".concat(h),onAnimationEnd:this.handleAnimationEnd,onAnimationStart:this.handleAnimationStart},function(j){var y=j.t;if(O){var w=O.length/s.length,T=s.map(function(E,I){var k=Math.floor(I*w);if(O[k]){var D=O[k],M=ze(D.x,E.x),F=ze(D.y,E.y);return bt(bt({},E),{},{x:M(y),y:F(y)})}if(v){var z=ze(g*2,E.x),q=ze(m/2,E.y);return bt(bt({},E),{},{x:z(y),y:q(y)})}return bt(bt({},E),{},{x:E.x,y:E.y})});return i.renderCurveStatically(T,n,a)}var A=ze(0,x),_=A(y),C;if(l){var P="".concat(l).split(/[,\s]+/gim).map(function(E){return parseFloat(E)});C=i.getStrokeDasharray(_,x,P)}else C=i.generateSimpleStrokeDasharray(x,_);return i.renderCurveStatically(s,n,a,{strokeDasharray:C})})}},{key:"renderCurve",value:function(n,a){var i=this.props,o=i.points,s=i.isAnimationActive,l=this.state,u=l.prevPoints,c=l.totalLength;return s&&o&&o.length&&(!u&&c>0||!Ur(u,o))?this.renderCurveWithAnimation(n,a):this.renderCurveStatically(o,n,a)}},{key:"render",value:function(){var n,a=this.props,i=a.hide,o=a.dot,s=a.points,l=a.className,u=a.xAxis,c=a.yAxis,f=a.top,d=a.left,h=a.width,v=a.height,g=a.isAnimationActive,m=a.id;if(i||!s||!s.length)return null;var b=this.state.isAnimationFinished,O=s.length===1,x=ve("recharts-line",l),j=u&&u.allowDataOverflow,y=c&&c.allowDataOverflow,w=j||y,T=fe(m)?this.id:m,A=(n=de(o,!1))!==null&&n!==void 0?n:{r:3,strokeWidth:2},_=A.r,C=_===void 0?3:_,P=A.strokeWidth,E=P===void 0?2:P,I=dd(o)?o:{},k=I.clipDot,D=k===void 0?!0:k,M=C*2+E;return S.createElement(xe,{className:x},j||y?S.createElement("defs",null,S.createElement("clipPath",{id:"clipPath-".concat(T)},S.createElement("rect",{x:j?d:d-h/2,y:y?f:f-v/2,width:j?h:h*2,height:y?v:v*2})),!D&&S.createElement("clipPath",{id:"clipPath-dots-".concat(T)},S.createElement("rect",{x:d-M/2,y:f-M/2,width:h+M,height:v+M}))):null,!O&&this.renderCurve(w,T),this.renderErrorBar(w,T),(O||o)&&this.renderDots(w,D,T),(!g||b)&&Gt.renderCallByParent(this.props,s))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.animationId!==a.prevAnimationId?{prevAnimationId:n.animationId,curPoints:n.points,prevPoints:a.curPoints}:n.points!==a.curPoints?{curPoints:n.points}:null}},{key:"repeat",value:function(n,a){for(var i=n.length%2!==0?[].concat(Kn(n),[0]):n,o=[],s=0;s<a;++s)o=[].concat(Kn(o),Kn(i));return o}},{key:"renderDotItem",value:function(n,a){var i;if(S.isValidElement(n))i=S.cloneElement(n,a);else if(pe(n))i=n(a);else{var o=a.key,s=By(a,k7),l=ve("recharts-line-dot",typeof n!="boolean"?n.className:"");i=S.createElement(Jo,hi({key:o},s,{className:l}))}return i}}])}(S.PureComponent);Lt(mi,"displayName","Line"),Lt(mi,"defaultProps",{xAxisId:0,yAxisId:0,connectNulls:!1,activeDot:!0,dot:!0,legendType:"line",stroke:"#3182bd",strokeWidth:1,fill:"#fff",points:[],isAnimationActive:!gr.isSsr,animateNewValues:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",hide:!1,label:!1}),Lt(mi,"getComposedData",function(e){var t=e.props,r=e.xAxis,n=e.yAxis,a=e.xAxisTicks,i=e.yAxisTicks,o=e.dataKey,s=e.bandSize,l=e.displayedData,u=e.offset,c=t.layout,f=l.map(function(d,h){var v=Je(d,o);return c==="horizontal"?{x:Mn({axis:r,ticks:a,bandSize:s,entry:d,index:h}),y:fe(v)?null:n.scale(v),value:v,payload:d}:{x:fe(v)?null:r.scale(v),y:Mn({axis:n,ticks:i,bandSize:s,entry:d,index:h}),value:v,payload:d}});return bt({points:f,layout:c},u)});var G7=["layout","type","stroke","connectNulls","isRange","ref"],H7=["key"],Vy;function Yn(e){"@babel/helpers - typeof";return Yn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Yn(e)}function Gy(e,t){if(e==null)return{};var r=q7(e,t),n,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function q7(e,t){if(e==null)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}function Xr(){return Xr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Xr.apply(this,arguments)}function Hy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Ar(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Hy(Object(r),!0).forEach(function(n){qt(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Hy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function K7(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function qy(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Yy(n.key),n)}}function Y7(e,t,r){return t&&qy(e.prototype,t),r&&qy(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function X7(e,t,r){return t=xs(t),Z7(e,Ky()?Reflect.construct(t,r||[],xs(e).constructor):t.apply(e,r))}function Z7(e,t){if(t&&(Yn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return J7(e)}function J7(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ky(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Ky=function(){return!!e})()}function xs(e){return xs=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},xs(e)}function Q7(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Xc(e,t)}function Xc(e,t){return Xc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Xc(e,t)}function qt(e,t,r){return t=Yy(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Yy(e){var t=eR(e,"string");return Yn(t)=="symbol"?t:t+""}function eR(e,t){if(Yn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Yn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}var jr=function(e){function t(){var r;K7(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return r=X7(this,t,[].concat(a)),qt(r,"state",{isAnimationFinished:!0}),qt(r,"id",kr("recharts-area-")),qt(r,"handleAnimationEnd",function(){var o=r.props.onAnimationEnd;r.setState({isAnimationFinished:!0}),pe(o)&&o()}),qt(r,"handleAnimationStart",function(){var o=r.props.onAnimationStart;r.setState({isAnimationFinished:!1}),pe(o)&&o()}),r}return Q7(t,e),Y7(t,[{key:"renderDots",value:function(n,a,i){var o=this.props.isAnimationActive,s=this.state.isAnimationFinished;if(o&&!s)return null;var l=this.props,u=l.dot,c=l.points,f=l.dataKey,d=de(this.props,!1),h=de(u,!0),v=c.map(function(m,b){var O=Ar(Ar(Ar({key:"dot-".concat(b),r:3},d),h),{},{index:b,cx:m.x,cy:m.y,dataKey:f,value:m.value,payload:m.payload,points:c});return t.renderDotItem(u,O)}),g={clipPath:n?"url(#clipPath-".concat(a?"":"dots-").concat(i,")"):null};return S.createElement(xe,Xr({className:"recharts-area-dots"},g),v)}},{key:"renderHorizontalRect",value:function(n){var a=this.props,i=a.baseLine,o=a.points,s=a.strokeWidth,l=o[0].x,u=o[o.length-1].x,c=n*Math.abs(l-u),f=wr(o.map(function(d){return d.y||0}));return Q(i)&&typeof i=="number"?f=Math.max(i,f):i&&Array.isArray(i)&&i.length&&(f=Math.max(wr(i.map(function(d){return d.y||0})),f)),Q(f)?S.createElement("rect",{x:l<u?l:l-c,y:0,width:c,height:Math.floor(f+(s?parseInt("".concat(s),10):1))}):null}},{key:"renderVerticalRect",value:function(n){var a=this.props,i=a.baseLine,o=a.points,s=a.strokeWidth,l=o[0].y,u=o[o.length-1].y,c=n*Math.abs(l-u),f=wr(o.map(function(d){return d.x||0}));return Q(i)&&typeof i=="number"?f=Math.max(i,f):i&&Array.isArray(i)&&i.length&&(f=Math.max(wr(i.map(function(d){return d.x||0})),f)),Q(f)?S.createElement("rect",{x:0,y:l<u?l:l-c,width:f+(s?parseInt("".concat(s),10):1),height:Math.floor(c)}):null}},{key:"renderClipRect",value:function(n){var a=this.props.layout;return a==="vertical"?this.renderVerticalRect(n):this.renderHorizontalRect(n)}},{key:"renderAreaStatically",value:function(n,a,i,o){var s=this.props,l=s.layout,u=s.type,c=s.stroke,f=s.connectNulls,d=s.isRange;s.ref;var h=Gy(s,G7);return S.createElement(xe,{clipPath:i?"url(#clipPath-".concat(o,")"):null},S.createElement(Hr,Xr({},de(h,!0),{points:n,connectNulls:f,type:u,baseLine:a,layout:l,stroke:"none",className:"recharts-area-area"})),c!=="none"&&S.createElement(Hr,Xr({},de(this.props,!1),{className:"recharts-area-curve",layout:l,type:u,connectNulls:f,fill:"none",points:n})),c!=="none"&&d&&S.createElement(Hr,Xr({},de(this.props,!1),{className:"recharts-area-curve",layout:l,type:u,connectNulls:f,fill:"none",points:a})))}},{key:"renderAreaWithAnimation",value:function(n,a){var i=this,o=this.props,s=o.points,l=o.baseLine,u=o.isAnimationActive,c=o.animationBegin,f=o.animationDuration,d=o.animationEasing,h=o.animationId,v=this.state,g=v.prevPoints,m=v.prevBaseLine;return S.createElement(Dt,{begin:c,duration:f,isActive:u,easing:d,from:{t:0},to:{t:1},key:"area-".concat(h),onAnimationEnd:this.handleAnimationEnd,onAnimationStart:this.handleAnimationStart},function(b){var O=b.t;if(g){var x=g.length/s.length,j=s.map(function(A,_){var C=Math.floor(_*x);if(g[C]){var P=g[C],E=ze(P.x,A.x),I=ze(P.y,A.y);return Ar(Ar({},A),{},{x:E(O),y:I(O)})}return A}),y;if(Q(l)&&typeof l=="number"){var w=ze(m,l);y=w(O)}else if(fe(l)||un(l)){var T=ze(m,0);y=T(O)}else y=l.map(function(A,_){var C=Math.floor(_*x);if(m[C]){var P=m[C],E=ze(P.x,A.x),I=ze(P.y,A.y);return Ar(Ar({},A),{},{x:E(O),y:I(O)})}return A});return i.renderAreaStatically(j,y,n,a)}return S.createElement(xe,null,S.createElement("defs",null,S.createElement("clipPath",{id:"animationClipPath-".concat(a)},i.renderClipRect(O))),S.createElement(xe,{clipPath:"url(#animationClipPath-".concat(a,")")},i.renderAreaStatically(s,l,n,a)))})}},{key:"renderArea",value:function(n,a){var i=this.props,o=i.points,s=i.baseLine,l=i.isAnimationActive,u=this.state,c=u.prevPoints,f=u.prevBaseLine,d=u.totalLength;return l&&o&&o.length&&(!c&&d>0||!Ur(c,o)||!Ur(f,s))?this.renderAreaWithAnimation(n,a):this.renderAreaStatically(o,s,n,a)}},{key:"render",value:function(){var n,a=this.props,i=a.hide,o=a.dot,s=a.points,l=a.className,u=a.top,c=a.left,f=a.xAxis,d=a.yAxis,h=a.width,v=a.height,g=a.isAnimationActive,m=a.id;if(i||!s||!s.length)return null;var b=this.state.isAnimationFinished,O=s.length===1,x=ve("recharts-area",l),j=f&&f.allowDataOverflow,y=d&&d.allowDataOverflow,w=j||y,T=fe(m)?this.id:m,A=(n=de(o,!1))!==null&&n!==void 0?n:{r:3,strokeWidth:2},_=A.r,C=_===void 0?3:_,P=A.strokeWidth,E=P===void 0?2:P,I=dd(o)?o:{},k=I.clipDot,D=k===void 0?!0:k,M=C*2+E;return S.createElement(xe,{className:x},j||y?S.createElement("defs",null,S.createElement("clipPath",{id:"clipPath-".concat(T)},S.createElement("rect",{x:j?c:c-h/2,y:y?u:u-v/2,width:j?h:h*2,height:y?v:v*2})),!D&&S.createElement("clipPath",{id:"clipPath-dots-".concat(T)},S.createElement("rect",{x:c-M/2,y:u-M/2,width:h+M,height:v+M}))):null,O?null:this.renderArea(w,T),(o||O)&&this.renderDots(w,D,T),(!g||b)&&Gt.renderCallByParent(this.props,s))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.animationId!==a.prevAnimationId?{prevAnimationId:n.animationId,curPoints:n.points,curBaseLine:n.baseLine,prevPoints:a.curPoints,prevBaseLine:a.curBaseLine}:n.points!==a.curPoints||n.baseLine!==a.curBaseLine?{curPoints:n.points,curBaseLine:n.baseLine}:null}}])}(S.PureComponent);Vy=jr,qt(jr,"displayName","Area"),qt(jr,"defaultProps",{stroke:"#3182bd",fill:"#3182bd",fillOpacity:.6,xAxisId:0,yAxisId:0,legendType:"line",connectNulls:!1,points:[],dot:!1,activeDot:!0,hide:!1,isAnimationActive:!gr.isSsr,animationBegin:0,animationDuration:1500,animationEasing:"ease"}),qt(jr,"getBaseValue",function(e,t,r,n){var a=e.layout,i=e.baseValue,o=t.props.baseValue,s=o??i;if(Q(s)&&typeof s=="number")return s;var l=a==="horizontal"?n:r,u=l.scale.domain();if(l.type==="number"){var c=Math.max(u[0],u[1]),f=Math.min(u[0],u[1]);return s==="dataMin"?f:s==="dataMax"||c<0?c:Math.max(Math.min(u[0],u[1]),0)}return s==="dataMin"?u[0]:s==="dataMax"?u[1]:u[0]}),qt(jr,"getComposedData",function(e){var t=e.props,r=e.item,n=e.xAxis,a=e.yAxis,i=e.xAxisTicks,o=e.yAxisTicks,s=e.bandSize,l=e.dataKey,u=e.stackedData,c=e.dataStartIndex,f=e.displayedData,d=e.offset,h=t.layout,v=u&&u.length,g=Vy.getBaseValue(t,r,n,a),m=h==="horizontal",b=!1,O=f.map(function(j,y){var w;v?w=u[c+y]:(w=Je(j,l),Array.isArray(w)?b=!0:w=[g,w]);var T=w[1]==null||v&&Je(j,l)==null;return m?{x:Mn({axis:n,ticks:i,bandSize:s,entry:j,index:y}),y:T?null:a.scale(w[1]),value:w,payload:j}:{x:T?null:n.scale(w[1]),y:Mn({axis:a,ticks:o,bandSize:s,entry:j,index:y}),value:w,payload:j}}),x;return v||b?x=O.map(function(j){var y=Array.isArray(j.value)?j.value[0]:null;return m?{x:j.x,y:y!=null&&j.y!=null?a.scale(y):null}:{x:y!=null?n.scale(y):null,y:j.y}}):x=m?a.scale(g):n.scale(g),Ar({points:O,baseLine:x,layout:h,isRange:b},d)}),qt(jr,"renderDotItem",function(e,t){var r;if(S.isValidElement(e))r=S.cloneElement(e,t);else if(pe(e))r=e(t);else{var n=ve("recharts-area-dot",typeof e!="boolean"?e.className:""),a=t.key,i=Gy(t,H7);r=S.createElement(Jo,Xr({},i,{key:a,className:n}))}return r});function Xn(e){"@babel/helpers - typeof";return Xn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Xn(e)}function tR(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function rR(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Jy(n.key),n)}}function nR(e,t,r){return t&&rR(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function aR(e,t,r){return t=ws(t),iR(e,Xy()?Reflect.construct(t,r||[],ws(e).constructor):t.apply(e,r))}function iR(e,t){if(t&&(Xn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return oR(e)}function oR(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Xy(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Xy=function(){return!!e})()}function ws(e){return ws=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},ws(e)}function sR(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Zc(e,t)}function Zc(e,t){return Zc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Zc(e,t)}function Zy(e,t,r){return t=Jy(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Jy(e){var t=lR(e,"string");return Xn(t)=="symbol"?t:t+""}function lR(e,t){if(Xn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Xn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var Os=function(e){function t(){return tR(this,t),aR(this,t,arguments)}return sR(t,e),nR(t,[{key:"render",value:function(){return null}}])}(xt.Component);Zy(Os,"displayName","ZAxis"),Zy(Os,"defaultProps",{zAxisId:0,range:[64,64],scale:"auto",type:"number"});var uR=["option","isActive"];function vi(){return vi=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},vi.apply(this,arguments)}function cR(e,t){if(e==null)return{};var r=fR(e,t),n,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function fR(e,t){if(e==null)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}function dR(e){var t=e.option,r=e.isActive,n=cR(e,uR);return typeof t=="string"?xt.createElement(Ac,vi({option:xt.createElement(Xi,vi({type:t},n)),isActive:r,shapeType:"symbols"},n)):xt.createElement(Ac,vi({option:t,isActive:r,shapeType:"symbols"},n))}function Zn(e){"@babel/helpers - typeof";return Zn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Zn(e)}function gi(){return gi=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},gi.apply(this,arguments)}function Qy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function _t(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Qy(Object(r),!0).forEach(function(n){Pr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Qy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function pR(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function e0(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,r0(n.key),n)}}function hR(e,t,r){return t&&e0(e.prototype,t),r&&e0(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function mR(e,t,r){return t=Ss(t),vR(e,t0()?Reflect.construct(t,r||[],Ss(e).constructor):t.apply(e,r))}function vR(e,t){if(t&&(Zn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return gR(e)}function gR(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function t0(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(t0=function(){return!!e})()}function Ss(e){return Ss=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},Ss(e)}function yR(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Jc(e,t)}function Jc(e,t){return Jc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Jc(e,t)}function Pr(e,t,r){return t=r0(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r0(e){var t=bR(e,"string");return Zn(t)=="symbol"?t:t+""}function bR(e,t){if(Zn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Zn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var Ts=function(e){function t(){var r;pR(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return r=mR(this,t,[].concat(a)),Pr(r,"state",{isAnimationFinished:!1}),Pr(r,"handleAnimationEnd",function(){r.setState({isAnimationFinished:!0})}),Pr(r,"handleAnimationStart",function(){r.setState({isAnimationFinished:!1})}),Pr(r,"id",kr("recharts-scatter-")),r}return yR(t,e),hR(t,[{key:"renderSymbolsStatically",value:function(n){var a=this,i=this.props,o=i.shape,s=i.activeShape,l=i.activeIndex,u=de(this.props,!1);return n.map(function(c,f){var d=l===f,h=d?s:o,v=_t(_t({},u),c);return S.createElement(xe,gi({className:"recharts-scatter-symbol",key:"symbol-".concat(c==null?void 0:c.cx,"-").concat(c==null?void 0:c.cy,"-").concat(c==null?void 0:c.size,"-").concat(f)},va(a.props,c,f),{role:"img"}),S.createElement(dR,gi({option:h,isActive:d,key:"symbol-".concat(f)},v)))})}},{key:"renderSymbolsWithAnimation",value:function(){var n=this,a=this.props,i=a.points,o=a.isAnimationActive,s=a.animationBegin,l=a.animationDuration,u=a.animationEasing,c=a.animationId,f=this.state.prevPoints;return S.createElement(Dt,{begin:s,duration:l,isActive:o,easing:u,from:{t:0},to:{t:1},key:"pie-".concat(c),onAnimationEnd:this.handleAnimationEnd,onAnimationStart:this.handleAnimationStart},function(d){var h=d.t,v=i.map(function(g,m){var b=f&&f[m];if(b){var O=ze(b.cx,g.cx),x=ze(b.cy,g.cy),j=ze(b.size,g.size);return _t(_t({},g),{},{cx:O(h),cy:x(h),size:j(h)})}var y=ze(0,g.size);return _t(_t({},g),{},{size:y(h)})});return S.createElement(xe,null,n.renderSymbolsStatically(v))})}},{key:"renderSymbols",value:function(){var n=this.props,a=n.points,i=n.isAnimationActive,o=this.state.prevPoints;return i&&a&&a.length&&(!o||!Ur(o,a))?this.renderSymbolsWithAnimation():this.renderSymbolsStatically(a)}},{key:"renderErrorBar",value:function(){var n=this.props.isAnimationActive;if(n&&!this.state.isAnimationFinished)return null;var a=this.props,i=a.points,o=a.xAxis,s=a.yAxis,l=a.children,u=dt(l,$n);return u?u.map(function(c,f){var d=c.props,h=d.direction,v=d.dataKey;return S.cloneElement(c,{key:"".concat(h,"-").concat(v,"-").concat(i[f]),data:i,xAxis:o,yAxis:s,layout:h==="x"?"vertical":"horizontal",dataPointFormatter:function(m,b){return{x:m.cx,y:m.cy,value:h==="x"?+m.node.x:+m.node.y,errorVal:Je(m,b)}}})}):null}},{key:"renderLine",value:function(){var n=this.props,a=n.points,i=n.line,o=n.lineType,s=n.lineJointType,l=de(this.props,!1),u=de(i,!1),c,f;if(o==="joint")c=a.map(function(x){return{x:x.cx,y:x.cy}});else if(o==="fitting"){var d=V2(a),h=d.xmin,v=d.xmax,g=d.a,m=d.b,b=function(j){return g*j+m};c=[{x:h,y:b(h)},{x:v,y:b(v)}]}var O=_t(_t(_t({},l),{},{fill:"none",stroke:l&&l.fill},u),{},{points:c});return S.isValidElement(i)?f=S.cloneElement(i,O):pe(i)?f=i(O):f=S.createElement(Hr,gi({},O,{type:s})),S.createElement(xe,{className:"recharts-scatter-line",key:"recharts-scatter-line"},f)}},{key:"render",value:function(){var n=this.props,a=n.hide,i=n.points,o=n.line,s=n.className,l=n.xAxis,u=n.yAxis,c=n.left,f=n.top,d=n.width,h=n.height,v=n.id,g=n.isAnimationActive;if(a||!i||!i.length)return null;var m=this.state.isAnimationFinished,b=ve("recharts-scatter",s),O=l&&l.allowDataOverflow,x=u&&u.allowDataOverflow,j=O||x,y=fe(v)?this.id:v;return S.createElement(xe,{className:b,clipPath:j?"url(#clipPath-".concat(y,")"):null},O||x?S.createElement("defs",null,S.createElement("clipPath",{id:"clipPath-".concat(y)},S.createElement("rect",{x:O?c:c-d/2,y:x?f:f-h/2,width:O?d:d*2,height:x?h:h*2}))):null,o&&this.renderLine(),this.renderErrorBar(),S.createElement(xe,{key:"recharts-scatter-symbols"},this.renderSymbols()),(!g||m)&&Gt.renderCallByParent(this.props,i))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.animationId!==a.prevAnimationId?{prevAnimationId:n.animationId,curPoints:n.points,prevPoints:a.curPoints}:n.points!==a.curPoints?{curPoints:n.points}:null}}])}(S.PureComponent);Pr(Ts,"displayName","Scatter"),Pr(Ts,"defaultProps",{xAxisId:0,yAxisId:0,zAxisId:0,legendType:"circle",lineType:"joint",lineJointType:"linear",data:[],shape:"circle",hide:!1,isAnimationActive:!gr.isSsr,animationBegin:0,animationDuration:400,animationEasing:"linear"}),Pr(Ts,"getComposedData",function(e){var t=e.xAxis,r=e.yAxis,n=e.zAxis,a=e.item,i=e.displayedData,o=e.xAxisTicks,s=e.yAxisTicks,l=e.offset,u=a.props.tooltipType,c=dt(a.props.children,eu),f=fe(t.dataKey)?a.props.dataKey:t.dataKey,d=fe(r.dataKey)?a.props.dataKey:r.dataKey,h=n&&n.dataKey,v=n?n.range:Os.defaultProps.range,g=v&&v[0],m=t.scale.bandwidth?t.scale.bandwidth():0,b=r.scale.bandwidth?r.scale.bandwidth():0,O=i.map(function(x,j){var y=Je(x,f),w=Je(x,d),T=!fe(h)&&Je(x,h)||"-",A=[{name:fe(t.dataKey)?a.props.name:t.name||t.dataKey,unit:t.unit||"",value:y,payload:x,dataKey:f,type:u},{name:fe(r.dataKey)?a.props.name:r.name||r.dataKey,unit:r.unit||"",value:w,payload:x,dataKey:d,type:u}];T!=="-"&&A.push({name:n.name||n.dataKey,unit:n.unit||"",value:T,payload:x,dataKey:h,type:u});var _=Mn({axis:t,ticks:o,bandSize:m,entry:x,index:j,dataKey:f}),C=Mn({axis:r,ticks:s,bandSize:b,entry:x,index:j,dataKey:d}),P=T!=="-"?n.scale(T):g,E=Math.sqrt(Math.max(P,0)/Math.PI);return _t(_t({},x),{},{cx:_,cy:C,x:_-E,y:C-E,xAxis:t,yAxis:r,zAxis:n,width:2*E,height:2*E,size:P,node:{x:y,y:w,z:T},tooltipPayload:A,tooltipPosition:{x:_,y:C},payload:x},c&&c[j]&&c[j].props)});return _t({points:O},l)});function Jn(e){"@babel/helpers - typeof";return Jn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Jn(e)}function xR(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function wR(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,i0(n.key),n)}}function OR(e,t,r){return t&&wR(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function SR(e,t,r){return t=As(t),TR(e,n0()?Reflect.construct(t,r||[],As(e).constructor):t.apply(e,r))}function TR(e,t){if(t&&(Jn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return AR(e)}function AR(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function n0(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(n0=function(){return!!e})()}function As(e){return As=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},As(e)}function jR(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Qc(e,t)}function Qc(e,t){return Qc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Qc(e,t)}function a0(e,t,r){return t=i0(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i0(e){var t=PR(e,"string");return Jn(t)=="symbol"?t:t+""}function PR(e,t){if(Jn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Jn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}function ef(){return ef=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ef.apply(this,arguments)}function _R(e){var t=e.xAxisId,r=Nc(),n=Dc(),a=hy(t);return a==null?null:xt.createElement(Gn,ef({},a,{className:ve("recharts-".concat(a.axisType," ").concat(a.axisType),a.className),viewBox:{x:0,y:0,width:r,height:n},ticksGenerator:function(o){return ur(o,!0)}}))}var js=function(e){function t(){return xR(this,t),SR(this,t,arguments)}return jR(t,e),OR(t,[{key:"render",value:function(){return xt.createElement(_R,this.props)}}])}(xt.Component);a0(js,"displayName","XAxis"),a0(js,"defaultProps",{allowDecimals:!0,hide:!1,orientation:"bottom",width:0,height:30,mirror:!1,xAxisId:0,tickCount:5,type:"category",padding:{left:0,right:0},allowDataOverflow:!1,scale:"auto",reversed:!1,allowDuplicatedCategory:!0});function Qn(e){"@babel/helpers - typeof";return Qn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Qn(e)}function ER(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function CR(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,l0(n.key),n)}}function $R(e,t,r){return t&&CR(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function kR(e,t,r){return t=Ps(t),MR(e,o0()?Reflect.construct(t,r||[],Ps(e).constructor):t.apply(e,r))}function MR(e,t){if(t&&(Qn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return NR(e)}function NR(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o0(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(o0=function(){return!!e})()}function Ps(e){return Ps=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},Ps(e)}function DR(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&tf(e,t)}function tf(e,t){return tf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},tf(e,t)}function s0(e,t,r){return t=l0(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l0(e){var t=IR(e,"string");return Qn(t)=="symbol"?t:t+""}function IR(e,t){if(Qn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Qn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}function rf(){return rf=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},rf.apply(this,arguments)}var LR=function(t){var r=t.yAxisId,n=Nc(),a=Dc(),i=my(r);return i==null?null:xt.createElement(Gn,rf({},i,{className:ve("recharts-".concat(i.axisType," ").concat(i.axisType),i.className),viewBox:{x:0,y:0,width:n,height:a},ticksGenerator:function(s){return ur(s,!0)}}))},_s=function(e){function t(){return ER(this,t),kR(this,t,arguments)}return DR(t,e),$R(t,[{key:"render",value:function(){return xt.createElement(LR,this.props)}}])}(xt.Component);s0(_s,"displayName","YAxis"),s0(_s,"defaultProps",{allowDuplicatedCategory:!0,allowDecimals:!0,hide:!1,orientation:"left",width:60,height:0,mirror:!1,yAxisId:0,tickCount:5,type:"number",padding:{top:0,bottom:0},allowDataOverflow:!1,scale:"auto",reversed:!1});function u0(e){return UR(e)||FR(e)||BR(e)||RR()}function RR(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function BR(e,t){if(e){if(typeof e=="string")return nf(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return nf(e,t)}}function FR(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function UR(e){if(Array.isArray(e))return nf(e)}function nf(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var af=function(t,r,n,a,i){var o=dt(t,Bc),s=dt(t,ps),l=[].concat(u0(o),u0(s)),u=dt(t,vs),c="".concat(a,"Id"),f=a[0],d=r;if(l.length&&(d=l.reduce(function(g,m){if(m.props[c]===n&&Ht(m.props,"extendDomain")&&Q(m.props[f])){var b=m.props[f];return[Math.min(g[0],b),Math.max(g[1],b)]}return g},d)),u.length){var h="".concat(f,"1"),v="".concat(f,"2");d=u.reduce(function(g,m){if(m.props[c]===n&&Ht(m.props,"extendDomain")&&Q(m.props[h])&&Q(m.props[v])){var b=m.props[h],O=m.props[v];return[Math.min(g[0],b,O),Math.max(g[1],b,O)]}return g},d)}return i&&i.length&&(d=i.reduce(function(g,m){return Q(m)?[Math.min(g[0],m),Math.max(g[1],m)]:g},d)),d},c0={exports:{}};(function(e){var t=Object.prototype.hasOwnProperty,r="~";function n(){}Object.create&&(n.prototype=Object.create(null),new n().__proto__||(r=!1));function a(l,u,c){this.fn=l,this.context=u,this.once=c||!1}function i(l,u,c,f,d){if(typeof c!="function")throw new TypeError("The listener must be a function");var h=new a(c,f||l,d),v=r?r+u:u;return l._events[v]?l._events[v].fn?l._events[v]=[l._events[v],h]:l._events[v].push(h):(l._events[v]=h,l._eventsCount++),l}function o(l,u){--l._eventsCount===0?l._events=new n:delete l._events[u]}function s(){this._events=new n,this._eventsCount=0}s.prototype.eventNames=function(){var u=[],c,f;if(this._eventsCount===0)return u;for(f in c=this._events)t.call(c,f)&&u.push(r?f.slice(1):f);return Object.getOwnPropertySymbols?u.concat(Object.getOwnPropertySymbols(c)):u},s.prototype.listeners=function(u){var c=r?r+u:u,f=this._events[c];if(!f)return[];if(f.fn)return[f.fn];for(var d=0,h=f.length,v=new Array(h);d<h;d++)v[d]=f[d].fn;return v},s.prototype.listenerCount=function(u){var c=r?r+u:u,f=this._events[c];return f?f.fn?1:f.length:0},s.prototype.emit=function(u,c,f,d,h,v){var g=r?r+u:u;if(!this._events[g])return!1;var m=this._events[g],b=arguments.length,O,x;if(m.fn){switch(m.once&&this.removeListener(u,m.fn,void 0,!0),b){case 1:return m.fn.call(m.context),!0;case 2:return m.fn.call(m.context,c),!0;case 3:return m.fn.call(m.context,c,f),!0;case 4:return m.fn.call(m.context,c,f,d),!0;case 5:return m.fn.call(m.context,c,f,d,h),!0;case 6:return m.fn.call(m.context,c,f,d,h,v),!0}for(x=1,O=new Array(b-1);x<b;x++)O[x-1]=arguments[x];m.fn.apply(m.context,O)}else{var j=m.length,y;for(x=0;x<j;x++)switch(m[x].once&&this.removeListener(u,m[x].fn,void 0,!0),b){case 1:m[x].fn.call(m[x].context);break;case 2:m[x].fn.call(m[x].context,c);break;case 3:m[x].fn.call(m[x].context,c,f);break;case 4:m[x].fn.call(m[x].context,c,f,d);break;default:if(!O)for(y=1,O=new Array(b-1);y<b;y++)O[y-1]=arguments[y];m[x].fn.apply(m[x].context,O)}}return!0},s.prototype.on=function(u,c,f){return i(this,u,c,f,!1)},s.prototype.once=function(u,c,f){return i(this,u,c,f,!0)},s.prototype.removeListener=function(u,c,f,d){var h=r?r+u:u;if(!this._events[h])return this;if(!c)return o(this,h),this;var v=this._events[h];if(v.fn)v.fn===c&&(!d||v.once)&&(!f||v.context===f)&&o(this,h);else{for(var g=0,m=[],b=v.length;g<b;g++)(v[g].fn!==c||d&&!v[g].once||f&&v[g].context!==f)&&m.push(v[g]);m.length?this._events[h]=m.length===1?m[0]:m:o(this,h)}return this},s.prototype.removeAllListeners=function(u){var c;return u?(c=r?r+u:u,this._events[c]&&o(this,c)):(this._events=new n,this._eventsCount=0),this},s.prototype.off=s.prototype.removeListener,s.prototype.addListener=s.prototype.on,s.prefixed=r,s.EventEmitter=s,e.exports=s})(c0);var WR=c0.exports;const zR=ke(WR);var of=new zR,sf="recharts.syncMouseEvents";function yi(e){"@babel/helpers - typeof";return yi=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},yi(e)}function VR(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function GR(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,f0(n.key),n)}}function HR(e,t,r){return t&&GR(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function lf(e,t,r){return t=f0(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f0(e){var t=qR(e,"string");return yi(t)=="symbol"?t:t+""}function qR(e,t){if(yi(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(yi(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}var KR=function(){function e(){VR(this,e),lf(this,"activeIndex",0),lf(this,"coordinateList",[]),lf(this,"layout","horizontal")}return HR(e,[{key:"setDetails",value:function(r){var n,a=r.coordinateList,i=a===void 0?null:a,o=r.container,s=o===void 0?null:o,l=r.layout,u=l===void 0?null:l,c=r.offset,f=c===void 0?null:c,d=r.mouseHandlerCallback,h=d===void 0?null:d;this.coordinateList=(n=i??this.coordinateList)!==null&&n!==void 0?n:[],this.container=s??this.container,this.layout=u??this.layout,this.offset=f??this.offset,this.mouseHandlerCallback=h??this.mouseHandlerCallback,this.activeIndex=Math.min(Math.max(this.activeIndex,0),this.coordinateList.length-1)}},{key:"focus",value:function(){this.spoofMouse()}},{key:"keyboardEvent",value:function(r){if(this.coordinateList.length!==0)switch(r.key){case"ArrowRight":{if(this.layout!=="horizontal")return;this.activeIndex=Math.min(this.activeIndex+1,this.coordinateList.length-1),this.spoofMouse();break}case"ArrowLeft":{if(this.layout!=="horizontal")return;this.activeIndex=Math.max(this.activeIndex-1,0),this.spoofMouse();break}}}},{key:"setIndex",value:function(r){this.activeIndex=r}},{key:"spoofMouse",value:function(){var r,n;if(this.layout==="horizontal"&&this.coordinateList.length!==0){var a=this.container.getBoundingClientRect(),i=a.x,o=a.y,s=a.height,l=this.coordinateList[this.activeIndex].coordinate,u=((r=window)===null||r===void 0?void 0:r.scrollX)||0,c=((n=window)===null||n===void 0?void 0:n.scrollY)||0,f=i+l+u,d=o+this.offset.top+s/2+c;this.mouseHandlerCallback({pageX:f,pageY:d})}}}])}();function YR(e,t,r){if(r==="number"&&t===!0&&Array.isArray(e)){var n=e==null?void 0:e[0],a=e==null?void 0:e[1];if(n&&a&&Q(n)&&Q(a))return!0}return!1}function XR(e,t,r,n){var a=n/2;return{stroke:"none",fill:"#ccc",x:e==="horizontal"?t.x-a:r.left+.5,y:e==="horizontal"?r.top+.5:t.y-a,width:e==="horizontal"?n:r.width-1,height:e==="horizontal"?r.height-1:n}}function d0(e){var t=e.cx,r=e.cy,n=e.radius,a=e.startAngle,i=e.endAngle,o=nt(t,r,n,a),s=nt(t,r,n,i);return{points:[o,s],cx:t,cy:r,radius:n,startAngle:a,endAngle:i}}function ZR(e,t,r){var n,a,i,o;if(e==="horizontal")n=t.x,i=n,a=r.top,o=r.top+r.height;else if(e==="vertical")a=t.y,o=a,n=r.left,i=r.left+r.width;else if(t.cx!=null&&t.cy!=null)if(e==="centric"){var s=t.cx,l=t.cy,u=t.innerRadius,c=t.outerRadius,f=t.angle,d=nt(s,l,u,f),h=nt(s,l,c,f);n=d.x,a=d.y,i=h.x,o=h.y}else return d0(t);return[{x:n,y:a},{x:i,y:o}]}function bi(e){"@babel/helpers - typeof";return bi=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},bi(e)}function p0(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Es(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?p0(Object(r),!0).forEach(function(n){JR(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p0(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function JR(e,t,r){return t=QR(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function QR(e){var t=eB(e,"string");return bi(t)=="symbol"?t:t+""}function eB(e,t){if(bi(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(bi(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function tB(e){var t,r,n=e.element,a=e.tooltipEventType,i=e.isActive,o=e.activeCoordinate,s=e.activePayload,l=e.offset,u=e.activeTooltipIndex,c=e.tooltipAxisBandSize,f=e.layout,d=e.chartName,h=(t=n.props.cursor)!==null&&t!==void 0?t:(r=n.type.defaultProps)===null||r===void 0?void 0:r.cursor;if(!n||!h||!i||!o||d!=="ScatterChart"&&a!=="axis")return null;var v,g=Hr;if(d==="ScatterChart")v=o,g=jD;else if(d==="BarChart")v=XR(f,o,l,c),g=Oc;else if(f==="radial"){var m=d0(o),b=m.cx,O=m.cy,x=m.radius,j=m.startAngle,y=m.endAngle;v={cx:b,cy:O,startAngle:j,endAngle:y,innerRadius:x,outerRadius:x},g=Bv}else v={points:ZR(f,o,l)},g=Hr;var w=Es(Es(Es(Es({stroke:"#ccc",pointerEvents:"none"},l),v),de(h,!1)),{},{payload:s,payloadIndex:u,className:ve("recharts-tooltip-cursor",h.className)});return S.isValidElement(h)?S.cloneElement(h,w):S.createElement(g,w)}var rB=["item"],nB=["children","className","width","height","style","compact","title","desc"];function ea(e){"@babel/helpers - typeof";return ea=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ea(e)}function ta(){return ta=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ta.apply(this,arguments)}function h0(e,t){return oB(e)||iB(e,t)||g0(e,t)||aB()}function aB(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function iB(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var n,a,i,o,s=[],l=!0,u=!1;try{if(i=(r=r.call(e)).next,t!==0)for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(c){u=!0,a=c}finally{try{if(!l&&r.return!=null&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return s}}function oB(e){if(Array.isArray(e))return e}function m0(e,t){if(e==null)return{};var r=sB(e,t),n,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function sB(e,t){if(e==null)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}function lB(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function uB(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,b0(n.key),n)}}function cB(e,t,r){return t&&uB(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function fB(e,t,r){return t=Cs(t),dB(e,v0()?Reflect.construct(t,r||[],Cs(e).constructor):t.apply(e,r))}function dB(e,t){if(t&&(ea(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return pB(e)}function pB(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v0(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(v0=function(){return!!e})()}function Cs(e){return Cs=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},Cs(e)}function hB(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&uf(e,t)}function uf(e,t){return uf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},uf(e,t)}function ra(e){return gB(e)||vB(e)||g0(e)||mB()}function mB(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function g0(e,t){if(e){if(typeof e=="string")return cf(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return cf(e,t)}}function vB(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function gB(e){if(Array.isArray(e))return cf(e)}function cf(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y0(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function H(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?y0(Object(r),!0).forEach(function(n){le(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y0(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function le(e,t,r){return t=b0(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b0(e){var t=yB(e,"string");return ea(t)=="symbol"?t:t+""}function yB(e,t){if(ea(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(ea(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var bB={xAxis:["bottom","top"],yAxis:["left","right"]},xB={width:"100%",height:"100%"},x0={x:0,y:0};function $s(e){return e}var wB=function(t,r){return r==="horizontal"?t.x:r==="vertical"?t.y:r==="centric"?t.angle:t.radius},OB=function(t,r,n,a){var i=r.find(function(c){return c&&c.index===n});if(i){if(t==="horizontal")return{x:i.coordinate,y:a.y};if(t==="vertical")return{x:a.x,y:i.coordinate};if(t==="centric"){var o=i.coordinate,s=a.radius;return H(H(H({},a),nt(a.cx,a.cy,s,o)),{},{angle:o,radius:s})}var l=i.coordinate,u=a.angle;return H(H(H({},a),nt(a.cx,a.cy,l,u)),{},{angle:u,radius:l})}return x0},ks=function(t,r){var n=r.graphicalItems,a=r.dataStartIndex,i=r.dataEndIndex,o=(n??[]).reduce(function(s,l){var u=l.props.data;return u&&u.length?[].concat(ra(s),ra(u)):s},[]);return o.length>0?o:t&&t.length&&Q(a)&&Q(i)?t.slice(a,i+1):[]};function w0(e){return e==="number"?[0,"auto"]:void 0}var ff=function(t,r,n,a){var i=t.graphicalItems,o=t.tooltipAxis,s=ks(r,t);return n<0||!i||!i.length||n>=s.length?null:i.reduce(function(l,u){var c,f=(c=u.props.data)!==null&&c!==void 0?c:r;f&&t.dataStartIndex+t.dataEndIndex!==0&&t.dataEndIndex-t.dataStartIndex>=n&&(f=f.slice(t.dataStartIndex,t.dataEndIndex+1));var d;if(o.dataKey&&!o.allowDuplicatedCategory){var h=f===void 0?s:f;d=Ri(h,o.dataKey,a)}else d=f&&f[n]||s[n];return d?[].concat(ra(l),[Pv(u,d)]):l},[])},O0=function(t,r,n,a){var i=a||{x:t.chartX,y:t.chartY},o=wB(i,n),s=t.orderedTooltipTicks,l=t.tooltipAxis,u=t.tooltipTicks,c=n6(o,s,u,l);if(c>=0&&u){var f=u[c]&&u[c].value,d=ff(t,r,c,f),h=OB(n,s,c,i);return{activeTooltipIndex:c,activeLabel:f,activePayload:d,activeCoordinate:h}}return null},SB=function(t,r){var n=r.axes,a=r.graphicalItems,i=r.axisType,o=r.axisIdKey,s=r.stackGroups,l=r.dataStartIndex,u=r.dataEndIndex,c=t.layout,f=t.children,d=t.stackOffset,h=bv(c,i);return n.reduce(function(v,g){var m,b=g.type.defaultProps!==void 0?H(H({},g.type.defaultProps),g.props):g.props,O=b.type,x=b.dataKey,j=b.allowDataOverflow,y=b.allowDuplicatedCategory,w=b.scale,T=b.ticks,A=b.includeHidden,_=b[o];if(v[_])return v;var C=ks(t.data,{graphicalItems:a.filter(function(U){var W,K=o in U.props?U.props[o]:(W=U.type.defaultProps)===null||W===void 0?void 0:W[o];return K===_}),dataStartIndex:l,dataEndIndex:u}),P=C.length,E,I,k;YR(b.domain,j,O)&&(E=Qu(b.domain,null,j),h&&(O==="number"||w!=="auto")&&(k=Ga(C,x,"category")));var D=w0(O);if(!E||E.length===0){var M,F=(M=b.domain)!==null&&M!==void 0?M:D;if(x){if(E=Ga(C,x,O),O==="category"&&h){var z=z2(E);y&&z?(I=E,E=ns(0,P)):y||(E=jv(F,E,g).reduce(function(U,W){return U.indexOf(W)>=0?U:[].concat(ra(U),[W])},[]))}else if(O==="category")y?E=E.filter(function(U){return U!==""&&!fe(U)}):E=jv(F,E,g).reduce(function(U,W){return U.indexOf(W)>=0||W===""||fe(W)?U:[].concat(ra(U),[W])},[]);else if(O==="number"){var q=l6(C,a.filter(function(U){var W,K,B=o in U.props?U.props[o]:(W=U.type.defaultProps)===null||W===void 0?void 0:W[o],G="hide"in U.props?U.props.hide:(K=U.type.defaultProps)===null||K===void 0?void 0:K.hide;return B===_&&(A||!G)}),x,i,c);q&&(E=q)}h&&(O==="number"||w!=="auto")&&(k=Ga(C,x,"category"))}else h?E=ns(0,P):s&&s[_]&&s[_].hasStack&&O==="number"?E=d==="expand"?[0,1]:Sv(s[_].stackGroups,l,u):E=yv(C,a.filter(function(U){var W=o in U.props?U.props[o]:U.type.defaultProps[o],K="hide"in U.props?U.props.hide:U.type.defaultProps.hide;return W===_&&(A||!K)}),O,c,!0);if(O==="number")E=af(f,E,_,i,T),F&&(E=Qu(F,E,j));else if(O==="category"&&F){var $=F,R=E.every(function(U){return $.indexOf(U)>=0});R&&(E=$)}}return H(H({},v),{},le({},_,H(H({},b),{},{axisType:i,domain:E,categoricalDomain:k,duplicateDomain:I,originalDomain:(m=b.domain)!==null&&m!==void 0?m:D,isCategorical:h,layout:c})))},{})},TB=function(t,r){var n=r.graphicalItems,a=r.Axis,i=r.axisType,o=r.axisIdKey,s=r.stackGroups,l=r.dataStartIndex,u=r.dataEndIndex,c=t.layout,f=t.children,d=ks(t.data,{graphicalItems:n,dataStartIndex:l,dataEndIndex:u}),h=d.length,v=bv(c,i),g=-1;return n.reduce(function(m,b){var O=b.type.defaultProps!==void 0?H(H({},b.type.defaultProps),b.props):b.props,x=O[o],j=w0("number");if(!m[x]){g++;var y;return v?y=ns(0,h):s&&s[x]&&s[x].hasStack?(y=Sv(s[x].stackGroups,l,u),y=af(f,y,x,i)):(y=Qu(j,yv(d,n.filter(function(w){var T,A,_=o in w.props?w.props[o]:(T=w.type.defaultProps)===null||T===void 0?void 0:T[o],C="hide"in w.props?w.props.hide:(A=w.type.defaultProps)===null||A===void 0?void 0:A.hide;return _===x&&!C}),"number",c),a.defaultProps.allowDataOverflow),y=af(f,y,x,i)),H(H({},m),{},le({},x,H(H({axisType:i},a.defaultProps),{},{hide:!0,orientation:wt(bB,"".concat(i,".").concat(g%2),null),domain:y,originalDomain:j,isCategorical:v,layout:c})))}return m},{})},AB=function(t,r){var n=r.axisType,a=n===void 0?"xAxis":n,i=r.AxisComp,o=r.graphicalItems,s=r.stackGroups,l=r.dataStartIndex,u=r.dataEndIndex,c=t.children,f="".concat(a,"Id"),d=dt(c,i),h={};return d&&d.length?h=SB(t,{axes:d,graphicalItems:o,axisType:a,axisIdKey:f,stackGroups:s,dataStartIndex:l,dataEndIndex:u}):o&&o.length&&(h=TB(t,{Axis:i,graphicalItems:o,axisType:a,axisIdKey:f,stackGroups:s,dataStartIndex:l,dataEndIndex:u})),h},jB=function(t){var r=mr(t),n=ur(r,!1,!0);return{tooltipTicks:n,orderedTooltipTicks:Hl(n,function(a){return a.coordinate}),tooltipAxis:r,tooltipAxisBandSize:Fo(r,n)}},S0=function(t){var r=t.children,n=t.defaultShowTooltip,a=vt(r,In),i=0,o=0;return t.data&&t.data.length!==0&&(o=t.data.length-1),a&&a.props&&(a.props.startIndex>=0&&(i=a.props.startIndex),a.props.endIndex>=0&&(o=a.props.endIndex)),{chartX:0,chartY:0,dataStartIndex:i,dataEndIndex:o,activeTooltipIndex:-1,isTooltipActive:!!n}},PB=function(t){return!t||!t.length?!1:t.some(function(r){var n=Qt(r&&r.type);return n&&n.indexOf("Bar")>=0})},T0=function(t){return t==="horizontal"?{numericAxisName:"yAxis",cateAxisName:"xAxis"}:t==="vertical"?{numericAxisName:"xAxis",cateAxisName:"yAxis"}:t==="centric"?{numericAxisName:"radiusAxis",cateAxisName:"angleAxis"}:{numericAxisName:"angleAxis",cateAxisName:"radiusAxis"}},_B=function(t,r){var n=t.props,a=t.graphicalItems,i=t.xAxisMap,o=i===void 0?{}:i,s=t.yAxisMap,l=s===void 0?{}:s,u=n.width,c=n.height,f=n.children,d=n.margin||{},h=vt(f,In),v=vt(f,gn),g=Object.keys(l).reduce(function(y,w){var T=l[w],A=T.orientation;return!T.mirror&&!T.hide?H(H({},y),{},le({},A,y[A]+T.width)):y},{left:d.left||0,right:d.right||0}),m=Object.keys(o).reduce(function(y,w){var T=o[w],A=T.orientation;return!T.mirror&&!T.hide?H(H({},y),{},le({},A,wt(y,"".concat(A))+T.height)):y},{top:d.top||0,bottom:d.bottom||0}),b=H(H({},m),g),O=b.bottom;h&&(b.bottom+=h.props.height||In.defaultProps.height),v&&r&&(b=o6(b,a,n,r));var x=u-b.left-b.right,j=c-b.top-b.bottom;return H(H({brushBottom:O},b),{},{width:Math.max(x,0),height:Math.max(j,0)})},EB=function(t,r){if(r==="xAxis")return t[r].width;if(r==="yAxis")return t[r].height},CB=function(t){var r=t.chartName,n=t.GraphicalChild,a=t.defaultTooltipEventType,i=a===void 0?"axis":a,o=t.validateTooltipEventTypes,s=o===void 0?["axis"]:o,l=t.axisComponents,u=t.legendContent,c=t.formatAxisMap,f=t.defaultProps,d=function(b,O){var x=O.graphicalItems,j=O.stackGroups,y=O.offset,w=O.updateId,T=O.dataStartIndex,A=O.dataEndIndex,_=b.barSize,C=b.layout,P=b.barGap,E=b.barCategoryGap,I=b.maxBarSize,k=T0(C),D=k.numericAxisName,M=k.cateAxisName,F=PB(x),z=[];return x.forEach(function(q,$){var R=ks(b.data,{graphicalItems:[q],dataStartIndex:T,dataEndIndex:A}),U=q.type.defaultProps!==void 0?H(H({},q.type.defaultProps),q.props):q.props,W=U.dataKey,K=U.maxBarSize,B=U["".concat(D,"Id")],G=U["".concat(M,"Id")],X={},te=l.reduce(function(Ge,ut){var Pi,_i,oa=O["".concat(ut.axisType,"Map")],Ei=U["".concat(ut.axisType,"Id")];oa&&oa[Ei]||ut.axisType==="zAxis"||(process.env.NODE_ENV!=="production"?ht(!1,"Specifying a(n) ".concat(ut.axisType,"Id requires a corresponding ").concat(ut.axisType,"Id on the targeted graphical component ").concat((Pi=q==null||(_i=q.type)===null||_i===void 0?void 0:_i.displayName)!==null&&Pi!==void 0?Pi:"")):ht());var Ci=oa[Ei];return H(H({},Ge),{},le(le({},ut.axisType,Ci),"".concat(ut.axisType,"Ticks"),ur(Ci)))},X),V=te[M],Z=te["".concat(M,"Ticks")],ee=j&&j[B]&&j[B].hasStack&&x6(q,j[B].stackGroups),L=Qt(q.type).indexOf("Bar")>=0,oe=Fo(V,Z),Y=[],ue=F&&a6({barSize:_,stackGroups:j,totalSize:EB(te,M)});if(L){var re,me,We=fe(K)?I:K,Be=(re=(me=Fo(V,Z,!0))!==null&&me!==void 0?me:We)!==null&&re!==void 0?re:0;Y=i6({barGap:P,barCategoryGap:E,bandSize:Be!==oe?Be:oe,sizeList:ue[G],maxBarSize:We}),Be!==oe&&(Y=Y.map(function(Ge){return H(H({},Ge),{},{position:H(H({},Ge.position),{},{offset:Ge.position.offset-Be/2})})}))}var Fe=q&&q.type&&q.type.getComposedData;Fe&&z.push({props:H(H({},Fe(H(H({},te),{},{displayedData:R,props:b,dataKey:W,item:q,bandSize:oe,barPosition:Y,offset:y,stackedData:ee,layout:C,dataStartIndex:T,dataEndIndex:A}))),{},le(le(le({key:q.key||"item-".concat($)},D,te[D]),M,te[M]),"animationId",w)),childIndex:rO(q,b.children),item:q})}),z},h=function(b,O){var x=b.props,j=b.dataStartIndex,y=b.dataEndIndex,w=b.updateId;if(!fd({props:x}))return null;var T=x.children,A=x.layout,_=x.stackOffset,C=x.data,P=x.reverseStackOrder,E=T0(A),I=E.numericAxisName,k=E.cateAxisName,D=dt(T,n),M=g6(C,D,"".concat(I,"Id"),"".concat(k,"Id"),_,P),F=l.reduce(function(U,W){var K="".concat(W.axisType,"Map");return H(H({},U),{},le({},K,AB(x,H(H({},W),{},{graphicalItems:D,stackGroups:W.axisType===I&&M,dataStartIndex:j,dataEndIndex:y}))))},{}),z=_B(H(H({},F),{},{props:x,graphicalItems:D}),O==null?void 0:O.legendBBox);Object.keys(F).forEach(function(U){F[U]=c(x,F[U],z,U.replace("Map",""),r)});var q=F["".concat(k,"Map")],$=jB(q),R=d(x,H(H({},F),{},{dataStartIndex:j,dataEndIndex:y,updateId:w,graphicalItems:D,stackGroups:M,offset:z}));return H(H({formattedGraphicalItems:R,graphicalItems:D,offset:z,stackGroups:M},$),F)},v=function(m){function b(O){var x,j,y;return lB(this,b),y=fB(this,b,[O]),le(y,"eventEmitterSymbol",Symbol("rechartsEventEmitter")),le(y,"accessibilityManager",new KR),le(y,"handleLegendBBoxUpdate",function(w){if(w){var T=y.state,A=T.dataStartIndex,_=T.dataEndIndex,C=T.updateId;y.setState(H({legendBBox:w},h({props:y.props,dataStartIndex:A,dataEndIndex:_,updateId:C},H(H({},y.state),{},{legendBBox:w}))))}}),le(y,"handleReceiveSyncEvent",function(w,T,A){if(y.props.syncId===w){if(A===y.eventEmitterSymbol&&typeof y.props.syncMethod!="function")return;y.applySyncEvent(T)}}),le(y,"handleBrushChange",function(w){var T=w.startIndex,A=w.endIndex;if(T!==y.state.dataStartIndex||A!==y.state.dataEndIndex){var _=y.state.updateId;y.setState(function(){return H({dataStartIndex:T,dataEndIndex:A},h({props:y.props,dataStartIndex:T,dataEndIndex:A,updateId:_},y.state))}),y.triggerSyncEvent({dataStartIndex:T,dataEndIndex:A})}}),le(y,"handleMouseEnter",function(w){var T=y.getMouseInfo(w);if(T){var A=H(H({},T),{},{isTooltipActive:!0});y.setState(A),y.triggerSyncEvent(A);var _=y.props.onMouseEnter;pe(_)&&_(A,w)}}),le(y,"triggeredAfterMouseMove",function(w){var T=y.getMouseInfo(w),A=T?H(H({},T),{},{isTooltipActive:!0}):{isTooltipActive:!1};y.setState(A),y.triggerSyncEvent(A);var _=y.props.onMouseMove;pe(_)&&_(A,w)}),le(y,"handleItemMouseEnter",function(w){y.setState(function(){return{isTooltipActive:!0,activeItem:w,activePayload:w.tooltipPayload,activeCoordinate:w.tooltipPosition||{x:w.cx,y:w.cy}}})}),le(y,"handleItemMouseLeave",function(){y.setState(function(){return{isTooltipActive:!1}})}),le(y,"handleMouseMove",function(w){w.persist(),y.throttleTriggeredAfterMouseMove(w)}),le(y,"handleMouseLeave",function(w){y.throttleTriggeredAfterMouseMove.cancel();var T={isTooltipActive:!1};y.setState(T),y.triggerSyncEvent(T);var A=y.props.onMouseLeave;pe(A)&&A(T,w)}),le(y,"handleOuterEvent",function(w){var T=tO(w),A=wt(y.props,"".concat(T));if(T&&pe(A)){var _,C;/.*touch.*/i.test(T)?C=y.getMouseInfo(w.changedTouches[0]):C=y.getMouseInfo(w),A((_=C)!==null&&_!==void 0?_:{},w)}}),le(y,"handleClick",function(w){var T=y.getMouseInfo(w);if(T){var A=H(H({},T),{},{isTooltipActive:!0});y.setState(A),y.triggerSyncEvent(A);var _=y.props.onClick;pe(_)&&_(A,w)}}),le(y,"handleMouseDown",function(w){var T=y.props.onMouseDown;if(pe(T)){var A=y.getMouseInfo(w);T(A,w)}}),le(y,"handleMouseUp",function(w){var T=y.props.onMouseUp;if(pe(T)){var A=y.getMouseInfo(w);T(A,w)}}),le(y,"handleTouchMove",function(w){w.changedTouches!=null&&w.changedTouches.length>0&&y.throttleTriggeredAfterMouseMove(w.changedTouches[0])}),le(y,"handleTouchStart",function(w){w.changedTouches!=null&&w.changedTouches.length>0&&y.handleMouseDown(w.changedTouches[0])}),le(y,"handleTouchEnd",function(w){w.changedTouches!=null&&w.changedTouches.length>0&&y.handleMouseUp(w.changedTouches[0])}),le(y,"handleDoubleClick",function(w){var T=y.props.onDoubleClick;if(pe(T)){var A=y.getMouseInfo(w);T(A,w)}}),le(y,"handleContextMenu",function(w){var T=y.props.onContextMenu;if(pe(T)){var A=y.getMouseInfo(w);T(A,w)}}),le(y,"triggerSyncEvent",function(w){y.props.syncId!==void 0&&of.emit(sf,y.props.syncId,w,y.eventEmitterSymbol)}),le(y,"applySyncEvent",function(w){var T=y.props,A=T.layout,_=T.syncMethod,C=y.state.updateId,P=w.dataStartIndex,E=w.dataEndIndex;if(w.dataStartIndex!==void 0||w.dataEndIndex!==void 0)y.setState(H({dataStartIndex:P,dataEndIndex:E},h({props:y.props,dataStartIndex:P,dataEndIndex:E,updateId:C},y.state)));else if(w.activeTooltipIndex!==void 0){var I=w.chartX,k=w.chartY,D=w.activeTooltipIndex,M=y.state,F=M.offset,z=M.tooltipTicks;if(!F)return;if(typeof _=="function")D=_(z,w);else if(_==="value"){D=-1;for(var q=0;q<z.length;q++)if(z[q].value===w.activeLabel){D=q;break}}var $=H(H({},F),{},{x:F.left,y:F.top}),R=Math.min(I,$.x+$.width),U=Math.min(k,$.y+$.height),W=z[D]&&z[D].value,K=ff(y.state,y.props.data,D),B=z[D]?{x:A==="horizontal"?z[D].coordinate:R,y:A==="horizontal"?U:z[D].coordinate}:x0;y.setState(H(H({},w),{},{activeLabel:W,activeCoordinate:B,activePayload:K,activeTooltipIndex:D}))}else y.setState(w)}),le(y,"renderCursor",function(w){var T,A=y.state,_=A.isTooltipActive,C=A.activeCoordinate,P=A.activePayload,E=A.offset,I=A.activeTooltipIndex,k=A.tooltipAxisBandSize,D=y.getTooltipEventType(),M=(T=w.props.active)!==null&&T!==void 0?T:_,F=y.props.layout,z=w.key||"_recharts-cursor";return S.createElement(tB,{key:z,activeCoordinate:C,activePayload:P,activeTooltipIndex:I,chartName:r,element:w,isActive:M,layout:F,offset:E,tooltipAxisBandSize:k,tooltipEventType:D})}),le(y,"renderPolarAxis",function(w,T,A){var _=wt(w,"type.axisType"),C=wt(y.state,"".concat(_,"Map")),P=w.type.defaultProps,E=P!==void 0?H(H({},P),w.props):w.props,I=C&&C[E["".concat(_,"Id")]];return S.cloneElement(w,H(H({},I),{},{className:ve(_,I.className),key:w.key||"".concat(T,"-").concat(A),ticks:ur(I,!0)}))}),le(y,"renderPolarGrid",function(w){var T=w.props,A=T.radialLines,_=T.polarAngles,C=T.polarRadius,P=y.state,E=P.radiusAxisMap,I=P.angleAxisMap,k=mr(E),D=mr(I),M=D.cx,F=D.cy,z=D.innerRadius,q=D.outerRadius;return S.cloneElement(w,{polarAngles:Array.isArray(_)?_:ur(D,!0).map(function($){return $.coordinate}),polarRadius:Array.isArray(C)?C:ur(k,!0).map(function($){return $.coordinate}),cx:M,cy:F,innerRadius:z,outerRadius:q,key:w.key||"polar-grid",radialLines:A})}),le(y,"renderLegend",function(){var w=y.state.formattedGraphicalItems,T=y.props,A=T.children,_=T.width,C=T.height,P=y.props.margin||{},E=_-(P.left||0)-(P.right||0),I=hv({children:A,formattedGraphicalItems:w,legendWidth:E,legendContent:u});if(!I)return null;var k=I.item,D=m0(I,rB);return S.cloneElement(k,H(H({},D),{},{chartWidth:_,chartHeight:C,margin:P,onBBoxUpdate:y.handleLegendBBoxUpdate}))}),le(y,"renderTooltip",function(){var w,T=y.props,A=T.children,_=T.accessibilityLayer,C=vt(A,Ut);if(!C)return null;var P=y.state,E=P.isTooltipActive,I=P.activeCoordinate,k=P.activePayload,D=P.activeLabel,M=P.offset,F=(w=C.props.active)!==null&&w!==void 0?w:E;return S.cloneElement(C,{viewBox:H(H({},M),{},{x:M.left,y:M.top}),active:F,label:D,payload:F?k:[],coordinate:I,accessibilityLayer:_})}),le(y,"renderBrush",function(w){var T=y.props,A=T.margin,_=T.data,C=y.state,P=C.offset,E=C.dataStartIndex,I=C.dataEndIndex,k=C.updateId;return S.cloneElement(w,{key:w.key||"_recharts-brush",onChange:Bo(y.handleBrushChange,w.props.onChange),data:_,x:Q(w.props.x)?w.props.x:P.left,y:Q(w.props.y)?w.props.y:P.top+P.height+P.brushBottom-(A.bottom||0),width:Q(w.props.width)?w.props.width:P.width,startIndex:E,endIndex:I,updateId:"brush-".concat(k)})}),le(y,"renderReferenceElement",function(w,T,A){if(!w)return null;var _=y,C=_.clipPathId,P=y.state,E=P.xAxisMap,I=P.yAxisMap,k=P.offset,D=w.type.defaultProps||{},M=w.props,F=M.xAxisId,z=F===void 0?D.xAxisId:F,q=M.yAxisId,$=q===void 0?D.yAxisId:q;return S.cloneElement(w,{key:w.key||"".concat(T,"-").concat(A),xAxis:E[z],yAxis:I[$],viewBox:{x:k.left,y:k.top,width:k.width,height:k.height},clipPathId:C})}),le(y,"renderActivePoints",function(w){var T=w.item,A=w.activePoint,_=w.basePoint,C=w.childIndex,P=w.isRange,E=[],I=T.props.key,k=T.item.type.defaultProps!==void 0?H(H({},T.item.type.defaultProps),T.item.props):T.item.props,D=k.activeDot,M=k.dataKey,F=H(H({index:C,dataKey:M,cx:A.x,cy:A.y,r:4,fill:Zu(T.item),strokeWidth:2,stroke:"#fff",payload:A.payload,value:A.value},de(D,!1)),Bi(D));return E.push(b.renderActiveDot(D,F,"".concat(I,"-activePoint-").concat(C))),_?E.push(b.renderActiveDot(D,H(H({},F),{},{cx:_.x,cy:_.y}),"".concat(I,"-basePoint-").concat(C))):P&&E.push(null),E}),le(y,"renderGraphicChild",function(w,T,A){var _=y.filterFormatItem(w,T,A);if(!_)return null;var C=y.getTooltipEventType(),P=y.state,E=P.isTooltipActive,I=P.tooltipAxis,k=P.activeTooltipIndex,D=P.activeLabel,M=y.props.children,F=vt(M,Ut),z=_.props,q=z.points,$=z.isRange,R=z.baseLine,U=_.item.type.defaultProps!==void 0?H(H({},_.item.type.defaultProps),_.item.props):_.item.props,W=U.activeDot,K=U.hide,B=U.activeBar,G=U.activeShape,X=!!(!K&&E&&F&&(W||B||G)),te={};C!=="axis"&&F&&F.props.trigger==="click"?te={onClick:Bo(y.handleItemMouseEnter,w.props.onClick)}:C!=="axis"&&(te={onMouseLeave:Bo(y.handleItemMouseLeave,w.props.onMouseLeave),onMouseEnter:Bo(y.handleItemMouseEnter,w.props.onMouseEnter)});var V=S.cloneElement(w,H(H({},_.props),te));function Z(ut){return typeof I.dataKey=="function"?I.dataKey(ut.payload):null}if(X)if(k>=0){var ee,L;if(I.dataKey&&!I.allowDuplicatedCategory){var oe=typeof I.dataKey=="function"?Z:"payload.".concat(I.dataKey.toString());ee=Ri(q,oe,D),L=$&&R&&Ri(R,oe,D)}else ee=q==null?void 0:q[k],L=$&&R&&R[k];if(G||B){var Y=w.props.activeIndex!==void 0?w.props.activeIndex:k;return[S.cloneElement(w,H(H(H({},_.props),te),{},{activeIndex:Y})),null,null]}if(!fe(ee))return[V].concat(ra(y.renderActivePoints({item:_,activePoint:ee,basePoint:L,childIndex:k,isRange:$})))}else{var ue,re=(ue=y.getItemByXY(y.state.activeCoordinate))!==null&&ue!==void 0?ue:{graphicalItem:V},me=re.graphicalItem,We=me.item,Be=We===void 0?w:We,Fe=me.childIndex,Ge=H(H(H({},_.props),te),{},{activeIndex:Fe});return[S.cloneElement(Be,Ge),null,null]}return $?[V,null,null]:[V,null]}),le(y,"renderCustomized",function(w,T,A){return S.cloneElement(w,H(H({key:"recharts-customized-".concat(A)},y.props),y.state))}),le(y,"renderMap",{CartesianGrid:{handler:$s,once:!0},ReferenceArea:{handler:y.renderReferenceElement},ReferenceLine:{handler:$s},ReferenceDot:{handler:y.renderReferenceElement},XAxis:{handler:$s},YAxis:{handler:$s},Brush:{handler:y.renderBrush,once:!0},Bar:{handler:y.renderGraphicChild},Line:{handler:y.renderGraphicChild},Area:{handler:y.renderGraphicChild},Radar:{handler:y.renderGraphicChild},RadialBar:{handler:y.renderGraphicChild},Scatter:{handler:y.renderGraphicChild},Pie:{handler:y.renderGraphicChild},Funnel:{handler:y.renderGraphicChild},Tooltip:{handler:y.renderCursor,once:!0},PolarGrid:{handler:y.renderPolarGrid,once:!0},PolarAngleAxis:{handler:y.renderPolarAxis},PolarRadiusAxis:{handler:y.renderPolarAxis},Customized:{handler:y.renderCustomized}}),y.clipPathId="".concat((x=O.id)!==null&&x!==void 0?x:kr("recharts"),"-clip"),y.throttleTriggeredAfterMouseMove=fh(y.triggeredAfterMouseMove,(j=O.throttleDelay)!==null&&j!==void 0?j:1e3/60),y.state={},y}return hB(b,m),cB(b,[{key:"componentDidMount",value:function(){var x,j;this.addListener(),this.accessibilityManager.setDetails({container:this.container,offset:{left:(x=this.props.margin.left)!==null&&x!==void 0?x:0,top:(j=this.props.margin.top)!==null&&j!==void 0?j:0},coordinateList:this.state.tooltipTicks,mouseHandlerCallback:this.triggeredAfterMouseMove,layout:this.props.layout}),this.displayDefaultTooltip()}},{key:"displayDefaultTooltip",value:function(){var x=this.props,j=x.children,y=x.data,w=x.height,T=x.layout,A=vt(j,Ut);if(A){var _=A.props.defaultIndex;if(!(typeof _!="number"||_<0||_>this.state.tooltipTicks.length-1)){var C=this.state.tooltipTicks[_]&&this.state.tooltipTicks[_].value,P=ff(this.state,y,_,C),E=this.state.tooltipTicks[_].coordinate,I=(this.state.offset.top+w)/2,k=T==="horizontal",D=k?{x:E,y:I}:{y:E,x:I},M=this.state.formattedGraphicalItems.find(function(z){var q=z.item;return q.type.name==="Scatter"});M&&(D=H(H({},D),M.props.points[_].tooltipPosition),P=M.props.points[_].tooltipPayload);var F={activeTooltipIndex:_,isTooltipActive:!0,activeLabel:C,activePayload:P,activeCoordinate:D};this.setState(F),this.renderCursor(A),this.accessibilityManager.setIndex(_)}}}},{key:"getSnapshotBeforeUpdate",value:function(x,j){if(!this.props.accessibilityLayer)return null;if(this.state.tooltipTicks!==j.tooltipTicks&&this.accessibilityManager.setDetails({coordinateList:this.state.tooltipTicks}),this.props.layout!==x.layout&&this.accessibilityManager.setDetails({layout:this.props.layout}),this.props.margin!==x.margin){var y,w;this.accessibilityManager.setDetails({offset:{left:(y=this.props.margin.left)!==null&&y!==void 0?y:0,top:(w=this.props.margin.top)!==null&&w!==void 0?w:0}})}return null}},{key:"componentDidUpdate",value:function(x){fl([vt(x.children,Ut)],[vt(this.props.children,Ut)])||this.displayDefaultTooltip()}},{key:"componentWillUnmount",value:function(){this.removeListener(),this.throttleTriggeredAfterMouseMove.cancel()}},{key:"getTooltipEventType",value:function(){var x=vt(this.props.children,Ut);if(x&&typeof x.props.shared=="boolean"){var j=x.props.shared?"axis":"item";return s.indexOf(j)>=0?j:i}return i}},{key:"getMouseInfo",value:function(x){if(!this.container)return null;var j=this.container,y=j.getBoundingClientRect(),w=Ck(y),T={chartX:Math.round(x.pageX-w.left),chartY:Math.round(x.pageY-w.top)},A=y.width/j.offsetWidth||1,_=this.inRange(T.chartX,T.chartY,A);if(!_)return null;var C=this.state,P=C.xAxisMap,E=C.yAxisMap,I=this.getTooltipEventType(),k=O0(this.state,this.props.data,this.props.layout,_);if(I!=="axis"&&P&&E){var D=mr(P).scale,M=mr(E).scale,F=D&&D.invert?D.invert(T.chartX):null,z=M&&M.invert?M.invert(T.chartY):null;return H(H({},T),{},{xValue:F,yValue:z},k)}return k?H(H({},T),k):null}},{key:"inRange",value:function(x,j){var y=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,w=this.props.layout,T=x/y,A=j/y;if(w==="horizontal"||w==="vertical"){var _=this.state.offset,C=T>=_.left&&T<=_.left+_.width&&A>=_.top&&A<=_.top+_.height;return C?{x:T,y:A}:null}var P=this.state,E=P.angleAxisMap,I=P.radiusAxisMap;if(E&&I){var k=mr(E);return Cv({x:T,y:A},k)}return null}},{key:"parseEventsOfWrapper",value:function(){var x=this.props.children,j=this.getTooltipEventType(),y=vt(x,Ut),w={};y&&j==="axis"&&(y.props.trigger==="click"?w={onClick:this.handleClick}:w={onMouseEnter:this.handleMouseEnter,onDoubleClick:this.handleDoubleClick,onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,onContextMenu:this.handleContextMenu});var T=Bi(this.props,this.handleOuterEvent);return H(H({},T),w)}},{key:"addListener",value:function(){of.on(sf,this.handleReceiveSyncEvent)}},{key:"removeListener",value:function(){of.removeListener(sf,this.handleReceiveSyncEvent)}},{key:"filterFormatItem",value:function(x,j,y){for(var w=this.state.formattedGraphicalItems,T=0,A=w.length;T<A;T++){var _=w[T];if(_.item===x||_.props.key===x.key||j===Qt(_.item.type)&&y===_.childIndex)return _}return null}},{key:"renderClipPath",value:function(){var x=this.clipPathId,j=this.state.offset,y=j.left,w=j.top,T=j.height,A=j.width;return S.createElement("defs",null,S.createElement("clipPath",{id:x},S.createElement("rect",{x:y,y:w,height:T,width:A})))}},{key:"getXScales",value:function(){var x=this.state.xAxisMap;return x?Object.entries(x).reduce(function(j,y){var w=h0(y,2),T=w[0],A=w[1];return H(H({},j),{},le({},T,A.scale))},{}):null}},{key:"getYScales",value:function(){var x=this.state.yAxisMap;return x?Object.entries(x).reduce(function(j,y){var w=h0(y,2),T=w[0],A=w[1];return H(H({},j),{},le({},T,A.scale))},{}):null}},{key:"getXScaleByAxisId",value:function(x){var j;return(j=this.state.xAxisMap)===null||j===void 0||(j=j[x])===null||j===void 0?void 0:j.scale}},{key:"getYScaleByAxisId",value:function(x){var j;return(j=this.state.yAxisMap)===null||j===void 0||(j=j[x])===null||j===void 0?void 0:j.scale}},{key:"getItemByXY",value:function(x){var j=this.state,y=j.formattedGraphicalItems,w=j.activeItem;if(y&&y.length)for(var T=0,A=y.length;T<A;T++){var _=y[T],C=_.props,P=_.item,E=P.type.defaultProps!==void 0?H(H({},P.type.defaultProps),P.props):P.props,I=Qt(P.type);if(I==="Bar"){var k=(C.data||[]).find(function(z){return vD(x,z)});if(k)return{graphicalItem:_,payload:k}}else if(I==="RadialBar"){var D=(C.data||[]).find(function(z){return Cv(x,z)});if(D)return{graphicalItem:_,payload:D}}else if(ts(_,w)||rs(_,w)||ui(_,w)){var M=yI({graphicalItem:_,activeTooltipItem:w,itemData:E.data}),F=E.activeIndex===void 0?M:E.activeIndex;return{graphicalItem:H(H({},_),{},{childIndex:F}),payload:ui(_,w)?E.data[M]:_.props.data[M]}}}return null}},{key:"render",value:function(){var x=this;if(!fd(this))return null;var j=this.props,y=j.children,w=j.className,T=j.width,A=j.height,_=j.style,C=j.compact,P=j.title,E=j.desc,I=m0(j,nB),k=de(I,!1);if(C)return S.createElement(dy,{state:this.state,width:this.props.width,height:this.props.height,clipPathId:this.clipPathId},S.createElement(pl,ta({},k,{width:T,height:A,title:P,desc:E}),this.renderClipPath(),hd(y,this.renderMap)));if(this.props.accessibilityLayer){var D,M;k.tabIndex=(D=this.props.tabIndex)!==null&&D!==void 0?D:0,k.role=(M=this.props.role)!==null&&M!==void 0?M:"application",k.onKeyDown=function(z){x.accessibilityManager.keyboardEvent(z)},k.onFocus=function(){x.accessibilityManager.focus()}}var F=this.parseEventsOfWrapper();return S.createElement(dy,{state:this.state,width:this.props.width,height:this.props.height,clipPathId:this.clipPathId},S.createElement("div",ta({className:ve("recharts-wrapper",w),style:H({position:"relative",cursor:"default",width:T,height:A},_)},F,{ref:function(q){x.container=q}}),S.createElement(pl,ta({},k,{width:T,height:A,title:P,desc:E,style:xB}),this.renderClipPath(),hd(y,this.renderMap)),this.renderLegend(),this.renderTooltip()))}}])}(S.Component);le(v,"displayName",r),le(v,"defaultProps",H({layout:"horizontal",stackOffset:"none",barCategoryGap:"10%",barGap:4,margin:{top:5,right:5,bottom:5,left:5},reverseStackOrder:!1,syncMethod:"index"},f)),le(v,"getDerivedStateFromProps",function(m,b){var O=m.dataKey,x=m.data,j=m.children,y=m.width,w=m.height,T=m.layout,A=m.stackOffset,_=m.margin,C=b.dataStartIndex,P=b.dataEndIndex;if(b.updateId===void 0){var E=S0(m);return H(H(H({},E),{},{updateId:0},h(H(H({props:m},E),{},{updateId:0}),b)),{},{prevDataKey:O,prevData:x,prevWidth:y,prevHeight:w,prevLayout:T,prevStackOffset:A,prevMargin:_,prevChildren:j})}if(O!==b.prevDataKey||x!==b.prevData||y!==b.prevWidth||w!==b.prevHeight||T!==b.prevLayout||A!==b.prevStackOffset||!cn(_,b.prevMargin)){var I=S0(m),k={chartX:b.chartX,chartY:b.chartY,isTooltipActive:b.isTooltipActive},D=H(H({},O0(b,x,T)),{},{updateId:b.updateId+1}),M=H(H(H({},I),k),D);return H(H(H({},M),h(H({props:m},M),b)),{},{prevDataKey:O,prevData:x,prevWidth:y,prevHeight:w,prevLayout:T,prevStackOffset:A,prevMargin:_,prevChildren:j})}if(!fl(j,b.prevChildren)){var F,z,q,$,R=vt(j,In),U=R&&(F=(z=R.props)===null||z===void 0?void 0:z.startIndex)!==null&&F!==void 0?F:C,W=R&&(q=($=R.props)===null||$===void 0?void 0:$.endIndex)!==null&&q!==void 0?q:P,K=U!==C||W!==P,B=!fe(x),G=B&&!K?b.updateId:b.updateId+1;return H(H({updateId:G},h(H(H({props:m},b),{},{updateId:G,dataStartIndex:U,dataEndIndex:W}),b)),{},{prevChildren:j,dataStartIndex:U,dataEndIndex:W})}return null}),le(v,"renderActiveDot",function(m,b,O){var x;return S.isValidElement(m)?x=S.cloneElement(m,b):pe(m)?x=m(b):x=S.createElement(Jo,b),S.createElement(xe,{className:"recharts-active-dot",key:O},x)});var g=S.forwardRef(function(b,O){return S.createElement(v,ta({},b,{ref:O}))});return g.displayName=v.displayName,g},$B=CB({chartName:"ComposedChart",GraphicalChild:[mi,jr,Bn,Ts],axisComponents:[{axisType:"xAxis",AxisComp:js},{axisType:"yAxis",AxisComp:_s},{axisType:"zAxis",AxisComp:Os}],formatAxisMap:z9});const na=({className:e,width:t,height:r,rounded:n=!1})=>p.jsx("div",{className:se("animate-pulse bg-gray-200",n?"rounded-full":"rounded",e),style:{width:typeof t=="number"?`${t}px`:t,height:typeof r=="number"?`${r}px`:r}}),xi=({className:e})=>p.jsxs("div",{className:se("rounded-lg border border-gray-200 bg-white p-[16px]",e),children:[p.jsxs("div",{className:"flex items-center gap-2 mb-[12px]",children:[p.jsx(na,{className:"h-[16px] w-[64px]"}),p.jsx(na,{className:"h-[16px] w-[16px]",rounded:!0})]}),p.jsxs("div",{className:"flex items-baseline gap-[12px]",children:[p.jsx(na,{className:"h-[32px] w-[80px]"}),p.jsx(na,{className:"h-[24px] w-[48px] rounded-md"})]})]}),A0=({className:e,chartType:t="line",height:r=300})=>{const n=o=>{if(o.length===0)return"";let s=`M ${o[0].x} ${o[0].y}`;for(let l=1;l<o.length;l++){const u=o[l-1],c=o[l],f=u.x+(c.x-u.x)*.4,d=u.y,h=u.x+(c.x-u.x)*.6,v=c.y;s+=` C ${f} ${d} ${h} ${v} ${c.x} ${c.y}`}return s},a=(o=7)=>Array.from({length:o},(c,f)=>({x:f/(o-1)*100,y:80-Math.random()*60})),i=()=>{switch(t){case"bar":return p.jsx("div",{className:"absolute inset-0 flex items-end justify-between px-[16px] pb-[16px]",children:[...Array(7)].map((m,b)=>p.jsx(na,{className:"w-[32px] bg-blue-100",height:`${Math.random()*60+20}%`},b))});case"line":const o=a(12),s=n(o),l=o[o.length-1],u=o[0],c=`${s} L ${l.x} 100 L ${u.x} 100 Z`;return p.jsx("div",{className:"absolute inset-0 p-[16px]",children:p.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:[p.jsxs("defs",{children:[p.jsxs("linearGradient",{id:"skeleton-area-fill",x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[p.jsx("stop",{offset:"0%",stopColor:"#8b5cf6",stopOpacity:"0.1",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.1;0.15;0.1",dur:"3s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"100%",stopColor:"#8b5cf6",stopOpacity:"0.02",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.02;0.05;0.02",dur:"3s",repeatCount:"indefinite"})})]}),p.jsxs("linearGradient",{id:"skeleton-line-shimmer",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[p.jsx("stop",{offset:"0%",stopColor:"#e2e8f0",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2.5s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"50%",stopColor:"#cbd5e1",stopOpacity:"0.6",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.6;0.3;0.6",dur:"2.5s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"100%",stopColor:"#e2e8f0",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2.5s",repeatCount:"indefinite"})})]})]}),p.jsx("path",{d:c,fill:"url(#skeleton-area-fill)"}),p.jsx("path",{d:s,stroke:"url(#skeleton-line-shimmer)",strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]})});case"area":const f=a(),d=n(f),h=f[f.length-1],v=f[0],g=`${d} L ${h.x} 90 L ${v.x} 90 Z`;return p.jsx("div",{className:"absolute inset-0 p-[16px]",children:p.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:[p.jsxs("defs",{children:[p.jsxs("linearGradient",{id:"skeleton-area-gradient",x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[p.jsx("stop",{offset:"0%",stopColor:"#3b82f6",stopOpacity:"0.2",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.2;0.4;0.2",dur:"2s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"100%",stopColor:"#3b82f6",stopOpacity:"0.05",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.05;0.1;0.05",dur:"2s",repeatCount:"indefinite"})})]}),p.jsxs("linearGradient",{id:"skeleton-area-line",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[p.jsx("stop",{offset:"0%",stopColor:"#3b82f6",stopOpacity:"0.4",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.4;0.8;0.4",dur:"2s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"50%",stopColor:"#3b82f6",stopOpacity:"0.8",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.8;0.4;0.8",dur:"2s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"100%",stopColor:"#3b82f6",stopOpacity:"0.4",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.4;0.8;0.4",dur:"2s",repeatCount:"indefinite"})})]})]}),p.jsx("path",{d:g,fill:"url(#skeleton-area-gradient)"}),p.jsx("path",{d:n(f),stroke:"url(#skeleton-area-line)",strokeWidth:"2.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]})});case"pie":return p.jsx("div",{className:"absolute inset-0 flex items-center justify-center p-[16px]",children:p.jsxs("svg",{className:"w-32 h-32",viewBox:"0 0 42 42",children:[p.jsxs("defs",{children:[p.jsx("linearGradient",{id:"skeleton-pie-gradient-1",children:p.jsx("stop",{offset:"0%",stopColor:"#3b82f6",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2s",repeatCount:"indefinite"})})}),p.jsx("linearGradient",{id:"skeleton-pie-gradient-2",children:p.jsx("stop",{offset:"0%",stopColor:"#10b981",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2s",repeatCount:"indefinite",begin:"0.5s"})})}),p.jsx("linearGradient",{id:"skeleton-pie-gradient-3",children:p.jsx("stop",{offset:"0%",stopColor:"#f59e0b",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2s",repeatCount:"indefinite",begin:"1s"})})}),p.jsx("linearGradient",{id:"skeleton-pie-gradient-4",children:p.jsx("stop",{offset:"0%",stopColor:"#ef4444",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2s",repeatCount:"indefinite",begin:"1.5s"})})})]}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"#e5e7eb",strokeWidth:"3"}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"url(#skeleton-pie-gradient-1)",strokeWidth:"3",strokeDasharray:"40 60",strokeDashoffset:"25"}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"url(#skeleton-pie-gradient-2)",strokeWidth:"3",strokeDasharray:"25 75",strokeDashoffset:"65"}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"url(#skeleton-pie-gradient-3)",strokeWidth:"3",strokeDasharray:"20 80",strokeDashoffset:"90"}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"url(#skeleton-pie-gradient-4)",strokeWidth:"3",strokeDasharray:"15 85",strokeDashoffset:"110"})]})});default:return p.jsx("div",{className:"absolute inset-0 p-[16px]",children:p.jsxs("div",{className:"w-full h-full relative",children:[p.jsx("div",{className:"absolute inset-0 flex items-center",children:p.jsx("div",{className:"w-full h-0.5 bg-gradient-to-r from-transparent via-gray-300 to-transparent opacity-60",children:p.jsx("div",{className:"w-full h-full bg-gradient-to-r from-transparent via-blue-400 to-transparent animate-pulse"})})}),p.jsx("div",{className:"absolute inset-0 flex items-center justify-between px-2",children:[...Array(7)].map((m,b)=>p.jsx("div",{className:"w-2 h-2 bg-blue-300 rounded-full animate-pulse",style:{animationDelay:`${b*.2}s`}},b))})]})})}};return p.jsx("div",{className:se("w-full",e),children:p.jsxs("div",{className:"relative bg-gray-50/30",children:[p.jsxs("div",{className:"relative",style:{height:`${r}px`},children:[p.jsxs("div",{className:"absolute left-0 top-0 h-full flex flex-col justify-between items-end pr-[12px]",children:[p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"})]}),p.jsxs("div",{className:"ml-14 h-full relative overflow-hidden px-0 py-2 flex flex-col justify-between",children:[t!=="pie"&&p.jsxs(p.Fragment,{children:[p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"})]}),i()]}),t!=="pie"&&p.jsxs("div",{className:"ml-[56px] flex justify-between items-center mt-[12px]",children:[p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"})]})]}),p.jsxs("div",{className:"flex items-center justify-between px-0 py-[12px] mt-[8px]",children:[p.jsx("div",{className:"flex-1",children:p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[256px]"})}),p.jsxs("div",{className:"flex items-center gap-2 w-24 justify-center",children:[p.jsx("div",{className:"w-[8px] h-[8px] bg-blue-500 rounded-full"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded flex-1"})]})]})]})})},kB=({active:e,payload:t,label:r,config:n})=>{var o;if(!e||!t||!t.length)return null;const a=t.filter(s=>s.name&&s.name!==""&&s.name!==s.dataKey);if(a.length===0)return null;const i=((o=n.tooltip)==null?void 0:o.style)==="dark";return p.jsxs("div",{className:se("rounded-lg border px-[12px] py-[8px] text-xs shadow-lg",i?"bg-gray-900 border-gray-700 text-white":"bg-white border-gray-200 text-gray-900"),children:[p.jsx("div",{className:se("font-medium mb-[8px]",i?"text-gray-300":"text-gray-600"),children:new Date(r||"").toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}),p.jsx("div",{className:"space-y-1",children:a.map((s,l)=>p.jsxs("div",{className:"flex items-center justify-between gap-4",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("div",{className:"w-[8px] h-[8px] rounded-full",style:{backgroundColor:s.color}}),p.jsx("span",{className:se("text-xs",i?"text-gray-300":"text-gray-600"),children:s.name})]}),p.jsx("span",{className:se("font-medium text-xs",i?"text-white":"text-gray-900"),children:typeof s.value=="number"?s.value.toLocaleString():s.value})]},l))})]})},j0=({config:e,className:t,isLoading:r,onDataPointClick:n})=>{var y,w;const{data:a,dataKey:i,color:o="#3b82f6",lines:s,dateRange:l,yAxisLabel:u,height:c=300,tooltip:f={show:!0,style:"dark"}}=e,h=(T=>{if(!T||T.length===0)return[];const A=[...T].sort((k,D)=>{const M=new Date(k.date),F=new Date(D.date);return M.getTime()-F.getTime()});let _,C;l!=null&&l.start&&(l!=null&&l.end)?(_=new Date(l.start),C=new Date(l.end)):(_=new Date(A[0].date),C=new Date(A[A.length-1].date));const P=new Map;A.forEach(k=>{P.set(k.date,k)});const E=[],I=new Date(_);for(;I<=C;){const k=I.toISOString().split("T")[0];if(P.has(k))E.push(P.get(k));else{const D={date:k,users:0,sessions:0,messages:0,totalTokens:0,inputTokens:0,outputTokens:0,agentRuns:0,toolRuns:0,modelRuns:0,codeTools:0,workflowTools:0,knowledgeTools:0,mcpTools:0,value:0,count:0};if(A.length>0){const M=A[0];Object.keys(M).forEach(F=>{typeof M[F]=="number"&&!(F in D)&&(D[F]=0)})}E.push(D)}I.setDate(I.getDate()+1)}return E})(a),v=T=>{const A=new Date(T);return isNaN(A.getTime())?T:A.toLocaleDateString("en-US",{month:"short",day:"numeric"})},g=()=>{if(!h||h.length===0)return 0;const T=h.length;return T<=20?0:T<=31?1:T<=61?2:Math.floor(T/7)-1},m=T=>b()&&!Number.isInteger(T)?"":T>=1e3?`${Math.floor(T/1e3)}k`:Math.floor(T).toString(),b=()=>{const T=["users","sessions","messages","runs","agents","tools","models","Number of Users","Number of Sessions","Number of Messages","Number of Agent Runs","Number of Tool Runs","Number of Model Runs","agentRuns","toolRuns","modelRuns"];return!!(u&&T.some(A=>u.toLowerCase().includes(A.toLowerCase()))||i&&T.some(A=>i.toLowerCase().includes(A.toLowerCase()))||e.title&&T.some(A=>e.title.toLowerCase().includes(A.toLowerCase()))||s&&s.some(A=>A.label&&T.some(_=>A.label.toLowerCase().includes(_.toLowerCase()))))},x=s&&s.length>0?s:[{dataKey:i||"value",color:o,label:e.title,strokeWidth:2}];if(r)return console.log("AnalyticsChart: Loading state active"),p.jsx(A0,{className:t,chartType:e.type,height:c});if(!a||a.length===0)return console.log("AnalyticsChart: No data provided",{data:a,config:e}),p.jsx("div",{className:se("w-full",t),children:p.jsxs("div",{className:"relative bg-gray-50/30",children:[p.jsxs("div",{className:"relative h-[300px] mb-6",children:[p.jsxs("div",{className:"absolute left-0 top-0 h-full flex flex-col justify-between items-end pr-3",children:[p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"})]}),p.jsxs("div",{className:"ml-14 h-full relative overflow-hidden px-0 py-2 flex flex-col justify-between",children:[p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-4",children:[p.jsx("div",{className:"bg-white border border-gray-300 rounded-[10px] w-12 h-12 flex items-center justify-center",children:p.jsx("svg",{className:"w-6 h-6 !h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:p.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"})})}),p.jsxs("div",{className:"text-center max-w-[352px]",children:[p.jsx("h3",{className:"font-semibold text-gray-900 text-base mb-1",children:"There is no data to display for this period"}),p.jsx("p",{className:"font-normal text-center text-gray-600 text-sm leading-5",children:"Try selecting a different date range or ensure your app is deployed and receiving traffic."})]})]})]}),p.jsxs("div",{className:"ml-14 flex justify-between items-center mt-3",children:[p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"})]})]}),p.jsxs("div",{className:"flex items-center justify-between px-0 py-3 mt-2",children:[p.jsx("div",{className:"flex-1",children:p.jsx("div",{className:"bg-gray-100 h-3 rounded w-64"})}),p.jsxs("div",{className:"flex items-center gap-2 w-24 justify-center",children:[p.jsx("div",{className:"w-2 h-2 bg-blue-500 rounded-full"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded flex-1"})]})]})]})});const j=T=>{var _;if(!n||!T||!T.activePayload)return;const A=(_=T.activePayload[0])==null?void 0:_.payload;A&&A.date&&(console.log("Chart data point clicked:",{date:A.date,data:A}),n(A,A.date))};return console.log("=== ANALYTICS CHART DEBUG ==="),console.log("AnalyticsChart config:",e),console.log("AnalyticsChart original data length:",a==null?void 0:a.length),console.log("AnalyticsChart filled data length:",h.length),console.log("AnalyticsChart date range (config):",l),console.log("AnalyticsChart actual date range:",h.length>0?{first:(y=h[0])==null?void 0:y.date,last:(w=h[h.length-1])==null?void 0:w.date,totalDays:h.length}:"No data"),console.log("AnalyticsChart dataKey:",i),console.log("Chart lines configuration:",x),console.log("Sample filled data points:",h.slice(0,3)),console.log("=== END ANALYTICS CHART DEBUG ==="),p.jsxs("div",{className:se("w-full",t),children:[p.jsx("div",{className:"relative bg-gray-50/30",children:p.jsx(Sk,{width:"100%",height:c,children:p.jsxs($B,{data:h,onClick:j,margin:{top:20,right:30,left:20,bottom:20},children:[p.jsx("defs",{children:x.map((T,A)=>p.jsxs("linearGradient",{id:`gradient-${T.dataKey}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[p.jsx("stop",{offset:"5%",stopColor:T.color,stopOpacity:.08}),p.jsx("stop",{offset:"95%",stopColor:T.color,stopOpacity:.01})]},`gradient-${A}`))}),p.jsx(Ry,{strokeDasharray:"2 2",className:"opacity-30",stroke:"#d1d5db",horizontal:!0,vertical:!1}),p.jsx(js,{dataKey:"date",tickFormatter:v,axisLine:!1,tickLine:!1,tick:{fontSize:12,fill:"#6b7280"},tickMargin:10,interval:g()}),p.jsx(_s,{axisLine:!1,tickLine:!1,tick:{fontSize:12,fill:"#6b7280"},tickFormatter:m,tickMargin:10,allowDecimals:!b(),domain:b()?["dataMin","dataMax"]:void 0,label:u?{value:u,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fontSize:12,fill:"#6b7280"}}:void 0}),f.show&&p.jsx(Ut,{content:T=>p.jsx(kB,{...T,config:e}),cursor:{stroke:"#d1d5db",strokeWidth:1,strokeDasharray:"4 4"},allowEscapeViewBox:{x:!1,y:!1}}),x.map(T=>p.jsx(jr,{type:"monotone",dataKey:T.dataKey,stroke:"none",fill:`url(#gradient-${T.dataKey})`,fillOpacity:1,isAnimationActive:!1,name:""},`area-${T.dataKey}`)),x.map(T=>p.jsx(mi,{type:"monotone",dataKey:T.dataKey,stroke:T.color,strokeWidth:2.5,strokeDasharray:T.strokeDasharray,dot:!1,activeDot:{r:5,fill:T.color,stroke:T.color,strokeWidth:2},name:T.label},T.dataKey))]})})}),p.jsxs("div",{className:"mt-4 flex items-center justify-between",children:[p.jsx("div",{children:l&&p.jsxs("p",{className:"text-xs text-gray-500 flex items-center gap-[4px]",children:[p.jsx("span",{className:"text-gray-500",children:"Showing data from"}),p.jsxs("span",{className:"font-medium text-gray-700",children:[new Date(l.start).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})," - ",new Date(l.end).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})]})]})}),p.jsx("div",{className:"flex items-center gap-4",children:p.jsx("div",{className:"flex items-center gap-4 text-sm text-muted-foreground",children:x.map(T=>p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("div",{className:"w-[8px] h-[8px] rounded-full",style:{backgroundColor:T.color}}),p.jsx("span",{className:"text-xs text-gray-600",children:T.label})]},T.dataKey))})})]})]})},P0=({config:e,className:t})=>{const{title:r,data:n,columns:a,pagination:i={enabled:!0,pageSize:10},sorting:o={enabled:!0},filtering:s={enabled:!0,searchable:!0}}=e,[l,u]=S.useState(o.defaultSort||null),[c,f]=S.useState(""),[d,h]=S.useState(1),v=S.useMemo(()=>{let y=[...n];return s.searchable&&c&&(y=y.filter(w=>a.some(T=>{const A=w[T.key];return A==null?void 0:A.toString().toLowerCase().includes(c.toLowerCase())}))),l&&y.sort((w,T)=>{const A=w[l.key],_=T[l.key];if(typeof A=="number"&&typeof _=="number")return l.order==="asc"?A-_:_-A;const C=(A==null?void 0:A.toString())||"",P=(_==null?void 0:_.toString())||"",E=C.localeCompare(P);return l.order==="asc"?E:-E}),y},[n,a,c,l,s.searchable]),g=i.enabled?Math.ceil(v.length/i.pageSize):1,m=i.enabled?v.slice((d-1)*i.pageSize,d*i.pageSize):v,b=y=>{!o.enabled||!y.sortable||u(w=>(w==null?void 0:w.key)===y.key?w.order==="asc"?{key:y.key,order:"desc"}:null:{key:y.key,order:"asc"})},O=y=>{f(y),h(1)},x=(y,w,T)=>w.render?w.render(y,T):w.formatter?w.formatter(y,T):typeof y=="number"?y.toLocaleString():(y==null?void 0:y.toString())||"-",j=y=>!o.enabled||!y.sortable?null:(l==null?void 0:l.key)===y.key?l.order==="asc"?p.jsx(Tf,{className:"w-[16px] h-[16px]"}):p.jsx(fr,{className:"w-[16px] h-[16px]"}):p.jsxs("div",{className:"flex flex-col",children:[p.jsx(Tf,{className:"w-[12px] h-[12px] opacity-30"}),p.jsx(fr,{className:"w-[12px] h-[12px] opacity-30 -mt-1"})]});return p.jsxs("div",{className:se("w-full",t),children:[p.jsxs("div",{className:"flex items-center justify-between mb-4",children:[p.jsx("h3",{className:"text-md font-medium text-gray-700",children:r}),s.enabled&&s.searchable&&p.jsxs("div",{className:"relative",children:[p.jsx(Ef,{className:"absolute left-[12px] top-1/2 transform -translate-y-1/2 w-[16px] h-[16px] text-gray-400"}),p.jsx("input",{type:"text",placeholder:"Search...",value:c,onChange:y=>O(y.target.value),className:"pl-[36px] pr-[12px] py-[8px] border border-gray-200 rounded-lg text-xs focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"})]})]}),p.jsx("div",{className:"overflow-x-auto border border-gray-200 rounded-lg",children:p.jsxs("table",{className:"w-full",children:[p.jsx("thead",{className:"bg-gray-50",children:p.jsx("tr",{children:a.map(y=>p.jsx("th",{className:se("px-[16px] py-[12px] text-left text-xs font-medium text-gray-500 uppercase tracking-wider",y.sortable&&o.enabled&&"cursor-pointer hover:bg-gray-100",y.align==="center"&&"text-center",y.align==="right"&&"text-right"),style:{width:y.width},onClick:()=>b(y),children:p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("span",{children:y.title}),j(y)]})},y.key))})}),p.jsx("tbody",{className:"bg-white divide-y divide-gray-200",children:m.map((y,w)=>p.jsx("tr",{className:"hover:bg-gray-50 transition-colors",children:a.map(T=>p.jsx("td",{className:se("px-[16px] py-[12px] text-xs text-gray-900",T.align==="center"&&"text-center",T.align==="right"&&"text-right"),children:x(y[T.key],T,y)},T.key))},w))})]})}),i.enabled&&g>1&&p.jsxs("div",{className:"flex items-center justify-between mt-4",children:[p.jsxs("div",{className:"text-xs text-gray-500",children:["Showing ",(d-1)*i.pageSize+1," to"," ",Math.min(d*i.pageSize,v.length)," of"," ",v.length," results"]}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{onClick:()=>h(y=>Math.max(1,y-1)),disabled:d===1,className:"px-[12px] py-[4px] text-xs border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",children:"Previous"}),Array.from({length:Math.min(5,g)},(y,w)=>{const T=Math.max(1,Math.min(g-4,d-2))+w;return T>g?null:p.jsx("button",{onClick:()=>h(T),className:se("px-[12px] py-[4px] text-xs border rounded",d===T?"bg-blue-500 text-white border-blue-500":"border-gray-200 hover:bg-gray-50"),children:T},T)}),p.jsx("button",{onClick:()=>h(y=>Math.min(g,y+1)),disabled:d===g,className:"px-[12px] py-[4px] text-xs border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",children:"Next"})]})]}),m.length===0&&p.jsx("div",{className:"text-center py-[32px] text-gray-500",children:c?"No results found for your search.":"No data available."})]})},MB=(e,t)=>{switch(e){case"human":return t==="agent"?"agent-avatars":"avatars";case"logo":return"profileLogos";case"icon":case"inlineTool":case"toolLibrary":case"KNOWLEDGE":case"MCP":return"profileIcons";default:return t==="agent"?"agent-avatars":"avatars"}},NB=e=>{if(!e)return null;if(typeof e=="string")try{return JSON.parse(e)}catch{return{name:e,type:"human"}}return e},DB=(e,t)=>{const r=["#3B82F6","#EF4444","#10B981","#F59E0B","#8B5CF6","#EC4899","#06B6D4","#84CC16"],n=e.split("").reduce((a,i)=>a+i.charCodeAt(0),0)%r.length;if(t==="workflowtool"){const a=e.toLowerCase();let i="toolLibrary";return a.includes("code")||a.includes("inline")||a.includes("calculate")?i="inlineTool":a.includes("knowledge")||a.includes("document")||a.includes("fetch")?i="KNOWLEDGE":(a.includes("mcp")||a.includes("protocol"))&&(i="MCP"),{name:"fallback",type:i,color:r[n]}}return t==="model"?{name:"fallback",type:"icon",color:r[n]}:{name:"fallback",type:t==="agent"?"human":"icon",color:r[n]}},IB=(e,t)=>{if(!(e!=null&&e.name))return"";if(t==="url")return e.name;if(t==="model")return"";const r=window.location.protocol+"//"+window.location.host,n=MB(e.type||"human",t);return`${r}/agenticai/assets/${n}/${e.name.replace("agent","avatar")}.svg`},_0=e=>{if(!e)return"assets/icons/models/custom-api.svg";const t=e.toLowerCase(),r={openai:"Open AI.svg","open ai":"Open AI.svg",chatopenai:"Open AI.svg",gpt:"Open AI.svg",anthropic:"Anthropic.svg",claude:"Anthropic.svg",google:"Google.svg",gemini:"Google.svg",chatgooglegenerativeai:"Google.svg",googlegenerativeai:"Google.svg",palm:"Google.svg",azurechatopenai:"Azure Open AI.svg","azure open ai":"Azure Open AI.svg",azureopenai:"Azure Open AI.svg","azure openai":"Azure Open AI.svg",azure:"Azure Open AI.svg",aws:"AWS Bedrock.svg",bedrock:"AWS Bedrock.svg","aws bedrock":"AWS Bedrock.svg",awsbedrock:"AWS Bedrock.svg",amazon:"AWS Bedrock.svg",cohere:"Cohere.svg",api:"API.svg",custom:"custom-api.svg","custom-api":"custom-api.svg",customapi:"custom-api.svg"};if(r[t])return`assets/icons/models/${r[t]}`;for(const[n,a]of Object.entries(r))if(t.includes(n)||n.includes(t))return`assets/icons/models/${a}`;return"assets/icons/models/custom-api.svg"},LB={xs:"w-6 h-6 text-xs",small:"w-8 h-8 text-sm",medium:"w-10 h-10 text-base",large:"w-12 h-12 text-lg"},Rt={inlineTool:`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_3533_7514)">
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function g0(e,t){if(e){if(typeof e=="string")return cf(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return cf(e,t)}}function vB(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function gB(e){if(Array.isArray(e))return cf(e)}function cf(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y0(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function H(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?y0(Object(r),!0).forEach(function(n){le(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y0(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function le(e,t,r){return t=b0(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b0(e){var t=yB(e,"string");return ea(t)=="symbol"?t:t+""}function yB(e,t){if(ea(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(ea(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var bB={xAxis:["bottom","top"],yAxis:["left","right"]},xB={width:"100%",height:"100%"},x0={x:0,y:0};function $s(e){return e}var wB=function(t,r){return r==="horizontal"?t.x:r==="vertical"?t.y:r==="centric"?t.angle:t.radius},OB=function(t,r,n,a){var i=r.find(function(c){return c&&c.index===n});if(i){if(t==="horizontal")return{x:i.coordinate,y:a.y};if(t==="vertical")return{x:a.x,y:i.coordinate};if(t==="centric"){var o=i.coordinate,s=a.radius;return H(H(H({},a),nt(a.cx,a.cy,s,o)),{},{angle:o,radius:s})}var l=i.coordinate,u=a.angle;return H(H(H({},a),nt(a.cx,a.cy,l,u)),{},{angle:u,radius:l})}return x0},ks=function(t,r){var n=r.graphicalItems,a=r.dataStartIndex,i=r.dataEndIndex,o=(n??[]).reduce(function(s,l){var u=l.props.data;return u&&u.length?[].concat(ra(s),ra(u)):s},[]);return o.length>0?o:t&&t.length&&Q(a)&&Q(i)?t.slice(a,i+1):[]};function w0(e){return e==="number"?[0,"auto"]:void 0}var ff=function(t,r,n,a){var i=t.graphicalItems,o=t.tooltipAxis,s=ks(r,t);return n<0||!i||!i.length||n>=s.length?null:i.reduce(function(l,u){var c,f=(c=u.props.data)!==null&&c!==void 0?c:r;f&&t.dataStartIndex+t.dataEndIndex!==0&&t.dataEndIndex-t.dataStartIndex>=n&&(f=f.slice(t.dataStartIndex,t.dataEndIndex+1));var d;if(o.dataKey&&!o.allowDuplicatedCategory){var h=f===void 0?s:f;d=Ri(h,o.dataKey,a)}else d=f&&f[n]||s[n];return d?[].concat(ra(l),[Pv(u,d)]):l},[])},O0=function(t,r,n,a){var i=a||{x:t.chartX,y:t.chartY},o=wB(i,n),s=t.orderedTooltipTicks,l=t.tooltipAxis,u=t.tooltipTicks,c=n6(o,s,u,l);if(c>=0&&u){var f=u[c]&&u[c].value,d=ff(t,r,c,f),h=OB(n,s,c,i);return{activeTooltipIndex:c,activeLabel:f,activePayload:d,activeCoordinate:h}}return null},SB=function(t,r){var n=r.axes,a=r.graphicalItems,i=r.axisType,o=r.axisIdKey,s=r.stackGroups,l=r.dataStartIndex,u=r.dataEndIndex,c=t.layout,f=t.children,d=t.stackOffset,h=bv(c,i);return n.reduce(function(v,g){var m,b=g.type.defaultProps!==void 0?H(H({},g.type.defaultProps),g.props):g.props,O=b.type,x=b.dataKey,j=b.allowDataOverflow,y=b.allowDuplicatedCategory,w=b.scale,T=b.ticks,A=b.includeHidden,_=b[o];if(v[_])return v;var C=ks(t.data,{graphicalItems:a.filter(function(U){var W,K=o in U.props?U.props[o]:(W=U.type.defaultProps)===null||W===void 0?void 0:W[o];return K===_}),dataStartIndex:l,dataEndIndex:u}),P=C.length,E,I,k;YR(b.domain,j,O)&&(E=Qu(b.domain,null,j),h&&(O==="number"||w!=="auto")&&(k=Ga(C,x,"category")));var D=w0(O);if(!E||E.length===0){var M,F=(M=b.domain)!==null&&M!==void 0?M:D;if(x){if(E=Ga(C,x,O),O==="category"&&h){var z=z2(E);y&&z?(I=E,E=ns(0,P)):y||(E=jv(F,E,g).reduce(function(U,W){return U.indexOf(W)>=0?U:[].concat(ra(U),[W])},[]))}else if(O==="category")y?E=E.filter(function(U){return U!==""&&!fe(U)}):E=jv(F,E,g).reduce(function(U,W){return U.indexOf(W)>=0||W===""||fe(W)?U:[].concat(ra(U),[W])},[]);else if(O==="number"){var q=l6(C,a.filter(function(U){var W,K,B=o in U.props?U.props[o]:(W=U.type.defaultProps)===null||W===void 0?void 0:W[o],G="hide"in U.props?U.props.hide:(K=U.type.defaultProps)===null||K===void 0?void 0:K.hide;return B===_&&(A||!G)}),x,i,c);q&&(E=q)}h&&(O==="number"||w!=="auto")&&(k=Ga(C,x,"category"))}else h?E=ns(0,P):s&&s[_]&&s[_].hasStack&&O==="number"?E=d==="expand"?[0,1]:Sv(s[_].stackGroups,l,u):E=yv(C,a.filter(function(U){var W=o in U.props?U.props[o]:U.type.defaultProps[o],K="hide"in U.props?U.props.hide:U.type.defaultProps.hide;return W===_&&(A||!K)}),O,c,!0);if(O==="number")E=af(f,E,_,i,T),F&&(E=Qu(F,E,j));else if(O==="category"&&F){var $=F,R=E.every(function(U){return $.indexOf(U)>=0});R&&(E=$)}}return H(H({},v),{},le({},_,H(H({},b),{},{axisType:i,domain:E,categoricalDomain:k,duplicateDomain:I,originalDomain:(m=b.domain)!==null&&m!==void 0?m:D,isCategorical:h,layout:c})))},{})},TB=function(t,r){var n=r.graphicalItems,a=r.Axis,i=r.axisType,o=r.axisIdKey,s=r.stackGroups,l=r.dataStartIndex,u=r.dataEndIndex,c=t.layout,f=t.children,d=ks(t.data,{graphicalItems:n,dataStartIndex:l,dataEndIndex:u}),h=d.length,v=bv(c,i),g=-1;return n.reduce(function(m,b){var O=b.type.defaultProps!==void 0?H(H({},b.type.defaultProps),b.props):b.props,x=O[o],j=w0("number");if(!m[x]){g++;var y;return v?y=ns(0,h):s&&s[x]&&s[x].hasStack?(y=Sv(s[x].stackGroups,l,u),y=af(f,y,x,i)):(y=Qu(j,yv(d,n.filter(function(w){var T,A,_=o in w.props?w.props[o]:(T=w.type.defaultProps)===null||T===void 0?void 0:T[o],C="hide"in w.props?w.props.hide:(A=w.type.defaultProps)===null||A===void 0?void 0:A.hide;return _===x&&!C}),"number",c),a.defaultProps.allowDataOverflow),y=af(f,y,x,i)),H(H({},m),{},le({},x,H(H({axisType:i},a.defaultProps),{},{hide:!0,orientation:wt(bB,"".concat(i,".").concat(g%2),null),domain:y,originalDomain:j,isCategorical:v,layout:c})))}return m},{})},AB=function(t,r){var n=r.axisType,a=n===void 0?"xAxis":n,i=r.AxisComp,o=r.graphicalItems,s=r.stackGroups,l=r.dataStartIndex,u=r.dataEndIndex,c=t.children,f="".concat(a,"Id"),d=dt(c,i),h={};return d&&d.length?h=SB(t,{axes:d,graphicalItems:o,axisType:a,axisIdKey:f,stackGroups:s,dataStartIndex:l,dataEndIndex:u}):o&&o.length&&(h=TB(t,{Axis:i,graphicalItems:o,axisType:a,axisIdKey:f,stackGroups:s,dataStartIndex:l,dataEndIndex:u})),h},jB=function(t){var r=mr(t),n=ur(r,!1,!0);return{tooltipTicks:n,orderedTooltipTicks:Hl(n,function(a){return a.coordinate}),tooltipAxis:r,tooltipAxisBandSize:Fo(r,n)}},S0=function(t){var r=t.children,n=t.defaultShowTooltip,a=vt(r,In),i=0,o=0;return t.data&&t.data.length!==0&&(o=t.data.length-1),a&&a.props&&(a.props.startIndex>=0&&(i=a.props.startIndex),a.props.endIndex>=0&&(o=a.props.endIndex)),{chartX:0,chartY:0,dataStartIndex:i,dataEndIndex:o,activeTooltipIndex:-1,isTooltipActive:!!n}},PB=function(t){return!t||!t.length?!1:t.some(function(r){var n=Qt(r&&r.type);return n&&n.indexOf("Bar")>=0})},T0=function(t){return t==="horizontal"?{numericAxisName:"yAxis",cateAxisName:"xAxis"}:t==="vertical"?{numericAxisName:"xAxis",cateAxisName:"yAxis"}:t==="centric"?{numericAxisName:"radiusAxis",cateAxisName:"angleAxis"}:{numericAxisName:"angleAxis",cateAxisName:"radiusAxis"}},_B=function(t,r){var n=t.props,a=t.graphicalItems,i=t.xAxisMap,o=i===void 0?{}:i,s=t.yAxisMap,l=s===void 0?{}:s,u=n.width,c=n.height,f=n.children,d=n.margin||{},h=vt(f,In),v=vt(f,gn),g=Object.keys(l).reduce(function(y,w){var T=l[w],A=T.orientation;return!T.mirror&&!T.hide?H(H({},y),{},le({},A,y[A]+T.width)):y},{left:d.left||0,right:d.right||0}),m=Object.keys(o).reduce(function(y,w){var T=o[w],A=T.orientation;return!T.mirror&&!T.hide?H(H({},y),{},le({},A,wt(y,"".concat(A))+T.height)):y},{top:d.top||0,bottom:d.bottom||0}),b=H(H({},m),g),O=b.bottom;h&&(b.bottom+=h.props.height||In.defaultProps.height),v&&r&&(b=o6(b,a,n,r));var x=u-b.left-b.right,j=c-b.top-b.bottom;return H(H({brushBottom:O},b),{},{width:Math.max(x,0),height:Math.max(j,0)})},EB=function(t,r){if(r==="xAxis")return t[r].width;if(r==="yAxis")return t[r].height},CB=function(t){var r=t.chartName,n=t.GraphicalChild,a=t.defaultTooltipEventType,i=a===void 0?"axis":a,o=t.validateTooltipEventTypes,s=o===void 0?["axis"]:o,l=t.axisComponents,u=t.legendContent,c=t.formatAxisMap,f=t.defaultProps,d=function(b,O){var x=O.graphicalItems,j=O.stackGroups,y=O.offset,w=O.updateId,T=O.dataStartIndex,A=O.dataEndIndex,_=b.barSize,C=b.layout,P=b.barGap,E=b.barCategoryGap,I=b.maxBarSize,k=T0(C),D=k.numericAxisName,M=k.cateAxisName,F=PB(x),z=[];return x.forEach(function(q,$){var R=ks(b.data,{graphicalItems:[q],dataStartIndex:T,dataEndIndex:A}),U=q.type.defaultProps!==void 0?H(H({},q.type.defaultProps),q.props):q.props,W=U.dataKey,K=U.maxBarSize,B=U["".concat(D,"Id")],G=U["".concat(M,"Id")],X={},te=l.reduce(function(Ge,ut){var Pi,_i,oa=O["".concat(ut.axisType,"Map")],Ei=U["".concat(ut.axisType,"Id")];oa&&oa[Ei]||ut.axisType==="zAxis"||(process.env.NODE_ENV!=="production"?ht(!1,"Specifying a(n) ".concat(ut.axisType,"Id requires a corresponding ").concat(ut.axisType,"Id on the targeted graphical component ").concat((Pi=q==null||(_i=q.type)===null||_i===void 0?void 0:_i.displayName)!==null&&Pi!==void 0?Pi:"")):ht());var Ci=oa[Ei];return H(H({},Ge),{},le(le({},ut.axisType,Ci),"".concat(ut.axisType,"Ticks"),ur(Ci)))},X),V=te[M],Z=te["".concat(M,"Ticks")],ee=j&&j[B]&&j[B].hasStack&&x6(q,j[B].stackGroups),L=Qt(q.type).indexOf("Bar")>=0,oe=Fo(V,Z),Y=[],ue=F&&a6({barSize:_,stackGroups:j,totalSize:EB(te,M)});if(L){var re,me,We=fe(K)?I:K,Be=(re=(me=Fo(V,Z,!0))!==null&&me!==void 0?me:We)!==null&&re!==void 0?re:0;Y=i6({barGap:P,barCategoryGap:E,bandSize:Be!==oe?Be:oe,sizeList:ue[G],maxBarSize:We}),Be!==oe&&(Y=Y.map(function(Ge){return H(H({},Ge),{},{position:H(H({},Ge.position),{},{offset:Ge.position.offset-Be/2})})}))}var Fe=q&&q.type&&q.type.getComposedData;Fe&&z.push({props:H(H({},Fe(H(H({},te),{},{displayedData:R,props:b,dataKey:W,item:q,bandSize:oe,barPosition:Y,offset:y,stackedData:ee,layout:C,dataStartIndex:T,dataEndIndex:A}))),{},le(le(le({key:q.key||"item-".concat($)},D,te[D]),M,te[M]),"animationId",w)),childIndex:rO(q,b.children),item:q})}),z},h=function(b,O){var x=b.props,j=b.dataStartIndex,y=b.dataEndIndex,w=b.updateId;if(!fd({props:x}))return null;var T=x.children,A=x.layout,_=x.stackOffset,C=x.data,P=x.reverseStackOrder,E=T0(A),I=E.numericAxisName,k=E.cateAxisName,D=dt(T,n),M=g6(C,D,"".concat(I,"Id"),"".concat(k,"Id"),_,P),F=l.reduce(function(U,W){var K="".concat(W.axisType,"Map");return H(H({},U),{},le({},K,AB(x,H(H({},W),{},{graphicalItems:D,stackGroups:W.axisType===I&&M,dataStartIndex:j,dataEndIndex:y}))))},{}),z=_B(H(H({},F),{},{props:x,graphicalItems:D}),O==null?void 0:O.legendBBox);Object.keys(F).forEach(function(U){F[U]=c(x,F[U],z,U.replace("Map",""),r)});var q=F["".concat(k,"Map")],$=jB(q),R=d(x,H(H({},F),{},{dataStartIndex:j,dataEndIndex:y,updateId:w,graphicalItems:D,stackGroups:M,offset:z}));return H(H({formattedGraphicalItems:R,graphicalItems:D,offset:z,stackGroups:M},$),F)},v=function(m){function b(O){var x,j,y;return lB(this,b),y=fB(this,b,[O]),le(y,"eventEmitterSymbol",Symbol("rechartsEventEmitter")),le(y,"accessibilityManager",new KR),le(y,"handleLegendBBoxUpdate",function(w){if(w){var T=y.state,A=T.dataStartIndex,_=T.dataEndIndex,C=T.updateId;y.setState(H({legendBBox:w},h({props:y.props,dataStartIndex:A,dataEndIndex:_,updateId:C},H(H({},y.state),{},{legendBBox:w}))))}}),le(y,"handleReceiveSyncEvent",function(w,T,A){if(y.props.syncId===w){if(A===y.eventEmitterSymbol&&typeof y.props.syncMethod!="function")return;y.applySyncEvent(T)}}),le(y,"handleBrushChange",function(w){var T=w.startIndex,A=w.endIndex;if(T!==y.state.dataStartIndex||A!==y.state.dataEndIndex){var _=y.state.updateId;y.setState(function(){return H({dataStartIndex:T,dataEndIndex:A},h({props:y.props,dataStartIndex:T,dataEndIndex:A,updateId:_},y.state))}),y.triggerSyncEvent({dataStartIndex:T,dataEndIndex:A})}}),le(y,"handleMouseEnter",function(w){var T=y.getMouseInfo(w);if(T){var A=H(H({},T),{},{isTooltipActive:!0});y.setState(A),y.triggerSyncEvent(A);var _=y.props.onMouseEnter;pe(_)&&_(A,w)}}),le(y,"triggeredAfterMouseMove",function(w){var T=y.getMouseInfo(w),A=T?H(H({},T),{},{isTooltipActive:!0}):{isTooltipActive:!1};y.setState(A),y.triggerSyncEvent(A);var _=y.props.onMouseMove;pe(_)&&_(A,w)}),le(y,"handleItemMouseEnter",function(w){y.setState(function(){return{isTooltipActive:!0,activeItem:w,activePayload:w.tooltipPayload,activeCoordinate:w.tooltipPosition||{x:w.cx,y:w.cy}}})}),le(y,"handleItemMouseLeave",function(){y.setState(function(){return{isTooltipActive:!1}})}),le(y,"handleMouseMove",function(w){w.persist(),y.throttleTriggeredAfterMouseMove(w)}),le(y,"handleMouseLeave",function(w){y.throttleTriggeredAfterMouseMove.cancel();var T={isTooltipActive:!1};y.setState(T),y.triggerSyncEvent(T);var A=y.props.onMouseLeave;pe(A)&&A(T,w)}),le(y,"handleOuterEvent",function(w){var T=tO(w),A=wt(y.props,"".concat(T));if(T&&pe(A)){var _,C;/.*touch.*/i.test(T)?C=y.getMouseInfo(w.changedTouches[0]):C=y.getMouseInfo(w),A((_=C)!==null&&_!==void 0?_:{},w)}}),le(y,"handleClick",function(w){var T=y.getMouseInfo(w);if(T){var A=H(H({},T),{},{isTooltipActive:!0});y.setState(A),y.triggerSyncEvent(A);var _=y.props.onClick;pe(_)&&_(A,w)}}),le(y,"handleMouseDown",function(w){var T=y.props.onMouseDown;if(pe(T)){var A=y.getMouseInfo(w);T(A,w)}}),le(y,"handleMouseUp",function(w){var T=y.props.onMouseUp;if(pe(T)){var A=y.getMouseInfo(w);T(A,w)}}),le(y,"handleTouchMove",function(w){w.changedTouches!=null&&w.changedTouches.length>0&&y.throttleTriggeredAfterMouseMove(w.changedTouches[0])}),le(y,"handleTouchStart",function(w){w.changedTouches!=null&&w.changedTouches.length>0&&y.handleMouseDown(w.changedTouches[0])}),le(y,"handleTouchEnd",function(w){w.changedTouches!=null&&w.changedTouches.length>0&&y.handleMouseUp(w.changedTouches[0])}),le(y,"handleDoubleClick",function(w){var T=y.props.onDoubleClick;if(pe(T)){var A=y.getMouseInfo(w);T(A,w)}}),le(y,"handleContextMenu",function(w){var T=y.props.onContextMenu;if(pe(T)){var A=y.getMouseInfo(w);T(A,w)}}),le(y,"triggerSyncEvent",function(w){y.props.syncId!==void 0&&of.emit(sf,y.props.syncId,w,y.eventEmitterSymbol)}),le(y,"applySyncEvent",function(w){var T=y.props,A=T.layout,_=T.syncMethod,C=y.state.updateId,P=w.dataStartIndex,E=w.dataEndIndex;if(w.dataStartIndex!==void 0||w.dataEndIndex!==void 0)y.setState(H({dataStartIndex:P,dataEndIndex:E},h({props:y.props,dataStartIndex:P,dataEndIndex:E,updateId:C},y.state)));else if(w.activeTooltipIndex!==void 0){var I=w.chartX,k=w.chartY,D=w.activeTooltipIndex,M=y.state,F=M.offset,z=M.tooltipTicks;if(!F)return;if(typeof _=="function")D=_(z,w);else if(_==="value"){D=-1;for(var q=0;q<z.length;q++)if(z[q].value===w.activeLabel){D=q;break}}var $=H(H({},F),{},{x:F.left,y:F.top}),R=Math.min(I,$.x+$.width),U=Math.min(k,$.y+$.height),W=z[D]&&z[D].value,K=ff(y.state,y.props.data,D),B=z[D]?{x:A==="horizontal"?z[D].coordinate:R,y:A==="horizontal"?U:z[D].coordinate}:x0;y.setState(H(H({},w),{},{activeLabel:W,activeCoordinate:B,activePayload:K,activeTooltipIndex:D}))}else y.setState(w)}),le(y,"renderCursor",function(w){var T,A=y.state,_=A.isTooltipActive,C=A.activeCoordinate,P=A.activePayload,E=A.offset,I=A.activeTooltipIndex,k=A.tooltipAxisBandSize,D=y.getTooltipEventType(),M=(T=w.props.active)!==null&&T!==void 0?T:_,F=y.props.layout,z=w.key||"_recharts-cursor";return S.createElement(tB,{key:z,activeCoordinate:C,activePayload:P,activeTooltipIndex:I,chartName:r,element:w,isActive:M,layout:F,offset:E,tooltipAxisBandSize:k,tooltipEventType:D})}),le(y,"renderPolarAxis",function(w,T,A){var _=wt(w,"type.axisType"),C=wt(y.state,"".concat(_,"Map")),P=w.type.defaultProps,E=P!==void 0?H(H({},P),w.props):w.props,I=C&&C[E["".concat(_,"Id")]];return S.cloneElement(w,H(H({},I),{},{className:ve(_,I.className),key:w.key||"".concat(T,"-").concat(A),ticks:ur(I,!0)}))}),le(y,"renderPolarGrid",function(w){var T=w.props,A=T.radialLines,_=T.polarAngles,C=T.polarRadius,P=y.state,E=P.radiusAxisMap,I=P.angleAxisMap,k=mr(E),D=mr(I),M=D.cx,F=D.cy,z=D.innerRadius,q=D.outerRadius;return S.cloneElement(w,{polarAngles:Array.isArray(_)?_:ur(D,!0).map(function($){return $.coordinate}),polarRadius:Array.isArray(C)?C:ur(k,!0).map(function($){return $.coordinate}),cx:M,cy:F,innerRadius:z,outerRadius:q,key:w.key||"polar-grid",radialLines:A})}),le(y,"renderLegend",function(){var w=y.state.formattedGraphicalItems,T=y.props,A=T.children,_=T.width,C=T.height,P=y.props.margin||{},E=_-(P.left||0)-(P.right||0),I=hv({children:A,formattedGraphicalItems:w,legendWidth:E,legendContent:u});if(!I)return null;var k=I.item,D=m0(I,rB);return S.cloneElement(k,H(H({},D),{},{chartWidth:_,chartHeight:C,margin:P,onBBoxUpdate:y.handleLegendBBoxUpdate}))}),le(y,"renderTooltip",function(){var w,T=y.props,A=T.children,_=T.accessibilityLayer,C=vt(A,Ut);if(!C)return null;var P=y.state,E=P.isTooltipActive,I=P.activeCoordinate,k=P.activePayload,D=P.activeLabel,M=P.offset,F=(w=C.props.active)!==null&&w!==void 0?w:E;return S.cloneElement(C,{viewBox:H(H({},M),{},{x:M.left,y:M.top}),active:F,label:D,payload:F?k:[],coordinate:I,accessibilityLayer:_})}),le(y,"renderBrush",function(w){var T=y.props,A=T.margin,_=T.data,C=y.state,P=C.offset,E=C.dataStartIndex,I=C.dataEndIndex,k=C.updateId;return S.cloneElement(w,{key:w.key||"_recharts-brush",onChange:Bo(y.handleBrushChange,w.props.onChange),data:_,x:Q(w.props.x)?w.props.x:P.left,y:Q(w.props.y)?w.props.y:P.top+P.height+P.brushBottom-(A.bottom||0),width:Q(w.props.width)?w.props.width:P.width,startIndex:E,endIndex:I,updateId:"brush-".concat(k)})}),le(y,"renderReferenceElement",function(w,T,A){if(!w)return null;var _=y,C=_.clipPathId,P=y.state,E=P.xAxisMap,I=P.yAxisMap,k=P.offset,D=w.type.defaultProps||{},M=w.props,F=M.xAxisId,z=F===void 0?D.xAxisId:F,q=M.yAxisId,$=q===void 0?D.yAxisId:q;return S.cloneElement(w,{key:w.key||"".concat(T,"-").concat(A),xAxis:E[z],yAxis:I[$],viewBox:{x:k.left,y:k.top,width:k.width,height:k.height},clipPathId:C})}),le(y,"renderActivePoints",function(w){var T=w.item,A=w.activePoint,_=w.basePoint,C=w.childIndex,P=w.isRange,E=[],I=T.props.key,k=T.item.type.defaultProps!==void 0?H(H({},T.item.type.defaultProps),T.item.props):T.item.props,D=k.activeDot,M=k.dataKey,F=H(H({index:C,dataKey:M,cx:A.x,cy:A.y,r:4,fill:Zu(T.item),strokeWidth:2,stroke:"#fff",payload:A.payload,value:A.value},de(D,!1)),Bi(D));return E.push(b.renderActiveDot(D,F,"".concat(I,"-activePoint-").concat(C))),_?E.push(b.renderActiveDot(D,H(H({},F),{},{cx:_.x,cy:_.y}),"".concat(I,"-basePoint-").concat(C))):P&&E.push(null),E}),le(y,"renderGraphicChild",function(w,T,A){var _=y.filterFormatItem(w,T,A);if(!_)return null;var C=y.getTooltipEventType(),P=y.state,E=P.isTooltipActive,I=P.tooltipAxis,k=P.activeTooltipIndex,D=P.activeLabel,M=y.props.children,F=vt(M,Ut),z=_.props,q=z.points,$=z.isRange,R=z.baseLine,U=_.item.type.defaultProps!==void 0?H(H({},_.item.type.defaultProps),_.item.props):_.item.props,W=U.activeDot,K=U.hide,B=U.activeBar,G=U.activeShape,X=!!(!K&&E&&F&&(W||B||G)),te={};C!=="axis"&&F&&F.props.trigger==="click"?te={onClick:Bo(y.handleItemMouseEnter,w.props.onClick)}:C!=="axis"&&(te={onMouseLeave:Bo(y.handleItemMouseLeave,w.props.onMouseLeave),onMouseEnter:Bo(y.handleItemMouseEnter,w.props.onMouseEnter)});var V=S.cloneElement(w,H(H({},_.props),te));function Z(ut){return typeof I.dataKey=="function"?I.dataKey(ut.payload):null}if(X)if(k>=0){var ee,L;if(I.dataKey&&!I.allowDuplicatedCategory){var oe=typeof I.dataKey=="function"?Z:"payload.".concat(I.dataKey.toString());ee=Ri(q,oe,D),L=$&&R&&Ri(R,oe,D)}else ee=q==null?void 0:q[k],L=$&&R&&R[k];if(G||B){var Y=w.props.activeIndex!==void 0?w.props.activeIndex:k;return[S.cloneElement(w,H(H(H({},_.props),te),{},{activeIndex:Y})),null,null]}if(!fe(ee))return[V].concat(ra(y.renderActivePoints({item:_,activePoint:ee,basePoint:L,childIndex:k,isRange:$})))}else{var ue,re=(ue=y.getItemByXY(y.state.activeCoordinate))!==null&&ue!==void 0?ue:{graphicalItem:V},me=re.graphicalItem,We=me.item,Be=We===void 0?w:We,Fe=me.childIndex,Ge=H(H(H({},_.props),te),{},{activeIndex:Fe});return[S.cloneElement(Be,Ge),null,null]}return $?[V,null,null]:[V,null]}),le(y,"renderCustomized",function(w,T,A){return S.cloneElement(w,H(H({key:"recharts-customized-".concat(A)},y.props),y.state))}),le(y,"renderMap",{CartesianGrid:{handler:$s,once:!0},ReferenceArea:{handler:y.renderReferenceElement},ReferenceLine:{handler:$s},ReferenceDot:{handler:y.renderReferenceElement},XAxis:{handler:$s},YAxis:{handler:$s},Brush:{handler:y.renderBrush,once:!0},Bar:{handler:y.renderGraphicChild},Line:{handler:y.renderGraphicChild},Area:{handler:y.renderGraphicChild},Radar:{handler:y.renderGraphicChild},RadialBar:{handler:y.renderGraphicChild},Scatter:{handler:y.renderGraphicChild},Pie:{handler:y.renderGraphicChild},Funnel:{handler:y.renderGraphicChild},Tooltip:{handler:y.renderCursor,once:!0},PolarGrid:{handler:y.renderPolarGrid,once:!0},PolarAngleAxis:{handler:y.renderPolarAxis},PolarRadiusAxis:{handler:y.renderPolarAxis},Customized:{handler:y.renderCustomized}}),y.clipPathId="".concat((x=O.id)!==null&&x!==void 0?x:kr("recharts"),"-clip"),y.throttleTriggeredAfterMouseMove=fh(y.triggeredAfterMouseMove,(j=O.throttleDelay)!==null&&j!==void 0?j:1e3/60),y.state={},y}return hB(b,m),cB(b,[{key:"componentDidMount",value:function(){var x,j;this.addListener(),this.accessibilityManager.setDetails({container:this.container,offset:{left:(x=this.props.margin.left)!==null&&x!==void 0?x:0,top:(j=this.props.margin.top)!==null&&j!==void 0?j:0},coordinateList:this.state.tooltipTicks,mouseHandlerCallback:this.triggeredAfterMouseMove,layout:this.props.layout}),this.displayDefaultTooltip()}},{key:"displayDefaultTooltip",value:function(){var x=this.props,j=x.children,y=x.data,w=x.height,T=x.layout,A=vt(j,Ut);if(A){var _=A.props.defaultIndex;if(!(typeof _!="number"||_<0||_>this.state.tooltipTicks.length-1)){var C=this.state.tooltipTicks[_]&&this.state.tooltipTicks[_].value,P=ff(this.state,y,_,C),E=this.state.tooltipTicks[_].coordinate,I=(this.state.offset.top+w)/2,k=T==="horizontal",D=k?{x:E,y:I}:{y:E,x:I},M=this.state.formattedGraphicalItems.find(function(z){var q=z.item;return q.type.name==="Scatter"});M&&(D=H(H({},D),M.props.points[_].tooltipPosition),P=M.props.points[_].tooltipPayload);var F={activeTooltipIndex:_,isTooltipActive:!0,activeLabel:C,activePayload:P,activeCoordinate:D};this.setState(F),this.renderCursor(A),this.accessibilityManager.setIndex(_)}}}},{key:"getSnapshotBeforeUpdate",value:function(x,j){if(!this.props.accessibilityLayer)return null;if(this.state.tooltipTicks!==j.tooltipTicks&&this.accessibilityManager.setDetails({coordinateList:this.state.tooltipTicks}),this.props.layout!==x.layout&&this.accessibilityManager.setDetails({layout:this.props.layout}),this.props.margin!==x.margin){var y,w;this.accessibilityManager.setDetails({offset:{left:(y=this.props.margin.left)!==null&&y!==void 0?y:0,top:(w=this.props.margin.top)!==null&&w!==void 0?w:0}})}return null}},{key:"componentDidUpdate",value:function(x){fl([vt(x.children,Ut)],[vt(this.props.children,Ut)])||this.displayDefaultTooltip()}},{key:"componentWillUnmount",value:function(){this.removeListener(),this.throttleTriggeredAfterMouseMove.cancel()}},{key:"getTooltipEventType",value:function(){var x=vt(this.props.children,Ut);if(x&&typeof x.props.shared=="boolean"){var j=x.props.shared?"axis":"item";return s.indexOf(j)>=0?j:i}return i}},{key:"getMouseInfo",value:function(x){if(!this.container)return null;var j=this.container,y=j.getBoundingClientRect(),w=Ck(y),T={chartX:Math.round(x.pageX-w.left),chartY:Math.round(x.pageY-w.top)},A=y.width/j.offsetWidth||1,_=this.inRange(T.chartX,T.chartY,A);if(!_)return null;var C=this.state,P=C.xAxisMap,E=C.yAxisMap,I=this.getTooltipEventType(),k=O0(this.state,this.props.data,this.props.layout,_);if(I!=="axis"&&P&&E){var D=mr(P).scale,M=mr(E).scale,F=D&&D.invert?D.invert(T.chartX):null,z=M&&M.invert?M.invert(T.chartY):null;return H(H({},T),{},{xValue:F,yValue:z},k)}return k?H(H({},T),k):null}},{key:"inRange",value:function(x,j){var y=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,w=this.props.layout,T=x/y,A=j/y;if(w==="horizontal"||w==="vertical"){var _=this.state.offset,C=T>=_.left&&T<=_.left+_.width&&A>=_.top&&A<=_.top+_.height;return C?{x:T,y:A}:null}var P=this.state,E=P.angleAxisMap,I=P.radiusAxisMap;if(E&&I){var k=mr(E);return Cv({x:T,y:A},k)}return null}},{key:"parseEventsOfWrapper",value:function(){var x=this.props.children,j=this.getTooltipEventType(),y=vt(x,Ut),w={};y&&j==="axis"&&(y.props.trigger==="click"?w={onClick:this.handleClick}:w={onMouseEnter:this.handleMouseEnter,onDoubleClick:this.handleDoubleClick,onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,onContextMenu:this.handleContextMenu});var T=Bi(this.props,this.handleOuterEvent);return H(H({},T),w)}},{key:"addListener",value:function(){of.on(sf,this.handleReceiveSyncEvent)}},{key:"removeListener",value:function(){of.removeListener(sf,this.handleReceiveSyncEvent)}},{key:"filterFormatItem",value:function(x,j,y){for(var w=this.state.formattedGraphicalItems,T=0,A=w.length;T<A;T++){var _=w[T];if(_.item===x||_.props.key===x.key||j===Qt(_.item.type)&&y===_.childIndex)return _}return null}},{key:"renderClipPath",value:function(){var x=this.clipPathId,j=this.state.offset,y=j.left,w=j.top,T=j.height,A=j.width;return S.createElement("defs",null,S.createElement("clipPath",{id:x},S.createElement("rect",{x:y,y:w,height:T,width:A})))}},{key:"getXScales",value:function(){var x=this.state.xAxisMap;return x?Object.entries(x).reduce(function(j,y){var w=h0(y,2),T=w[0],A=w[1];return H(H({},j),{},le({},T,A.scale))},{}):null}},{key:"getYScales",value:function(){var x=this.state.yAxisMap;return x?Object.entries(x).reduce(function(j,y){var w=h0(y,2),T=w[0],A=w[1];return H(H({},j),{},le({},T,A.scale))},{}):null}},{key:"getXScaleByAxisId",value:function(x){var j;return(j=this.state.xAxisMap)===null||j===void 0||(j=j[x])===null||j===void 0?void 0:j.scale}},{key:"getYScaleByAxisId",value:function(x){var j;return(j=this.state.yAxisMap)===null||j===void 0||(j=j[x])===null||j===void 0?void 0:j.scale}},{key:"getItemByXY",value:function(x){var j=this.state,y=j.formattedGraphicalItems,w=j.activeItem;if(y&&y.length)for(var T=0,A=y.length;T<A;T++){var _=y[T],C=_.props,P=_.item,E=P.type.defaultProps!==void 0?H(H({},P.type.defaultProps),P.props):P.props,I=Qt(P.type);if(I==="Bar"){var k=(C.data||[]).find(function(z){return vD(x,z)});if(k)return{graphicalItem:_,payload:k}}else if(I==="RadialBar"){var D=(C.data||[]).find(function(z){return Cv(x,z)});if(D)return{graphicalItem:_,payload:D}}else if(ts(_,w)||rs(_,w)||ui(_,w)){var M=yI({graphicalItem:_,activeTooltipItem:w,itemData:E.data}),F=E.activeIndex===void 0?M:E.activeIndex;return{graphicalItem:H(H({},_),{},{childIndex:F}),payload:ui(_,w)?E.data[M]:_.props.data[M]}}}return null}},{key:"render",value:function(){var x=this;if(!fd(this))return null;var j=this.props,y=j.children,w=j.className,T=j.width,A=j.height,_=j.style,C=j.compact,P=j.title,E=j.desc,I=m0(j,nB),k=de(I,!1);if(C)return S.createElement(dy,{state:this.state,width:this.props.width,height:this.props.height,clipPathId:this.clipPathId},S.createElement(pl,ta({},k,{width:T,height:A,title:P,desc:E}),this.renderClipPath(),hd(y,this.renderMap)));if(this.props.accessibilityLayer){var D,M;k.tabIndex=(D=this.props.tabIndex)!==null&&D!==void 0?D:0,k.role=(M=this.props.role)!==null&&M!==void 0?M:"application",k.onKeyDown=function(z){x.accessibilityManager.keyboardEvent(z)},k.onFocus=function(){x.accessibilityManager.focus()}}var F=this.parseEventsOfWrapper();return S.createElement(dy,{state:this.state,width:this.props.width,height:this.props.height,clipPathId:this.clipPathId},S.createElement("div",ta({className:ve("recharts-wrapper",w),style:H({position:"relative",cursor:"default",width:T,height:A},_)},F,{ref:function(q){x.container=q}}),S.createElement(pl,ta({},k,{width:T,height:A,title:P,desc:E,style:xB}),this.renderClipPath(),hd(y,this.renderMap)),this.renderLegend(),this.renderTooltip()))}}])}(S.Component);le(v,"displayName",r),le(v,"defaultProps",H({layout:"horizontal",stackOffset:"none",barCategoryGap:"10%",barGap:4,margin:{top:5,right:5,bottom:5,left:5},reverseStackOrder:!1,syncMethod:"index"},f)),le(v,"getDerivedStateFromProps",function(m,b){var O=m.dataKey,x=m.data,j=m.children,y=m.width,w=m.height,T=m.layout,A=m.stackOffset,_=m.margin,C=b.dataStartIndex,P=b.dataEndIndex;if(b.updateId===void 0){var E=S0(m);return H(H(H({},E),{},{updateId:0},h(H(H({props:m},E),{},{updateId:0}),b)),{},{prevDataKey:O,prevData:x,prevWidth:y,prevHeight:w,prevLayout:T,prevStackOffset:A,prevMargin:_,prevChildren:j})}if(O!==b.prevDataKey||x!==b.prevData||y!==b.prevWidth||w!==b.prevHeight||T!==b.prevLayout||A!==b.prevStackOffset||!cn(_,b.prevMargin)){var I=S0(m),k={chartX:b.chartX,chartY:b.chartY,isTooltipActive:b.isTooltipActive},D=H(H({},O0(b,x,T)),{},{updateId:b.updateId+1}),M=H(H(H({},I),k),D);return H(H(H({},M),h(H({props:m},M),b)),{},{prevDataKey:O,prevData:x,prevWidth:y,prevHeight:w,prevLayout:T,prevStackOffset:A,prevMargin:_,prevChildren:j})}if(!fl(j,b.prevChildren)){var F,z,q,$,R=vt(j,In),U=R&&(F=(z=R.props)===null||z===void 0?void 0:z.startIndex)!==null&&F!==void 0?F:C,W=R&&(q=($=R.props)===null||$===void 0?void 0:$.endIndex)!==null&&q!==void 0?q:P,K=U!==C||W!==P,B=!fe(x),G=B&&!K?b.updateId:b.updateId+1;return H(H({updateId:G},h(H(H({props:m},b),{},{updateId:G,dataStartIndex:U,dataEndIndex:W}),b)),{},{prevChildren:j,dataStartIndex:U,dataEndIndex:W})}return null}),le(v,"renderActiveDot",function(m,b,O){var x;return S.isValidElement(m)?x=S.cloneElement(m,b):pe(m)?x=m(b):x=S.createElement(Jo,b),S.createElement(xe,{className:"recharts-active-dot",key:O},x)});var g=S.forwardRef(function(b,O){return S.createElement(v,ta({},b,{ref:O}))});return g.displayName=v.displayName,g},$B=CB({chartName:"ComposedChart",GraphicalChild:[mi,jr,Bn,Ts],axisComponents:[{axisType:"xAxis",AxisComp:js},{axisType:"yAxis",AxisComp:_s},{axisType:"zAxis",AxisComp:Os}],formatAxisMap:z9});const na=({className:e,width:t,height:r,rounded:n=!1})=>p.jsx("div",{className:se("animate-pulse bg-gray-200",n?"rounded-full":"rounded",e),style:{width:typeof t=="number"?`${t}px`:t,height:typeof r=="number"?`${r}px`:r}}),xi=({className:e})=>p.jsxs("div",{className:se("rounded-lg border border-gray-200 bg-white p-[16px]",e),children:[p.jsxs("div",{className:"flex items-center gap-2 mb-[12px]",children:[p.jsx(na,{className:"h-[16px] w-[64px]"}),p.jsx(na,{className:"h-[16px] w-[16px]",rounded:!0})]}),p.jsxs("div",{className:"flex items-baseline gap-[12px]",children:[p.jsx(na,{className:"h-[32px] w-[80px]"}),p.jsx(na,{className:"h-[24px] w-[48px] rounded-md"})]})]}),A0=({className:e,chartType:t="line",height:r=300})=>{const n=o=>{if(o.length===0)return"";let s=`M ${o[0].x} ${o[0].y}`;for(let l=1;l<o.length;l++){const u=o[l-1],c=o[l],f=u.x+(c.x-u.x)*.4,d=u.y,h=u.x+(c.x-u.x)*.6,v=c.y;s+=` C ${f} ${d} ${h} ${v} ${c.x} ${c.y}`}return s},a=(o=7)=>Array.from({length:o},(c,f)=>({x:f/(o-1)*100,y:80-Math.random()*60})),i=()=>{switch(t){case"bar":return p.jsx("div",{className:"absolute inset-0 flex items-end justify-between px-[16px] pb-[16px]",children:[...Array(7)].map((m,b)=>p.jsx(na,{className:"w-[32px] bg-blue-100",height:`${Math.random()*60+20}%`},b))});case"line":const o=a(12),s=n(o),l=o[o.length-1],u=o[0],c=`${s} L ${l.x} 100 L ${u.x} 100 Z`;return p.jsx("div",{className:"absolute inset-0 p-[16px]",children:p.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:[p.jsxs("defs",{children:[p.jsxs("linearGradient",{id:"skeleton-area-fill",x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[p.jsx("stop",{offset:"0%",stopColor:"#8b5cf6",stopOpacity:"0.1",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.1;0.15;0.1",dur:"3s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"100%",stopColor:"#8b5cf6",stopOpacity:"0.02",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.02;0.05;0.02",dur:"3s",repeatCount:"indefinite"})})]}),p.jsxs("linearGradient",{id:"skeleton-line-shimmer",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[p.jsx("stop",{offset:"0%",stopColor:"#e2e8f0",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2.5s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"50%",stopColor:"#cbd5e1",stopOpacity:"0.6",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.6;0.3;0.6",dur:"2.5s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"100%",stopColor:"#e2e8f0",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2.5s",repeatCount:"indefinite"})})]})]}),p.jsx("path",{d:c,fill:"url(#skeleton-area-fill)"}),p.jsx("path",{d:s,stroke:"url(#skeleton-line-shimmer)",strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]})});case"area":const f=a(),d=n(f),h=f[f.length-1],v=f[0],g=`${d} L ${h.x} 90 L ${v.x} 90 Z`;return p.jsx("div",{className:"absolute inset-0 p-[16px]",children:p.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:[p.jsxs("defs",{children:[p.jsxs("linearGradient",{id:"skeleton-area-gradient",x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[p.jsx("stop",{offset:"0%",stopColor:"#3b82f6",stopOpacity:"0.2",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.2;0.4;0.2",dur:"2s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"100%",stopColor:"#3b82f6",stopOpacity:"0.05",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.05;0.1;0.05",dur:"2s",repeatCount:"indefinite"})})]}),p.jsxs("linearGradient",{id:"skeleton-area-line",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[p.jsx("stop",{offset:"0%",stopColor:"#3b82f6",stopOpacity:"0.4",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.4;0.8;0.4",dur:"2s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"50%",stopColor:"#3b82f6",stopOpacity:"0.8",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.8;0.4;0.8",dur:"2s",repeatCount:"indefinite"})}),p.jsx("stop",{offset:"100%",stopColor:"#3b82f6",stopOpacity:"0.4",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.4;0.8;0.4",dur:"2s",repeatCount:"indefinite"})})]})]}),p.jsx("path",{d:g,fill:"url(#skeleton-area-gradient)"}),p.jsx("path",{d:n(f),stroke:"url(#skeleton-area-line)",strokeWidth:"2.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]})});case"pie":return p.jsx("div",{className:"absolute inset-0 flex items-center justify-center p-[16px]",children:p.jsxs("svg",{className:"w-32 h-32",viewBox:"0 0 42 42",children:[p.jsxs("defs",{children:[p.jsx("linearGradient",{id:"skeleton-pie-gradient-1",children:p.jsx("stop",{offset:"0%",stopColor:"#3b82f6",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2s",repeatCount:"indefinite"})})}),p.jsx("linearGradient",{id:"skeleton-pie-gradient-2",children:p.jsx("stop",{offset:"0%",stopColor:"#10b981",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2s",repeatCount:"indefinite",begin:"0.5s"})})}),p.jsx("linearGradient",{id:"skeleton-pie-gradient-3",children:p.jsx("stop",{offset:"0%",stopColor:"#f59e0b",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2s",repeatCount:"indefinite",begin:"1s"})})}),p.jsx("linearGradient",{id:"skeleton-pie-gradient-4",children:p.jsx("stop",{offset:"0%",stopColor:"#ef4444",stopOpacity:"0.3",children:p.jsx("animate",{attributeName:"stop-opacity",values:"0.3;0.6;0.3",dur:"2s",repeatCount:"indefinite",begin:"1.5s"})})})]}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"#e5e7eb",strokeWidth:"3"}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"url(#skeleton-pie-gradient-1)",strokeWidth:"3",strokeDasharray:"40 60",strokeDashoffset:"25"}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"url(#skeleton-pie-gradient-2)",strokeWidth:"3",strokeDasharray:"25 75",strokeDashoffset:"65"}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"url(#skeleton-pie-gradient-3)",strokeWidth:"3",strokeDasharray:"20 80",strokeDashoffset:"90"}),p.jsx("circle",{cx:"21",cy:"21",r:"15.915",fill:"transparent",stroke:"url(#skeleton-pie-gradient-4)",strokeWidth:"3",strokeDasharray:"15 85",strokeDashoffset:"110"})]})});default:return p.jsx("div",{className:"absolute inset-0 p-[16px]",children:p.jsxs("div",{className:"w-full h-full relative",children:[p.jsx("div",{className:"absolute inset-0 flex items-center",children:p.jsx("div",{className:"w-full h-0.5 bg-gradient-to-r from-transparent via-gray-300 to-transparent opacity-60",children:p.jsx("div",{className:"w-full h-full bg-gradient-to-r from-transparent via-blue-400 to-transparent animate-pulse"})})}),p.jsx("div",{className:"absolute inset-0 flex items-center justify-between px-2",children:[...Array(7)].map((m,b)=>p.jsx("div",{className:"w-2 h-2 bg-blue-300 rounded-full animate-pulse",style:{animationDelay:`${b*.2}s`}},b))})]})})}};return p.jsx("div",{className:se("w-full",e),children:p.jsxs("div",{className:"relative bg-gray-50/30",children:[p.jsxs("div",{className:"relative",style:{height:`${r}px`},children:[p.jsxs("div",{className:"absolute left-0 top-0 h-full flex flex-col justify-between items-end pr-[12px]",children:[p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"})]}),p.jsxs("div",{className:"ml-14 h-full relative overflow-hidden px-0 py-2 flex flex-col justify-between",children:[t!=="pie"&&p.jsxs(p.Fragment,{children:[p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"})]}),i()]}),t!=="pie"&&p.jsxs("div",{className:"ml-[56px] flex justify-between items-center mt-[12px]",children:[p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[16px]"})]})]}),p.jsxs("div",{className:"flex items-center justify-between px-0 py-[12px] mt-[8px]",children:[p.jsx("div",{className:"flex-1",children:p.jsx("div",{className:"bg-gray-100 h-[16px] rounded w-[256px]"})}),p.jsxs("div",{className:"flex items-center gap-2 w-24 justify-center",children:[p.jsx("div",{className:"w-[8px] h-[8px] bg-blue-500 rounded-full"}),p.jsx("div",{className:"bg-gray-100 h-[16px] rounded flex-1"})]})]})]})})},kB=({active:e,payload:t,label:r,config:n})=>{var o;if(!e||!t||!t.length)return null;const a=t.filter(s=>s.name&&s.name!==""&&s.name!==s.dataKey);if(a.length===0)return null;const i=((o=n.tooltip)==null?void 0:o.style)==="dark";return p.jsxs("div",{className:se("rounded-lg border px-[12px] py-[8px] text-xs shadow-lg",i?"bg-gray-900 border-gray-700 text-white":"bg-white border-gray-200 text-gray-900"),children:[p.jsx("div",{className:se("font-medium mb-[8px]",i?"text-gray-300":"text-gray-600"),children:new Date(r||"").toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}),p.jsx("div",{className:"space-y-1",children:a.map((s,l)=>p.jsxs("div",{className:"flex items-center justify-between gap-4",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("div",{className:"w-[8px] h-[8px] rounded-full",style:{backgroundColor:s.color}}),p.jsx("span",{className:se("text-xs",i?"text-gray-300":"text-gray-600"),children:s.name})]}),p.jsx("span",{className:se("font-medium text-xs",i?"text-white":"text-gray-900"),children:typeof s.value=="number"?s.value.toLocaleString():s.value})]},l))})]})},j0=({config:e,className:t,isLoading:r,onDataPointClick:n})=>{var y,w;const{data:a,dataKey:i,color:o="#3b82f6",lines:s,dateRange:l,yAxisLabel:u,height:c=300,tooltip:f={show:!0,style:"dark"}}=e,h=(T=>{if(!T||T.length===0)return[];const A=[...T].sort((k,D)=>{const M=new Date(k.date),F=new Date(D.date);return M.getTime()-F.getTime()});let _,C;l!=null&&l.start&&(l!=null&&l.end)?(_=new Date(l.start),C=new Date(l.end)):(_=new Date(A[0].date),C=new Date(A[A.length-1].date));const P=new Map;A.forEach(k=>{P.set(k.date,k)});const E=[],I=new Date(_);for(;I<=C;){const k=I.toISOString().split("T")[0];if(P.has(k))E.push(P.get(k));else{const D={date:k,users:0,sessions:0,messages:0,totalTokens:0,inputTokens:0,outputTokens:0,agentRuns:0,toolRuns:0,modelRuns:0,codeTools:0,workflowTools:0,knowledgeTools:0,mcpTools:0,value:0,count:0};if(A.length>0){const M=A[0];Object.keys(M).forEach(F=>{typeof M[F]=="number"&&!(F in D)&&(D[F]=0)})}E.push(D)}I.setDate(I.getDate()+1)}return E})(a),v=T=>{const A=new Date(T);return isNaN(A.getTime())?T:A.toLocaleDateString("en-US",{month:"short",day:"numeric"})},g=()=>{if(!h||h.length===0)return 0;const T=h.length;return T<=20?0:T<=31?1:T<=61?2:Math.floor(T/7)-1},m=T=>b()&&!Number.isInteger(T)?"":T>=1e3?`${Math.floor(T/1e3)}k`:Math.floor(T).toString(),b=()=>{const T=["users","sessions","messages","runs","agents","tools","models","Number of Users","Number of Sessions","Number of Messages","Number of Agent Runs","Number of Tool Runs","Number of Model Runs","agentRuns","toolRuns","modelRuns"];return!!(u&&T.some(A=>u.toLowerCase().includes(A.toLowerCase()))||i&&T.some(A=>i.toLowerCase().includes(A.toLowerCase()))||e.title&&T.some(A=>e.title.toLowerCase().includes(A.toLowerCase()))||s&&s.some(A=>A.label&&T.some(_=>A.label.toLowerCase().includes(_.toLowerCase()))))},x=s&&s.length>0?s:[{dataKey:i||"value",color:o,label:e.title,strokeWidth:2}];if(r)return console.log("AnalyticsChart: Loading state active"),p.jsx(A0,{className:t,chartType:e.type,height:c});if(!a||a.length===0)return console.log("AnalyticsChart: No data provided",{data:a,config:e}),p.jsx("div",{className:se("w-full",t),children:p.jsxs("div",{className:"relative bg-gray-50/30",children:[p.jsxs("div",{className:"relative h-[300px] mb-6",children:[p.jsxs("div",{className:"absolute left-0 top-0 h-full flex flex-col justify-between items-end pr-3",children:[p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-10"})]}),p.jsxs("div",{className:"ml-14 h-full relative overflow-hidden px-0 py-2 flex flex-col justify-between",children:[p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),p.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-4",children:[p.jsx("div",{className:"bg-white border border-gray-300 rounded-[10px] w-12 h-12 flex items-center justify-center",children:p.jsx("svg",{className:"w-6 h-6 !h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:p.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"})})}),p.jsxs("div",{className:"text-center max-w-[352px]",children:[p.jsx("h3",{className:"font-semibold text-gray-900 text-base mb-1",children:"There is no data to display for this period"}),p.jsx("p",{className:"font-normal text-center text-gray-600 text-sm leading-5",children:"Try selecting a different date range or ensure your app is deployed and receiving traffic."})]})]})]}),p.jsxs("div",{className:"ml-14 flex justify-between items-center mt-3",children:[p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded w-4"})]})]}),p.jsxs("div",{className:"flex items-center justify-between px-0 py-3 mt-2",children:[p.jsx("div",{className:"flex-1",children:p.jsx("div",{className:"bg-gray-100 h-3 rounded w-64"})}),p.jsxs("div",{className:"flex items-center gap-2 w-24 justify-center",children:[p.jsx("div",{className:"w-2 h-2 bg-blue-500 rounded-full"}),p.jsx("div",{className:"bg-gray-100 h-3 rounded flex-1"})]})]})]})});const j=T=>{var _;if(!n||!T||!T.activePayload)return;const A=(_=T.activePayload[0])==null?void 0:_.payload;A&&A.date&&(console.log("Chart data point clicked:",{date:A.date,data:A}),n(A,A.date))};return console.log("=== ANALYTICS CHART DEBUG ==="),console.log("AnalyticsChart config:",e),console.log("AnalyticsChart original data length:",a==null?void 0:a.length),console.log("AnalyticsChart filled data length:",h.length),console.log("AnalyticsChart date range (config):",l),console.log("AnalyticsChart actual date range:",h.length>0?{first:(y=h[0])==null?void 0:y.date,last:(w=h[h.length-1])==null?void 0:w.date,totalDays:h.length}:"No data"),console.log("AnalyticsChart dataKey:",i),console.log("Chart lines configuration:",x),console.log("Sample filled data points:",h.slice(0,3)),console.log("=== END ANALYTICS CHART DEBUG ==="),p.jsxs("div",{className:se("w-full",t),children:[p.jsx("div",{className:"relative bg-gray-50/30",children:p.jsx(Sk,{width:"100%",height:c,children:p.jsxs($B,{data:h,onClick:j,margin:{top:20,right:30,left:20,bottom:20},children:[p.jsx("defs",{children:x.map((T,A)=>p.jsxs("linearGradient",{id:`gradient-${T.dataKey}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[p.jsx("stop",{offset:"5%",stopColor:T.color,stopOpacity:.08}),p.jsx("stop",{offset:"95%",stopColor:T.color,stopOpacity:.01})]},`gradient-${A}`))}),p.jsx(Ry,{strokeDasharray:"2 2",className:"opacity-30",stroke:"#d1d5db",horizontal:!0,vertical:!1}),p.jsx(js,{dataKey:"date",tickFormatter:v,axisLine:!1,tickLine:!1,tick:{fontSize:12,fill:"#6b7280"},tickMargin:10,interval:g()}),p.jsx(_s,{axisLine:!1,tickLine:!1,tick:{fontSize:12,fill:"#6b7280"},tickFormatter:m,tickMargin:10,allowDecimals:!b(),domain:b()?["dataMin","dataMax"]:void 0,label:u?{value:u,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fontSize:12,fill:"#6b7280"}}:void 0}),f.show&&p.jsx(Ut,{content:T=>p.jsx(kB,{...T,config:e}),cursor:{stroke:"#d1d5db",strokeWidth:1,strokeDasharray:"4 4"},allowEscapeViewBox:{x:!1,y:!1}}),x.map(T=>p.jsx(jr,{type:"monotone",dataKey:T.dataKey,stroke:"none",fill:`url(#gradient-${T.dataKey})`,fillOpacity:1,isAnimationActive:!1,name:""},`area-${T.dataKey}`)),x.map(T=>p.jsx(mi,{type:"monotone",dataKey:T.dataKey,stroke:T.color,strokeWidth:2.5,strokeDasharray:T.strokeDasharray,dot:!1,activeDot:{r:5,fill:T.color,stroke:T.color,strokeWidth:2},name:T.label},T.dataKey))]})})}),p.jsxs("div",{className:"mt-4 flex items-center justify-between",children:[p.jsx("div",{children:l&&p.jsxs("p",{className:"text-xs text-gray-500 flex items-center gap-[4px]",children:[p.jsx("span",{className:"text-gray-500",children:"Showing data from"}),p.jsxs("span",{className:"font-medium text-gray-700",children:[new Date(l.start).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})," - ",new Date(l.end).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})]})]})}),p.jsx("div",{className:"flex items-center gap-4",children:p.jsx("div",{className:"flex items-center gap-4 text-sm text-muted-foreground",children:x.map(T=>p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("div",{className:"w-[8px] h-[8px] rounded-full",style:{backgroundColor:T.color}}),p.jsx("span",{className:"text-xs text-gray-600",children:T.label})]},T.dataKey))})})]})]})},P0=({config:e,className:t})=>{const{title:r,data:n,columns:a,pagination:i={enabled:!0,pageSize:10},sorting:o={enabled:!0},filtering:s={enabled:!0,searchable:!0}}=e,[l,u]=S.useState(o.defaultSort||null),[c,f]=S.useState(""),[d,h]=S.useState(1),v=S.useMemo(()=>{let y=[...n];return s.searchable&&c&&(y=y.filter(w=>a.some(T=>{const A=w[T.key];return A==null?void 0:A.toString().toLowerCase().includes(c.toLowerCase())}))),l&&y.sort((w,T)=>{const A=w[l.key],_=T[l.key];if(typeof A=="number"&&typeof _=="number")return l.order==="asc"?A-_:_-A;const C=(A==null?void 0:A.toString())||"",P=(_==null?void 0:_.toString())||"",E=C.localeCompare(P);return l.order==="asc"?E:-E}),y},[n,a,c,l,s.searchable]),g=i.enabled?Math.ceil(v.length/i.pageSize):1,m=i.enabled?v.slice((d-1)*i.pageSize,d*i.pageSize):v,b=y=>{!o.enabled||!y.sortable||u(w=>(w==null?void 0:w.key)===y.key?w.order==="asc"?{key:y.key,order:"desc"}:null:{key:y.key,order:"asc"})},O=y=>{f(y),h(1)},x=(y,w,T)=>w.render?w.render(y,T):w.formatter?w.formatter(y,T):typeof y=="number"?y.toLocaleString():(y==null?void 0:y.toString())||"-",j=y=>!o.enabled||!y.sortable?null:(l==null?void 0:l.key)===y.key?l.order==="asc"?p.jsx(Tf,{className:"w-[16px] h-[16px]"}):p.jsx(fr,{className:"w-[16px] h-[16px]"}):p.jsxs("div",{className:"flex flex-col",children:[p.jsx(Tf,{className:"w-[12px] h-[12px] opacity-30"}),p.jsx(fr,{className:"w-[12px] h-[12px] opacity-30 -mt-1"})]});return p.jsxs("div",{className:se("w-full",t),children:[p.jsxs("div",{className:"flex items-center justify-between mb-4",children:[p.jsx("h3",{className:"text-md font-medium text-gray-700",children:r}),s.enabled&&s.searchable&&p.jsxs("div",{className:"relative",children:[p.jsx(Ef,{className:"absolute left-[12px] top-1/2 transform -translate-y-1/2 w-[16px] h-[16px] text-gray-400"}),p.jsx("input",{type:"text",placeholder:"Search...",value:c,onChange:y=>O(y.target.value),className:"pl-[36px] pr-[12px] py-[8px] border border-gray-200 rounded-lg text-xs focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"})]})]}),p.jsx("div",{className:"overflow-x-auto border border-gray-200 rounded-lg",children:p.jsxs("table",{className:"w-full",children:[p.jsx("thead",{className:"bg-gray-50",children:p.jsx("tr",{children:a.map(y=>p.jsx("th",{className:se("px-[16px] py-[12px] text-left text-xs font-medium text-gray-500 uppercase tracking-wider",y.sortable&&o.enabled&&"cursor-pointer hover:bg-gray-100",y.align==="center"&&"text-center",y.align==="right"&&"text-right"),style:{width:y.width},onClick:()=>b(y),children:p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("span",{children:y.title}),j(y)]})},y.key))})}),p.jsx("tbody",{className:"bg-white divide-y divide-gray-200",children:m.map((y,w)=>p.jsx("tr",{className:"hover:bg-gray-50 transition-colors",children:a.map(T=>p.jsx("td",{className:se("px-[16px] py-[12px] text-xs text-gray-900",T.align==="center"&&"text-center",T.align==="right"&&"text-right"),children:x(y[T.key],T,y)},T.key))},w))})]})}),i.enabled&&g>1&&p.jsxs("div",{className:"flex items-center justify-between mt-4",children:[p.jsxs("div",{className:"text-xs text-gray-500",children:["Showing ",(d-1)*i.pageSize+1," to"," ",Math.min(d*i.pageSize,v.length)," of"," ",v.length," results"]}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{onClick:()=>h(y=>Math.max(1,y-1)),disabled:d===1,className:"px-[12px] py-[4px] text-xs border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",children:"Previous"}),Array.from({length:Math.min(5,g)},(y,w)=>{const T=Math.max(1,Math.min(g-4,d-2))+w;return T>g?null:p.jsx("button",{onClick:()=>h(T),className:se("px-[12px] py-[4px] text-xs border rounded",d===T?"bg-blue-500 text-white border-blue-500":"border-gray-200 hover:bg-gray-50"),children:T},T)}),p.jsx("button",{onClick:()=>h(y=>Math.min(g,y+1)),disabled:d===g,className:"px-[12px] py-[4px] text-xs border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",children:"Next"})]})]}),m.length===0&&p.jsx("div",{className:"text-center py-[32px] text-gray-500",children:c?"No results found for your search.":"No data available."})]})},MB=(e,t)=>{switch(e){case"human":return t==="agent"?"agent-avatars":"avatars";case"logo":return"profileLogos";case"icon":case"inlineTool":case"toolLibrary":case"KNOWLEDGE":case"MCP":return"profileIcons";default:return t==="agent"?"agent-avatars":"avatars"}},NB=e=>{if(!e)return null;if(typeof e=="string")try{return JSON.parse(e)}catch{return{name:e,type:"human"}}return e},DB=(e,t)=>{const r=["#3B82F6","#EF4444","#10B981","#F59E0B","#8B5CF6","#EC4899","#06B6D4","#84CC16"],n=e.split("").reduce((a,i)=>a+i.charCodeAt(0),0)%r.length;if(t==="workflowtool"){const a=e.toLowerCase();let i="toolLibrary";return a.includes("code")||a.includes("inline")||a.includes("calculate")?i="inlineTool":a.includes("knowledge")||a.includes("document")||a.includes("fetch")?i="KNOWLEDGE":(a.includes("mcp")||a.includes("protocol"))&&(i="MCP"),{name:"fallback",type:i,color:r[n]}}return t==="model"?{name:"fallback",type:"icon",color:r[n]}:{name:"fallback",type:t==="agent"?"human":"icon",color:r[n]}},IB=(e,t)=>{if(!(e!=null&&e.name))return"";if(t==="url")return e.name;if(t==="model")return"";const r=window.location.protocol+"//"+window.location.host,n=MB(e.type||"human",t);return`${r}/agenticai/assets/${n}/${e.name.replace("agent","avatar")}.svg`},_0=e=>{if(!e)return"assets/icons/models/custom-api.svg";const t=e.toLowerCase(),r={openai:"Open AI.svg","open ai":"Open AI.svg",chatopenai:"Open AI.svg",gpt:"Open AI.svg",anthropic:"Anthropic.svg",claude:"Anthropic.svg",google:"Google.svg",gemini:"Google.svg",chatgooglegenerativeai:"Google.svg",googlegenerativeai:"Google.svg",palm:"Google.svg",azurechatopenai:"Azure Open AI.svg","azure open ai":"Azure Open AI.svg",azureopenai:"Azure Open AI.svg","azure openai":"Azure Open AI.svg",azure:"Azure Open AI.svg",aws:"AWS Bedrock.svg",bedrock:"AWS Bedrock.svg","aws bedrock":"AWS Bedrock.svg",awsbedrock:"AWS Bedrock.svg",amazon:"AWS Bedrock.svg",cohere:"Cohere.svg",api:"API.svg",custom:"custom-api.svg","custom-api":"custom-api.svg",customapi:"custom-api.svg"};if(r[t])return`assets/icons/models/${r[t]}`;for(const[n,a]of Object.entries(r))if(t.includes(n)||n.includes(t))return`assets/icons/models/${a}`;return"assets/icons/models/custom-api.svg"},LB={xs:"w-[24px] h-[24px] bg-gray-200 rounded-[8px] text-xs uppercase flex items-center justify-center",small:"w-[24px] h-[24px] bg-gray-200 rounded-[8px] text-xs uppercase flex items-center justify-center",medium:"w-[24px] h-[24px] bg-gray-200 rounded-[8px] text-xs uppercase flex items-center justify-center",large:"w-[24px] h-[24px] bg-gray-200 rounded-[8px] text-xs uppercase flex items-center justify-center"},Rt={inlineTool:`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_3533_7514)">
                     <path d="M8.5 8.5L11 6L8.5 3.5M3.5 3.5L1 6L3.5 8.5M7 1.5L5 10.5" stroke="#EF6820" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/></g>
                     <defs><clipPath id="clip0_3533_7514"><rect width="12" height="12" fill="white"/></clipPath></defs>
                   </svg>`,toolLibrary:`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -286,8 +286,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                   <path d="M6 5.5H3M4 7.5H3M7 3.5H3M9 3.4V8.6C9 9.44008 9 9.86012 8.83651 10.181C8.6927 10.4632 8.46323 10.6927 8.18099 10.8365C7.86012 11 7.44008 11 6.6 11H3.4C2.55992 11 2.13988 11 1.81901 10.8365C1.53677 10.6927 1.3073 10.4632 1.16349 10.181C1 9.86012 1 9.44008 1 8.6V3.4C1 2.55992 1 2.13988 1.16349 1.81901C1.3073 1.53677 1.53677 1.3073 1.81901 1.16349C2.13988 1 2.55992 1 3.4 1H6.6C7.44008 1 7.86012 1 8.18099 1.16349C8.46323 1.3073 8.6927 1.53677 8.83651 1.81901C9 2.13988 9 2.55992 9 3.4Z" stroke="#7A5AF8" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
                 </svg>`,MCP:`<svg width="14" height="14" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path d="M1.8125 10.7455L10.647 1.91124C11.8411 0.717087 13.7773 0.717087 14.9714 1.91124C16.1655 3.10539 16.1655 5.0415 14.9714 6.23565M14.9714 6.23565L8.29911 12.9077M14.9714 6.23565C16.1655 5.0415 18.1018 5.0415 19.2958 6.23565C20.4899 7.4298 20.4899 9.36593 19.2958 10.56L11.7665 18.0893C11.3443 18.5115 11.3443 19.1961 11.7665 19.6182L13.164 21.0158M16.9479 8.58236L10.2756 15.2547C9.08153 16.4488 7.1453 16.4488 5.95123 15.2547C4.75716 14.0605 4.75716 12.1244 5.95123 10.9303L12.6234 4.25814" stroke="#101828" stroke-width="2.00016" stroke-linecap="round" stroke-linejoin="round"/>
-          </svg>`},RB=(e,t)=>{const r=e.toLowerCase();if(r.includes("code"))return Rt.inlineTool;if(r.includes("workflow")||r.includes("library"))return Rt.toolLibrary;if(r.includes("knowledge"))return Rt.KNOWLEDGE;if(r.includes("mcp"))return Rt.MCP;if(Rt[e])return Rt[e];const n=t.toLowerCase();return n.includes("code")||n.includes("inline")||n.includes("calculate")?Rt.inlineTool:n.includes("library")||n.includes("workflow")?Rt.toolLibrary:n.includes("knowledge")||n.includes("document")||n.includes("fetch")?Rt.KNOWLEDGE:n.includes("mcp")||n.includes("protocol")?Rt.MCP:Rt.toolLibrary},wi=({icon:e,iconSource:t="agent",size:r="small",className:n="",name:a="Unknown",toolType:i,provider:o,modelName:s})=>{const[l,u]=S.useState(!1),[c,f]=S.useState(!1),[d,h]=S.useState(!1),v=NB(e),g=LB[r];if(t==="model"){const O=_0(o),x=()=>{h(!0)};if(d){const j=o?o.charAt(0).toUpperCase():"🤖";return p.jsx("div",{className:`${g} rounded-full bg-gray-500 flex items-center justify-center ${n}`,children:p.jsx("span",{className:"text-white text-xs font-bold",children:j})})}return p.jsx("img",{src:O,alt:s||a,className:`${g} rounded ${n}`,onError:x})}if(v!=null&&v.name&&v.name!=="fallback"&&!l){const O=IB(v,t),x=()=>{u(!0)};return p.jsx("img",{src:O,alt:a,className:`${g} rounded-full object-cover ${n}`,onError:x})}if(l&&!c&&t==="agent"){const O=`${window.location.origin}/agenticai/assets/agent-avatars/avatar1.svg`,x=()=>{f(!0)};return p.jsx("img",{src:O,alt:a,className:`${g} rounded-full object-cover ${n}`,onError:x})}if(t==="model"){const O=_0(o),x=()=>{h(!0)};if(d){const j=o?o.charAt(0).toUpperCase():"🤖";return p.jsx("div",{className:`${g} rounded-full bg-gray-500 flex items-center justify-center ${n}`,children:p.jsx("span",{className:"text-white text-xs font-bold",children:j})})}return p.jsx("img",{src:O,alt:s||a,className:`${g} rounded ${n}`,onError:x})}const m=v||DB(a,t);if(t==="workflowtool"){const O=i||m.type||"toolLibrary",x=RB(O,a);return p.jsx("div",{className:`${g} rounded-full flex items-center justify-center bg-gray-100 ${n}`,children:p.jsx("div",{dangerouslySetInnerHTML:{__html:x}})})}const b=`${window.location.origin}/agenticai/assets/agent-avatars/avatar1.svg`;return p.jsx("img",{src:b,alt:a,className:`${g} rounded-full object-cover ${n}`})},E0=({data:e,className:t})=>{const[r,n]=S.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return p.jsxs("div",{className:se("w-full",t),children:[p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600",children:[p.jsx("div",{className:"text-left",children:"Name"}),p.jsx("div",{className:"text-center",children:"Runs"}),p.jsx("div",{className:"text-center",children:"Response Time"}),p.jsx("div",{className:"text-center",children:"Tokens"})]}),p.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-[8px]",children:[p.jsx("div",{className:"flex-shrink-0",children:p.jsx(wi,{icon:o.icon,iconSource:"agent",size:"small",name:o.name||"Unknown Agent"})}),p.jsx("div",{className:"min-w-0 flex-1 w-full",children:p.jsx("div",{className:"text-xs font-medium text-gray-700 truncate",children:o.name||"Unknown Agent"})})]}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.runs?i(o.runs):"-"}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.responseTime||"-"}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.tokens?i(o.tokens):"-"})]},o.id||s))}),r<e.length&&p.jsx("div",{className:"flex justify-center",children:p.jsx("button",{onClick:a,className:"px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",children:"Load 10 more"})})]})};function BB(e){const t=(e==null?void 0:e.toLowerCase())||"";return["inlinetool","inlineTool","code tool","code","tool","event","EVENT"].includes(e)||["inlinetool","inlineTool","code tool","code","tool","event"].includes(t)?"bg-orange-100 text-orange-800 border-orange-200":["toollibrary","toolLibrary","workflow tool"].includes(e)||["toollibrary","toollibrary","workflow tool"].includes(t)?"bg-blue-100 text-blue-800 border-blue-200":["mcp","MCP","mcpTool","mcpTool"].includes(e)||["mcp","mcptool"].includes(t)?"bg-green-100 text-green-800 border-green-200":["knowledge","KNOWLEDGE","knowledge tool"].includes(e)||["knowledge","knowledge tool"].includes(t)?"bg-purple-100 text-purple-800 border-purple-200":"bg-gray-100 text-gray-800 border-gray-200"}function FB(e){const t=(e==null?void 0:e.toLowerCase())||"";return["inlinetool","code tool","code","tool","event","inlineTool"].includes(t)?"Code Tool":["toollibrary","workflow tool"].includes(t)?"Workflow Tool":["mcp","mcptool"].includes(t)?"MCP Tool":["knowledge","knowledge tool","knowledge"].includes(t)||e==="KNOWLEDGE"?"Knowledge":e==="inlineTool"?"Code Tool":e==="toolLibrary"?"Workflow Tool":e==="KNOWLEDGE"?"Knowledge":e==="MCP"||e==="mcpTool"?"MCP Tool":"Code Tool"}const C0=({data:e,className:t})=>{const[r,n]=S.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return p.jsxs("div",{className:se("w-full",t),children:[p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600",children:[p.jsx("div",{className:"text-left",children:"Name"}),p.jsx("div",{className:"text-center",children:"Type"}),p.jsx("div",{className:"text-center",children:"Runs"}),p.jsx("div",{className:"text-center",children:"Response Time"})]}),p.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-[8px]",children:[p.jsx("div",{className:"flex-shrink-0",children:p.jsx(wi,{icon:o.icon,iconSource:"workflowtool",size:"small",name:o.name||"Unknown Tool",toolType:o.toolType||o.type})}),p.jsx("div",{className:"min-w-0 flex-1 w-full",children:p.jsx("div",{className:"text-xs font-medium text-gray-700 truncate",children:o.name||"Unknown Tool"})})]}),p.jsx("div",{className:"flex items-center justify-center",children:p.jsx("span",{className:se("inline-flex items-center px-[10px] py-[4px] rounded-full text-xs font-medium border",BB(o.toolType||o.type||"Default")),children:FB(o.toolType||o.type||"Default")})}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.runs?i(o.runs):"-"}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.responseTime||"-"})]},o.id||s))}),r<e.length&&p.jsx("div",{className:"flex justify-center",children:p.jsx("button",{onClick:a,className:"px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",children:"Load 10 more"})})]})},UB=e=>{if(!e)return"/assets/icons/models/custom-api.svg";const t=e.toLowerCase(),r={openai:"Open AI.svg","open ai":"Open AI.svg",chatopenai:"Open AI.svg",gpt:"Open AI.svg",anthropic:"Anthropic.svg",claude:"Anthropic.svg",google:"Google.svg",gemini:"Google.svg",chatgooglegenerativeai:"Google.svg",googlegenerativeai:"Google.svg",palm:"Google.svg",azurechatopenai:"Azure Open AI.svg","azure open ai":"Azure Open AI.svg",azureopenai:"Azure Open AI.svg","azure openai":"Azure Open AI.svg",azure:"Azure Open AI.svg",aws:"AWS Bedrock.svg",bedrock:"AWS Bedrock.svg","aws bedrock":"AWS Bedrock.svg",awsbedrock:"AWS Bedrock.svg",amazon:"AWS Bedrock.svg",cohere:"Cohere.svg",api:"API.svg",custom:"custom-api.svg","custom-api":"custom-api.svg",customapi:"custom-api.svg"};if(r[t])return`assets/icons/models/${r[t]}`;for(const[n,a]of Object.entries(r))if(t.includes(n)||n.includes(t))return`assets/icons/models/${a}`;return"assets/icons/models/custom-api.svg"},WB=e=>{if(!e)return"";const t=e.toLowerCase(),r={openai:"OpenAI","open ai":"OpenAI",chatopenai:"OpenAI",gpt:"OpenAI",anthropic:"Anthropic",claude:"Anthropic",google:"Google",gemini:"Google Gemini",chatgooglegenerativeai:"Google Gemini",googlegenerativeai:"Google Gemini",palm:"Google PaLM",azurechatopenai:"Azure OpenAI","azure open ai":"Azure OpenAI",azureopenai:"Azure OpenAI","azure openai":"Azure OpenAI",azure:"Azure OpenAI",aws:"AWS Bedrock",bedrock:"AWS Bedrock","aws bedrock":"AWS Bedrock",awsbedrock:"AWS Bedrock",amazon:"AWS Bedrock",cohere:"Cohere",meta:"Meta",llama:"Meta LLaMA",mistral:"Mistral",huggingface:"Hugging Face",together:"Together AI",replicate:"Replicate"};if(r[t])return r[t];for(const[n,a]of Object.entries(r))if(t.includes(n)||n.includes(t))return a;return e.charAt(0).toUpperCase()+e.slice(1)},zB=({provider:e})=>{const[t,r]=S.useState(!1),n=UB(e),a=()=>{r(!0)};if(t){const i=e?e.charAt(0).toUpperCase():"🤖";return p.jsx("div",{className:"w-6 h-6 rounded-full bg-gray-500 flex items-center justify-center",children:p.jsx("span",{className:"text-white text-xs font-bold",children:i})})}return p.jsx("img",{src:n,alt:e||"Model",className:"w-6 h-6 rounded",onError:a})},$0=({data:e,className:t})=>{const[r,n]=S.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return p.jsxs("div",{className:se("w-full",t),children:[p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600",children:[p.jsx("div",{className:"text-left",children:"Model Name"}),p.jsx("div",{className:"text-center",children:"Runs"}),p.jsx("div",{className:"text-center",children:"Tokens"}),p.jsx("div",{className:"text-center",children:"Response Time"})]}),p.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-[8px]",children:[p.jsx("div",{className:"flex-shrink-0",children:p.jsx(zB,{provider:o.provider})}),p.jsxs("div",{className:"min-w-0 flex-1 w-full",children:[p.jsx("div",{className:"text-xs font-medium text-gray-700 truncate",children:o.name||o.modelName||"Unknown Model"}),o.provider&&p.jsx("div",{className:"text-xs text-gray-500 truncate",children:WB(o.provider)})]})]}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:i(o.runs||0)}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:i(o.tokens||o.totalTokens||0)}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.responseTime||(o.avgResponseTime?`${o.avgResponseTime}ms`:"N/A")})]},o.id||s))}),r<e.length&&p.jsx("div",{className:"flex justify-center",children:p.jsx("button",{onClick:a,className:"px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",children:"Load 10 more"})})]})},VB=e=>{switch(e){case"agentRuns":return{title:"Agent Runs",entityName:"Agents"};case"toolRuns":return{title:"Tool Runs",entityName:"Tools"};case"modelRuns":return{title:"Model Runs",entityName:"Models"};default:return{title:"Runs",entityName:"Items"}}},GB=e=>e>=1e3?`${Math.floor(e/1e3)}k`:e.toString(),k0=({isOpen:e,onClose:t,date:r,metricType:n,data:a,totalRuns:i,className:o})=>{var w;const s=VB(n),[l,u]=S.useState(10),[c,f]=S.useState("all"),[d,h]=S.useState(!1),v=[{label:`All ${s.entityName}`,value:"all"},...a.map(T=>({label:T.name,value:T.id}))],g=c==="all"?a:a.filter(T=>T.id===c),m=()=>{f("all"),h(!1),u(10),t()};S.useEffect(()=>{const T=_=>{_.key==="Escape"&&m()},A=_=>{d&&(_.target.closest(".filter-dropdown")||h(!1))};return e&&(document.addEventListener("keydown",T),document.addEventListener("mousedown",A),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",T),document.removeEventListener("mousedown",A),document.body.style.overflow="unset"}},[e,d,m]),S.useEffect(()=>{e&&(f("all"),h(!1),u(10))},[e]);const b=T=>new Date(T).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),O=()=>{u(T=>Math.min(T+10,g.length))},x=T=>{f(T),h(!1),u(10)};if(!e)return null;const j=g.slice(0,l),y=((w=v.find(T=>T.value===c))==null?void 0:w.label)||`All ${s.entityName}`;return p.jsxs(p.Fragment,{children:[p.jsx("div",{className:"fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-300",onClick:m}),p.jsxs("div",{className:se("fixed right-0 top-0 h-full w-[600px] bg-white shadow-[0px_20px_24px_-4px_rgba(16,24,40,0.08),0px_8px_8px_-4px_rgba(16,24,40,0.03)] z-50 transform transition-transform duration-300 ease-in-out",e?"translate-x-0":"translate-x-full",o),children:[p.jsxs("div",{className:"flex items-center justify-between px-6 py-3 border-b border-[#d0d5dd]",children:[p.jsx("h2",{className:"text-lg font-semibold text-[#101828]",children:s.title}),p.jsx("button",{onClick:m,className:"p-2 hover:bg-gray-100 rounded-lg transition-colors",children:p.jsx(Cf,{className:"h-5 w-5 text-[#101828]"})})]}),p.jsxs("div",{className:"flex flex-col h-[calc(100%-64px)] p-6 gap-6",children:[p.jsxs("div",{className:"flex items-center justify-between",children:[p.jsxs("div",{className:"text-sm font-medium text-[#344054]",children:[s.title," (",b(r),")"]}),p.jsxs("div",{className:"w-[210px] relative filter-dropdown",children:[p.jsxs("button",{onClick:()=>h(!d),className:"w-full bg-white border border-[#d0d5dd] rounded-lg px-3.5 py-2.5 flex items-center justify-between text-sm text-[#101828] hover:bg-gray-50 transition-colors",children:[p.jsx("span",{children:y}),p.jsx(fr,{className:"h-4 w-4 text-[#101828]"})]}),d&&p.jsx("div",{className:"absolute top-full left-0 right-0 mt-1 bg-white border border-[#d0d5dd] rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto",children:v.map(T=>p.jsx("button",{onClick:()=>x(T.value),className:se("w-full px-3.5 py-2.5 text-left text-sm hover:bg-gray-50 transition-colors",c===T.value?"bg-blue-50 text-blue-700":"text-[#101828]"),children:T.label},T.value))})]})]}),p.jsxs("div",{className:"flex-1 overflow-hidden",children:[p.jsx("div",{className:"bg-[#f9fafb] border-b border-[#eaecf0] px-2 py-2",children:p.jsxs("div",{className:"grid grid-cols-4 gap-3 items-center",children:[p.jsx("div",{className:"col-span-2 px-0 py-2",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:"Name"})}),p.jsx("div",{className:"flex justify-center px-0 py-2",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:"Runs"})}),p.jsx("div",{className:"flex justify-center px-0 py-2",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:"Response Time"})})]})}),p.jsx("div",{className:"overflow-y-auto max-h-[calc(100%-40px)]",children:j.length===0?p.jsxs("div",{className:"flex flex-col items-center justify-center h-64 text-center",children:[p.jsxs("h3",{className:"text-md font-medium text-gray-900 mb-[8px]",children:["No ",s.title.toLowerCase()," for this date"]}),p.jsxs("p",{className:"text-xs text-gray-500",children:["There were no ",s.title.toLowerCase()," recorded on ",b(r),"."]})]}):p.jsxs(p.Fragment,{children:[j.map((T,A)=>p.jsxs("div",{className:"grid grid-cols-4 gap-3 items-center px-2 py-3 border-b border-[#eaecf0] hover:bg-gray-50 transition-colors",children:[p.jsxs("div",{className:"col-span-2 flex items-center gap-2",children:[p.jsx("div",{className:"flex-shrink-0",children:p.jsx(wi,{icon:T.icon,iconSource:n==="agentRuns"?"agent":n==="toolRuns"?"workflowtool":"model",size:"small",name:T.name,toolType:T.toolType||T.type,provider:T.provider,modelName:T.modelName})}),p.jsxs("div",{className:"min-w-0 flex-1",children:[p.jsx("div",{className:"text-sm font-medium text-[#101828] truncate",children:T.name}),n==="modelRuns"&&T.provider&&p.jsx("div",{className:"text-xs text-[#475467] truncate",children:T.provider})]})]}),p.jsx("div",{className:"flex justify-center",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:GB(T.runs)})}),p.jsx("div",{className:"flex justify-center",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:T.responseTime})})]},T.id||A)),l<g.length&&p.jsx("div",{className:"flex justify-center",children:p.jsx("button",{onClick:O,className:"bg-white border border-[#d0d5dd] rounded px-3 py-1 text-xs font-medium text-[#344054] hover:bg-gray-50 transition-colors",children:"Load 10 more"})})]})})]})]})]})]})};class M0{constructor(t=""){Bt(this,"API_PATH","/tracing/api/trpc/metrics.getMetrics");Bt(this,"baseUrl","");Bt(this,"endpoints",{});this.baseUrl=t,this.initializeEndpoints()}setBaseUrl(t){this.baseUrl=t,this.initializeEndpoints()}getEndpoint(t){return this.endpoints[t]||{endpoint:"",method:"GET"}}getBaseUrl(){return this.baseUrl}initializeEndpoints(){const t=`${this.baseUrl}${this.API_PATH}`;this.endpoints["usage-analytics.cards"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["usage-analytics.sessions.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["usage-analytics.messages.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["usage-analytics.users.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["usage-analytics.tokens.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["runs.cards"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["runs.agent-runs.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["runs.model-runs.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["runs.tool-runs.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH}}getAvailableEndpoints(){return Object.keys(this.endpoints)}hasEndpoint(t){return t in this.endpoints}}class N0{constructor(t){Bt(this,"endpointsService");Bt(this,"defaultHeaders");Bt(this,"timeout");this.endpointsService=new M0(t.baseUrl),this.defaultHeaders={"Content-Type":"application/json",...t.defaultHeaders},this.timeout=t.timeout||3e4}updateConfig(t){t.baseUrl&&this.endpointsService.setBaseUrl(t.baseUrl),t.defaultHeaders&&(this.defaultHeaders={...this.defaultHeaders,...t.defaultHeaders}),t.timeout&&(this.timeout=t.timeout)}async invoke(t,r,n,a){const i=this.endpointsService.getEndpoint(t);if(!i.endpoint)throw new Error(`Endpoint not found for service: ${t}`);const o=this.prepareRequest(i,r,n);try{const s=new AbortController,l=setTimeout(()=>s.abort(),(a==null?void 0:a.timeout)||this.timeout),u=await fetch(o.url,{method:o.method,headers:o.headers,body:o.body,signal:(a==null?void 0:a.signal)||s.signal});if(clearTimeout(l),!u.ok)throw new Error(`HTTP Error: ${u.status} ${u.statusText}`);return await u.json()}catch(s){throw s instanceof Error?s.name==="AbortError"?new Error("Request timeout"):s:new Error("Unknown error occurred during API call")}}prepareRequest(t,r,n){const a={...this.defaultHeaders,...n},i={};Object.entries(a).forEach(([l,u])=>{u!==void 0&&(i[l]=u)});let o=t.endpoint,s;if(t.method==="GET"&&r){const l=this.buildQueryParams(r);o+=`?${l}`}else r&&(s=JSON.stringify(r));return{url:o,method:t.method,headers:i,body:s}}buildQueryParams(t){const r={json:t},n=new URLSearchParams;return n.append("input",JSON.stringify(r)),n.append("rnd",Math.random().toString(36).substring(7)),n.toString()}getBaseUrl(){return this.endpointsService.getBaseUrl()}hasEndpoint(t){return this.endpointsService.hasEndpoint(t)}getAvailableEndpoints(){return this.endpointsService.getAvailableEndpoints()}}class Kt{constructor(t){Bt(this,"apiInvoker");Bt(this,"projectId");Bt(this,"environment");Bt(this,"defaultTimeRange");const r={baseUrl:t.baseUrl,defaultHeaders:t.headers,timeout:3e4};this.apiInvoker=new N0(r),this.projectId=t.projectId,this.environment=t.environment,this.defaultTimeRange=t.defaultTimeRange}updateConfig(t){(t.baseUrl||t.headers)&&this.apiInvoker.updateConfig({baseUrl:t.baseUrl,defaultHeaders:t.headers}),t.projectId&&(this.projectId=t.projectId),t.environment&&(this.environment=t.environment),t.defaultTimeRange&&(this.defaultTimeRange=t.defaultTimeRange,console.log("🔄 API Service: Updated defaultTimeRange:",this.defaultTimeRange))}getDefaultTimeRange(){return this.defaultTimeRange||Kt.getDateRange(7)}async fetchEnvironments(){try{const r=`${this.apiInvoker.getBaseUrl()}/aaa/api/v1/apps/${this.projectId}/environments?rnd=${Math.random().toString(36).substring(2,8)}`;console.log("🌍 Fetching environments for project:",this.projectId),console.log("🔗 Environment API URL:",r);const n=await fetch(r,{method:"GET",headers:{"Content-Type":"application/json",...this.apiInvoker.defaultHeaders}});if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const a=await n.json();return console.log("✅ Environments fetched successfully:",a.map(i=>({name:i.envName,enabled:i.isEnabled,status:i.status}))),a}catch(t){throw console.error("❌ Error fetching environments:",t),t}}async fetchUsageAnalyticsCards(t,r,n,a=[]){const i=n||Kt.getTimeDimension(t,r);console.log("📊 Fetching usage analytics cards:",{dateRange:{fromTimestamp:t,toTimestamp:r},providedTimeDimension:n,resolvedTimeDimension:i});const o={projectId:this.projectId,type:"cards",category:"usage-analytics",envId:this.environment,fromTimestamp:t,toTimestamp:r,filter:a,includeTrends:!0,timeDimension:i};return(await this.apiInvoker.invoke("usage-analytics.cards",o)).result.data.json}async fetchRunsCards(t,r,n,a=[]){const i=n||Kt.getTimeDimension(t,r);console.log("📊 Fetching runs cards:",{dateRange:{fromTimestamp:t,toTimestamp:r},providedTimeDimension:n,resolvedTimeDimension:i});const o={projectId:this.projectId,type:"cards",category:"runs",envId:this.environment,fromTimestamp:t,toTimestamp:r,filter:a,includeTrends:!0,timeDimension:i};return(await this.apiInvoker.invoke("runs.cards",o)).result.data.json}async fetchTimeSeriesData(t,r,n,a,i,o=[]){const s=i||Kt.getTimeDimension(n,a);console.log("📊 Fetching time series data:",{metric:t,category:r,dateRange:{fromTimestamp:n,toTimestamp:a},providedTimeDimension:i,resolvedTimeDimension:s});const l=`${r}.${t}.timeseries`,u={projectId:this.projectId,type:"time-series",category:r,envId:this.environment,fromTimestamp:n,toTimestamp:a,filter:o,metric:t,timeDimension:s};return(await this.apiInvoker.invoke(l,u)).result.data.json}transformUsageAnalyticsCards(t){const r=t.data.trends;console.log("Transforming usage analytics cards with trends:",r);const n=a=>a>0?"increase":"decrease";return[{title:"Users",value:t.data.users,metricType:"users",icon:"users",info:"Number of unique users who interacted with the app",highlighted:!0,change:r!=null&&r.users?{value:Math.abs(r.users.changePercent),type:n(r.users.changePercent)}:void 0},{title:"Sessions",value:t.data.sessions,metricType:"sessions",icon:"activity",info:"Number of conversations initiated with the app",highlighted:!1,change:r!=null&&r.sessions?{value:Math.abs(r.sessions.changePercent),type:n(r.sessions.changePercent)}:void 0},{title:"Messages",value:t.data.messages.total,metricType:"messages",icon:"message-circle",info:"Total messages exchanged between users and the app",highlighted:!1,change:r!=null&&r.messages?{value:Math.abs(r.messages.changePercent.total),type:n(r.messages.changePercent.total)}:void 0},{title:"Tokens",value:t.data.tokens.total,metricType:"tokens",icon:"coins",info:"Total input and output tokens processed by the app for all interactions",highlighted:!1,change:r!=null&&r.tokens?{value:Math.abs(r.tokens.changePercent.total),type:n(r.tokens.changePercent.total)}:void 0}]}transformRunsCards(t){const r=t.data.trends;console.log("Transforming runs cards with trends:",r);const n=a=>a>0?"increase":"decrease";return[{title:"Agent Runs",value:t.data.agentRuns,metricType:"agentRuns",icon:"bot",info:"Number of times the AI agents were executed to handle user requests",highlighted:!0,change:r!=null&&r.agentRuns?{value:Math.abs(r.agentRuns.changePercent),type:n(r.agentRuns.changePercent)}:void 0},{title:"Tool Runs",value:t.data.toolRuns.total,metricType:"toolRuns",icon:"wrench",info:"Number of times various tools were triggered by the AI agents to complete tasks",highlighted:!1,change:r!=null&&r.toolRuns?{value:Math.abs(r.toolRuns.changePercent.total),type:n(r.toolRuns.changePercent.total)}:void 0},{title:"Model Runs",value:t.data.modelRuns,metricType:"modelRuns",icon:"cpu",info:"Number of times the AI agents called various language models to generate responses",highlighted:!1,change:r!=null&&r.modelRuns?{value:Math.abs(r.modelRuns.changePercent),type:n(r.modelRuns.changePercent)}:void 0}]}transformTimeSeriesDataForMetric(t,r){var a;if(console.log("=== METRIC-SPECIFIC TRANSFORM DEBUG ==="),console.log("Raw TimeSeriesResponse:",JSON.stringify(t,null,2)),console.log("Metric type:",r),!t||!t.data||!Array.isArray(t.data))return console.error("Invalid time series data structure:",t),[];const n=t.data.map((i,o)=>{console.log(`Processing point ${o}:`,i);const s=new Date(i.timestamp),l=s.toISOString().split("T")[0],u=s.toLocaleDateString("en-US",{month:"short",day:"numeric"}),c={date:l,timestamp:u,formattedDate:u,count:i.count||0,value:i.count||0,input_tokens:i.input_tokens||0,output_tokens:i.output_tokens||0,total_tokens:(i.input_tokens||0)+(i.output_tokens||0),inputTokens:i.input_tokens||0,outputTokens:i.output_tokens||0,totalTokens:(i.input_tokens||0)+(i.output_tokens||0),listView:i.listView||[],index:o};switch(r){case"users":c.users=i.count||0;break;case"sessions":c.sessions=i.count||0;break;case"messages":c.messages=i.count||0;break;case"tokens":c.tokens=i.count||0,i.input_tokens||i.output_tokens?c.totalTokens=(i.input_tokens||0)+(i.output_tokens||0):c.totalTokens=i.count||0;break;case"agentRuns":c.agentRuns=i.count||0;break;case"toolRuns":c.toolRuns=i.count||0;break;case"modelRuns":c.modelRuns=i.count||0;break;default:c.users=i.count||0,c.sessions=i.count||0,c.messages=i.count||0,c.tokens=i.count||0,c.agentRuns=i.count||0,c.toolRuns=i.count||0,c.modelRuns=i.count||0}return console.log(`Transformed point ${o} for metric ${r}:`,c),c});return console.log("Final transformed data array:",JSON.stringify(n,null,2)),console.log("Sample transformed point for chart:",n[0]),console.log("Populated metric property:",r,"=",(a=n[0])==null?void 0:a[r||"count"]),console.log("=== END METRIC-SPECIFIC TRANSFORM DEBUG ==="),n}transformTimeSeriesData(t){return this.transformTimeSeriesDataForMetric(t)}transformAgentsListViewToTable(t){return Array.isArray(t)?t.map((r,n)=>{var o,s;let a="",i=null;if(r.icon)try{if(i=typeof r.icon=="string"?JSON.parse(r.icon):r.icon,i.name){const l=((o=r.agentName)==null?void 0:o.replace(/\s+/g,""))||`agent${n}`,u=((s=i.color)==null?void 0:s.replace("#",""))||"b6e3f4";a=`https://api.dicebear.com/7.x/avataaars/svg?seed=${l}&backgroundColor=${u}&backgroundType=solid`}}catch{console.warn("Failed to parse icon data:",r.icon)}return{id:`agent-${n+1}`,name:r.agentName||`Agent ${n+1}`,runs:r.count||0,responseTime:r.avgResponseTime?r.avgResponseTime<1e3?`${Math.round(r.avgResponseTime)}ms`:`${(r.avgResponseTime/1e3).toFixed(2)}s`:"0ms",tokens:r.tokens||Math.floor((r.count||0)*150),successRate:r.successRate?`${Math.round(r.successRate)}%`:"95%",lastRun:r.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),avatar:a||`https://api.dicebear.com/7.x/avataaars/svg?seed=agent${n}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`,icon:r.icon||void 0}}):(console.warn("Invalid listView data for agents:",t),[])}transformToolsListViewToTable(t){return Array.isArray(t)?t.map((r,n)=>({id:`tool-${n+1}`,name:r.toolName||r.tool_name||`Tool ${n+1}`,type:r.type||r.toolType||r.tool_type||"Code Tool",runs:r.count||0,responseTime:r.avgResponseTime?r.avgResponseTime<1e3?`${Math.round(r.avgResponseTime)}ms`:`${(r.avgResponseTime/1e3).toFixed(2)}s`:"0ms",tokens:r.tokens||Math.floor((r.count||0)*50),successRate:r.successRate?`${Math.round(r.successRate)}%`:"92%",lastRun:r.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:r.icon||r.tool_icon||void 0})):(console.warn("Invalid listView data for tools:",t),[])}transformModelsListViewToTable(t){return Array.isArray(t)?t.map((r,n)=>({id:`model-${n+1}`,name:r.modelName||`Model ${n+1}`,modelName:r.modelName,provider:r.provider,runs:r.count||0,responseTime:r.avgResponseTime?r.avgResponseTime<1e3?`${Math.round(r.avgResponseTime)}ms`:`${(r.avgResponseTime/1e3).toFixed(2)}s`:"0ms",avgResponseTime:r.avgResponseTime,tokens:r.tokens||r.totalTokens||Math.floor((r.count||0)*300),totalTokens:r.totalTokens||r.tokens,successRate:r.successRate?`${Math.round(r.successRate)}%`:"98%",lastRun:r.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:r.icon})):(console.warn("Invalid listView data for models:",t),[])}extractAgentControlOptions(t){if(!Array.isArray(t))return[{label:"All Agents",value:"all"}];const r=[{label:"All Agents",value:"all"}];return t.forEach(n=>{var a;if(n.agentName){let i="";try{if(n.icon){const o=typeof n.icon=="string"?JSON.parse(n.icon):n.icon;if(o.name){const s=n.agentName.replace(/\s+/g,""),l=((a=o.color)==null?void 0:a.replace("#",""))||"b6e3f4";i=`https://api.dicebear.com/7.x/avataaars/svg?seed=${s}&backgroundColor=${l}&backgroundType=solid`}}}catch{console.warn("Failed to parse icon data for control:",n.icon)}r.push({label:n.agentName,value:n.agentName.replace(/\s+/g,"").toLowerCase(),avatar:i||`https://api.dicebear.com/7.x/avataaars/svg?seed=${n.agentName.replace(/\s+/g,"")}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`})}}),r}extractToolControlOptions(t){if(!Array.isArray(t))return[{label:"All Tools",value:"all"}];const r=[{label:"All Tools",value:"all"}];return t.forEach(n=>{const a=n.toolName||n.tool_name;if(a){let i=function(o){if(!o)return"Code Tool";const s=o.toLowerCase();return["inlinetool","code tool","code","event"].includes(s)?"Code Tool":["toollibrary","workflow tool"].includes(s)?"Workflow Tool":["mcp","mcptool"].includes(s)?"MCP Tool":["knowledge","knowledge tool"].includes(s)||o==="KNOWLEDGE"?"Knowledge":o==="inlineTool"?"Code Tool":o==="toolLibrary"?"Workflow Tool":o==="MCP"||o==="mcpTool"?"MCP Tool":"Code Tool"};r.push({label:a,value:a.replace(/[-]/g,""),icon:n.icon||n.tool_icon||void 0,type:n.type||i(n.toolType||n.tool_type)})}}),r}extractModelControlOptions(t){if(!Array.isArray(t))return[{label:"All Models",value:"all"}];const r=[{label:"All Models",value:"all"}];return t.forEach(n=>{n.modelName&&r.push({label:n.modelName,value:n.modelName.replace(/[-\.]/g,""),icon:n.icon,type:n.provider})}),r}async fetchTimeSeriesDataWithTableData(t,r,n,a,i,o=[]){const s=await this.fetchTimeSeriesData(t,r,n,a,i,o);let l=[];s.data.forEach(d=>{d.listView&&Array.isArray(d.listView)&&(l=[...l,...d.listView])});const u=this.aggregateListViewItems(l);let c=[],f=[];return t==="agent-runs"?(c=this.transformAgentsListViewToTable(u),f=this.extractAgentControlOptions(u)):t==="tool-runs"?(c=this.transformToolsListViewToTable(u),f=this.extractToolControlOptions(u)):t==="model-runs"&&(c=this.transformModelsListViewToTable(u),f=this.extractModelControlOptions(u)),{chartData:this.transformTimeSeriesDataForMetric(s,t.replace("-","")),tableData:c,controlOptions:f}}aggregateListViewItems(t){const r=new Map;return t.forEach(n=>{const a=n.agentName||n.toolName||n.modelName||"unknown";if(r.has(a)){const i=r.get(a);i.count=(i.count||0)+(n.count||0),i.avgResponseTime=i.avgResponseTime&&n.avgResponseTime?(i.avgResponseTime+n.avgResponseTime)/2:i.avgResponseTime||n.avgResponseTime,i.tokens=(i.tokens||0)+(n.tokens||0)}else r.set(a,{...n})}),Array.from(r.values())}async fetchEnhancedMetricsData(t,r,n,a=[]){try{const[i,o,s]=await Promise.all([this.fetchTimeSeriesDataWithTableData("agent-runs","runs",t,r,n,a),this.fetchTimeSeriesDataWithTableData("tool-runs","runs",t,r,n,a),this.fetchTimeSeriesDataWithTableData("model-runs","runs",t,r,n,a)]);return{agents:i,tools:o,models:s}}catch(i){throw console.error("Error fetching enhanced metrics data:",i),i}}async transformRunsCardsWithEnhancedData(t,r,n,a,i=[]){const o=t.data.trends,s=h=>h>0?"increase":"decrease",[l,u,c,f]=await Promise.all([this.fetchTimeSeriesDataWithTableData("agent-runs","runs",r,n,a,i),this.fetchTimeSeriesDataWithTableData("tool-runs","runs",r,n,a,i),this.fetchTimeSeriesDataWithTableData("model-runs","runs",r,n,a,i),this.fetchTimeSeriesData("tool-runs","runs",r,n,a,i)]),d=this.transformTimeSeriesDataForToolRuns(f);return[{title:"Agent Runs",value:t.data.agentRuns,metricType:"agentRuns",icon:"bot",highlighted:!0,info:"Number of times the AI agents were executed to handle user requests",change:o!=null&&o.agentRuns?{value:Math.abs(o.agentRuns.changePercent),type:s(o.agentRuns.changePercent)}:void 0,view:{type:"chart",chart:{type:"line",title:"Agent Runs",data:l.chartData,dataKey:"agentRuns",color:"#0BA5EC",yAxisLabel:"Number of Agent Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}},table:{title:"Agent Runs",data:l.tableData,columns:[{key:"name",title:"Name",width:200,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"},{key:"tokens",title:"Tokens",width:100,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`}]}},controls:{dropdown:{label:"All Agents",options:l.controlOptions,defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}},{title:"Tool Runs",value:t.data.toolRuns.total,metricType:"toolRuns",icon:"wrench",info:"Number of times various tools were triggered by the AI agents to complete tasks",highlighted:!1,change:o!=null&&o.toolRuns?{value:Math.abs(o.toolRuns.changePercent.total),type:s(o.toolRuns.changePercent.total)}:void 0,view:{type:"chart",chart:{type:"line",title:"Tool Runs",data:d,yAxisLabel:"Number of Tool Runs",lines:[{dataKey:"toolRuns",color:"#667085",label:"Tool Runs"},{dataKey:"codeTools",color:"#F38744",label:"Code Tools"},{dataKey:"workflowTools",color:"#2970FF",label:"Workflow Tools"},{dataKey:"knowledgeTools",color:"#7A5AF8",label:"Knowledge"},{dataKey:"mcpTools",color:"#47CD89",label:"MCP Tools"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}},table:{title:"Tool Runs",data:u.tableData,columns:[{key:"name",title:"Name",width:200,align:"left"},{key:"type",title:"Type",width:150,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"}]}},controls:{dropdown:{label:"All Tools",options:u.controlOptions,defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}},{title:"Model Runs",value:t.data.modelRuns,metricType:"modelRuns",icon:"cpu",highlighted:!1,info:"Number of times the AI agents called various language models to generate responses",change:o!=null&&o.modelRuns?{value:Math.abs(o.modelRuns.changePercent),type:s(o.modelRuns.changePercent)}:void 0,view:{type:"chart",chart:{type:"line",title:"Model Runs",data:c.chartData,dataKey:"modelRuns",color:"#47CD89",yAxisLabel:"Number of Model Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}},table:{title:"Model Runs",data:c.tableData,columns:[{key:"name",title:"Model Name",width:200,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`},{key:"tokens",title:"Tokens",width:120,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"}]}},controls:{dropdown:{label:"All Models",options:c.controlOptions,defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}}]}async transformUsageAnalyticsCardsWithEnhancedData(t,r,n,a,i=[]){const o=t.data.trends,s=d=>d>0?"increase":"decrease",[l,u,c,f]=await Promise.all([this.fetchTimeSeriesData("users","usage-analytics",r,n,a,i),this.fetchTimeSeriesData("sessions","usage-analytics",r,n,a,i),this.fetchTimeSeriesData("messages","usage-analytics",r,n,a,i),this.fetchTimeSeriesData("tokens","usage-analytics",r,n,a,i)]);return[{title:"Users",value:t.data.users,metricType:"users",icon:"users",highlighted:!0,info:"Number of unique users who interacted with the app",change:o!=null&&o.users?{value:Math.abs(o.users.changePercent),type:s(o.users.changePercent)}:void 0,view:{type:"chart",chart:{type:"line",title:"Total Users",data:this.transformTimeSeriesDataForMetric(l,"users"),dataKey:"users",color:"#4E5BA6",yAxisLabel:"Number of Users",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}}}},{title:"Sessions",value:t.data.sessions,metricType:"sessions",icon:"activity",highlighted:!1,info:"Number of conversations initiated with the app",change:o!=null&&o.sessions?{value:Math.abs(o.sessions.changePercent),type:s(o.sessions.changePercent)}:void 0,view:{type:"chart",chart:{type:"line",title:"Total Sessions",data:this.transformTimeSeriesDataForMetric(u,"sessions"),dataKey:"sessions",color:"#0BA5EC",yAxisLabel:"Number of Sessions",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}}}},{title:"Messages",value:t.data.messages.total,metricType:"messages",icon:"message-circle",info:"Total messages exchanged between users and the app",highlighted:!1,change:o!=null&&o.messages?{value:Math.abs(o.messages.changePercent.total),type:s(o.messages.changePercent.total)}:void 0,view:{type:"chart",chart:{type:"line",title:"Total Messages",data:this.transformTimeSeriesDataForMetric(c,"messages"),dataKey:"messages",color:"#E478FA",yAxisLabel:"Number of Messages",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}}}},{title:"Tokens",value:t.data.tokens.total,metricType:"tokens",icon:"coins",info:"Total input and output tokens processed by the app for all interactions",highlighted:!1,change:o!=null&&o.tokens?{value:Math.abs(o.tokens.changePercent.total),type:s(o.tokens.changePercent.total)}:void 0,view:{type:"chart",chart:{type:"line",title:"Token Usage Breakdown",data:this.transformTimeSeriesDataForMetric(f,"tokens"),yAxisLabel:"Number of Tokens",lines:[{dataKey:"totalTokens",color:"#FF692E",label:"Total Tokens"},{dataKey:"inputTokens",color:"#5925DC",label:"Input Tokens"},{dataKey:"outputTokens",color:"#E478FA",label:"Output Tokens"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}}}}]}transformTimeSeriesDataForToolRuns(t){if(console.log("=== TOOL RUNS SPECIFIC TRANSFORM DEBUG ==="),console.log("Raw TimeSeriesResponse for tool runs:",JSON.stringify(t,null,2)),!t||!t.data||!Array.isArray(t.data))return console.error("Invalid time series data structure:",t),[];const r=t.data.map((n,a)=>{console.log(`Processing point ${a}:`,n);const i=new Date(n.timestamp),o=i.toISOString().split("T")[0],s=i.toLocaleDateString("en-US",{month:"short",day:"numeric"}),l=n.count||0;let u=0,c=0,f=0,d=0;if(n.listView&&Array.isArray(n.listView)){n.listView.forEach(g=>{const m=g.count||0,b=(g.toolType||g.tool_type||"").toLowerCase(),O=(g.toolName||g.tool_name||"").toLowerCase();console.log("Processing listView item:",{toolType:b,toolName:O,count:m});const x=b.toLowerCase();["inlinetool","inlineTool","tool","code","codetool","event","EVENT"].includes(b)||["inlinetool","tool","code","codetool","event"].includes(x)?u+=m:["toollibrary","toolLibrary","workflow","workflowtool"].includes(b)||["toollibrary","workflow","workflowtool"].includes(x)?c+=m:["knowledge","KNOWLEDGE","knowledgetool"].includes(b)||["knowledge","knowledgetool"].includes(x)?f+=m:["mcp","MCP","mcptool","mcpTool"].includes(b)||["mcp","mcptool"].includes(x)?d+=m:(console.log(`Unknown tool type '${b}' for tool '${O}', defaulting to code tools`),u+=m)}),console.log(`Calculated breakdown for point ${a}:`,{codeTools:u,workflowTools:c,knowledgeTools:f,mcpTools:d,total:u+c+f+d,expectedTotal:l});const v=u+c+f+d;if(Math.abs(v-l)>1){console.warn(`Breakdown total (${v}) doesn't match expected total (${l}) for point ${a}`);const g=l-v;u+=g,console.log(`Adjusted codeTools by ${g} to balance total`)}}else console.log(`No listView data for point ${a}, assigning all ${l} to codeTools`),u=l;const h={date:o,timestamp:s,formattedDate:s,toolRuns:l,value:l,count:l,codeTools:u,workflowTools:c,knowledgeTools:f,mcpTools:d,input_tokens:n.input_tokens||0,output_tokens:n.output_tokens||0,total_tokens:(n.input_tokens||0)+(n.output_tokens||0),inputTokens:n.input_tokens||0,outputTokens:n.output_tokens||0,totalTokens:(n.input_tokens||0)+(n.output_tokens||0),listView:n.listView||[],index:a};return console.log(`Transformed tool runs point ${a}:`,h),h});return console.log("Final tool runs transformed data:",JSON.stringify(r,null,2)),console.log("=== END TOOL RUNS SPECIFIC TRANSFORM DEBUG ==="),r}async fetchAllCardsData(t,r,n=[]){try{const[a,i]=await Promise.all([this.fetchUsageAnalyticsCards(t,r,void 0,n),this.fetchRunsCards(t,r,void 0,n)]);return{usageAnalytics:this.transformUsageAnalyticsCards(a),runs:this.transformRunsCards(i)}}catch(a){throw console.error("Error fetching cards data:",a),a}}async fetchAllCardsDataWithEnhancedViews(t,r,n,a=[]){try{const[i,o]=await Promise.all([this.fetchUsageAnalyticsCards(t,r,n,a),this.fetchRunsCards(t,r,n,a)]),[s,l]=await Promise.all([this.transformUsageAnalyticsCardsWithEnhancedData(i,t,r,n,a),this.transformRunsCardsWithEnhancedData(o,t,r,n,a)]);return{usageAnalytics:s,runs:l}}catch(i){throw console.error("Error fetching enhanced cards data:",i),i}}async fetchDefaultTimeSeriesData(t,r,n,a=[]){try{const[i,o]=await Promise.all([this.fetchTimeSeriesData("sessions","usage-analytics",t,r,n,a),this.fetchTimeSeriesData("agent-runs","runs",t,r,n,a)]);return{sessions:this.transformTimeSeriesData(i),agentRuns:this.transformTimeSeriesData(o)}}catch(i){throw console.error("Error fetching default time series data:",i),i}}transformListViewForSlider(t,r){return Array.isArray(t)?t.map((n,a)=>{const i={id:`${r}-${a+1}`,runs:n.count||0,responseTime:n.avgResponseTime?n.avgResponseTime<1e3?`${Math.round(n.avgResponseTime)}ms`:`${(n.avgResponseTime/1e3).toFixed(2)}s`:"0ms",successRate:n.successRate?`${Math.round(n.successRate)}%`:void 0,tokens:n.totalTokens||n.tokens||0,icon:n.icon||n.tool_icon||void 0,aiModel:"gpt-4o"};switch(r){case"agentRuns":return{...i,name:n.agentName||`Agent ${a+1}`,type:"Agent",aiModel:this.extractAIModel(n)||"gpt-4o"};case"toolRuns":return{...i,name:n.toolName||n.tool_name||`Tool ${a+1}`,type:n.type||n.toolType||n.tool_type||"Code Tool",toolType:n.toolType||n.tool_type,aiModel:this.extractAIModel(n)||"gpt-4o"};case"modelRuns":return{...i,name:n.modelName||`Model ${a+1}`,modelName:n.modelName,provider:n.provider,type:n.provider||"Model",aiModel:n.modelName||n.model||"gpt-4o"};default:return{...i,name:`Item ${a+1}`,type:"Unknown",aiModel:"gpt-4o"}}}):(console.warn("Invalid listView data for slider:",t),[])}extractAIModel(t){if(t.modelName)return t.modelName;if(t.model)return t.model;if(t.llmModel)return t.llmModel;if(t.aiModel)return t.aiModel;const r=["gpt-4o","gpt-4o-mini","claude-3-5-haiku"];return r[Math.floor(Math.random()*r.length)]}static getDateRange(t=7){const r=new Date,n=new Date;return n.setDate(r.getDate()-t),{fromTimestamp:n.toISOString(),toTimestamp:r.toISOString()}}static getTimeDimension(t,r){const n=new Date(t),a=new Date(r),i=new Date(n.getFullYear(),n.getMonth(),n.getDate()),o=new Date(a.getFullYear(),a.getMonth(),a.getDate()),s=o.getTime()-i.getTime(),l=s/(1e3*60*60*24),u=i.toISOString().split("T")[0],c=o.toISOString().split("T")[0],f=u===c,d=new Date(n.getFullYear(),n.getMonth(),n.getDate()),h=f&&Math.abs(n.getTime()-d.getTime())<1e3,v=Math.abs(a.getTime()-n.getTime()),g=v<60*1e3;return console.log("🕐 TimeDimension calculation:",{fromTimestamp:t,toTimestamp:r,fromDateStr:u,toDateStr:c,diffInMs:s,diffInDays:l,isSameCalendarDay:f,isTodayPattern:h,timeDiffInMs:v,isVeryClose:g,fromStartOfDay:d.toISOString(),recommended:f||h||g||l<=1?"hour":l<=31?"day":l<=90?"week":"month"}),f||h||g||l<=1?"hour":"day"}getAvailableMetrics(){return{"usage-analytics":["sessions","messages","users","tokens"],runs:["agent-runs","model-runs","tool-runs"]}}}const D0=({config:e,className:t,isLoading:r,context:n})=>{const{type:a,chart:i,table:o,layout:s="vertical"}=e,[l,u]=S.useState({isOpen:!1,date:"",metricType:"agentRuns",data:[],totalRuns:0}),c=(g,m)=>{console.log("Chart data point clicked in ViewRenderer:",{chartData:g,date:m,context:n});const b=n==null?void 0:n.metricType;if(!b||!["agentRuns","toolRuns","modelRuns"].includes(b)){console.log("Slider not applicable for metric type:",b);return}const O=g.listView||[];console.log("ListView data for clicked date:",O);const j=new Kt({baseUrl:"",projectId:"",environment:""}).transformListViewForSlider(O,b),y=g[b]||g.count||0;console.log("Opening slider with data:",{date:m,metricType:b,sliderData:j,totalRuns:y}),u({isOpen:!0,date:m,metricType:b,data:j,totalRuns:y})},f=()=>{u(g=>({...g,isOpen:!1}))},d=()=>i?(console.log("ViewRenderer - Chart config:",i),console.log("ViewRenderer - Chart data:",i.data),console.log("ViewRenderer - Context:",n),p.jsx("div",{className:"flex-1",children:p.jsx(j0,{config:i,isLoading:r,onDataPointClick:c})})):null,h=()=>o?(n==null?void 0:n.metricType)==="agentRuns"?p.jsx("div",{className:"flex-1 min-h-[380px]",children:p.jsx(E0,{data:o.data})}):(n==null?void 0:n.metricType)==="toolRuns"?p.jsx("div",{className:"flex-1 min-h-[380px]",children:p.jsx(C0,{data:o.data})}):(n==null?void 0:n.metricType)==="modelRuns"?p.jsx("div",{className:"flex-1 min-h-[380px]",children:p.jsx($0,{data:o.data})}):p.jsx("div",{className:"flex-1 min-h-[380px]",children:p.jsx(P0,{config:o})}):null,v=()=>{switch(a){case"chart":return d();case"table":return h();case"mixed":return p.jsxs("div",{className:se("flex gap-6",s==="horizontal"?"flex-row":"flex-col"),children:[d(),h()]});default:return p.jsxs("div",{className:"p-4 text-center text-gray-500",children:["Unsupported view type: ",a]})}};return p.jsxs(p.Fragment,{children:[p.jsx("div",{className:se("w-full",t),children:v()}),p.jsx(k0,{isOpen:l.isOpen,onClose:f,date:l.date,metricType:l.metricType,data:l.data,totalRuns:l.totalRuns})]})},Ms=({options:e,value:t,placeholder:r="Select an option",onChange:n,className:a,disabled:i=!1})=>{const[o,s]=S.useState(!1),[l,u]=S.useState(t||""),c=S.useRef(null),f=e.find(v=>v.value===l);S.useEffect(()=>{const v=g=>{c.current&&!c.current.contains(g.target)&&s(!1)};return o&&document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[o]);const d=v=>{i||(u(v),s(!1),n==null||n(v))},h=()=>{i||s(!o)};return p.jsxs("div",{ref:c,className:se("relative",a),children:[p.jsxs("button",{type:"button",className:se("flex h-[40px] text-left w-full items-center rounded-lg border border-gray-300 bg-white px-[14px] py-[10px] medium shadow-none outline-none focus-visible:border-ring focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-gray-25 transition-colors",a),onClick:h,disabled:i,children:[p.jsxs("div",{className:"flex items-center gap-[8px] w-full",children:[p.jsx("span",{className:"text-xs font-medium text-gray-400 uppercase",children:"ENV"}),p.jsx("span",{className:se("truncate w-full",!f&&"text-gray-700 font-medium text-sm"),children:f?f.label:r})]}),p.jsx(fr,{className:se("h-[16px] w-[16px] text-gray-400 transition-transform duration-200",o&&"rotate-180")})]}),o&&!i&&p.jsx("div",{className:"absolute p-[4px] w-full top-full left-0 z-50 mt-1 bg-popover max-h-[300px] overflow-y-auto text-popover-foreground overflow-x-hidden overflow-y-auto rounded-md border shadow-md",children:e.map(v=>{const g=l===v.value;return p.jsxs("div",{role:"option",className:"relative group",children:[p.jsx("button",{className:se("focus:bg-gray-50 rounded-[4px] hover:bg-gray-50 focus:text-accent-foreground relative flex w-full cursor-pointer select-none items-center px-[14px] py-[10px] text-sm text-left outline-none transition-colors",v.disabled?"opacity-50 cursor-not-allowed text-gray-400":g?"bg-blue-50 text-blue-900 font-medium":"text-gray-900 hover:bg-gray-50"),onClick:()=>!v.disabled&&d(v.value),disabled:v.disabled,children:p.jsx("span",{className:"block whitespace-nowrap w-full",children:v.label})}),v.label.length>25&&p.jsx("div",{className:"absolute left-full top-0 ml-2 z-[60] opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none",children:p.jsxs("div",{className:"bg-gray-900 text-white text-xs rounded-md px-3 py-2 whitespace-nowrap shadow-lg",children:[v.label,p.jsx("div",{className:"absolute left-0 top-1/2 transform -translate-x-full -translate-y-1/2 w-0 h-0 border-t-4 border-b-4 border-r-4 border-transparent border-r-gray-900"})]})})]},v.value)})})]})},I0=({options:e,value:t,defaultValue:r,placeholder:n="Select...",multiSelect:a=!1,searchable:i=!1,onChange:o,className:s,maxItems:l=100,maxLabelLength:u=30})=>{const[c,f]=S.useState(!1),[d,h]=S.useState(""),[v,g]=S.useState(()=>{const C=t||r;return a?Array.isArray(C)?C:C?[C]:[]:C?[Array.isArray(C)?C[0]:C]:[]}),m=S.useRef(null);S.useEffect(()=>{const C=P=>{m.current&&!m.current.contains(P.target)&&f(!1)};return document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)},[]);const b=(C,P=u)=>C.length<=P?C:C.substring(0,P)+"...",O=i?e.filter(C=>C.label.toLowerCase().includes(d.toLowerCase())):e,x=O.slice(0,l),j=O.length>l,y=C=>{let P;if(a){if(C==="all"){T();return}if(v.includes(C))P=v.filter(I=>I!==C),P=P.filter(I=>I!=="all");else{P=v.filter(D=>D!=="all"),P=[...P,C];const I=O.filter(D=>D.value!=="all").map(D=>D.value),k=P.filter(D=>D!=="all");k.length===I.length&&(P=["all",...k])}}else P=[C],f(!1);g(P);const E=a?P:P[0]||"";o==null||o(E)},w=()=>{if(!a)return{checked:!1,indeterminate:!1};const C=O.filter(E=>E.value!=="all").map(E=>E.value),P=v.filter(E=>E!=="all"&&C.includes(E));return v.includes("all")&&P.length===0?{checked:!1,indeterminate:!1}:P.length===0?{checked:!1,indeterminate:!1}:P.length===C.length?{checked:!0,indeterminate:!1}:{checked:!1,indeterminate:!0}},T=()=>{if(!a)return;const C=w(),P=O.filter(E=>E.value!=="all").map(E=>E.value);if(C.checked)g(["all"]),o==null||o(["all"]);else{const E=["all",...P];g(E),o==null||o(E)}},A=()=>{g(["all"]),o==null||o(a?["all"]:"all")},_=()=>{if(!a){if(v.length===0)return n;const I=e.find(k=>k.value===v[0]);return(I==null?void 0:I.label)||n}const C=v.filter(I=>I!=="all"),P=v.includes("all");if(C.length===0)return n;if(C.length===1){const I=e.find(k=>k.value===C[0]);return(I==null?void 0:I.label)||n}const E=e.filter(I=>I.value!=="all").length;return C.length===E?"All selected":`${C.length} selected`};return p.jsxs("div",{className:se("relative",s),ref:m,children:[p.jsxs("button",{type:"button",onClick:()=>f(!c),className:se("w-full flex items-center justify-between px-[12px] py-[8px] text-left text-xs","border border-gray-300 rounded-md bg-white hover:bg-gray-50","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500","transition-colors duration-150"),children:[p.jsx("span",{className:se("truncate",v.length===0&&"text-gray-500"),children:_()}),p.jsx(fr,{className:se("w-[16px] h-[16px] text-gray-400 transition-transform duration-150",c&&"transform rotate-180")})]}),c&&p.jsxs("div",{className:"absolute z-50 min-w-[300px] w-max max-w-lg mt-[4px] bg-white border border-gray-200 rounded-md shadow-lg max-h-80 overflow-hidden",children:[i&&p.jsx("div",{className:"p-[12px] border-b border-gray-100",children:p.jsxs("div",{className:"relative",children:[p.jsx(Ef,{className:"absolute left-[12px] top-1/2 transform -translate-y-1/2 w-[16px] h-[16px] text-gray-400"}),p.jsx("input",{type:"text",placeholder:`Search ${n.toLowerCase()}...`,value:d,onChange:C=>h(C.target.value),className:"w-full pl-[36px] pr-[12px] py-[8px] text-xs border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"})]})}),a&&p.jsxs("div",{className:"flex items-center justify-between px-[12px] py-[8px] border-b border-gray-100 bg-gray-50",children:[p.jsxs("button",{type:"button",onClick:T,className:"flex items-center text-xs font-medium text-gray-700 hover:text-gray-900",children:[p.jsx("div",{className:se("flex items-center justify-center w-[16px] h-[16px] mr-[8px] border transition-colors duration-150",(()=>{const C=w();return C.indeterminate||C.checked?"bg-blue-600 border-blue-600 text-white":"border-gray-300 bg-white"})()),children:(()=>{const C=w();return C.indeterminate?p.jsx("div",{className:"w-[8px] h-[4px] bg-white rounded"}):C.checked?p.jsx("svg",{className:"w-[12px] h-[12px]",fill:"currentColor",viewBox:"0 0 20 20",children:p.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})}):null})()}),"Select all"]}),p.jsx("button",{type:"button",onClick:A,className:"text-sm font-medium text-blue-600 hover:text-blue-800",children:"Clear"})]}),p.jsxs("div",{className:"max-h-60 overflow-y-auto",children:[x.length===0?p.jsx("div",{className:"px-[12px] py-[16px] text-sm text-gray-500 text-center",children:"No options found"}):x.map(C=>{let P;return C.value==="all"?null:(P=v.includes(C.value),p.jsxs("div",{className:"relative group",children:[p.jsxs("div",{onClick:()=>y(C.value),className:se("flex items-center px-[12px] py-[8px] cursor-pointer hover:bg-gray-50","transition-colors duration-150",P&&"bg-gray-50"),children:[a?p.jsx("div",{className:se("flex items-center justify-center w-[16px] h-[16px] mr-[12px] border","transition-colors duration-150",P?"bg-blue-600 border-blue-600 text-white":"border-gray-300 bg-white"),children:P&&p.jsx("svg",{className:"w-[12px] h-[12px]",fill:"currentColor",viewBox:"0 0 20 20",children:p.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}):p.jsx("div",{className:se("w-[16px] h-[16px] mr-[12px] rounded-full border-2 transition-colors duration-150",P?"border-blue-600 bg-blue-600":"border-gray-300"),children:P&&p.jsx("div",{className:"w-full h-full rounded-full bg-white scale-50"})}),p.jsx("span",{className:se("flex-1 text-xs whitespace-nowrap truncate",P?"font-medium text-gray-700":"text-gray-500"),children:b(C.label)})]}),C.label.length>u&&p.jsx("div",{className:"absolute left-full top-1/2 transform -translate-y-1/2 ml-2 z-[80] opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none",children:p.jsxs("div",{className:"bg-gray-900 text-white text-xs rounded-md px-[12px] py-[8px] shadow-lg max-w-xs break-words whitespace-normal",children:[C.label,p.jsx("div",{className:"absolute left-0 top-1/2 transform -translate-x-full -translate-y-1/2 w-0 h-0 border-t-4 border-b-4 border-r-4 border-transparent border-r-gray-900"})]})})]},C.value))}),j&&p.jsxs("div",{className:"px-[12px] py-[8px] text-xs text-gray-500 bg-gray-50 border-t border-gray-100",children:[p.jsxs("div",{className:"text-center font-medium",children:["+",O.length-l," more items"]}),i&&p.jsx("div",{className:"text-center mt-1 text-gray-400",children:"Use search above to find specific items"})]})]})]})]})},L0=({config:e,className:t})=>{var s;const{dropdown:r,buttons:n,toggle:a}=e,i=l=>{const u=l.toLowerCase();return u.includes("agent")?"agent":u.includes("tool")?"workflowtool":"app"},o=l=>{const u=l.toLowerCase();return u.includes("agent")?{maxItems:50,maxLabelLength:25}:u.includes("tool")?{maxItems:30,maxLabelLength:20}:{maxItems:40,maxLabelLength:25}};return p.jsxs("div",{className:se("flex items-center gap-3",t),children:[r&&p.jsx(p.Fragment,{children:r.multiSelect?p.jsx(I0,{options:r.options,value:r.defaultValue,placeholder:r.label,multiSelect:r.multiSelect,searchable:r.searchable,onChange:r.onChange,className:"w-48",iconSource:i(r.label),maxItems:o(r.label).maxItems,maxLabelLength:o(r.label).maxLabelLength}):p.jsx(Ms,{options:r.options,value:Array.isArray(r.defaultValue)?r.defaultValue[0]:r.defaultValue||((s=r.options[0])==null?void 0:s.value),placeholder:r.label,onChange:l=>{var u;return(u=r.onChange)==null?void 0:u.call(r,l)},className:"w-48"})}),n&&n.length>0&&p.jsx("div",{className:"flex items-center border border-gray-200 rounded-lg overflow-hidden",children:n.map((l,u)=>p.jsx("button",{onClick:()=>{var c;return(c=l.onClick)==null?void 0:c.call(l,l.value)},className:se("px-[12px] py-[8px] text-xs font-medium transition-colors","hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset",l.active?"bg-white text-gray-900 shadow-[0 1px 3px 0  rgba(16, 24, 40, 0.08), 0  1px 2px 0 rgba(16, 24, 40, 0.08)]":"text-gray-500 bg-white",u>0&&"border-l border-gray-200"),children:l.icon&&p.jsx("span",{className:"mr-[8px]",children:l.icon})},l.value))}),a&&p.jsxs("div",{className:"flex items-center gap-[4px] border border-gray-200 bg-gray-50 overflow-hidden p-[2px] rounded-[6px]",children:[p.jsx("button",{onClick:()=>{var l;return(l=a.onToggle)==null?void 0:l.call(a,"chart")},className:se("px-[12px] py-[8px] rounded-[4px] text-xs font-medium transition-colors flex items-center gap-2","hover:bg-white ",a.chartView?"bg-white text-gray-900 shadow-md":"text-gray-500 bg-white"),children:p.jsx(bb,{className:"w-[16px] h-[16px]"})}),p.jsx("button",{onClick:()=>{var l;return(l=a.onToggle)==null?void 0:l.call(a,"table")},className:se("px-[12px] rounded-[4px] py-[8px] text-xs font-medium transition-colors flex items-center gap-2","hover:bg-white ",a.tableView?"bg-white text-gray-900 shadow-md":"text-gray-500 bg-white"),children:p.jsx($b,{className:"w-[16px] h-[16px]"})})]})]})},R0=({section:e,className:t,isLoading:r,isChartLoading:n,onMetricClick:a})=>{var q;const{id:i,title:o,description:s,metrics:l,view:u,controls:c,layout:f}=e,[d,h]=S.useState(u.type),[v,g]=S.useState("chart"),m=()=>i==="usage-analytics"?"users":i==="runs"?"agentRuns":"users",[b,O]=S.useState(m()),[x,j]=S.useState("all"),y=$=>{var U,W,K,B,G;const R=A();(U=R==null?void 0:R.controls)!=null&&U.toggle?(g($),(K=(W=R.controls.toggle).onToggle)==null||K.call(W,$)):(h($),(G=(B=c==null?void 0:c.toggle)==null?void 0:B.onToggle)==null||G.call(B,$))},w=$=>{var W,K;const R=$.metricType||$.title.toLowerCase();O(R);const U=l.find(B=>(B.metricType||B.title.toLowerCase())===R);(K=(W=U==null?void 0:U.controls)==null?void 0:W.dropdown)!=null&&K.multiSelect?j(["all"]):j("all"),a==null||a($)},T=$=>{var U,W,K;j($);const R=l.find(B=>(B.metricType||B.title.toLowerCase())===b);(K=(W=(U=R==null?void 0:R.controls)==null?void 0:U.dropdown)==null?void 0:W.onChange)==null||K.call(W,$)},A=()=>l.find($=>($.metricType||$.title.toLowerCase())===b)||null,_=$=>Array.isArray($)?$.filter(U=>U!=="all").length>0:$!=="all",C=$=>Array.isArray($)?$.filter(R=>R!=="all"):$!=="all"?[$]:[],P=$=>{var K,B,G,X,te,V,Z,ee,L;const R=((B=(K=$.view)==null?void 0:K.chart)==null?void 0:B.data)||((G=u.chart)==null?void 0:G.data)||[];if(!_(x))return R;const U=$.metricType,W=C(x);if(W.length===1){const oe=W[0],Y=A(),ue=(V=(te=(X=Y==null?void 0:Y.controls)==null?void 0:X.dropdown)==null?void 0:te.options)==null?void 0:V.find(me=>me.value===oe),re=ue==null?void 0:ue.label;return console.log("🔍 Filtering chart data:",{metricType:U,singleFilter:oe,selectedLabel:re,baseDataSample:R[0]}),R.map(me=>{let We=0;return me.listView&&Array.isArray(me.listView)&&(We=me.listView.filter(Ge=>U==="agentRuns"&&Ge.agentName?Ge.agentName===re||Ge.agentName.toLowerCase()===(re==null?void 0:re.toLowerCase()):U==="toolRuns"&&Ge.toolName?Ge.toolName===re||Ge.toolName.toLowerCase()===(re==null?void 0:re.toLowerCase()):U==="modelRuns"&&Ge.modelName?Ge.modelName===re||Ge.modelName.toLowerCase()===(re==null?void 0:re.toLowerCase()):!1).reduce((Ge,ut)=>Ge+(ut.count||0),0)),console.log("📊 Filtered value for",re,":",We),{...me,[U]:We}})}if(W.length>1){const oe=A(),ue=(((L=(ee=(Z=oe==null?void 0:oe.controls)==null?void 0:Z.dropdown)==null?void 0:ee.options)==null?void 0:L.filter(re=>W.includes(re.value)))||[]).map(re=>re.label);return R.map(re=>{let me=0;return re.listView&&Array.isArray(re.listView)&&(me=re.listView.filter(Be=>U==="agentRuns"&&Be.agentName?ue.some(Fe=>Be.agentName===Fe||Be.agentName.toLowerCase()===(Fe==null?void 0:Fe.toLowerCase())):U==="toolRuns"&&Be.toolName?ue.some(Fe=>Be.toolName===Fe||Be.toolName.toLowerCase()===(Fe==null?void 0:Fe.toLowerCase())):U==="modelRuns"&&Be.modelName?ue.some(Fe=>Be.modelName===Fe||Be.modelName.toLowerCase()===(Fe==null?void 0:Fe.toLowerCase())):!1).reduce((Be,Fe)=>Be+(Fe.count||0),0)),{...re,[U]:me}})}return R},E=$=>{var K;if(!((K=$.view)!=null&&K.chart))return null;const R=P($),U=()=>{var G,X,te,V,Z,ee;if(!_(x)||!((G=$.controls)!=null&&G.dropdown))return((te=(X=$.view)==null?void 0:X.chart)==null?void 0:te.title)||$.title;const B=C(x);if(B.length===1){const L=(V=$.controls.dropdown.options)==null?void 0:V.find(oe=>oe.value===B[0]);return L?`${L.label}`:((ee=(Z=$.view)==null?void 0:Z.chart)==null?void 0:ee.title)||$.title}return`${B.length} selected`},W=C(x);return $.metricType==="toolRuns"&&W.length===1?{...$.view.chart,data:R,title:U(),lines:void 0,dataKey:"toolRuns",color:"#f97316",showLegend:!1}:$.metricType==="modelRuns"&&W.length===1?{...$.view.chart,data:R,title:U(),dataKey:"modelRuns",color:"#10b981",showLegend:!1}:{...$.view.chart,data:R,title:U()}},I=($,R)=>{if(!_(x))return $;const U=C(x);if(U.length===1){const W=U[0];if(i==="runs"&&R==="agentRuns")return $.map(K=>({...K,agentRuns:K[W]||0}));if(i==="runs"&&R==="toolRuns")return $.map(K=>({...K,toolRuns:K[W.replace(/[-]/g,"")]||0}));if(i==="runs"&&R==="modelRuns")return $.map(K=>({...K,modelRuns:K[W.replace(/[-\.]/g,"")]||0}))}return $},k=$=>{var K;const R=((K=u.chart)==null?void 0:K.data)||[],U=I(R,$),W=B=>{var X,te;if(!_(x))return B;const G=C(x);if(G.length===1){const V=(te=(X=c==null?void 0:c.dropdown)==null?void 0:X.options)==null?void 0:te.find(Z=>Z.value===G[0]);return V?`${V.label}`:B}return`${G.length} selected`};switch($){case"users":return{type:"line",title:"Total Users",data:R,dataKey:"users",color:"#8b5cf6",yAxisLabel:"Number of Users",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"sessions":return{type:"line",title:"Total Sessions",data:R,dataKey:"sessions",color:"#06b6d4",yAxisLabel:"Number of Sessions",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"messages":return{type:"line",title:"Total Messages",data:R,dataKey:"messages",color:"#ec4899",yAxisLabel:"Number of Messages",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"tokens":return{type:"line",title:"Token Usage Breakdown",data:R,yAxisLabel:"Number of Tokens",lines:[{dataKey:"totalTokens",color:"#f59e0b",label:"Total Tokens"},{dataKey:"inputTokens",color:"#3b82f6",label:"Input Tokens"},{dataKey:"outputTokens",color:"#ec4899",label:"Output Tokens"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"agentRuns":return{type:"line",title:W("Agent Runs"),data:U,dataKey:"agentRuns",color:"#06b6d4",yAxisLabel:"Number of Agent Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"toolRuns":return C(x).length===1?{type:"line",title:W("Tool Runs"),data:I(R,"toolRuns"),dataKey:"toolRuns",color:"#f97316",yAxisLabel:"Number of Tool Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}:{type:"line",title:"Tool Runs",data:U,yAxisLabel:"Number of Tool Runs",lines:[{dataKey:"toolRuns",color:"#06b6d4",label:"Tool Runs"},{dataKey:"codeTools",color:"#f97316",label:"Code Tools"},{dataKey:"workflowTools",color:"#10b981",label:"Workflow Tools"},{dataKey:"knowledgeTools",color:"#8b5cf6",label:"Knowledge"},{dataKey:"mcpTools",color:"#ef4444",label:"MCP Tools"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"modelRuns":return C(x).length===1?{type:"line",title:W("Model Runs"),data:I(R,"modelRuns"),dataKey:"modelRuns",color:"#10b981",yAxisLabel:"Number of Model Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}:{type:"line",title:W("Model Runs"),data:U,dataKey:"modelRuns",color:"#10b981",yAxisLabel:"Number of Model Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};default:return null}},D=(()=>{const $=A();return $!=null&&$.controls?{...$.controls,dropdown:$.controls.dropdown?{...$.controls.dropdown,onChange:T}:void 0,toggle:$.controls.toggle?{...$.controls.toggle,chartView:v==="chart",tableView:v==="table",onToggle:y}:void 0}:c?{...c,dropdown:c.dropdown?{...c.dropdown,onChange:T}:void 0,toggle:c.toggle?{...c.toggle,chartView:d==="chart",tableView:d==="table",onToggle:y}:void 0}:void 0})(),F=(()=>{var U,W,K,B,G,X,te,V,Z,ee;const $=A();if($!=null&&$.view){if((U=$.controls)!=null&&U.toggle){if(v==="table"&&$.view.table){let oe=$.view.table.data;if($.metricType==="agentRuns"&&_(x)){const Y=C(x);if(Y.length>0){const ue=((B=(K=(W=$.controls)==null?void 0:W.dropdown)==null?void 0:K.options)==null?void 0:B.filter(re=>Y.includes(re.value)))||[];ue.length>0&&(oe=oe.filter(re=>ue.some(me=>re.name===me.label||re.name&&re.name.toLowerCase().includes(me.label.toLowerCase()))))}}if($.metricType==="toolRuns"&&_(x)){const Y=C(x);if(Y.length>0){const ue=((te=(X=(G=$.controls)==null?void 0:G.dropdown)==null?void 0:X.options)==null?void 0:te.filter(re=>Y.includes(re.value)))||[];ue.length>0&&(oe=oe.filter(re=>ue.some(me=>re.name===me.label||re.name&&re.name.toLowerCase().includes(me.label.toLowerCase()))))}}if($.metricType==="modelRuns"&&_(x)){const Y=C(x);if(Y.length>0){const ue=((ee=(Z=(V=$.controls)==null?void 0:V.dropdown)==null?void 0:Z.options)==null?void 0:ee.filter(re=>Y.includes(re.value)))||[];ue.length>0&&(oe=oe.filter(re=>ue.some(me=>re.name===me.label||re.name&&re.name.toLowerCase().includes(me.label.toLowerCase()))))}}return{type:"table",table:{...$.view.table,data:oe}}}else if(v==="chart"&&$.view.chart)return{type:"chart",chart:E($)||$.view.chart}}const L=E($);return L?{...$.view,chart:L}:$.view}const R=k(b);return R?{type:"chart",chart:R}:{...u,type:d}})(),z=()=>l.map($=>{const R=$.metricType||$.title.toLowerCase();return{...$,highlighted:$.highlighted||R===b}});return p.jsxs("div",{className:se("bg-white flex flex-col gap-[16px] rounded-lg border border-gray-200 py-[16px] px-[24px]",t),style:{gridColumn:f!=null&&f.span?`span ${f.span}`:void 0,order:f==null?void 0:f.order},children:[o&&p.jsxs("div",{className:"w-full",children:[p.jsx("h1",{className:"text-md font-medium text-gray-700",children:o}),s&&p.jsx("p",{className:"text-xs text-gray-500",children:s})]}),p.jsx("div",{className:"flex flex-col sm:flex-row gap-[16px]",children:r?p.jsxs(p.Fragment,{children:[p.jsx("div",{className:"flex-1",children:p.jsx(xi,{})}),p.jsx("div",{className:"flex-1",children:p.jsx(xi,{})}),p.jsx("div",{className:"flex-1",children:p.jsx(xi,{})}),p.jsx("div",{className:"flex-1",children:p.jsx(xi,{})})]}):z().map(($,R)=>p.jsx("div",{className:"flex-1",children:p.jsx(Bf,{data:$,onClick:w,isFirst:R===0})},`${i}-metric-${R}`))}),p.jsxs("div",{className:"flex items-center justify-between",children:[p.jsx("div",{children:A()&&p.jsx("h3",{className:"text-md font-medium text-gray-700",children:(q=A())==null?void 0:q.title})}),D&&p.jsx(L0,{config:D})]}),p.jsx(D0,{config:F,isLoading:r||n,context:{sectionId:i,metricType:b}})]})},df=S.forwardRef(({className:e,variant:t="default",size:r="md",children:n,...a},i)=>{const o="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",s={default:"bg-blue-600 hover:bg-blue-700 focus:bg-blue-700 focus:shadow-sm text-white py-2 px-3",outline:"border-gray-300 border bg-white text-gray-700 hover:text-gray-800 hover:bg-gray-50 focus:bg-gray-50 focus:shadow-sm",ghost:"border border-error-600 bg-error-500 text-white hover:border-error-600 hover:bg-error-600"},l={sm:"h-[32px] rounded-md gap-1.5 px-[14px] py-[10px]",md:"h-[40px] rounded-md px-[14px] py-[10px]",lg:"h-[48px] rounded-md px-[16px] py-[12px]"};return p.jsx("button",{className:se(o,s[t],l[r],e),ref:i,...a,children:n})});df.displayName="Button";function Ns(e){"@babel/helpers - typeof";return Ns=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ns(e)}function Et(e){if(e===null||e===!0||e===!1)return NaN;var t=Number(e);return isNaN(t)?t:t<0?Math.ceil(t):Math.floor(t)}function Ne(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function Ve(e){Ne(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||Ns(e)==="object"&&t==="[object Date]"?new Date(e.getTime()):typeof e=="number"||t==="[object Number]"?new Date(e):((typeof e=="string"||t==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}function HB(e,t){Ne(2,arguments);var r=Ve(e),n=Et(t);return isNaN(n)?new Date(NaN):(n&&r.setDate(r.getDate()+n),r)}function pf(e,t){Ne(2,arguments);var r=Ve(e),n=Et(t);if(isNaN(n))return new Date(NaN);if(!n)return r;var a=r.getDate(),i=new Date(r.getTime());i.setMonth(r.getMonth()+n+1,0);var o=i.getDate();return a>=o?i:(r.setFullYear(i.getFullYear(),i.getMonth(),a),r)}function qB(e,t){Ne(2,arguments);var r=Ve(e).getTime(),n=Et(t);return new Date(r+n)}var KB={};function Oi(){return KB}function YB(e,t){var r,n,a,i,o,s;Ne(1,arguments);var l=Oi(),u=Et((r=(n=(a=(i=void 0)!==null&&i!==void 0?i:void 0)!==null&&a!==void 0?a:l.weekStartsOn)!==null&&n!==void 0?n:(o=l.locale)===null||o===void 0||(s=o.options)===null||s===void 0?void 0:s.weekStartsOn)!==null&&r!==void 0?r:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var c=Ve(e),f=c.getDay(),d=(f<u?7:0)+f-u;return c.setDate(c.getDate()-d),c.setHours(0,0,0,0),c}function XB(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function aa(e){Ne(1,arguments);var t=Ve(e);return t.setHours(0,0,0,0),t}function Si(e,t){Ne(2,arguments);var r=aa(e),n=aa(t);return r.getTime()===n.getTime()}function ZB(e){return Ne(1,arguments),e instanceof Date||Ns(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function JB(e){if(Ne(1,arguments),!ZB(e)&&typeof e!="number")return!1;var t=Ve(e);return!isNaN(Number(t))}function QB(e){Ne(1,arguments);var t=Ve(e);return t.setHours(23,59,59,999),t}function eF(e){Ne(1,arguments);var t=Ve(e);return t.setDate(1),t.setHours(0,0,0,0),t}function tF(e,t){Ne(2,arguments);var r=Et(t);return qB(e,-r)}var rF=864e5;function nF(e){Ne(1,arguments);var t=Ve(e),r=t.getTime();t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0);var n=t.getTime(),a=r-n;return Math.floor(a/rF)+1}function Ds(e){Ne(1,arguments);var t=1,r=Ve(e),n=r.getUTCDay(),a=(n<t?7:0)+n-t;return r.setUTCDate(r.getUTCDate()-a),r.setUTCHours(0,0,0,0),r}function B0(e){Ne(1,arguments);var t=Ve(e),r=t.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(r+1,0,4),n.setUTCHours(0,0,0,0);var a=Ds(n),i=new Date(0);i.setUTCFullYear(r,0,4),i.setUTCHours(0,0,0,0);var o=Ds(i);return t.getTime()>=a.getTime()?r+1:t.getTime()>=o.getTime()?r:r-1}function aF(e){Ne(1,arguments);var t=B0(e),r=new Date(0);r.setUTCFullYear(t,0,4),r.setUTCHours(0,0,0,0);var n=Ds(r);return n}var iF=6048e5;function oF(e){Ne(1,arguments);var t=Ve(e),r=Ds(t).getTime()-aF(t).getTime();return Math.round(r/iF)+1}function Is(e,t){var r,n,a,i,o,s,l,u;Ne(1,arguments);var c=Oi(),f=Et((r=(n=(a=(i=t==null?void 0:t.weekStartsOn)!==null&&i!==void 0?i:t==null||(o=t.locale)===null||o===void 0||(s=o.options)===null||s===void 0?void 0:s.weekStartsOn)!==null&&a!==void 0?a:c.weekStartsOn)!==null&&n!==void 0?n:(l=c.locale)===null||l===void 0||(u=l.options)===null||u===void 0?void 0:u.weekStartsOn)!==null&&r!==void 0?r:0);if(!(f>=0&&f<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var d=Ve(e),h=d.getUTCDay(),v=(h<f?7:0)+h-f;return d.setUTCDate(d.getUTCDate()-v),d.setUTCHours(0,0,0,0),d}function F0(e,t){var r,n,a,i,o,s,l,u;Ne(1,arguments);var c=Ve(e),f=c.getUTCFullYear(),d=Oi(),h=Et((r=(n=(a=(i=t==null?void 0:t.firstWeekContainsDate)!==null&&i!==void 0?i:t==null||(o=t.locale)===null||o===void 0||(s=o.options)===null||s===void 0?void 0:s.firstWeekContainsDate)!==null&&a!==void 0?a:d.firstWeekContainsDate)!==null&&n!==void 0?n:(l=d.locale)===null||l===void 0||(u=l.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&r!==void 0?r:1);if(!(h>=1&&h<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var v=new Date(0);v.setUTCFullYear(f+1,0,h),v.setUTCHours(0,0,0,0);var g=Is(v,t),m=new Date(0);m.setUTCFullYear(f,0,h),m.setUTCHours(0,0,0,0);var b=Is(m,t);return c.getTime()>=g.getTime()?f+1:c.getTime()>=b.getTime()?f:f-1}function sF(e,t){var r,n,a,i,o,s,l,u;Ne(1,arguments);var c=Oi(),f=Et((r=(n=(a=(i=t==null?void 0:t.firstWeekContainsDate)!==null&&i!==void 0?i:t==null||(o=t.locale)===null||o===void 0||(s=o.options)===null||s===void 0?void 0:s.firstWeekContainsDate)!==null&&a!==void 0?a:c.firstWeekContainsDate)!==null&&n!==void 0?n:(l=c.locale)===null||l===void 0||(u=l.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&r!==void 0?r:1),d=F0(e,t),h=new Date(0);h.setUTCFullYear(d,0,f),h.setUTCHours(0,0,0,0);var v=Is(h,t);return v}var lF=6048e5;function uF(e,t){Ne(1,arguments);var r=Ve(e),n=Is(r,t).getTime()-sF(r,t).getTime();return Math.round(n/lF)+1}function _e(e,t){for(var r=e<0?"-":"",n=Math.abs(e).toString();n.length<t;)n="0"+n;return r+n}var _r={y:function(t,r){var n=t.getUTCFullYear(),a=n>0?n:1-n;return _e(r==="yy"?a%100:a,r.length)},M:function(t,r){var n=t.getUTCMonth();return r==="M"?String(n+1):_e(n+1,2)},d:function(t,r){return _e(t.getUTCDate(),r.length)},a:function(t,r){var n=t.getUTCHours()/12>=1?"pm":"am";switch(r){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h:function(t,r){return _e(t.getUTCHours()%12||12,r.length)},H:function(t,r){return _e(t.getUTCHours(),r.length)},m:function(t,r){return _e(t.getUTCMinutes(),r.length)},s:function(t,r){return _e(t.getUTCSeconds(),r.length)},S:function(t,r){var n=r.length,a=t.getUTCMilliseconds(),i=Math.floor(a*Math.pow(10,n-3));return _e(i,r.length)}},ia={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},cF={G:function(t,r,n){var a=t.getUTCFullYear()>0?1:0;switch(r){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});case"GGGG":default:return n.era(a,{width:"wide"})}},y:function(t,r,n){if(r==="yo"){var a=t.getUTCFullYear(),i=a>0?a:1-a;return n.ordinalNumber(i,{unit:"year"})}return _r.y(t,r)},Y:function(t,r,n,a){var i=F0(t,a),o=i>0?i:1-i;if(r==="YY"){var s=o%100;return _e(s,2)}return r==="Yo"?n.ordinalNumber(o,{unit:"year"}):_e(o,r.length)},R:function(t,r){var n=B0(t);return _e(n,r.length)},u:function(t,r){var n=t.getUTCFullYear();return _e(n,r.length)},Q:function(t,r,n){var a=Math.ceil((t.getUTCMonth()+1)/3);switch(r){case"Q":return String(a);case"QQ":return _e(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(t,r,n){var a=Math.ceil((t.getUTCMonth()+1)/3);switch(r){case"q":return String(a);case"qq":return _e(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(t,r,n){var a=t.getUTCMonth();switch(r){case"M":case"MM":return _r.M(t,r);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(t,r,n){var a=t.getUTCMonth();switch(r){case"L":return String(a+1);case"LL":return _e(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(t,r,n,a){var i=uF(t,a);return r==="wo"?n.ordinalNumber(i,{unit:"week"}):_e(i,r.length)},I:function(t,r,n){var a=oF(t);return r==="Io"?n.ordinalNumber(a,{unit:"week"}):_e(a,r.length)},d:function(t,r,n){return r==="do"?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):_r.d(t,r)},D:function(t,r,n){var a=nF(t);return r==="Do"?n.ordinalNumber(a,{unit:"dayOfYear"}):_e(a,r.length)},E:function(t,r,n){var a=t.getUTCDay();switch(r){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});case"EEEE":default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(t,r,n,a){var i=t.getUTCDay(),o=(i-a.weekStartsOn+8)%7||7;switch(r){case"e":return String(o);case"ee":return _e(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(i,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(i,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(i,{width:"short",context:"formatting"});case"eeee":default:return n.day(i,{width:"wide",context:"formatting"})}},c:function(t,r,n,a){var i=t.getUTCDay(),o=(i-a.weekStartsOn+8)%7||7;switch(r){case"c":return String(o);case"cc":return _e(o,r.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(i,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(i,{width:"narrow",context:"standalone"});case"cccccc":return n.day(i,{width:"short",context:"standalone"});case"cccc":default:return n.day(i,{width:"wide",context:"standalone"})}},i:function(t,r,n){var a=t.getUTCDay(),i=a===0?7:a;switch(r){case"i":return String(i);case"ii":return _e(i,r.length);case"io":return n.ordinalNumber(i,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});case"iiii":default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(t,r,n){var a=t.getUTCHours(),i=a/12>=1?"pm":"am";switch(r){case"a":case"aa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(t,r,n){var a=t.getUTCHours(),i;switch(a===12?i=ia.noon:a===0?i=ia.midnight:i=a/12>=1?"pm":"am",r){case"b":case"bb":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(t,r,n){var a=t.getUTCHours(),i;switch(a>=17?i=ia.evening:a>=12?i=ia.afternoon:a>=4?i=ia.morning:i=ia.night,r){case"B":case"BB":case"BBB":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(t,r,n){if(r==="ho"){var a=t.getUTCHours()%12;return a===0&&(a=12),n.ordinalNumber(a,{unit:"hour"})}return _r.h(t,r)},H:function(t,r,n){return r==="Ho"?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):_r.H(t,r)},K:function(t,r,n){var a=t.getUTCHours()%12;return r==="Ko"?n.ordinalNumber(a,{unit:"hour"}):_e(a,r.length)},k:function(t,r,n){var a=t.getUTCHours();return a===0&&(a=24),r==="ko"?n.ordinalNumber(a,{unit:"hour"}):_e(a,r.length)},m:function(t,r,n){return r==="mo"?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):_r.m(t,r)},s:function(t,r,n){return r==="so"?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):_r.s(t,r)},S:function(t,r){return _r.S(t,r)},X:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();if(o===0)return"Z";switch(r){case"X":return W0(o);case"XXXX":case"XX":return Zr(o);case"XXXXX":case"XXX":default:return Zr(o,":")}},x:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();switch(r){case"x":return W0(o);case"xxxx":case"xx":return Zr(o);case"xxxxx":case"xxx":default:return Zr(o,":")}},O:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();switch(r){case"O":case"OO":case"OOO":return"GMT"+U0(o,":");case"OOOO":default:return"GMT"+Zr(o,":")}},z:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();switch(r){case"z":case"zz":case"zzz":return"GMT"+U0(o,":");case"zzzz":default:return"GMT"+Zr(o,":")}},t:function(t,r,n,a){var i=a._originalDate||t,o=Math.floor(i.getTime()/1e3);return _e(o,r.length)},T:function(t,r,n,a){var i=a._originalDate||t,o=i.getTime();return _e(o,r.length)}};function U0(e,t){var r=e>0?"-":"+",n=Math.abs(e),a=Math.floor(n/60),i=n%60;if(i===0)return r+String(a);var o=t;return r+String(a)+o+_e(i,2)}function W0(e,t){if(e%60===0){var r=e>0?"-":"+";return r+_e(Math.abs(e)/60,2)}return Zr(e,t)}function Zr(e,t){var r=t||"",n=e>0?"-":"+",a=Math.abs(e),i=_e(Math.floor(a/60),2),o=_e(a%60,2);return n+i+r+o}var z0=function(t,r){switch(t){case"P":return r.date({width:"short"});case"PP":return r.date({width:"medium"});case"PPP":return r.date({width:"long"});case"PPPP":default:return r.date({width:"full"})}},V0=function(t,r){switch(t){case"p":return r.time({width:"short"});case"pp":return r.time({width:"medium"});case"ppp":return r.time({width:"long"});case"pppp":default:return r.time({width:"full"})}},fF=function(t,r){var n=t.match(/(P+)(p+)?/)||[],a=n[1],i=n[2];if(!i)return z0(t,r);var o;switch(a){case"P":o=r.dateTime({width:"short"});break;case"PP":o=r.dateTime({width:"medium"});break;case"PPP":o=r.dateTime({width:"long"});break;case"PPPP":default:o=r.dateTime({width:"full"});break}return o.replace("{{date}}",z0(a,r)).replace("{{time}}",V0(i,r))},dF={p:V0,P:fF},pF=["D","DD"],hF=["YY","YYYY"];function mF(e){return pF.indexOf(e)!==-1}function vF(e){return hF.indexOf(e)!==-1}function G0(e,t,r){if(e==="YYYY")throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(t,"`) for formatting years to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="YY")throw new RangeError("Use `yy` instead of `YY` (in `".concat(t,"`) for formatting years to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="D")throw new RangeError("Use `d` instead of `D` (in `".concat(t,"`) for formatting days of the month to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="DD")throw new RangeError("Use `dd` instead of `DD` (in `".concat(t,"`) for formatting days of the month to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var gF={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},yF=function(t,r,n){var a,i=gF[t];return typeof i=="string"?a=i:r===1?a=i.one:a=i.other.replace("{{count}}",r.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a};function hf(e){return function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=t.width?String(t.width):e.defaultWidth,n=e.formats[r]||e.formats[e.defaultWidth];return n}}var bF={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},xF={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},wF={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},OF={date:hf({formats:bF,defaultWidth:"full"}),time:hf({formats:xF,defaultWidth:"full"}),dateTime:hf({formats:wF,defaultWidth:"full"})},SF={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},TF=function(t,r,n,a){return SF[t]};function Ti(e){return function(t,r){var n=r!=null&&r.context?String(r.context):"standalone",a;if(n==="formatting"&&e.formattingValues){var i=e.defaultFormattingWidth||e.defaultWidth,o=r!=null&&r.width?String(r.width):i;a=e.formattingValues[o]||e.formattingValues[i]}else{var s=e.defaultWidth,l=r!=null&&r.width?String(r.width):e.defaultWidth;a=e.values[l]||e.values[s]}var u=e.argumentCallback?e.argumentCallback(t):t;return a[u]}}var AF={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},jF={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},PF={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},_F={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},EF={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},CF={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},$F=function(t,r){var n=Number(t),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},kF={ordinalNumber:$F,era:Ti({values:AF,defaultWidth:"wide"}),quarter:Ti({values:jF,defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:Ti({values:PF,defaultWidth:"wide"}),day:Ti({values:_F,defaultWidth:"wide"}),dayPeriod:Ti({values:EF,defaultWidth:"wide",formattingValues:CF,defaultFormattingWidth:"wide"})};function Ai(e){return function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=r.width,a=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],i=t.match(a);if(!i)return null;var o=i[0],s=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?NF(s,function(f){return f.test(o)}):MF(s,function(f){return f.test(o)}),u;u=e.valueCallback?e.valueCallback(l):l,u=r.valueCallback?r.valueCallback(u):u;var c=t.slice(o.length);return{value:u,rest:c}}}function MF(e,t){for(var r in e)if(e.hasOwnProperty(r)&&t(e[r]))return r}function NF(e,t){for(var r=0;r<e.length;r++)if(t(e[r]))return r}function DF(e){return function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.match(e.matchPattern);if(!n)return null;var a=n[0],i=t.match(e.parsePattern);if(!i)return null;var o=e.valueCallback?e.valueCallback(i[0]):i[0];o=r.valueCallback?r.valueCallback(o):o;var s=t.slice(a.length);return{value:o,rest:s}}}var IF=/^(\d+)(th|st|nd|rd)?/i,LF=/\d+/i,RF={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},BF={any:[/^b/i,/^(a|c)/i]},FF={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},UF={any:[/1/i,/2/i,/3/i,/4/i]},WF={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},zF={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},VF={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},GF={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},HF={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},qF={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},KF={ordinalNumber:DF({matchPattern:IF,parsePattern:LF,valueCallback:function(t){return parseInt(t,10)}}),era:Ai({matchPatterns:RF,defaultMatchWidth:"wide",parsePatterns:BF,defaultParseWidth:"any"}),quarter:Ai({matchPatterns:FF,defaultMatchWidth:"wide",parsePatterns:UF,defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:Ai({matchPatterns:WF,defaultMatchWidth:"wide",parsePatterns:zF,defaultParseWidth:"any"}),day:Ai({matchPatterns:VF,defaultMatchWidth:"wide",parsePatterns:GF,defaultParseWidth:"any"}),dayPeriod:Ai({matchPatterns:HF,defaultMatchWidth:"any",parsePatterns:qF,defaultParseWidth:"any"})},YF={code:"en-US",formatDistance:yF,formatLong:OF,formatRelative:TF,localize:kF,match:KF,options:{weekStartsOn:0,firstWeekContainsDate:1}},XF=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ZF=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,JF=/^'([^]*?)'?$/,QF=/''/g,eU=/[a-zA-Z]/;function Ls(e,t,r){var n,a,i,o,s,l,u,c,f,d,h,v,g,m;Ne(2,arguments);var b=String(t),O=Oi(),x=(n=(a=void 0)!==null&&a!==void 0?a:O.locale)!==null&&n!==void 0?n:YF,j=Et((i=(o=(s=(l=void 0)!==null&&l!==void 0?l:void 0)!==null&&s!==void 0?s:O.firstWeekContainsDate)!==null&&o!==void 0?o:(u=O.locale)===null||u===void 0||(c=u.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&i!==void 0?i:1);if(!(j>=1&&j<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var y=Et((f=(d=(h=(v=void 0)!==null&&v!==void 0?v:void 0)!==null&&h!==void 0?h:O.weekStartsOn)!==null&&d!==void 0?d:(g=O.locale)===null||g===void 0||(m=g.options)===null||m===void 0?void 0:m.weekStartsOn)!==null&&f!==void 0?f:0);if(!(y>=0&&y<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!x.localize)throw new RangeError("locale must contain localize property");if(!x.formatLong)throw new RangeError("locale must contain formatLong property");var w=Ve(e);if(!JB(w))throw new RangeError("Invalid time value");var T=XB(w),A=tF(w,T),_={firstWeekContainsDate:j,weekStartsOn:y,locale:x,_originalDate:w},C=b.match(ZF).map(function(P){var E=P[0];if(E==="p"||E==="P"){var I=dF[E];return I(P,x.formatLong)}return P}).join("").match(XF).map(function(P){if(P==="''")return"'";var E=P[0];if(E==="'")return tU(P);var I=cF[E];if(I)return vF(P)&&G0(P,t,String(e)),mF(P)&&G0(P,t,String(e)),I(A,P,x.localize,_);if(E.match(eU))throw new RangeError("Format string contains an unescaped latin alphabet character `"+E+"`");return P}).join("");return C}function tU(e){var t=e.match(JF);return t?t[1].replace(QF,"'"):e}function H0(e,t){Ne(2,arguments);var r=Ve(e),n=Ve(t);return r.getTime()<n.getTime()}function rU(e,t){Ne(2,arguments);var r=Ve(e).getTime(),n=Ve(t.start).getTime(),a=Ve(t.end).getTime();if(!(n<=a))throw new RangeError("Invalid interval");return r>=n&&r<=a}function Rs(e,t){Ne(2,arguments);var r=Et(t);return HB(e,-r)}function nU(e,t){Ne(2,arguments);var r=Et(t);return pf(e,-r)}const mf=({children:e})=>{const[t,r]=S.useState(!1);return S.useEffect(()=>(r(!0),()=>r(!1)),[]),t?en.createPortal(e,document.body):null};function q0({className:e,defaultValue:t,onDateRangeChange:r}){console.log("🗓️ DateRangePicker component rendered with props:",{className:e,defaultValue:t,hasCallback:!!r});const n=[{label:"Today",value:"today",dateRange:{from:aa(new Date),to:new Date}},{label:"Yesterday",value:"yesterday",dateRange:{from:aa(Rs(new Date,1)),to:QB(Rs(new Date,1))}},{label:"This week",value:"thisWeek",dateRange:{from:YB(new Date),to:new Date}},{label:"Last 7 days",value:"7d",dateRange:{from:aa(Rs(new Date,6)),to:new Date}},{label:"This month",value:"thisMonth",dateRange:{from:eF(new Date),to:new Date}},{label:"Last 30 days",value:"30d",dateRange:{from:aa(Rs(new Date,29)),to:new Date}}],a=t?n.find(M=>M.value===t):null;console.log("📅 DateRangePicker initialization:",{defaultValue:t,defaultPreset:a==null?void 0:a.label,hasDateRange:!!(a!=null&&a.dateRange),allPresetValues:n.map(M=>M.value),foundPreset:!!a});const[i,o]=S.useState(a==null?void 0:a.dateRange),[s,l]=S.useState(a==null?void 0:a.dateRange),[u,c]=S.useState(!1),[f,d]=S.useState((a==null?void 0:a.label)||null),[h,v]=S.useState((a==null?void 0:a.label)||null),[g,m]=S.useState(new Date),[b,O]=S.useState(null),[x,j]=S.useState({top:0,left:0}),y=S.useRef(null),w=S.useRef(null);S.useEffect(()=>{var M,F;console.log("📅 DateRangePicker useEffect running:",{hasDefaultPreset:!!a,hasOnDateRangeChange:!!r,currentDate:i,currentLabel:f,defaultValue:t,defaultPresetLabel:a==null?void 0:a.label,defaultPresetValue:a==null?void 0:a.value}),a!=null&&a.dateRange&&r?(console.log("📅 DateRangePicker: Setting initial default value:",{label:a.label,dateRange:a.dateRange,from:(M=a.dateRange.from)==null?void 0:M.toLocaleDateString(),to:(F=a.dateRange.to)==null?void 0:F.toLocaleDateString()}),r(a.dateRange)):console.log("📅 DateRangePicker: NOT setting initial value because:",{hasDefaultPreset:!!a,hasDateRange:!!(a!=null&&a.dateRange),hasCallback:!!r,presetLabelsAvailable:n.map(z=>`${z.value}:${z.label}`)})},[]),S.useEffect(()=>{t&&(a!=null&&a.dateRange)&&(console.log("📅 DateRangePicker: DefaultValue changed, updating state:",{defaultValue:t,label:a.label}),o(a.dateRange),d(a.label),l(a.dateRange),v(a.label))},[t]);const T=()=>{if(!w.current)return;const M=w.current.getBoundingClientRect(),F=window.scrollY,z=window.scrollX,q=window.innerWidth,$=window.innerHeight,R=720,U=450;let W=M.bottom+F+8,K=M.left+z;K+R>q&&(K=M.right+z-R),K+R>q&&(K=q-R-20),W+U>$&&(W=M.top+F-U-8),K<20&&(K=20),W<20&&(W=20),j({top:W,left:K})};S.useEffect(()=>{const M=()=>{u&&T()};return u&&(window.addEventListener("resize",M),window.addEventListener("scroll",M)),()=>{window.removeEventListener("resize",M),window.removeEventListener("scroll",M)}},[u]);const A=(M,F)=>{if(l(M),v(F),O(null),M.from){const z=new Date(M.from.getFullYear(),M.from.getMonth(),1);m(z)}},_=M=>{if(!b)O(M),l({from:M,to:M}),v(null);else{const F=H0(M,b)?M:b,z=H0(M,b)?b:M;l({from:F,to:z}),O(null),v(null)}},C=()=>{o(s),d(h),r==null||r(s),c(!1),O(null)},P=()=>{l(void 0),v(null),o(void 0),d(null),r==null||r(void 0),c(!1),O(null)},E=M=>{M?(l(i),v(f),O(null),setTimeout(T,0)):(l(i),v(f),O(null)),c(M)},I=(M,F)=>(console.log("📅 formatDateRange called with:",{presetLabel:F,hasDateRange:!!(M!=null&&M.from)}),F||(M!=null&&M.from?!M.to||Si(M.from,M.to)?Ls(M.from,"MMM dd, yyyy"):`${Ls(M.from,"MMM dd, yyyy")} - ${Ls(M.to,"MMM dd, yyyy")}`:"Pick a date range")),k=(M=0)=>{const F=pf(g,M),z=F.getFullYear(),q=F.getMonth(),$=new Date(z,q,1),U=new Date(z,q+1,0).getDate(),W=$.getDay(),K=["January","February","March","April","May","June","July","August","September","October","November","December"],B=["Su","Mo","Tu","We","Th","Fr","Sa"],G=[],te=new Date(z,q-1,0).getDate();for(let ee=W-1;ee>=0;ee--){const L=te-ee,oe=new Date(z,q-1,L);G.push(p.jsx("button",{onClick:()=>_(oe),className:"h-[32px] w-[32px] text-xs text-gray-400 hover:bg-gray-100 rounded-full flex items-center justify-center",children:L},`prev-${L}`))}for(let ee=1;ee<=U;ee++){const L=new Date(z,q,ee),oe=Si(L,new Date),Y=(s==null?void 0:s.from)&&(s==null?void 0:s.to)&&rU(L,{start:s.from,end:s.to}),ue=(s==null?void 0:s.from)&&Si(L,s.from),re=(s==null?void 0:s.to)&&Si(L,s.to),me=b&&Si(L,b);let We="h-[32px] w-[32px] text-xs hover:bg-gray-100 hover:text-gray-900 hover:font-medium rounded-full flex items-center justify-center transition-colors text-gray-700 ";oe&&(We+="font-semibold "),me||ue||re?We+="!bg-blue-500 !text-white !hover:bg-blue-500 !hover:text-white font-semibold":Y&&(We+="bg-blue-100 text-blue-900 hover:bg-blue-100 hover:text-blue-900 font-semibold"),G.push(p.jsx("button",{onClick:()=>_(L),className:We,children:ee},`current-${ee}`))}const Z=Math.ceil((W+U)/7)*7-W-U;for(let ee=1;ee<=Z;ee++){const L=new Date(z,q+1,ee);G.push(p.jsx("button",{onClick:()=>_(L),className:"h-[32px] w-[32px] text-sm text-gray-500 hover:bg-gray-100 rounded-full flex items-center justify-center",children:ee},`next-${ee}`))}return p.jsxs("div",{className:"p-[12px]",children:[p.jsxs("div",{className:"flex items-center justify-between mb-3",children:[M===0&&p.jsx("button",{onClick:()=>m(nU(g,1)),className:"p-[4px] hover:bg-gray-100 rounded",children:p.jsx(Ob,{className:"h-[16px] w-[16px]"})}),p.jsxs("div",{className:"font-semibold text-sm text-gray-700",children:[K[q]," ",z]}),M===1&&p.jsx("button",{onClick:()=>m(pf(g,1)),className:"p-[4px] hover:bg-gray-100 rounded",children:p.jsx(ki,{className:"h-[16px] w-[16px]"})})]}),p.jsx("div",{className:"grid grid-cols-7 gap-1 mb-2",children:B.map(ee=>p.jsx("div",{className:"h-[32px] flex items-center justify-center text-xs font-medium text-gray-700 w-full text-center",children:ee},ee))}),p.jsx("div",{className:"grid grid-cols-7 gap-1",children:G})]})},D=()=>"fixed bg-white border border-gray-200 rounded-lg shadow-xl z-[99999]";return p.jsxs("div",{className:`relative ${e}`,children:[p.jsxs("button",{ref:w,onClick:()=>E(!u),className:`min-w-[200px] px-[12px] py-[8px] text-left border border-gray-300 rounded-md shadow-sm bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 flex items-center ${i?"text-gray-900":"text-gray-500"}`,children:[p.jsx(Sf,{className:"mr-2 h-[16px] w-[16px]"}),(()=>{const M=I(i,f);return console.log("📅 Button display text:",{displayText:M,date:i,selectedPresetLabel:f}),M})()]}),u&&p.jsxs(mf,{children:[p.jsx("div",{className:"fixed inset-0 z-[99998] bg-black bg-opacity-10",onClick:()=>E(!1)}),p.jsxs("div",{ref:y,className:D(),style:{top:x.top,left:x.left,width:"720px",minWidth:"720px",maxHeight:"90vh"},onClick:M=>M.stopPropagation(),children:[p.jsxs("div",{className:"flex",children:[p.jsxs("div",{className:"flex flex-col gap-1 p-[12px] border-r border-gray-200 w-[160px] flex-shrink-0",children:[p.jsx("div",{className:"text-sm font-medium text-gray-500 mb-2",children:"Quick Filters"}),n.map(M=>p.jsx("button",{onClick:()=>A(M.dateRange,M.label),className:`text-left px-[12px] py-[8px] text-sm text-gray-900 rounded hover:bg-gray-100 transition-colors ${h===M.label?"bg-gray-100 medium":""}`,children:M.label},M.label))]}),p.jsxs("div",{className:"flex flex-1",children:[k(0),k(1)]})]}),p.jsxs("div",{className:"border-t border-gray-200 bg-gray-50 p-[12px] flex justify-end gap-2",children:[p.jsx("button",{onClick:P,className:"px-[12px] py-[8px] text-sm border border-gray-300 rounded hover:bg-gray-50 transition-colors",children:"Clear"}),p.jsx("button",{onClick:C,disabled:!(s!=null&&s.from),className:"px-[12px] py-[8px] text-sm bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:"Apply"})]})]})]})]})}const aU=({config:e,appConfig:t,className:r,onExport:n,onDraftChange:a,onTimeRangeChange:i})=>{var I;const{title:o,subtitle:s,sections:l,globalControls:u,layout:c={columns:12,gap:24,responsive:!0}}=e,[f,d]=S.useState(!1),[h,v]=S.useState({}),[g,m]=S.useState(l),[b,O]=S.useState([]),[x,j]=S.useState(!1),y=S.useRef(null);S.useEffect(()=>{if(t)try{y.current=new Kt(t),w(),T()}catch(k){console.error("Failed to initialize API service:",k)}},[t]);const w=async()=>{if(!(!y.current||!t)){j(!0);try{const k=await y.current.fetchEnvironments();O(k),console.log("🌍 Environments loaded:",k.map(D=>D.envName))}catch(k){console.error("Error loading environments:",k)}finally{j(!1)}}},T=async()=>{if(!(!y.current||!t)){d(!0);try{const k=y.current.getDefaultTimeRange();console.log("📊 Loading dashboard data with date range:",{fromTimestamp:k.fromTimestamp,toTimestamp:k.toTimestamp,fromDate:new Date(k.fromTimestamp).toLocaleDateString(),toDate:new Date(k.toTimestamp).toLocaleDateString()});const D=await y.current.fetchAllCardsDataWithEnhancedViews(k.fromTimestamp,k.toTimestamp);console.log("✅ Enhanced cards data loaded successfully:",D),console.log("📈 Data covers period:",{from:new Date(k.fromTimestamp).toLocaleDateString(),to:new Date(k.toTimestamp).toLocaleDateString()});const M=l.map(F=>F.id==="usage-analytics"?(console.log("Updating usage-analytics section with enhanced data"),{...F,metrics:D.usageAnalytics}):F.id==="runs"?(console.log("Updating runs section with enhanced data including table and controls"),{...F,metrics:D.runs}):F);m(M)}catch(k){console.error("Error loading initial data:",k),m(l)}finally{d(!1)}}},A=async(k,D)=>{if(!(!y.current||!t||!D.metricType)){m(M=>M.map(F=>F.id===k?{...F,metrics:F.metrics.map(z=>({...z,highlighted:z.metricType===D.metricType}))}:F)),v(M=>({...M,[k]:!0}));try{const M=t.defaultTimeRange||Kt.getDateRange(7);let F,z;if(["users","sessions","messages","tokens"].includes(D.metricType))F="usage-analytics",z=D.metricType;else if(["agentRuns","toolRuns","modelRuns"].includes(D.metricType))F="runs",z=D.metricType==="agentRuns"?"agent-runs":D.metricType==="toolRuns"?"tool-runs":"model-runs";else return;const q=await y.current.fetchTimeSeriesData(z,F,M.fromTimestamp,M.toTimestamp),$=y.current.transformTimeSeriesDataForMetric(q,D.metricType);console.log("Time series response for",D.title,":",q),console.log("Transformed data for",D.title,":",$),console.log("Metric type used for transformation:",D.metricType);const U=(W=>({users:"users",sessions:"sessions",messages:"messages",tokens:"totalTokens",agentRuns:"agentRuns",toolRuns:"toolRuns",modelRuns:"modelRuns"})[W]||"count")(D.metricType||"count");console.log("Using dataKey for metric",D.metricType,":",U),m(W=>W.map(K=>{if(K.id===k){const B={...K,view:{...K.view,chart:K.view.chart?{...K.view.chart,data:$,dataKey:U,lines:[{dataKey:U,color:K.view.chart.color||"#3b82f6",label:D.title,strokeWidth:2}]}:{type:"line",data:$,dataKey:U,lines:[{dataKey:U,color:"#3b82f6",label:D.title,strokeWidth:2}],yAxisLabel:D.title}}};return console.log("Updated section for",k,":",B),console.log("Chart config set:",B.view.chart),B}return K}))}catch(M){console.error("Error loading metric data:",M)}finally{v(M=>({...M,[k]:!1}))}}},_=k=>{var D,M;if((M=(D=u==null?void 0:u.draft)==null?void 0:D.onChange)==null||M.call(D,k),a==null||a(k),t&&y.current){const F={...t,environment:k};y.current.updateConfig(F),T()}},C=k=>{var D,M;if(console.log("🗓️ Time range change requested:",k),typeof k=="string"&&((M=(D=u==null?void 0:u.timeRange)==null?void 0:D.onChange)==null||M.call(D,k)),i==null||i(k),t&&y.current){let F=null;if(typeof k=="object"&&k.from&&k.to)F={fromTimestamp:k.from.toISOString(),toTimestamp:k.to.toISOString()},console.log("📅 Converting DateRange to API format:",F);else if(typeof k=="string"){const q={"24h":1,"7d":7,"30d":30,"90d":90}[k];q&&(F=Kt.getDateRange(q),console.log(`📅 Converting preset "${k}" (${q} days) to API format:`,F))}if(F){const z={...t,defaultTimeRange:F};console.log("🔄 Updating API configuration with new date range:",z.defaultTimeRange),y.current.updateConfig(z),console.log("🚀 Reloading dashboard data with new date range..."),T()}else console.warn("⚠️ Unable to convert time range value to API format:",k)}},P=(k="csv")=>{var D,M;(M=(D=u==null?void 0:u.export)==null?void 0:D.onExport)==null||M.call(D,k),n==null||n()},E=Object.values(h).some(k=>k);return p.jsxs("div",{className:se("w-full h-full flex flex-col overflow-hidden",r),children:[p.jsxs("div",{className:"flex flex-col gap-2 w-full p-[24px] pb-[12px]",children:[p.jsx("h1",{className:"text-lg font-bold text-gray-900 w-full",children:o}),p.jsxs("div",{className:"flex items-center gap-2 w-full",children:[s&&p.jsx("p",{className:"text-gray-500 text-xs w-full",children:s}),p.jsxs("div",{className:"flex items-center gap-2 justify-end flex-shrink-0",children:[(f||E)&&p.jsxs("div",{className:"flex items-center gap-2 text-sm medium text-gray-500",children:[p.jsx(Eb,{className:"h-[16px] w-[16px] animate-spin"}),"Loading..."]}),u&&p.jsxs(p.Fragment,{children:[u.draft&&p.jsx(Ms,{options:b.length>0?b.map(k=>({label:k.envName.charAt(0).toUpperCase()+k.envName.slice(1),value:k.envName})):u.draft.options,value:u.draft.defaultValue,placeholder:x?"Loading environments...":u.draft.label,onChange:_,className:"min-w-[200px]",disabled:f||E||x}),u.timeRange&&(u.timeRange.useDatePicker?(console.log("🗓️ Dashboard: Rendering DateRangePicker with defaultValue:",u.timeRange.defaultValue),p.jsx(q0,{defaultValue:u.timeRange.defaultValue,onDateRangeChange:k=>{console.log("🗓️ Dashboard: DateRangePicker callback received:",k),k&&C(k)}})):p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx(Sf,{className:"h-4 w-4 text-gray-500"}),p.jsx(Ms,{options:u.timeRange.options||[],value:u.timeRange.defaultValue,placeholder:u.timeRange.label,onChange:C,className:"min-w-[200px]",disabled:f||E})]})),((I=u.export)==null?void 0:I.enabled)&&p.jsxs(df,{variant:"outline",onClick:()=>P(),className:"gap-2",disabled:f||E,children:[p.jsx(Sb,{className:"h-4 w-4"}),"Export"]})]})]})]})]}),p.jsx("div",{className:se("grid gap-6 p-[24px] pt-[8px] overflow-y-auto",c.responsive&&"grid-cols-1 lg:grid-cols-12"),style:{gridTemplateColumns:c.responsive?void 0:`repeat(${c.columns}, minmax(0, 1fr))`,gap:c.gap?`${c.gap}px`:void 0},children:g.map(k=>{var D,M,F,z;return p.jsx(R0,{section:k,isLoading:f,isChartLoading:h[k.id]||!1,onMetricClick:q=>A(k.id,q),className:se(c.responsive&&((D=k.layout)==null?void 0:D.span)===12&&"lg:col-span-12",c.responsive&&((M=k.layout)==null?void 0:M.span)===6&&"lg:col-span-6",c.responsive&&((F=k.layout)==null?void 0:F.span)===4&&"lg:col-span-4",c.responsive&&((z=k.layout)==null?void 0:z.span)===3&&"lg:col-span-3")},k.id)})})]})};class K0{static buildSessionTree(t,r){var i;const n=this.groupEventsByRun(t),a=[];for(const[o,s]of n.entries()){const l=this.buildRunTree(o,s);a.push(l)}return a.sort((o,s)=>new Date(o.startTime).getTime()-new Date(s.startTime).getTime()),{sessionId:r||((i=t[0])==null?void 0:i.sessionId)||"unknown",runs:a}}static groupEventsByRun(t){const r=new Map;return t.forEach(n=>{const a=n.runId;r.has(a)||r.set(a,[]),r.get(a).push(n)}),r}static buildRunTree(t,r){var g;const n=new Map;r.forEach(m=>{const b=`${m.data.id}|${m.data.name}|${m.data.toolName}`;n.has(b)||n.set(b,{});const O=n.get(b);m.type==="node_started"?O.started=m:m.type==="node_completed"&&(O.completed=m)});const a=[];for(const[,m]of n.entries()){const b=m.started,O=m.completed;if(!b)continue;const x=this.createTreeNodeFromEvents(b,O,t);a.push(x)}const i=this.buildNodeHierarchy(a),o=r.filter(m=>m.runId===t),s=Math.min(...o.map(m=>new Date(m.data.timestamp).getTime())),l=o.filter(m=>m.type==="node_completed"),u=l.length>0?Math.max(...l.map(m=>new Date(m.data.timestamp).getTime())):void 0,c=this.calculateRunStatus(o),f=u&&s?u-s:void 0,d=this.calculateRunTokens(o),h=this.extractUserInput(o),v=this.extractFinalOutput(o);return{runId:t,startTime:new Date(s).toISOString(),endTime:u?new Date(u).toISOString():void 0,status:c,rootNodes:i,duration:f,totalTokens:d>0?d:void 0,sessionId:((g=o[0])==null?void 0:g.sessionId)||"unknown",userInput:h,finalOutput:v}}static createTreeNodeFromEvents(t,r,n){const a=t.data.timestamp,i=r==null?void 0:r.data.timestamp,o=i&&a?new Date(i).getTime()-new Date(a).getTime():void 0,s=r||t,l=s.data.type==="llm"||s.data.type==="tool"||s.data.type==="GuardrailsInputScan"||s.data.type==="GuardrailsOutputScan",u=l?t.data.input:void 0,c=l?r==null?void 0:r.data.output:void 0,f=this.extractLLMUsage(c),{toolInvocations:d,isResponse:h}=this.extractToolInvocations(c),v=s.data.type==="llm"?this.extractProvider(s.data.name||s.data.toolName):void 0;return{id:s.data.id,parentId:s.data.parentId,runId:n||"unknown",name:s.data.name,type:s.data.type,status:(r==null?void 0:r.data.status)||t.data.status,startTime:a,endTime:i,duration:o,icon:s.data.icon,input:u,output:c,children:[],level:0,isExpanded:!1,llmUsage:f,toolInvocations:d,isResponse:h,metadata:{...s.data.metadata,provider:v}}}static buildNodeHierarchy(t){const r=new Map;t.forEach(a=>r.set(a.id,a));const n=[];return t.forEach(a=>{if(a.parentId&&r.has(a.parentId)){const i=r.get(a.parentId);i.children.push(a),a.level=i.level+1}else n.push(a),a.level=0}),n.sort((a,i)=>new Date(a.startTime).getTime()-new Date(i.startTime).getTime()),n.forEach(a=>this.sortChildren(a)),n}static extractLLMUsage(t){var r,n,a;if(!(!t||typeof t!="object")){if(t.usage_metadata)return t.usage_metadata;if((r=t.metadata)!=null&&r.usage_metadata)return t.metadata.usage_metadata;if(Array.isArray(t)){const i=t[0];if((n=i==null?void 0:i.additional_kwargs)!=null&&n.llmUsageMetadata)return i.additional_kwargs.llmUsageMetadata}else if((a=t.additional_kwargs)!=null&&a.llmUsageMetadata)return t.additional_kwargs.llmUsageMetadata}}static extractToolInvocations(t){if(!t||typeof t!="object")return{};if(t.name&&t.tool_call_id){const r=t.name==="route_to_user"||t.toolName==="route_to_user";return{toolInvocations:[t],isResponse:r}}if(Array.isArray(t)){const r=t.filter(n=>n&&typeof n=="object"&&(n.name==="route_to_user"||n.toolName==="route_to_user")&&n.tool_call_id);if(r.length>0){const n=r.some(a=>a.name==="route_to_user"||a.toolName==="route_to_user");return{toolInvocations:r,isResponse:n}}}if(t.tool_calls&&Array.isArray(t.tool_calls)){const r=t.tool_calls.filter(n=>n&&typeof n=="object"&&(n.name==="route_to_user"||n.toolName==="route_to_user")&&n.tool_call_id);if(r.length>0){const n=r.some(a=>a.name==="route_to_user"||a.toolName==="route_to_user");return{toolInvocations:r,isResponse:n}}}return{}}static extractProvider(t){if(!t)return;const r=t.toLowerCase();if(r.includes("gemini"))return"google";if(r.includes("gpt")||r.includes("openai"))return"openai";if(r.includes("claude")||r.includes("anthropic"))return"anthropic";if(r.includes("azure"))return"azure";if(r.includes("cohere"))return"cohere";const n=t.split("-");if(n.length>0){const a=n[0].toLowerCase();if(["gemini","gpt","claude","cohere"].includes(a))return a==="gemini"?"google":a==="gpt"?"openai":a==="claude"?"anthropic":a}return"custom"}static sortChildren(t){t&&(t.children.sort((r,n)=>new Date(r.startTime).getTime()-new Date(n.startTime).getTime()),t.children.forEach(r=>this.sortChildren(r)))}static calculateRunStatus(t){const r=t.some(a=>a.data.status==="running"),n=t.some(a=>a.data.status==="failed");return r?"running":n?"failed":"completed"}static extractUserInput(t){const r=t.filter(n=>n.type==="node_started"&&n.data.type==="llm").sort((n,a)=>new Date(n.data.timestamp).getTime()-new Date(a.data.timestamp).getTime());if(r.length>0){const n=r[0];if(n.data.input){if(typeof n.data.input=="string")return n.data.input;if(typeof n.data.input=="object")return JSON.stringify(n.data.input)}}}static containsRouteToUserTool(t){return!t||typeof t!="object"?!1:Array.isArray(t)?t.some(r=>r&&typeof r=="object"&&(r.name==="route_to_user"||r.toolName==="route_to_user")):t.name==="route_to_user"||t.toolName==="route_to_user"}static extractMessageFromLLMOutput(t){var r,n,a;if(!(!t||typeof t!="object")){if(console.log("Extracting message from LLM output:",JSON.stringify(t,null,2)),Array.isArray(t)){const i=t.find(o=>o&&typeof o=="object"&&(o.name==="route_to_user"||o.toolName==="route_to_user"));if(i){if((r=i.args)!=null&&r.message)return console.log("Found message in LLM array format: routeToUserTool.args.message"),i.args.message;if(i.message)return console.log("Found message in LLM array format: routeToUserTool.message"),i.message;if((n=i.output)!=null&&n.message)return console.log("Found message in LLM array format: routeToUserTool.output.message"),i.output.message}}else if(t.name==="route_to_user"||t.toolName==="route_to_user"){if((a=t.args)!=null&&a.message)return console.log("Found message in LLM single format: output.args.message"),t.args.message;if(t.message)return console.log("Found message in LLM single format: output.message"),t.message}console.log("No message found in LLM output")}}static extractFinalOutput(t){var i,o,s,l,u,c,f,d,h,v;const r=t.filter(g=>g.type==="node_completed"&&g.data.type==="tool"&&(g.data.name==="route_to_user"||g.data.toolName==="route_to_user")),n=t.filter(g=>g.type==="node_completed"&&g.data.type==="llm"&&g.data.output&&this.containsRouteToUserTool(g.data.output));r.length>0&&console.log("Found route_to_user tool events:",r.length),n.length>0&&console.log("Found LLM events with route_to_user:",n.length);const a=[...r,...n];if(a.sort((g,m)=>new Date(g.timestamp).getTime()-new Date(m.timestamp).getTime()),a.length>0){const g=a[a.length-1];if(g.data.type==="llm")return this.extractMessageFromLLMOutput(g.data.output)}if(r.length>0){const m=r[r.length-1].data.output;if(console.log("Route to user output structure:",JSON.stringify(m,null,2)),m)if(Array.isArray(m)){const b=m.find(O=>O&&typeof O=="object"&&(O.name==="route_to_user"||O.toolName==="route_to_user"));if(b){if((i=b.args)!=null&&i.message)return console.log("Found message in array format: routeToUserTool.args.message"),b.args.message;if(b.message)return console.log("Found message in array format: routeToUserTool.message"),b.message;if((o=b.output)!=null&&o.message)return console.log("Found message in array format: routeToUserTool.output.message"),b.output.message}}else{if((s=m.args)!=null&&s.message)return console.log("Found message at: output.args.message"),m.args.message;if(m.message)return console.log("Found message at: output.message"),m.message;if((l=m.output)!=null&&l.message)return console.log("Found message at: output.output.message"),m.output.message;if((u=m.input)!=null&&u.message)return console.log("Found message at: output.input.message"),m.input.message;if((f=(c=m.input)==null?void 0:c.args)!=null&&f.message)return console.log("Found message at: output.input.args.message"),m.input.args.message;if((d=m.data)!=null&&d.message)return console.log("Found message at: output.data.message"),m.data.message;if((h=m.result)!=null&&h.message)return console.log("Found message at: output.result.message"),m.result.message;if(typeof m=="string")try{const b=JSON.parse(m);if((v=b.args)!=null&&v.message)return console.log("Found message in parsed string: parsed.args.message"),b.args.message;if(b.message)return console.log("Found message in parsed string: parsed.message"),b.message}catch{if(m.length>10&&!m.includes("{")&&!m.includes("["))return console.log("Using output string directly as message"),m}try{return JSON.stringify(m)}catch{return m}}console.log("No message found in route_to_user output paths")}}static calculateRunTokens(t){let r=0;return t.forEach(n=>{const a=this.extractLLMUsage(n.data);a!=null&&a.total_tokens&&(r+=a.total_tokens)}),r}static updateTree(t,r,n){return this.buildSessionTree(n,t.sessionId)}static mergeEvents(t,r){return[...t,...r].sort((a,i)=>new Date(a.timestamp).getTime()-new Date(i.timestamp).getTime())}}const iU=({isOpen:e,onClose:t,title:r,data:n,initialViewMode:a="interactive",modalHeight:i="50vh"})=>{const[o,s]=S.useState(a),l=S.useMemo(()=>{if(n==null)return!1;if(typeof n=="string")try{return JSON.parse(n),!0}catch{return!1}return typeof n=="object"},[n]),u=c=>{c.target===c.currentTarget&&t()};return e?p.jsx("div",{className:"fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4",onClick:u,children:p.jsxs("div",{className:"bg-white rounded-lg shadow-xl max-w-6xl w-full flex flex-col",style:{height:i},children:[p.jsxs("div",{className:"flex items-center justify-between p-4 border-b border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-4",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx(Vs,{className:"w-5 h-5 text-gray-400"}),p.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:r})]}),l&&p.jsxs("div",{className:"flex items-center gap-1 ml-4 pl-4 border-l border-gray-200",children:[p.jsx("button",{onClick:()=>s("interactive"),className:`p-1.5 hover:bg-gray-200 rounded transition-colors ${o==="interactive"?"bg-gray-200":""}`,title:"Interactive JSON view (fold/unfold)",children:p.jsx(Pf,{className:"w-4 h-4 text-gray-400"})}),p.jsx("button",{onClick:()=>s("plain"),className:`p-1.5 hover:bg-gray-200 rounded transition-colors ${o==="plain"?"bg-gray-200":""}`,title:"Plain JSON view",children:p.jsx(Of,{className:"w-4 h-4 text-gray-400"})})]})]}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{onClick:async()=>{const c=typeof n=="string"?n:JSON.stringify(n,null,2);try{if(navigator.clipboard&&navigator.clipboard.writeText){await navigator.clipboard.writeText(c);return}const f=document.createElement("textarea");f.value=c,f.style.position="fixed",f.style.left="-999999px",f.style.top="-999999px",document.body.appendChild(f),f.focus(),f.select();try{document.execCommand("copy")}catch(d){console.warn("Copy to clipboard failed:",d)}finally{document.body.removeChild(f)}}catch(f){console.warn("Copy to clipboard failed:",f)}},className:"p-2 hover:bg-gray-100 rounded-lg transition-colors",title:"Copy content",children:p.jsx(fa,{className:"w-4 h-4 text-gray-500"})}),p.jsx("button",{onClick:t,className:"p-2 hover:bg-gray-100 rounded-lg transition-colors",title:"Close",children:p.jsx(Cf,{className:"w-4 h-4 text-gray-500"})})]})]}),p.jsx("div",{className:"flex-1 overflow-hidden",children:p.jsx(cr,{data:n,showHeader:!1,className:"h-full border-0",defaultExpanded:!0,viewMode:o,onViewModeChange:s})})]})}):null},oU=({data:e,level:t=0,expandedKeys:r=new Set,onToggleKey:n,keyPath:a=""})=>{const i=t*16,o=(s,l,u)=>{const c=u?`${u}.${l}`:l||"";if(s===null)return p.jsx("span",{className:"text-gray-400 italic",children:"null"});if(s===void 0)return p.jsx("span",{className:"text-gray-400 italic",children:"undefined"});if(typeof s=="boolean")return p.jsx("span",{className:"text-purple-600 font-medium",children:String(s)});if(typeof s=="number")return p.jsx("span",{className:"text-blue-600 font-medium",children:s});if(typeof s=="string"){const f=s.length>100,d=f&&!r.has(`${c}._string`)?`${s.substring(0,100)}...`:s;return p.jsxs("div",{className:"inline",children:[p.jsxs("span",{className:"text-green-600",children:['"',d,'"']}),f&&p.jsx("button",{onClick:()=>n==null?void 0:n(`${c}._string`),className:"ml-2 text-xs text-blue-500 hover:text-blue-700 underline",children:r.has(`${c}._string`)?"Show less":"Show more"})]})}if(Array.isArray(s)){const f=r.has(c);return s.length===0?p.jsx("span",{className:"text-gray-500",children:"[]"}):p.jsxs("div",{children:[p.jsxs("div",{className:"flex items-center",children:[p.jsxs("button",{onClick:()=>n==null?void 0:n(c),className:"flex items-center gap-1 hover:bg-gray-100 p-1 rounded transition-colors",children:[f?p.jsx(fr,{className:"w-3 h-3 text-gray-400"}):p.jsx(ki,{className:"w-3 h-3 text-gray-400"}),p.jsxs("span",{className:"text-gray-600 text-xs",children:["Array[",s.length,"]"]})]}),!f&&p.jsx("span",{className:"text-gray-400 ml-2",children:"[...]"})]}),f&&p.jsx("div",{className:"ml-4 mt-1",children:s.map((h,v)=>p.jsxs("div",{className:"flex items-start gap-2 py-1",style:{marginLeft:`${i}px`},children:[p.jsxs("span",{className:"text-gray-400 text-xs mt-0.5 min-w-[20px]",children:[v,":"]}),p.jsx("div",{className:"flex-1",children:o(h,String(v),`${c}[${v}]`)})]},v))})]})}if(typeof s=="object"){const f=Object.keys(s),d=r.has(c);return f.length===0?p.jsx("span",{className:"text-gray-500",children:"{}"}):p.jsxs("div",{children:[p.jsxs("div",{className:"flex items-center",children:[p.jsxs("button",{onClick:()=>n==null?void 0:n(c),className:"flex items-center gap-1 hover:bg-gray-100 p-1 rounded transition-colors",children:[d?p.jsx(fr,{className:"w-3 h-3 text-gray-400"}):p.jsx(ki,{className:"w-3 h-3 text-gray-400"}),p.jsxs("span",{className:"text-gray-600 text-xs",children:["Object ","{",f.length," ",f.length===1?"key":"keys","}"]})]}),!d&&p.jsx("span",{className:"text-gray-400 ml-2",children:"{ ... }"})]}),d&&p.jsx("div",{className:"ml-4 mt-1",children:f.map(v=>p.jsxs("div",{className:"flex items-start gap-2 py-1",style:{marginLeft:`${i}px`},children:[p.jsxs("span",{className:"text-blue-700 text-xs mt-0.5 font-medium min-w-fit",children:['"',v,'":']}),p.jsx("div",{className:"flex-1",children:o(s[v],v,c)})]},v))})]})}return p.jsx("span",{className:"text-gray-600",children:String(s)})};return p.jsx("div",{className:"font-mono text-xs",children:o(e,"",a)})},Y0=e=>{const t=[];if(t.push(""),e==null)return t;let r=e;if(typeof e=="string")try{r=JSON.parse(e)}catch{return t}return typeof r=="object"&&!Array.isArray(r)&&Object.keys(r).forEach(n=>{t.push(n)}),Array.isArray(r)&&r.forEach((n,a)=>{t.push(`[${a}]`)}),t},cr=({data:e,padding:t="p-3",title:r="Data",className:n="",maxHeight:a="300px",showHeader:i=!0,defaultExpanded:o=!1,defaultViewMode:s="interactive",viewMode:l,onViewModeChange:u,modalHeight:c="50vh"})=>{const[f,d]=S.useState(!1),[h,v]=S.useState(s),g=S.useMemo(()=>o?new Set([""]):new Set(Y0(e)),[e,o]),[m,b]=S.useState(g);S.useEffect(()=>{o||b(new Set(Y0(e)))},[e,o]);const O=l!==void 0,x=O?l:h,j=P=>{O?u==null||u(P):v(P)},{isValidJson:y,displayContent:w}=S.useMemo(()=>{if(e==null)return{isValidJson:!1,displayContent:e===null?"null":"undefined"};if(typeof e=="string")try{return{isValidJson:!0,displayContent:JSON.parse(e)}}catch{return{isValidJson:!1,displayContent:e}}return typeof e=="object"?{isValidJson:!0,displayContent:e}:{isValidJson:!1,displayContent:String(e)}},[e]),T=S.useCallback(P=>{b(E=>{const I=new Set(E);return I.has(P)?I.delete(P):I.add(P),I})},[]),A=S.useCallback(async()=>{const P=y?JSON.stringify(w,null,2):w;try{if(navigator.clipboard&&navigator.clipboard.writeText){await navigator.clipboard.writeText(P);return}const E=document.createElement("textarea");E.value=P,E.style.position="fixed",E.style.left="-999999px",E.style.top="-999999px",document.body.appendChild(E),E.focus(),E.select();try{document.execCommand("copy")}catch(I){console.warn("Copy to clipboard failed:",I)}finally{document.body.removeChild(E)}}catch(E){console.warn("Copy to clipboard failed:",E)}},[y,w]),_=S.useCallback(()=>{d(!0)},[]),C=S.useCallback(()=>{d(!1)},[]);return p.jsxs(p.Fragment,{children:[p.jsxs("div",{className:`bg-white border border-gray-200 rounded-md overflow-hidden ${n}`,children:[i&&p.jsxs("div",{className:"bg-gray-50 border-b border-gray-200 px-4 py-2 flex items-center justify-between",children:[y&&p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{onClick:()=>j("interactive"),className:`p-1 hover:bg-gray-200 rounded transition-colors ${x==="interactive"?"bg-gray-200":""}`,title:"Interactive JSON view (fold/unfold)",children:p.jsx(Pf,{className:"w-4 h-4 text-gray-400"})}),p.jsx("button",{onClick:()=>j("plain"),className:`p-1 hover:bg-gray-200 rounded transition-colors ${x==="plain"?"bg-gray-200":""}`,title:"Plain JSON view",children:p.jsx(Of,{className:"w-4 h-4 text-gray-400"})})]}),p.jsx("div",{className:"flex-1"}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{onClick:_,className:"p-1 hover:bg-gray-200 rounded transition-colors",title:"Expand to full screen",children:p.jsx(_f,{className:"w-4 h-4 text-gray-400"})}),p.jsx("button",{onClick:A,className:"p-1 hover:bg-gray-200 rounded transition-colors",title:"Copy content",children:p.jsx(fa,{className:"w-4 h-4 text-gray-400"})})]})]}),p.jsxs("div",{className:`${t||"p-3"} overflow-auto bg-white`,style:{maxHeight:a},children:[y?x==="interactive"?p.jsx(oU,{data:w,expandedKeys:m,onToggleKey:T,keyPath:""}):p.jsx("div",{className:"font-mono text-xs text-gray-700 whitespace-pre",children:JSON.stringify(w,null,2)}):p.jsx("div",{className:"font-mono text-xs text-gray-700 whitespace-pre-wrap",children:w}),!w&&w!==0&&w!==!1&&p.jsx("div",{className:"text-center text-gray-400 text-sm py-8",children:"No data available"})]})]}),p.jsx(iU,{isOpen:f,onClose:C,title:r,data:w,initialViewMode:x,modalHeight:c})]})};function X0({node:e,onToggle:t,isExpanded:r=!1,onNodeClick:n,selectedNodeIds:a,showDetailView:i=!0}){const o=S.useMemo(()=>{var A;return e.type==="GuardrailsInputScan"||e.type==="GuardrailsOutputScan"||((A=e.name)==null?void 0:A.toLowerCase().includes("guardrail"))},[e.type,e.name]),s=S.useMemo(()=>o?["summary","request"]:e.type==="llm"?["summary","request","response"]:e.type==="tool"?["request","response","logs"]:[],[e.type,o]),[l,u]=S.useState(s[0]),c=a?a.has(e.id):!1,f=e.children&&e.children.length>0;S.useEffect(()=>{s.includes(l)||u(s[0])},[s,l]);const d=A=>{A.stopPropagation(),t&&t(e.id)},h=()=>{s.length===0&&f&&t?t(e.id):n&&i&&n(e)},v=()=>{switch(e.status){case"completed":return p.jsx("svg",{className:"flex-shrink-0",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5ZM8.60355 4.85355C8.79882 4.65829 8.79882 4.34171 8.60355 4.14645C8.40829 3.95118 8.09171 3.95118 7.89645 4.14645L5.25 6.79289L4.10355 5.64645C3.90829 5.45118 3.59171 5.45118 3.39645 5.64645C3.20118 5.84171 3.20118 6.15829 3.39645 6.35355L4.89645 7.85355C5.09171 8.04882 5.40829 8.04882 5.60355 7.85355L8.60355 4.85355Z",fill:"#17B26A"})});case"failed":return p.jsx("div",{className:"w-[12px] h-[12px] rounded-full bg-red-500"});case"running":return p.jsx("div",{className:"w-[12px] h-[12px] rounded-full bg-yellow-500 animate-pulse"});default:return p.jsx("div",{className:"w-[12px] h-[12px] rounded-full bg-gray-400"})}},g=()=>{var _,C;if(o)return p.jsx("div",{className:"flex-shrink-0 relative",children:p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"21",viewBox:"0 0 17 21",fill:"none",className:"w-[16px] h-[16px]",children:p.jsx("path",{d:"M2.86876 3.16135L2.51444 2.22622V2.22622L2.86876 3.16135ZM1.60989 3.76534L0.944868 3.01852L0.944868 3.01852L1.60989 3.76534ZM1.11768 4.483L2.05352 4.83544L1.11768 4.483ZM8.70562 1.33287L8.35129 2.26799V2.26799L8.70562 1.33287ZM8.32871 1.21247L8.18424 2.20198L8.32871 1.21247ZM7.69438 1.33287L8.04871 2.26799H8.04871L7.69438 1.33287ZM8.07129 1.21247L8.21576 2.20198L8.07129 1.21247ZM15.2823 4.483L14.3465 4.83544L15.2823 4.483ZM13.5312 3.16135L13.1769 4.09647L13.5312 3.16135ZM14.7901 3.76534L15.4551 3.01852V3.01852L14.7901 3.76534ZM8.82819 18.9787L9.33601 19.8402L8.82819 18.9787ZM8.38871 19.1854L8.17694 18.2081H8.17694L8.38871 19.1854ZM7.57181 18.9787L8.07962 18.1173L7.57181 18.9787ZM8.01129 19.1854L8.22306 18.2081L8.01129 19.1854ZM7.10461 9.12831L7.45541 10.0648C7.72607 9.96337 7.93963 9.74983 8.04104 9.47917L7.10461 9.12831ZM8.2 6.20474L9.13643 5.85388H7.26357L8.2 6.20474ZM9.29539 9.12831L8.35897 9.47917C8.46038 9.74983 8.67393 9.96337 8.94459 10.0648L9.29539 9.12831ZM12.25 10.2351L12.6008 11.1716L12.6008 9.29868L12.25 10.2351ZM9.29539 11.3419L8.94459 10.4055C8.66955 10.5085 8.4537 10.7273 8.35435 11.0037L9.29539 11.3419ZM8.2 14.3892L7.25895 14.7275H9.14105L8.2 14.3892ZM7.10461 11.3419L8.04565 11.0037C7.9463 10.7273 7.73045 10.5085 7.45541 10.4055L7.10461 11.3419ZM4.15 10.2351L3.7992 9.29868L3.7992 11.1716L4.15 10.2351ZM9.33601 19.8402C10.251 19.3009 11.9823 18.176 13.4966 16.582C15.0004 14.999 16.4 12.8356 16.4 10.2351H14.4C14.4 12.0983 13.3903 13.79 12.0466 15.2045C10.7133 16.608 9.15867 17.6231 8.32038 18.1173L9.33601 19.8402ZM16.4 10.2351V5.88609H14.4V10.2351H16.4ZM13.8856 2.22622L9.05994 0.397748L8.35129 2.26799L13.1769 4.09647L13.8856 2.22622ZM7.34006 0.397749L2.51444 2.22622L3.22309 4.09647L8.04871 2.26799L7.34006 0.397749ZM0 5.88609V10.2351H2V5.88609H0ZM0 10.2351C0 12.8356 1.39958 14.999 2.90343 16.582C4.41773 18.176 6.14904 19.3009 7.06399 19.8402L8.07962 18.1173C7.24133 17.6231 5.68674 16.608 4.35344 15.2045C3.00971 13.79 2 12.0983 2 10.2351H0ZM2.51444 2.22622C1.91725 2.4525 1.36429 2.64503 0.944868 3.01852L2.27492 4.51216C2.352 4.44352 2.47279 4.38077 3.22309 4.09647L2.51444 2.22622ZM2 5.88609C2 5.07787 2.01549 4.93642 2.05352 4.83544L0.181849 4.13057C-0.0154909 4.65457 0 5.24018 0 5.88609H2ZM0.944868 3.01852C0.60414 3.32193 0.342573 3.70379 0.181849 4.13057L2.05352 4.83544C2.10072 4.71011 2.17703 4.59933 2.27492 4.51216L0.944868 3.01852ZM9.05994 0.397748C8.91343 0.342231 8.70233 0.256421 8.47319 0.222965L8.18424 2.20198C8.15508 2.19772 8.14261 2.19201 8.16863 2.20063C8.18278 2.20531 8.2032 2.21249 8.23486 2.22419C8.26671 2.23595 8.30339 2.24984 8.35129 2.26799L9.05994 0.397748ZM8.04871 2.26799C8.09661 2.24984 8.13329 2.23595 8.16514 2.22419C8.1968 2.21249 8.21722 2.20531 8.23137 2.20063C8.25739 2.19201 8.24492 2.19772 8.21576 2.20198L7.92681 0.222965C7.69767 0.256422 7.48657 0.342232 7.34005 0.397749L8.04871 2.26799ZM8.47319 0.222965C8.29201 0.196512 8.10799 0.196512 7.92681 0.222965L8.21576 2.20198C8.20532 2.20351 8.19468 2.20351 8.18424 2.20198L8.47319 0.222965ZM16.4 5.88609C16.4 5.24018 16.4155 4.65457 16.2182 4.13057L14.3465 4.83544C14.3845 4.93642 14.4 5.07787 14.4 5.88609H16.4ZM13.1769 4.09647C13.9272 4.38077 14.048 4.44352 14.1251 4.51216L15.4551 3.01852C15.0357 2.64503 14.4827 2.4525 13.8856 2.22622L13.1769 4.09647ZM16.2182 4.13057C16.0574 3.70379 15.7959 3.32193 15.4551 3.01852L14.1251 4.51216C14.223 4.59933 14.2993 4.7101 14.3465 4.83544L16.2182 4.13057ZM8.32038 18.1173C8.2687 18.1477 8.2323 18.1692 8.20084 18.1871C8.17008 18.2046 8.15362 18.2132 8.14482 18.2175C8.13738 18.2212 8.14003 18.2195 8.14934 18.2161C8.15948 18.2124 8.16954 18.2097 8.17694 18.2081L8.60048 20.1627C8.9274 20.0919 9.16869 19.9388 9.33601 19.8402L8.32038 18.1173ZM7.06399 19.8402C7.23131 19.9388 7.4726 20.0919 7.79952 20.1627L8.22306 18.2081C8.23046 18.2097 8.24052 18.2124 8.25066 18.2161C8.25997 18.2195 8.26262 18.2212 8.25518 18.2175C8.24638 18.2132 8.22992 18.2046 8.19916 18.1871C8.1677 18.1692 8.1313 18.1477 8.07962 18.1173L7.06399 19.8402ZM8.17694 18.2081C8.18757 18.2058 8.19524 18.2045 8.19954 18.2039C8.20396 18.2032 8.20647 18.203 8.20701 18.2029C8.20764 18.2029 8.20489 18.2031 8.2 18.2031C8.19511 18.2031 8.19236 18.2029 8.19299 18.2029C8.19353 18.203 8.19604 18.2032 8.20046 18.2039C8.20476 18.2045 8.21243 18.2058 8.22306 18.2081L7.79952 20.1627C8.04819 20.2166 8.35181 20.2166 8.60048 20.1627L8.17694 18.2081ZM8.04104 9.47917L9.13643 6.5556L7.26357 5.85388L6.16818 8.77745L8.04104 9.47917ZM7.26357 6.5556L8.35897 9.47917L10.2318 8.77745L9.13643 5.85388L7.26357 6.5556ZM8.94459 10.0648L11.8992 11.1716L12.6008 9.29868L9.6462 8.19186L8.94459 10.0648ZM11.8992 9.29868L8.94459 10.4055L9.6462 12.2784L12.6008 11.1716L11.8992 9.29868ZM8.35435 11.0037L7.25895 14.0509L9.14105 14.7275L10.2364 11.6802L8.35435 11.0037ZM9.14105 14.0509L8.04565 11.0037L6.16356 11.6802L7.25895 14.7275L9.14105 14.0509ZM7.45541 10.4055L4.5008 9.29868L3.7992 11.1716L6.75381 12.2784L7.45541 10.4055ZM4.5008 11.1716L7.45541 10.0648L6.75381 8.19186L3.7992 9.29868L4.5008 11.1716Z",fill:"#101828"})})});let A="agent";switch(e.type){case"Agent":A="agent";break;case"llm":A="model";break;case"tool":A="workflowtool";break;default:A="agent"}return p.jsx(wi,{icon:e.icon,iconSource:A,size:"small",name:e.name,className:"w-[24px] h-[24px]",toolType:e.type==="tool"?(_=e.metadata)==null?void 0:_.type:void 0,provider:e.type==="llm"?(C=e.metadata)==null?void 0:C.provider:void 0,modelName:e.type==="llm"?e.name:void 0})},m=A=>A?A<1e3?`${A}ms`:`${(A/1e3).toFixed(2)}s`:"",b=A=>{if(!A)return"Tool";switch(A){case"route_to_user":return"Route to User";default:return A.split("_").map(_=>_.charAt(0).toUpperCase()+_.slice(1)).join(" ")}},O=()=>s,x=()=>{var C,P,E;const A=e.toolInvocations&&e.toolInvocations.length>0||e.children&&e.children.length>0,_=e.isResponse;return A?p.jsxs("div",{className:"space-y-2",children:[p.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[p.jsx("span",{className:"text-xs text-gray-600",children:_?"Responded":"Invoked"}),e.toolInvocations&&e.toolInvocations.length>0&&e.toolInvocations.map((I,k)=>p.jsxs("div",{className:"flex items-center gap-[4px] px-[8px] py-[2px] border border-gray-300 rounded-[4px] text-xs",children:[p.jsx(Vs,{className:"w-[12px] h-[12px] text-blue-500 flex-shrink-0"}),p.jsx("span",{className:"text-gray-600 truncate",children:b(I.name||I.toolName)})]},I.tool_call_id||k)),(!e.toolInvocations||e.toolInvocations.length===0)&&e.children&&e.children.length>0&&e.children.map((I,k)=>p.jsxs("div",{className:"flex items-center gap-[4px] px-[8px] py-[2px] border border-gray-300 rounded-[4px] text-xs",children:[I.type==="tool"?p.jsx(Vs,{className:"w-[12px] h-[12px] text-green-500 flex-shrink-0"}):p.jsx(xb,{className:"w-[12px] h-[12px] text-blue-500 flex-shrink-0"}),p.jsx("span",{className:"text-gray-600 truncate",children:I.name||"Unknown"})]},I.id||k))]}),((E=(P=(C=e.toolInvocations)==null?void 0:C[0])==null?void 0:P.args)==null?void 0:E.reason)&&p.jsxs("div",{children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[4px]",children:"Reason"}),p.jsx("div",{className:"text-xs text-gray-600",children:e.toolInvocations[0].args.reason})]})]}):e.output&&!A?p.jsx("div",{className:"space-y-2",children:p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("span",{className:"text-xs text-gray-600",children:"Generated"}),p.jsxs("div",{className:"flex items-center gap-[4px] px-[8px] py-[4px] border border-gray-200 rounded text-xs",children:[p.jsx(Cb,{className:"w-[12px] h-[12px] text-purple-500"}),p.jsx("span",{className:"text-gray-600",children:"Response"})]})]})}):p.jsx("div",{className:"text-xs text-gray-500 italic",children:"No actions taken"})},j=A=>{var _,C,P,E;if(!(!A||typeof A!="object")){if(Array.isArray(A)){const I=A.find(k=>k&&typeof k=="object"&&(k.name==="route_to_user"||k.toolName==="route_to_user"));if(I)return((_=I.args)==null?void 0:_.message)||I.message||((C=I.output)==null?void 0:C.message)}else if(A.name==="route_to_user"||A.toolName==="route_to_user")return((P=A.args)==null?void 0:P.message)||A.message||((E=A.output)==null?void 0:E.message);if(A.message&&typeof A.message=="string")return A.message;if(A.content&&typeof A.content=="string")return A.content;if(A.text&&typeof A.text=="string")return A.text}},y=()=>{if(!e.output)return null;const A=j(e.output);return p.jsx(cr,{padding:"py-1",data:A||e.output,title:"",showHeader:!1,maxHeight:"250px",defaultExpanded:!0,className:"border-0"})},w=()=>{if(!o||!e.output)return null;const A=e.output,_=A.scannersData,C=A.endFlow,P=A.endFlowMsg;return _?p.jsxs("div",{className:"space-y-3",children:[C&&P&&p.jsxs("div",{className:"flex items-start gap-2 p-3 bg-red-50 border border-red-200 rounded-md",children:[p.jsx(Gs,{className:"w-4 h-4 text-red-500 flex-shrink-0 mt-0.5"}),p.jsxs("div",{className:"text-xs text-red-700",children:[p.jsx("div",{className:"font-medium",children:"Guardrail Stopped"}),p.jsx("div",{className:"mt-1",children:P})]})]}),p.jsx("div",{className:"space-y-2",children:Object.entries(_).map(([E,I])=>{if(E==="error"&&I.scannerOutput)return p.jsxs("div",{className:"flex items-center justify-between p-2",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx(Gs,{className:"w-4 h-4 text-red-500 flex-shrink-0"}),p.jsx("span",{className:"text-xs text-gray-700 capitalize",children:"Error Scanner"})]}),p.jsx("div",{className:"flex items-center gap-3",children:p.jsx("span",{className:"text-xs text-gray-500",children:I.scannerOutput.Duration})})]},E);if(I.scannerOutput){const k=I.scannerOutput.Validity,D=I.scannerOutput.RiskScore,M=I.scannerOutput.Duration;let F="text-gray-500",z="bg-gray-100";return D!==void 0&&(D===0?(F="text-green-600",z="bg-green-50"):D<=3?(F="text-yellow-600",z="bg-yellow-50"):D<=6?(F="text-orange-600",z="bg-orange-50"):(F="text-red-600",z="bg-red-50")),p.jsxs("div",{className:"flex items-center justify-between p-2",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[k?p.jsx(wb,{className:"w-4 h-4 text-green-500 flex-shrink-0"}):p.jsx(Gs,{className:"w-4 h-4 text-red-500 flex-shrink-0"}),p.jsx("span",{className:"text-xs text-gray-700",children:E.replace(/([A-Z])/g," $1").trim()})]}),p.jsxs("div",{className:"flex items-center gap-3",children:[D!==void 0&&p.jsxs("div",{className:`px-2 py-0.5 rounded text-xs font-medium ${z} ${F}`,children:["Risk: ",D]}),p.jsx("span",{className:"text-xs text-gray-500",children:M})]})]},E)}return null})})]}):null},T=()=>{switch(l){case"summary":return o?p.jsxs("div",{className:"space-y-2",children:[e.input&&p.jsxs("div",{className:"border-b border-gray-100 pb-[8px]",children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[8px]",children:"Input"}),p.jsx(cr,{padding:"py-1",data:e.input,title:"",showHeader:!1,maxHeight:"150px",defaultExpanded:!0,className:"border-0"})]}),e.output&&p.jsxs("div",{children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[8px]",children:"Result"}),w()]})]}):p.jsxs("div",{className:"space-y-2",children:[e.input&&p.jsxs("div",{className:"border-b border-gray-100 pb-[8px]",children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[8px]",children:"Input"}),p.jsx(cr,{padding:"py-1",data:e.input,title:"",showHeader:!1,maxHeight:"250px",defaultExpanded:!0,className:"border-0"})]}),p.jsxs("div",{className:"border-b border-gray-100 pb-2",children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[4px]",children:"Action"}),x()]}),e.output&&p.jsxs("div",{className:"border-b border-gray-100 pb-[8px]",children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[4px]",children:"Output"}),y()]}),e.llmUsage&&p.jsxs("div",{children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[4px]",children:"Usage"}),p.jsxs("div",{className:"text-xs text-gray-600",children:["Input: ",e.llmUsage.input_tokens," tokens, Output: ",e.llmUsage.output_tokens," tokens, Total: ",e.llmUsage.total_tokens," tokens"]})]})]});case"request":return o&&e.output?p.jsx(cr,{data:e.output,title:"Full Scanner Output",maxHeight:"400px",defaultExpanded:!1,defaultViewMode:"interactive"}):p.jsx(cr,{data:e.input,title:"Request Data",maxHeight:"400px",defaultExpanded:!1,defaultViewMode:"interactive"});case"response":return p.jsx(cr,{data:e.output,title:"Response Data",maxHeight:"400px",defaultExpanded:!1,defaultViewMode:"interactive"});case"logs":const A={executionLog:[e.startTime&&{timestamp:new Date(e.startTime).toISOString(),level:"INFO",message:`${e.type==="tool"?"Tool":"Node"} execution started`,context:{nodeId:e.id,name:e.name,type:e.type}},e.status==="completed"&&{timestamp:new Date(e.endTime||e.startTime).toISOString(),level:"INFO",message:"Response received",context:{status:e.status,duration:e.duration,llmUsage:e.llmUsage}},e.endTime&&{timestamp:new Date(e.endTime).toISOString(),level:"SUCCESS",message:`${e.type==="tool"?"Tool":"Node"} execution completed`,context:{endTime:e.endTime,totalDuration:e.duration?`${e.duration}ms`:"unknown"}}].filter(Boolean),metadata:{totalLogs:0,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:e.status}};return A.metadata.totalLogs=A.executionLog.length,p.jsx(cr,{data:A,title:"Execution Logs",maxHeight:"400px",defaultExpanded:!0,defaultViewMode:"plain"});default:return null}};return p.jsxs("div",{className:"bg-white w-full border-t border-gray-200",children:[p.jsx("div",{className:`flex items-center py-[8px] px-[8px] relative transition-colors cursor-pointer w-full
-        `,onClick:h,children:p.jsxs("div",{className:"flex items-center gap-[6px] w-full",children:[p.jsx("div",{className:"p-[2px] rounded hover:bg-gray-200 cursor-pointer flex-shrink-0 bg-white z-[2]",onClick:A=>{A.stopPropagation(),f?d(A):n&&n(e)},title:f?r?"Collapse":"Expand":"Show details",children:p.jsx(ki,{className:`w-[12px] h-[12px] text-gray-600 transition-transform ${f&&r||c&&s.length>0?"rotate-90":""}`})}),p.jsx("div",{className:"flex-shrink-0",children:g()}),p.jsx("span",{className:"font-semibold text-gray-900 text-xs truncate w-full",children:o?e.type==="GuardrailsInputScan"?"Input Guardrails Scanner":"Output Guardrails Scanner":e.type==="tool"?b(e.name):e.name}),p.jsxs("div",{className:"flex items-center gap-[12px] text-[10px] text-gray-500",children:[e.type==="Agent"&&(()=>{var _;const A=(_=e.children)==null?void 0:_.find(C=>C.type==="llm");return A!=null&&A.name?p.jsx("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:A.name}):null})(),(e.type==="Agent"||e.type==="llm"||o)&&(()=>{var _,C,P,E;const A=e.type==="Agent"?(P=(C=(_=e.children)==null?void 0:_.find(I=>I.type==="llm"))==null?void 0:C.llmUsage)==null?void 0:P.total_tokens:(E=e.llmUsage)==null?void 0:E.total_tokens;return A?p.jsxs("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:[A.toLocaleString()," Tokens"]}):null})(),e.duration&&p.jsxs("div",{className:"flex items-center gap-[4px]",children:[p.jsx(Af,{className:"w-[12px] h-[12px]"}),p.jsx("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:m(e.duration)})]})]}),p.jsx("div",{className:"flex-shrink-0",children:v()})]})}),c&&s.length>0&&i&&p.jsxs("div",{className:"w-full pl-[32px] relative",children:[p.jsx("div",{className:"absolute top-[-40px] left-[16px] w-[1px] border-l border-dashed border-gray-200 h-[calc(100%+40px)] z-[1]"}),p.jsxs("div",{className:"px-[4px] py-[8px] w-full border-t border-gray-200",children:[p.jsx("div",{className:"bg-gray-50 rounded-[4px] p-[4px] inline-flex gap-[4px] mb-[8px] border border-gray-200",children:O().map(A=>p.jsx("button",{onClick:()=>u(A),className:`px-[8px] py-[4px] text-xs font-medium rounded-[4px] text-gray-500 hover:text-gray-700 hover:shadow-tab hover:bg-white transition-colors ${l===A?"bg-white text-gray-900 shadow-tab":"text-gray-500 hover:text-gray-700 hover:bg-white"}`,children:A.charAt(0).toUpperCase()+A.slice(1)},A))}),p.jsx("div",{className:"px-[4px]",children:T()})]})]}),r&&f&&p.jsxs("div",{className:"w-full pl-[32px] relative",children:[p.jsx("div",{className:"absolute top-[-40px] left-[16px] w-[1px] border-l border-dashed border-gray-200 h-[calc(100%+40px)] z-[1]"}),e.children.map(A=>p.jsx(X0,{node:A,onToggle:t,isExpanded:A.isExpanded,onNodeClick:n,selectedNodeIds:a,showDetailView:i},A.id))]})]})}const Z0=S.forwardRef(({executionEvents:e,sessionId:t,config:r={},onNodeExpand:n,onNodeCollapse:a,className:i=""},o)=>{const[s,l]=S.useState(new Set),[u,c]=S.useState(new Set),[f,d]=S.useState(new Set),{expansionMode:h="all",showExpansionControls:v=!1,defaultDetailView:g=!0}=r,[m,b]=S.useState(h),[O,x]=S.useState(new Set),[j,y]=S.useState(e),w=S.useRef(e.length);S.useEffect(()=>{y(e),e.length===0?(l(new Set),c(new Set),d(new Set),_.current=!1,w.current=0):(e.length>w.current&&(_.current=!0),w.current=e.length)},[e]);const T=S.useRef(0),A=S.useRef(null),_=S.useRef(!1);S.useImperativeHandle(o,()=>({addEvent:B=>{y(G=>[...G,B]),_.current=!0},addEvents:B=>{y(G=>[...G,...B]),_.current=!0},clearEvents:()=>{y([]),l(new Set),c(new Set),d(new Set),_.current=!1}}),[]);const C=S.useMemo(()=>{const B=K0.buildSessionTree(j,t);return A.current=B,B},[j,t]),P=B=>{const G=[],X=te=>{G.push(te.id),te.children.forEach(V=>X(V))};return B.runs.forEach(te=>{te.rootNodes.forEach(V=>X(V))}),G},E=S.useCallback(()=>{const B=P(C);l(new Set(B));const G=C.runs.map(X=>X.runId);d(new Set(G))},[C]),I=S.useCallback(()=>{l(new Set)},[]),k=S.useCallback(()=>{if(C.runs.length>0){const B=C.runs[C.runs.length-1];if(B.rootNodes.length>0){const G=B.rootNodes[B.rootNodes.length-1],X=[],te=V=>{if(X.push(V.id),V.children.length>0){const Z=V.children[V.children.length-1];te(Z)}};te(G),l(new Set(X)),d(V=>{const Z=new Set(V);return Z.add(B.runId),Z})}}},[C]),D=S.useCallback(B=>{x(G=>{const X=new Set(G);return X.has(B)?X.delete(B):X.add(B),X})},[]);S.useEffect(()=>{if(g){const B=C.runs.map(G=>G.runId);x(new Set(B))}},[C.runs,g]);const M=S.useRef(null);S.useEffect(()=>{j.length>T.current&&M.current&&setTimeout(()=>{M.current&&M.current.scrollTo({top:M.current.scrollHeight,behavior:"smooth"})},100),T.current=j.length},[j.length]),S.useEffect(()=>{if(j.length>0&&C.runs.length>0){if(_.current){switch(m){case"all":const G=P(C);l(new Set(G));break;case"last":k();break}_.current=!1}d(G=>{const X=new Set(G);return C.runs.forEach(te=>{X.has(te.runId)||X.add(te.runId)}),X});const B=C.runs[C.runs.length-1];if(B.rootNodes.length>0){const G=B.rootNodes[B.rootNodes.length-1],X=K(G);X&&c(te=>{const V=new Set(te);return V.add(X.id),V})}}},[C,m,k]);const F=S.useCallback(B=>{l(G=>{const X=new Set(G);return X.has(B)?(X.delete(B),a==null||a(B)):(X.add(B),n==null||n(B)),X})},[n,a]),z=S.useCallback(B=>{c(G=>{const X=new Set(G);return X.has(B.id)?X.delete(B.id):X.add(B.id),X})},[]),q=S.useCallback(B=>{d(G=>{const X=new Set(G);return X.has(B)?X.delete(B):X.add(B),X})},[]),$=S.useCallback(B=>({...B,isExpanded:s.has(B.id),children:B.children.map(X=>$(X))}),[s]),R=B=>B?B<1e3?`${B}ms`:`${(B/1e3).toFixed(2)}s`:"",U=B=>B?B>=1e6?`${(B/1e6).toFixed(1)}M tokens`:B>=1e3?`${(B/1e3).toFixed(1)}K tokens`:`${B} tokens`:"",W=async B=>{try{if(navigator.clipboard&&navigator.clipboard.writeText){await navigator.clipboard.writeText(B);return}const G=document.createElement("textarea");G.value=B,G.style.position="fixed",G.style.left="-999999px",G.style.top="-999999px",document.body.appendChild(G),G.focus(),G.select();try{document.execCommand("copy")}catch(X){console.warn("Copy to clipboard failed:",X)}finally{document.body.removeChild(G)}}catch(G){console.warn("Copy to clipboard failed:",G)}},K=B=>B.children.length===0?B:K(B.children[B.children.length-1]);return C.runs.length?p.jsx("div",{className:`flex flex-col h-full bg-white ${i}`,children:p.jsxs("div",{className:"flex flex-col gap-[16px] p-[24px] overflow-y-auto overflow-x-hidden",ref:M,children:[p.jsxs("div",{className:"flex items-center w-full gap-[16px]",children:[p.jsx("div",{className:"text-xs text-gray-400 whitespace-nowrap flex-shrink-0",children:"Session initiated"}),p.jsx("div",{className:"flex-1 h-[1px] border-t border-dashed border-gray-300 w-full"}),p.jsxs("div",{className:"flex items-center gap-2 text-xs text-gray-400 flex-shrink-0",children:[p.jsx("span",{children:C.sessionId}),p.jsx("button",{className:"p-[4px] hover:bg-gray-100 rounded transition-colors",onClick:()=>W(C.sessionId),title:"Copy session ID",children:p.jsx(fa,{className:"w-[12px] h-[12px]"})}),p.jsx("button",{className:"p-[4px] hover:bg-gray-100 rounded transition-colors",title:"Open in external viewer",children:p.jsx(jf,{className:"w-[12px] h-[12px]"})})]})]}),v&&p.jsxs("div",{className:"flex items-center justify-between gap-4 p-3 bg-gray-50 rounded-lg border border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("span",{className:"text-xs font-medium text-gray-700",children:"Expansion:"}),p.jsxs("button",{onClick:E,className:"flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",title:"Expand all nodes",children:[p.jsx(_b,{className:"w-3 h-3"}),"Expand All"]}),p.jsxs("button",{onClick:k,className:"flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",title:"Expand only the last execution path",children:[p.jsx(Tb,{className:"w-3 h-3"}),"Expand Last"]}),p.jsxs("button",{onClick:I,className:"flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",title:"Collapse all nodes",children:[p.jsx(Pb,{className:"w-3 h-3"}),"Collapse All"]})]}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("span",{className:"text-xs font-medium text-gray-700",children:"Live Mode:"}),p.jsxs("select",{value:m,onChange:B=>b(B.target.value),className:"text-xs px-2 py-1 bg-white border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500",title:"Control auto-expansion behavior during live updates",children:[p.jsx("option",{value:"all",children:"Expand All"}),p.jsx("option",{value:"last",children:"Expand Last"}),p.jsx("option",{value:"none",children:"No Auto-Expand"})]})]})]}),C.runs.map(B=>p.jsxs("div",{className:"flex flex-col gap-1",children:[p.jsxs("div",{className:"rounded-[8px] border border-gray-300 bg-white overflow-hidden",children:[p.jsx("div",{className:"flex flex-col w-full",children:p.jsxs("div",{className:"flex items-center gap-2 p-[8px] bg-gray-50",children:[p.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:"flex-shrink-0",children:p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.8277 1.33398C11.3643 1.33398 11.8072 1.33396 12.168 1.36343C12.5428 1.39405 12.8872 1.45978 13.2108 1.62463C13.7125 1.8803 14.1205 2.28825 14.3762 2.79001C14.541 3.11356 14.6067 3.45803 14.6374 3.83276C14.6668 4.19356 14.6668 4.63646 14.6668 5.1731V9.0235C14.6668 9.47003 14.6668 9.83861 14.6462 10.1404C14.6249 10.4532 14.5792 10.7426 14.4638 11.0211C14.1932 11.6746 13.674 12.1937 13.0206 12.4643C12.7421 12.5797 12.4527 12.6254 12.1399 12.6467C11.8381 12.6673 11.4695 12.6673 11.023 12.6673H11.0002C10.6424 12.6673 10.5714 12.6715 10.5136 12.6852C10.4129 12.7089 10.3191 12.7558 10.2397 12.8221C10.1941 12.8602 10.1481 12.9145 9.9335 13.2007L8.94888 14.5135C8.88665 14.5965 8.81628 14.6904 8.74857 14.7657C8.6739 14.8487 8.54979 14.971 8.36264 15.0438C8.1295 15.1344 7.87083 15.1344 7.6377 15.0438C7.45054 14.971 7.32641 14.8487 7.25174 14.7657C7.18403 14.6904 7.11368 14.5965 7.05145 14.5135L6.06683 13.2007C5.85221 12.9145 5.80624 12.8602 5.76065 12.8221C5.68119 12.7558 5.58739 12.7089 5.48666 12.6852C5.42887 12.6715 5.35786 12.6673 5.00015 12.6673H4.9773C4.53078 12.6673 4.16221 12.6673 3.86047 12.6467C3.54762 12.6254 3.25822 12.5797 2.97968 12.4643C2.32627 12.1937 1.80712 11.6746 1.53647 11.0211C1.42109 10.7426 1.37541 10.4532 1.35407 10.1404C1.33348 9.83861 1.33349 9.47003 1.3335 9.0235V5.17313C1.33349 4.63648 1.33347 4.19356 1.36295 3.83276C1.39356 3.45803 1.45929 3.11356 1.62415 2.79001C1.87981 2.28825 2.28776 1.8803 2.78952 1.62463C3.11308 1.45978 3.45755 1.39405 3.83228 1.36343C4.19307 1.33396 4.63599 1.33398 5.17264 1.33398H10.8277ZM10.4715 4.52924C10.2112 4.2689 9.78906 4.26889 9.52872 4.52924L6.66681 7.39114V5.6673C6.6668 5.29912 6.36834 5.00064 6.00015 5.00064C5.63197 5.00064 5.33351 5.29912 5.3335 5.6673V9.00064C5.3335 9.17745 5.40373 9.34702 5.52875 9.47205C5.65377 9.59707 5.82334 9.6673 6.00015 9.6673H9.3335L9.35068 9.66708C9.71092 9.65796 10.0002 9.36308 10.0002 9.00064C10.0001 8.63821 9.71092 8.34332 9.35068 8.3342L9.3335 8.33398H7.60962L10.4715 5.47205C10.7319 5.2117 10.7319 4.78958 10.4715 4.52924Z",fill:"#079455"})}),p.jsx("div",{className:"flex-1 cursor-pointer select-none",onClick:()=>q(B.runId),title:f.has(B.runId)?"Collapse run":"Expand run",children:p.jsx("span",{className:"text-xs text-gray-900 truncate",children:B.userInput||`Run ${B.runId}`})}),p.jsx("button",{onClick:G=>{G.stopPropagation(),D(B.runId)},className:"p-1 hover:bg-gray-200 rounded transition-colors flex-shrink-0",title:O.has(B.runId)?"Hide node details":"Show node details",children:O.has(B.runId)?p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",children:p.jsx("path",{d:"M0.666992 11.3327L4.00033 7.99935L7.33366 11.3327M0.666992 0.666016L4.00033 3.99935L7.33366 0.666016",stroke:"#98A2B3",strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"})}):p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",children:p.jsx("path",{d:"M0.666992 0.666016L4.00033 3.99935L7.33366 0.666016M0.666992 11.3327L4.00033 7.99935L7.33366 11.3327",stroke:"#98A2B3",strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"})})}),p.jsx("button",{onClick:G=>{G.stopPropagation(),q(B.runId)},className:"p-1 hover:bg-gray-200 rounded transition-colors flex-shrink-0",title:f.has(B.runId)?"Collapse run":"Expand run",children:p.jsx(fr,{className:`w-[16px] h-[16px] text-gray-400 transition-transform ${f.has(B.runId)?"rotate-180":""}`})})]})}),f.has(B.runId)&&p.jsx("div",{className:"bg-white w-full flex flex-col",children:B.rootNodes&&B.rootNodes.map(G=>p.jsx("div",{className:"w-full",children:p.jsx(X0,{node:$(G),onToggle:F,isExpanded:s.has(G.id),onNodeClick:z,selectedNodeIds:u,showDetailView:O.has(B.runId)})},G.id))}),B.finalOutput&&p.jsxs("div",{className:"p-[8px] bg-gray-50 flex items-center gap-[8px] w-full border-t border-gray-200",children:[p.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:"flex-shrink-0",children:p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.8277 1.33398C11.3643 1.33398 11.8072 1.33396 12.168 1.36343C12.5428 1.39405 12.8872 1.45978 13.2108 1.62463C13.7125 1.8803 14.1205 2.28825 14.3762 2.79001C14.541 3.11356 14.6067 3.45803 14.6374 3.83276C14.6668 4.19356 14.6668 4.63646 14.6668 5.1731V9.0235C14.6668 9.47003 14.6668 9.83861 14.6462 10.1404C14.6249 10.4532 14.5792 10.7426 14.4638 11.0211C14.1932 11.6746 13.674 12.1937 13.0206 12.4643C12.7421 12.5797 12.4527 12.6254 12.1399 12.6467C11.8381 12.6673 11.4695 12.6673 11.023 12.6673H11.0002C10.6424 12.6673 10.5714 12.6715 10.5136 12.6852C10.4129 12.7089 10.3191 12.7558 10.2397 12.8221C10.1941 12.8602 10.1481 12.9145 9.9335 13.2007L8.94888 14.5135C8.88665 14.5965 8.81628 14.6904 8.74857 14.7657C8.6739 14.8487 8.54979 14.971 8.36264 15.0438C8.1295 15.1344 7.87083 15.1344 7.6377 15.0438C7.45054 14.971 7.32641 14.8487 7.25174 14.7657C7.18403 14.6904 7.11368 14.5965 7.05145 14.5135L6.06683 13.2007C5.85221 12.9145 5.80624 12.8602 5.76065 12.8221C5.68119 12.7558 5.58739 12.7089 5.48666 12.6852C5.42887 12.6715 5.35786 12.6673 5.00015 12.6673H4.9773C4.53078 12.6673 4.16221 12.6673 3.86047 12.6467C3.54762 12.6254 3.25822 12.5797 2.97968 12.4643C2.32627 12.1937 1.80712 11.6746 1.53647 11.0211C1.42109 10.7426 1.37541 10.4532 1.35407 10.1404C1.33348 9.83861 1.33349 9.47003 1.3335 9.0235V5.17313C1.33349 4.63648 1.33347 4.19356 1.36295 3.83276C1.39356 3.45803 1.45929 3.11356 1.62415 2.79001C1.87981 2.28825 2.28776 1.8803 2.78952 1.62463C3.11308 1.45978 3.45755 1.39405 3.83228 1.36343C4.19307 1.33396 4.63599 1.33398 5.17264 1.33398H10.8277ZM6.66653 4.33398C6.29835 4.334 5.99988 4.63246 5.99988 5.00064C5.99988 5.36882 6.29835 5.66729 6.66653 5.6673H8.39041L5.52847 8.52924C5.26813 8.78958 5.26813 9.2117 5.52847 9.47205C5.78882 9.73239 6.21093 9.73239 6.47128 9.47205L9.33322 6.61011V8.33398C9.33323 8.70217 9.6317 9.00064 9.99988 9.00064C10.3681 9.00064 10.6665 8.70217 10.6665 8.33398V5.00064C10.6665 4.63821 10.3773 4.34333 10.0171 4.3342L9.99988 4.33398H6.66653Z",fill:"#155EEF"})}),p.jsx("span",{className:"flex-1 text-xs text-gray-900 truncate",title:B.finalOutput,children:B.finalOutput}),p.jsxs("div",{className:"flex items-center gap-[8px] flex-shrink-0",children:[B.duration&&p.jsxs("div",{className:"flex items-center gap-[4px]",children:[p.jsx(Af,{className:"w-[12px] h-[12px] text-gray-400"}),p.jsx("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:R(B.duration)})]}),B.totalTokens&&p.jsx("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:U(B.totalTokens)})]})]})]}),p.jsxs("div",{className:"flex items-center justify-end gap-2 py-1",children:[p.jsx("span",{className:"text-xs text-gray-400",children:B.runId}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{className:"p-1 hover:bg-gray-100 rounded transition-colors",onClick:()=>W(B.runId),title:"Copy run ID",children:p.jsx(fa,{className:"w-3 h-3 text-gray-400"})}),p.jsx("button",{className:"p-1 hover:bg-gray-100 rounded transition-colors",title:"Open run in external viewer",children:p.jsx(jf,{className:"w-3 h-3 text-gray-400"})})]})]})]},B.runId))]})}):p.jsx("div",{className:`flex flex-col h-full ${i}`,children:p.jsx("div",{className:"flex items-center justify-center h-full",children:p.jsx("p",{className:"text-gray-500 text-sm",children:"No execution events to display"})})})});Z0.displayName="DebugPanel";const J0=({value:e,onChange:t,language:r="text",readOnly:n=!1,placeholder:a="",className:i,autoFocus:o=!1})=>{const[s,l]=S.useState(e),[u,c]=S.useState(!1),[f,d]=S.useState(!1),h=S.useRef(null);S.useEffect(()=>{l(e)},[e]);function v(){navigator.clipboard.writeText(s).then(()=>{d(!0),setTimeout(()=>d(!1),1500)})}function g(x){const j=x.target.value;l(j),t==null||t(j)}const m=()=>p.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b bg-gray-100",children:[p.jsx("span",{className:"text-xs font-mono uppercase text-gray-500",children:r}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{type:"button",className:"p-1 rounded hover:bg-gray-200",onClick:v,title:f?"Copied!":"Copy",children:p.jsx(fa,{size:16,className:f?"text-green-500":""})}),p.jsx("button",{type:"button",className:"p-1 rounded hover:bg-gray-200",onClick:()=>c(!u),title:u?"Minimize":"Maximize",children:u?p.jsx(jb,{size:16}):p.jsx(_f,{size:16})})]})]}),b=()=>p.jsx("textarea",{ref:h,spellCheck:!1,readOnly:n,placeholder:a,autoFocus:o,className:"flex-1 w-full h-full resize-none p-3 font-mono text-sm outline-none bg-transparent",value:s,onChange:g}),O=p.jsxs("div",{className:se("flex flex-col h-full w-full border rounded-md bg-background",i),style:{minHeight:"200px"},children:[p.jsx(m,{}),p.jsx(b,{})]});return u?p.jsx(mf,{children:p.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",children:p.jsx("div",{className:"w-full h-full max-h-[calc(100vh-2rem)]",children:O})})}):O};J0.displayName="CodeEditor";const Q0=S.forwardRef(({className:e,...t},r)=>p.jsx("span",{ref:r,className:se("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...t}));Q0.displayName="Avatar";const eb=S.forwardRef(({className:e,...t},r)=>p.jsx("img",{ref:r,className:se("aspect-square h-full w-full",e),...t}));eb.displayName="AvatarImage";const tb=S.forwardRef(({className:e,...t},r)=>p.jsx("span",{ref:r,className:se("flex h-full w-full items-center justify-center rounded-full bg-muted",e),...t}));tb.displayName="AvatarFallback";const rb=S.forwardRef(({className:e,children:t,...r},n)=>p.jsx("div",{ref:n,className:se("rounded-lg border bg-card text-card-foreground shadow-sm",e),...r,children:t}));rb.displayName="Card";const sU=S.forwardRef(({className:e,children:t,...r},n)=>p.jsx("div",{ref:n,className:se("flex flex-col space-y-1.5 p-6",e),...r,children:t}));sU.displayName="CardHeader";const lU=S.forwardRef(({className:e,children:t,...r},n)=>p.jsx("h3",{ref:n,className:se("text-2xl font-semibold leading-none tracking-tight",e),...r,children:t}));lU.displayName="CardTitle";const uU=S.forwardRef(({className:e,children:t,...r},n)=>p.jsx("div",{ref:n,className:se("p-6 pt-0",e),...r,children:t}));uU.displayName="CardContent";const Bs=["Portfolio Analysis Expert","Mortgage Evaluator","Credit Risk Specialist","Asset Valuation Analyst","Liability Assessment Advisor"],Fs=["calculate-creditScore","calculate-risk","calculate-mortgage","analyse-expenses","fetch-statement"],Us=["gpt-4o","gpt-4o-mini","gpt-3.5-turbo","claude-3-5-sonnet","claude-3-5-haiku","claude-3-opus","gemini-1.5-pro","gemini-1.5-flash","llama-3.1-405b","llama-3.1-70b"],cU=(e=30)=>{const t=[],r=new Date;for(let n=e-1;n>=0;n--){const a=new Date(r);a.setDate(r.getDate()-n);const i=600+Math.sin(n*.1)*100,o=Math.floor(i+Math.random()*100),s=Math.floor(o*3.5+Math.random()*200),l=Math.floor(s*2.9+Math.random()*500),u=Math.floor(l*.9+Math.random()*300),c=Math.floor(u*.6),f=u-c,d=Math.floor(s*.8+Math.random()*100),h=Math.floor(d*12+Math.random()*500),v=Math.floor(d*8+Math.random()*300),g=Math.floor(h*.3+Math.random()*100),m=Math.floor(h*.25+Math.random()*80),b=Math.floor(h*.2+Math.random()*60),O=Math.floor(h*.15+Math.random()*50),x={};Bs.forEach(w=>{const T=w.replace(/\s+/g,"").toLowerCase(),A=Math.floor(d/Bs.length);x[T]=Math.floor(A+Math.random()*(A*.5))});const j={};Fs.forEach(w=>{const T=w.replace(/[-]/g,""),A=Math.floor(h/Fs.length);j[T]=Math.floor(A+Math.random()*(A*.8))});const y={};Us.forEach(w=>{const T=w.replace(/[-\.]/g,""),A=Math.floor(v/Us.length);y[T]=Math.floor(A+Math.random()*(A*.6))}),t.push({date:a.toISOString().split("T")[0],users:o,sessions:s,messages:l,totalTokens:u,inputTokens:c,outputTokens:f,agentRuns:d,toolRuns:h,modelRuns:v,codeTools:g,workflowTools:m,knowledgeTools:b,mcpTools:O,...x,...j,...y,value:o})}return t},fU=()=>{const e=[],t=['{"name":"avatar14","color":"#F6D0FE","type":"human"}','{"name":"avatar2","color":"#3B82F6","type":"human"}','{"name":"avatar7","color":"#EF4444","type":"human"}','{"name":"avatar12","color":"#10B981","type":"human"}','{"name":"avatar8","color":"#F59E0B","type":"human"}'];return Bs.forEach((r,n)=>{e.push({id:`agent-${n+1}`,name:r,runs:Math.floor(Math.random()*8e3)+4e3,responseTime:`${Math.floor(Math.random()*120)+15}s`,tokens:Math.floor(Math.random()*4e5)+1e5,successRate:`${Math.floor(Math.random()*20)+80}%`,lastRun:new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),avatar:`https://api.dicebear.com/7.x/avataaars/svg?seed=${r.replace(/\s+/g,"")}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`,icon:t[n]||t[0]})}),e},dU=()=>{const e=r=>r.includes("calculate-creditscore")?"Code Tool":r.includes("calculate-risk")?"Workflow Tool":r.includes("calculate-mortgage")?"MCP Tool":r.includes("analyse-expenses")?"Workflow Tool":r.includes("fetch-statement")?"Knowledge":"Code Tool",t=['{"name":"calculator","color":"#EF6820","type":"inlineTool"}','{"name":"workflow","color":"#155EEF","type":"toolLibrary"}','{"name":"mcptool","color":"#101828","type":"MCP"}','{"name":"expenses","color":"#155EEF","type":"toolLibrary"}','{"name":"knowledge","color":"#7A5AF8","type":"KNOWLEDGE"}'];return Fs.map((r,n)=>({id:`tool-${n+1}`,name:r,type:e(r),runs:Math.floor(Math.random()*8e3)+4e3,responseTime:`${Math.floor(Math.random()*90)+15}s`,tokens:Math.floor(Math.random()*2e4)+5e3,successRate:`${Math.floor(Math.random()*15)+85}%`,lastRun:new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:t[n]||t[0]}))},pU=()=>Us.map((e,t)=>({id:`model-${t+1}`,name:e,runs:Math.floor(Math.random()*8e3)+4e3,responseTime:`${Math.floor(Math.random()*120)+15}s`,tokens:Math.floor(Math.random()*5e5)+1e5,successRate:`${Math.floor(Math.random()*15)+85}%`,lastRun:new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString()})),Jr=cU(),hU=fU(),mU=dU(),vU=pU(),gU={id:"main-dashboard",title:"Dashboard",subtitle:"Monitor and review the usage of your agentic app.",version:"1.0.0",globalControls:{draft:{label:"Draft",options:[{label:"Current Draft",value:"current"},{label:"Previous Draft",value:"previous"},{label:"All Drafts",value:"all"}],defaultValue:"current"},timeRange:{label:"Time Range",options:[{label:"This month",value:"month"},{label:"Last 7 days",value:"week"},{label:"Last 30 days",value:"30days"},{label:"Last 90 days",value:"90days"}],defaultValue:"month"},export:{enabled:!0,formats:["csv","json","pdf"]}},layout:{columns:12,gap:24,responsive:!0},sections:[{id:"sessions",title:"Sessions",description:"User engagement and session analytics",metrics:[{title:"Users",value:3384,change:{value:6,type:"increase"},info:"Total number of unique users",metricType:"users",view:{type:"chart",chart:{type:"line",title:"Total Users",data:Jr,dataKey:"users",color:"#8b5cf6",yAxisLabel:"Number of Users",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}}},{title:"Sessions",value:11847,change:{value:18,type:"increase"},info:"Total number of user sessions",metricType:"sessions",view:{type:"chart",chart:{type:"line",title:"Total Sessions",data:Jr,dataKey:"sessions",color:"#06b6d4",yAxisLabel:"Number of Sessions",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}}},{title:"Messages",value:34563,change:{value:5,type:"increase"},info:"Total messages exchanged",metricType:"messages",view:{type:"chart",chart:{type:"line",title:"Total Messages",data:Jr,dataKey:"messages",color:"#e879f9",yAxisLabel:"Number of Messages",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}}},{title:"Tokens",value:32044,change:{value:44,type:"increase"},info:"Total tokens processed",metricType:"tokens",view:{type:"chart",chart:{type:"line",title:"Token Usage Breakdown",data:Jr,yAxisLabel:"Number of Tokens",lines:[{dataKey:"totalTokens",color:"#f97316",label:"Total Tokens"},{dataKey:"inputTokens",color:"#3b82f6",label:"Input Tokens"},{dataKey:"outputTokens",color:"#e879f9",label:"Output Tokens"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}}}],view:{type:"chart"},layout:{span:12,order:1}},{id:"runs",title:"Runs",description:"Agent, tool, and model execution analytics",metrics:[{title:"Agent Runs",value:3384,change:{value:6,type:"increase"},info:"Number of agent executions",metricType:"agentRuns",view:{type:"chart",chart:{type:"line",title:"Agent Runs",data:Jr,dataKey:"agentRuns",color:"#06b6d4",yAxisLabel:"Number of Agent Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}},table:{title:"Agent Runs",data:hU,columns:[{key:"name",title:"Name",width:200,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"},{key:"tokens",title:"Tokens",width:100,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`}]}},controls:{dropdown:{label:"All Agents",options:[{label:"All Agents",value:"all"},...Bs.map(e=>({label:e,value:e.replace(/\s+/g,"").toLowerCase(),avatar:`https://api.dicebear.com/7.x/avataaars/svg?seed=${e.replace(/\s+/g,"")}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`}))],defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}},{title:"Tool Runs",value:34563,change:{value:5,type:"increase"},info:"Number of tool executions",metricType:"toolRuns",view:{type:"chart",chart:{type:"line",title:"Tool Runs",data:Jr,yAxisLabel:"Number of Tool Runs",lines:[{dataKey:"toolRuns",color:"#06b6d4",label:"Tool Runs"},{dataKey:"codeTools",color:"#f97316",label:"Code Tools"},{dataKey:"workflowTools",color:"#10b981",label:"Workflow Tools"},{dataKey:"knowledgeTools",color:"#8b5cf6",label:"Knowledge"},{dataKey:"mcpTools",color:"#ef4444",label:"MCP Tools"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}},table:{title:"Tool Runs",data:mU,columns:[{key:"name",title:"Name",width:200,align:"left"},{key:"type",title:"Type",width:150,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"}]}},controls:{dropdown:{label:"All Tools",options:[{label:"All Tools",value:"all"},...Fs.map((e,t)=>{const r=['{"name":"calculator","color":"#EF6820","type":"inlineTool"}','{"name":"workflow","color":"#155EEF","type":"toolLibrary"}','{"name":"mcptool","color":"#101828","type":"MCP"}','{"name":"expenses","color":"#155EEF","type":"toolLibrary"}','{"name":"knowledge","color":"#7A5AF8","type":"KNOWLEDGE"}'],n=a=>a.includes("calculate-creditscore")?"Code Tool":a.includes("calculate-risk")?"Workflow Tool":a.includes("calculate-mortgage")?"MCP Tool":a.includes("analyse-expenses")?"Workflow Tool":a.includes("fetch-statement")?"Knowledge":"Code Tool";return{label:e,value:e.replace(/[-]/g,""),icon:r[t]||r[0],type:n(e)}})],defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}},{title:"Model Runs",value:32044,change:{value:44,type:"increase"},info:"Number of model inferences",metricType:"modelRuns",view:{type:"chart",chart:{type:"line",title:"Model Runs",data:Jr,dataKey:"modelRuns",color:"#10b981",yAxisLabel:"Number of Model Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}},table:{title:"Model Runs",data:vU,columns:[{key:"name",title:"Model Name",width:200,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`},{key:"tokens",title:"Tokens",width:120,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"}]}},controls:{dropdown:{label:"All Models",options:[{label:"All Models",value:"all"},...Us.map(e=>{const t=r=>{const n=r.toLowerCase();return n.includes("gpt")||n.includes("openai")?"⚡":n.includes("claude")||n.includes("anthropic")?"A":n.includes("gemini")||n.includes("google")?"G":n.includes("llama")||n.includes("meta")?"M":"🤖"};return{label:e,value:e.replace(/[-\.]/g,""),icon:t(e)}})],defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}}],view:{type:"chart"},layout:{span:12,order:2}}]},Yt={primary:["#8b5cf6","#06b6d4","#f97316","#10b981","#ec4899","#f59e0b","#3b82f6","#ef4444"],secondary:["#a78bfa","#22d3ee","#fb923c","#34d399","#f472b6","#fbbf24","#60a5fa","#f87171"],accent:["#6366f1","#8b5cf6","#d946ef","#06b6d4","#84cc16","#eab308"],semantic:{success:"#10b981",warning:"#f59e0b",error:"#ef4444",info:"#3b82f6"},gradients:{purple:["#8b5cf6","#a78bfa"],cyan:["#06b6d4","#22d3ee"],orange:["#f97316","#fb923c"],green:["#10b981","#34d399"],sunset:["#f97316","#ec4899"],ocean:["#06b6d4","#3b82f6"],forest:["#10b981","#84cc16"]}},yU={primary:["#7c3aed","#0891b2","#ea580c","#059669","#db2777","#d97706","#2563eb","#dc2626"],secondary:["#8b5cf6","#06b6d4","#f97316","#10b981","#ec4899","#f59e0b","#3b82f6","#ef4444"],accent:["#4f46e5","#7c3aed","#c026d3","#0891b2","#65a30d","#ca8a04"],semantic:{success:"#059669",warning:"#d97706",error:"#dc2626",info:"#2563eb"}},bU={primary:["#a78bfa","#22d3ee","#fb923c","#34d399","#f472b6","#fbbf24","#60a5fa","#f87171"],secondary:["#c4b5fd","#67e8f9","#fdba74","#6ee7b7","#f9a8d4","#fcd34d","#93c5fd","#fca5a5"],accent:["#818cf8","#a78bfa","#e879f9","#22d3ee","#a3e635","#facc15"],semantic:{success:"#34d399",warning:"#fbbf24",error:"#f87171",info:"#60a5fa"}},xU={primary:["#1f2937","#374151","#6b7280","#9ca3af","#3b82f6","#1d4ed8","#10b981","#f59e0b"],secondary:["#4b5563","#6b7280","#9ca3af","#d1d5db","#60a5fa","#3b82f6","#34d399","#fbbf24"],accent:["#2563eb","#1d4ed8","#059669","#0891b2","#d97706","#b45309"],semantic:{success:"#059669",warning:"#d97706",error:"#dc2626",info:"#1d4ed8"}},nb=(e,t)=>e.primary[t%e.primary.length],ji=(e,t)=>e.semantic[t],wU=(e,t)=>{var r;return((r=e.gradients)==null?void 0:r[t])||[e.primary[0],e.primary[1]]},ab=(e,t=Yt)=>e.map((r,n)=>({...r,color:nb(t,n)})),Ws=((e=30)=>{const t=[],r=new Date;for(let n=e-1;n>=0;n--){const a=new Date(r);a.setDate(r.getDate()-n);const i=600+Math.sin(n*.1)*100,o=Math.floor(i+Math.random()*100),s=Math.floor(o*3.5+Math.random()*200),l=Math.floor(s*2.9+Math.random()*500),u=Math.floor(l*.9+Math.random()*300),c=Math.floor(u*.6),f=u-c,d=Math.floor(s*.8+Math.random()*100),h=Math.floor(d*12+Math.random()*500),v=Math.floor(d*8+Math.random()*300);t.push({date:a.toISOString().split("T")[0],users:o,sessions:s,messages:l,totalTokens:u,inputTokens:c,outputTokens:f,agentRuns:d,toolRuns:h,modelRuns:v,value:o})}return t})(),OU={id:"enhanced-dashboard",title:"Enhanced Color Configuration Dashboard",subtitle:"Demonstrating all color configuration options",version:"1.0.0",globalControls:{draft:{label:"Draft",options:[{label:"Current Draft",value:"current"},{label:"Previous Draft",value:"previous"}],defaultValue:"current"},timeRange:{label:"Time Range",options:[{label:"Last 7 days",value:"week"},{label:"Last 30 days",value:"30days"}],defaultValue:"30days"},export:{enabled:!0,formats:["csv","json"]}},layout:{columns:12,gap:24,responsive:!0},sections:[{id:"manual-colors",title:"Manual Color Assignment",description:"Each line has manually assigned colors",metrics:[{title:"Total Users",value:3384,change:{value:6,type:"increase"},info:"Manually colored chart"}],view:{type:"chart",chart:{type:"line",title:"Manual Color Configuration",data:Ws,lines:[{dataKey:"users",color:"#8b5cf6",label:"Users",strokeWidth:3},{dataKey:"sessions",color:"#06b6d4",label:"Sessions",strokeWidth:2},{dataKey:"messages",color:"#f97316",label:"Messages",strokeWidth:2,strokeDasharray:"5 5"}],dateRange:{start:"2025-05-06",end:"2025-06-05"},tooltip:{show:!0,style:"dark"},height:300,showLegend:!1}},layout:{span:6,order:1}},{id:"auto-colors",title:"Auto-Assigned Colors",description:"Colors automatically assigned from palette",metrics:[{title:"Agent Runs",value:3384,change:{value:6,type:"increase"},info:"Auto-colored from palette"}],view:{type:"chart",chart:{type:"line",title:"Auto Color Assignment",data:Ws,lines:ab([{dataKey:"agentRuns",label:"Agent Runs"},{dataKey:"toolRuns",label:"Tool Runs"},{dataKey:"modelRuns",label:"Model Runs"},{dataKey:"totalTokens",label:"Total Tokens"}],Yt),dateRange:{start:"2025-05-06",end:"2025-06-05"},tooltip:{show:!0,style:"dark"},height:300,showLegend:!1}},layout:{span:6,order:2}},{id:"semantic-colors",title:"Semantic Colors",description:"Using semantic colors for different data types",metrics:[{title:"Success Rate",value:"94.2%",change:{value:2,type:"increase"},info:"Using semantic success color"},{title:"Error Rate",value:"5.8%",change:{value:1,type:"decrease"},info:"Using semantic error color"}],view:{type:"chart",chart:{type:"line",title:"Semantic Color Usage",data:Ws,lines:[{dataKey:"users",color:ji(Yt,"success"),label:"Successful Operations",strokeWidth:3},{dataKey:"sessions",color:ji(Yt,"warning"),label:"Warning Events",strokeWidth:2},{dataKey:"messages",color:ji(Yt,"error"),label:"Error Events",strokeWidth:2},{dataKey:"totalTokens",color:ji(Yt,"info"),label:"Info Events",strokeWidth:2}],dateRange:{start:"2025-05-06",end:"2025-06-05"},tooltip:{show:!0,style:"dark"},height:300,showLegend:!1}},layout:{span:12,order:3}},{id:"single-custom",title:"Single Line Custom Color",description:"Single line chart with custom color and styling",metrics:[{title:"Total Messages",value:34563,change:{value:5,type:"increase"},info:"Custom styled single line"}],view:{type:"chart",chart:{type:"line",title:"Custom Single Line",data:Ws,dataKey:"messages",color:"#ec4899",dateRange:{start:"2025-05-06",end:"2025-06-05"},tooltip:{show:!0,style:"dark"},height:250,showGrid:!0,curve:"monotone"}},layout:{span:12,order:4}}]},SU={manualColors:{line1:"#8b5cf6",line2:"#06b6d4",line3:"#f97316",line4:"#10b981"},paletteColors:Yt.primary,semanticColors:Yt.semantic,gradientColors:Yt.gradients},TU={baseUrl:window.location.protocol+"//"+window.location.hostname,dashboardType:"agenticDashboard",projectId:"aa-bdbfa4eb-c7c4-4350-be96-d778188c2c4b",environment:"draft",headers:{authorization:"Bearer 2amvsUbh87obVLVYjbNnXCbXnOr-plekM7-qjKt2EJIZnZuAV2KT9WSTG0L4U33X",accountId:"6290f982fb880154e99bbede","Content-Type":"application/json"},defaultTimeRange:{fromTimestamp:new Date(Date.now()-7*24*60*60*1e3).toISOString(),toTimestamp:new Date().toISOString()},refreshInterval:3e4},AU={id:"agentic-analytics-dashboard",title:"Dashboard",subtitle:"Monitor and review the usage of your agentic app",sections:[{id:"usage-analytics",title:"Session Analytics",metrics:[{title:"Users",value:0,metricType:"users",highlighted:!0},{title:"Sessions",value:0,metricType:"sessions",highlighted:!1},{title:"Messages",value:0,metricType:"messages",highlighted:!1},{title:"Tokens",value:0,metricType:"tokens",highlighted:!1}],view:{type:"chart",chart:{type:"line",title:"Usage Over Time",data:[],lines:[{dataKey:"count",color:"#3B82F6",label:"Count",strokeWidth:2}],xAxisLabel:"Date",yAxisLabel:"Count",tooltip:{show:!0,formatter:(e,t)=>[`${e}`,t]}}},layout:{span:12}},{id:"runs",title:"Execution Analytics",metrics:[{title:"Agent Runs",value:0,metricType:"agentRuns",highlighted:!0},{title:"Tool Runs",value:0,metricType:"toolRuns",highlighted:!1},{title:"Model Runs",value:0,metricType:"modelRuns",highlighted:!1}],view:{type:"chart",chart:{type:"line",title:"Execution Runs Over Time",data:[],lines:[{dataKey:"count",color:"#10B981",label:"Runs",strokeWidth:2}],xAxisLabel:"Date",yAxisLabel:"Count",tooltip:{show:!0,formatter:(e,t)=>[`${e}`,t]}}},layout:{span:12}}],globalControls:{draft:{label:"Environment",options:[{label:"Draft",value:"draft"},{label:"Production",value:"production"},{label:"Staging",value:"staging"}],defaultValue:"draft"},timeRange:{label:"Time Range",useDatePicker:!0,options:[{label:"Last 7 days",value:"7d"},{label:"Last 30 days",value:"30d"}],defaultValue:"7d"},export:{enabled:!1,formats:["csv","json"],onExport:e=>{console.log(`Exporting in ${e} format`)}}},layout:{columns:12,gap:24,responsive:!0}},jU=`
+          </svg>`},RB=(e,t)=>{const r=e.toLowerCase();if(r.includes("code"))return Rt.inlineTool;if(r.includes("workflow")||r.includes("library"))return Rt.toolLibrary;if(r.includes("knowledge"))return Rt.KNOWLEDGE;if(r.includes("mcp"))return Rt.MCP;if(Rt[e])return Rt[e];const n=t.toLowerCase();return n.includes("code")||n.includes("inline")||n.includes("calculate")?Rt.inlineTool:n.includes("library")||n.includes("workflow")?Rt.toolLibrary:n.includes("knowledge")||n.includes("document")||n.includes("fetch")?Rt.KNOWLEDGE:n.includes("mcp")||n.includes("protocol")?Rt.MCP:Rt.toolLibrary},wi=({icon:e,iconSource:t="agent",size:r="small",className:n="",name:a="Unknown",toolType:i,provider:o,modelName:s})=>{const[l,u]=S.useState(!1),[c,f]=S.useState(!1),[d,h]=S.useState(!1),v=NB(e),g=LB[r];if(t==="model"){const O=_0(o),x=()=>{h(!0)};if(d){const j=o?o.charAt(0).toUpperCase():"🤖";return p.jsx("div",{className:`${g} rounded-[8px] bg-gray-200 flex items-center justify-center ${n}`,children:p.jsx("span",{className:"text-gray-900 text-xs font-bold",children:j})})}return p.jsx("img",{src:O,alt:s||a,className:`${g} rounded-[8px] ${n}`,onError:x})}if(v!=null&&v.name&&v.name!=="fallback"&&!l){const O=IB(v,t),x=()=>{u(!0)};return p.jsx("img",{src:O,alt:a,className:`${g} rounded-[8px] object-cover ${n}`,onError:x})}if(l&&!c&&t==="agent"){const O=`${window.location.origin}/agenticai/assets/agent-avatars/avatar1.svg`,x=()=>{f(!0)};return p.jsx("img",{src:O,alt:a,className:`${g} rounded-[8px] object-cover ${n}`,onError:x})}if(t==="model"){const O=_0(o),x=()=>{h(!0)};if(d){const j=o?o.charAt(0).toUpperCase():"🤖";return p.jsx("div",{className:`${g} rounded-[8px] bg-gray-200 flex items-center justify-center ${n}`,children:p.jsx("span",{className:"text-gray-900 text-xs font-bold",children:j})})}return p.jsx("img",{src:O,alt:s||a,className:`${g} rounded-[8px] ${n}`,onError:x})}const m=v||DB(a,t);if(t==="workflowtool"){const O=i||m.type||"toolLibrary",x=RB(O,a);return p.jsx("div",{className:`${g} rounded-[8px] flex items-center justify-center bg-gray-100 ${n}`,children:p.jsx("div",{dangerouslySetInnerHTML:{__html:x}})})}const b=`${window.location.origin}/agenticai/assets/agent-avatars/avatar1.svg`;return p.jsx("img",{src:b,alt:a,className:`${g} rounded-[8px] object-cover ${n}`})},E0=({data:e,className:t})=>{const[r,n]=S.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return p.jsxs("div",{className:se("w-full",t),children:[p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600",children:[p.jsx("div",{className:"text-left",children:"Name"}),p.jsx("div",{className:"text-center",children:"Runs"}),p.jsx("div",{className:"text-center",children:"Response Time"}),p.jsx("div",{className:"text-center",children:"Tokens"})]}),p.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-[8px]",children:[p.jsx("div",{className:"flex-shrink-0",children:p.jsx(wi,{icon:o.icon,iconSource:"agent",size:"small",name:o.name||"Unknown Agent"})}),p.jsx("div",{className:"min-w-0 flex-1 w-full",children:p.jsx("div",{className:"text-xs font-medium text-gray-700 truncate",children:o.name||"Unknown Agent"})})]}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.runs?i(o.runs):"-"}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.responseTime||"-"}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.tokens?i(o.tokens):"-"})]},o.id||s))}),r<e.length&&p.jsx("div",{className:"flex justify-center",children:p.jsx("button",{onClick:a,className:"px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",children:"Load 10 more"})})]})};function BB(e){const t=(e==null?void 0:e.toLowerCase())||"";return["inlinetool","inlineTool","code tool","code","tool","event","EVENT"].includes(e)||["inlinetool","inlineTool","code tool","code","tool","event"].includes(t)?"bg-orange-100 text-orange-800 border-orange-200":["toollibrary","toolLibrary","workflow tool"].includes(e)||["toollibrary","toollibrary","workflow tool"].includes(t)?"bg-blue-100 text-blue-800 border-blue-200":["mcp","MCP","mcpTool","mcpTool"].includes(e)||["mcp","mcptool"].includes(t)?"bg-green-100 text-green-800 border-green-200":["knowledge","KNOWLEDGE","knowledge tool"].includes(e)||["knowledge","knowledge tool"].includes(t)?"bg-purple-100 text-purple-800 border-purple-200":"bg-gray-100 text-gray-800 border-gray-200"}function FB(e){const t=(e==null?void 0:e.toLowerCase())||"";return["inlinetool","code tool","code","tool","event","inlineTool"].includes(t)?"Code Tool":["toollibrary","workflow tool"].includes(t)?"Workflow Tool":["mcp","mcptool"].includes(t)?"MCP Tool":["knowledge","knowledge tool","knowledge"].includes(t)||e==="KNOWLEDGE"?"Knowledge":e==="inlineTool"?"Code Tool":e==="toolLibrary"?"Workflow Tool":e==="KNOWLEDGE"?"Knowledge":e==="MCP"||e==="mcpTool"?"MCP Tool":"Code Tool"}const C0=({data:e,className:t})=>{const[r,n]=S.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return p.jsxs("div",{className:se("w-full",t),children:[p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600",children:[p.jsx("div",{className:"text-left",children:"Name"}),p.jsx("div",{className:"text-center",children:"Type"}),p.jsx("div",{className:"text-center",children:"Runs"}),p.jsx("div",{className:"text-center",children:"Response Time"})]}),p.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-[8px]",children:[p.jsx("div",{className:"flex-shrink-0",children:p.jsx(wi,{icon:o.icon,iconSource:"workflowtool",size:"small",name:o.name||"Unknown Tool",toolType:o.toolType||o.type})}),p.jsx("div",{className:"min-w-0 flex-1 w-full",children:p.jsx("div",{className:"text-xs font-medium text-gray-700 truncate",children:o.name||"Unknown Tool"})})]}),p.jsx("div",{className:"flex items-center justify-center",children:p.jsx("span",{className:se("inline-flex items-center px-[10px] py-[4px] rounded-full text-xs font-medium border",BB(o.toolType||o.type||"Default")),children:FB(o.toolType||o.type||"Default")})}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.runs?i(o.runs):"-"}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.responseTime||"-"})]},o.id||s))}),r<e.length&&p.jsx("div",{className:"flex justify-center",children:p.jsx("button",{onClick:a,className:"px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",children:"Load 10 more"})})]})},UB=e=>{if(!e)return"/assets/icons/models/custom-api.svg";const t=e.toLowerCase(),r={openai:"Open AI.svg","open ai":"Open AI.svg",chatopenai:"Open AI.svg",gpt:"Open AI.svg",anthropic:"Anthropic.svg",claude:"Anthropic.svg",google:"Google.svg",gemini:"Google.svg",chatgooglegenerativeai:"Google.svg",googlegenerativeai:"Google.svg",palm:"Google.svg",azurechatopenai:"Azure Open AI.svg","azure open ai":"Azure Open AI.svg",azureopenai:"Azure Open AI.svg","azure openai":"Azure Open AI.svg",azure:"Azure Open AI.svg",aws:"AWS Bedrock.svg",bedrock:"AWS Bedrock.svg","aws bedrock":"AWS Bedrock.svg",awsbedrock:"AWS Bedrock.svg",amazon:"AWS Bedrock.svg",cohere:"Cohere.svg",api:"API.svg",custom:"custom-api.svg","custom-api":"custom-api.svg",customapi:"custom-api.svg"};if(r[t])return`assets/icons/models/${r[t]}`;for(const[n,a]of Object.entries(r))if(t.includes(n)||n.includes(t))return`assets/icons/models/${a}`;return"assets/icons/models/custom-api.svg"},WB=e=>{if(!e)return"";const t=e.toLowerCase(),r={openai:"OpenAI","open ai":"OpenAI",chatopenai:"OpenAI",gpt:"OpenAI",anthropic:"Anthropic",claude:"Anthropic",google:"Google",gemini:"Google Gemini",chatgooglegenerativeai:"Google Gemini",googlegenerativeai:"Google Gemini",palm:"Google PaLM",azurechatopenai:"Azure OpenAI","azure open ai":"Azure OpenAI",azureopenai:"Azure OpenAI","azure openai":"Azure OpenAI",azure:"Azure OpenAI",aws:"AWS Bedrock",bedrock:"AWS Bedrock","aws bedrock":"AWS Bedrock",awsbedrock:"AWS Bedrock",amazon:"AWS Bedrock",cohere:"Cohere",meta:"Meta",llama:"Meta LLaMA",mistral:"Mistral",huggingface:"Hugging Face",together:"Together AI",replicate:"Replicate"};if(r[t])return r[t];for(const[n,a]of Object.entries(r))if(t.includes(n)||n.includes(t))return a;return e.charAt(0).toUpperCase()+e.slice(1)},zB=({provider:e})=>{const[t,r]=S.useState(!1),n=UB(e),a=()=>{r(!0)};if(t){const i=e?e.charAt(0).toUpperCase():"🤖";return p.jsx("div",{className:"w-6 h-6 rounded-full bg-gray-500 flex items-center justify-center",children:p.jsx("span",{className:"text-white text-xs font-bold",children:i})})}return p.jsx("img",{src:n,alt:e||"Model",className:"w-6 h-6 rounded",onError:a})},$0=({data:e,className:t})=>{const[r,n]=S.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return p.jsxs("div",{className:se("w-full",t),children:[p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600",children:[p.jsx("div",{className:"text-left",children:"Model Name"}),p.jsx("div",{className:"text-center",children:"Runs"}),p.jsx("div",{className:"text-center",children:"Tokens"}),p.jsx("div",{className:"text-center",children:"Response Time"})]}),p.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>p.jsxs("div",{className:"grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-[8px]",children:[p.jsx("div",{className:"flex-shrink-0",children:p.jsx(zB,{provider:o.provider})}),p.jsxs("div",{className:"min-w-0 flex-1 w-full",children:[p.jsx("div",{className:"text-xs font-medium text-gray-700 truncate",children:o.name||o.modelName||"Unknown Model"}),o.provider&&p.jsx("div",{className:"text-xs text-gray-500 truncate",children:WB(o.provider)})]})]}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:i(o.runs||0)}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:i(o.tokens||o.totalTokens||0)}),p.jsx("div",{className:"text-center font-medium text-xs text-gray-700",children:o.responseTime||(o.avgResponseTime?`${o.avgResponseTime}ms`:"N/A")})]},o.id||s))}),r<e.length&&p.jsx("div",{className:"flex justify-center",children:p.jsx("button",{onClick:a,className:"px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",children:"Load 10 more"})})]})},VB=e=>{switch(e){case"agentRuns":return{title:"Agent Runs",entityName:"Agents"};case"toolRuns":return{title:"Tool Runs",entityName:"Tools"};case"modelRuns":return{title:"Model Runs",entityName:"Models"};default:return{title:"Runs",entityName:"Items"}}},GB=e=>e>=1e3?`${Math.floor(e/1e3)}k`:e.toString(),k0=({isOpen:e,onClose:t,date:r,metricType:n,data:a,totalRuns:i,className:o})=>{var w;const s=VB(n),[l,u]=S.useState(10),[c,f]=S.useState("all"),[d,h]=S.useState(!1),v=[{label:`All ${s.entityName}`,value:"all"},...a.map(T=>({label:T.name,value:T.id}))],g=c==="all"?a:a.filter(T=>T.id===c),m=()=>{f("all"),h(!1),u(10),t()};S.useEffect(()=>{const T=_=>{_.key==="Escape"&&m()},A=_=>{d&&(_.target.closest(".filter-dropdown")||h(!1))};return e&&(document.addEventListener("keydown",T),document.addEventListener("mousedown",A),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",T),document.removeEventListener("mousedown",A),document.body.style.overflow="unset"}},[e,d,m]),S.useEffect(()=>{e&&(f("all"),h(!1),u(10))},[e]);const b=T=>new Date(T).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),O=()=>{u(T=>Math.min(T+10,g.length))},x=T=>{f(T),h(!1),u(10)};if(!e)return null;const j=g.slice(0,l),y=((w=v.find(T=>T.value===c))==null?void 0:w.label)||`All ${s.entityName}`;return p.jsxs(p.Fragment,{children:[p.jsx("div",{className:"fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-300",onClick:m}),p.jsxs("div",{className:se("fixed right-0 top-0 h-full w-[600px] bg-white shadow-[0px_20px_24px_-4px_rgba(16,24,40,0.08),0px_8px_8px_-4px_rgba(16,24,40,0.03)] z-50 transform transition-transform duration-300 ease-in-out",e?"translate-x-0":"translate-x-full",o),children:[p.jsxs("div",{className:"flex items-center justify-between px-6 py-3 border-b border-[#d0d5dd]",children:[p.jsx("h2",{className:"text-lg font-semibold text-[#101828]",children:s.title}),p.jsx("button",{onClick:m,className:"p-2 hover:bg-gray-100 rounded-lg transition-colors",children:p.jsx(Cf,{className:"h-5 w-5 text-[#101828]"})})]}),p.jsxs("div",{className:"flex flex-col h-[calc(100%-64px)] p-6 gap-6",children:[p.jsxs("div",{className:"flex items-center justify-between",children:[p.jsxs("div",{className:"text-sm font-medium text-[#344054]",children:[s.title," (",b(r),")"]}),p.jsxs("div",{className:"w-[210px] relative filter-dropdown",children:[p.jsxs("button",{onClick:()=>h(!d),className:"w-full bg-white border border-[#d0d5dd] rounded-lg px-3.5 py-2.5 flex items-center justify-between text-sm text-[#101828] hover:bg-gray-50 transition-colors",children:[p.jsx("span",{children:y}),p.jsx(fr,{className:"h-4 w-4 text-[#101828]"})]}),d&&p.jsx("div",{className:"absolute top-full left-0 right-0 mt-1 bg-white border border-[#d0d5dd] rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto",children:v.map(T=>p.jsx("button",{onClick:()=>x(T.value),className:se("w-full px-3.5 py-2.5 text-left text-sm hover:bg-gray-50 transition-colors",c===T.value?"bg-blue-50 text-blue-700":"text-[#101828]"),children:T.label},T.value))})]})]}),p.jsxs("div",{className:"flex-1 overflow-hidden",children:[p.jsx("div",{className:"bg-[#f9fafb] border-b border-[#eaecf0] px-2 py-2",children:p.jsxs("div",{className:"grid grid-cols-4 gap-3 items-center",children:[p.jsx("div",{className:"col-span-2 px-0 py-2",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:"Name"})}),p.jsx("div",{className:"flex justify-center px-0 py-2",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:"Runs"})}),p.jsx("div",{className:"flex justify-center px-0 py-2",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:"Response Time"})})]})}),p.jsx("div",{className:"overflow-y-auto max-h-[calc(100%-40px)]",children:j.length===0?p.jsxs("div",{className:"flex flex-col items-center justify-center h-64 text-center",children:[p.jsxs("h3",{className:"text-md font-medium text-gray-900 mb-[8px]",children:["No ",s.title.toLowerCase()," for this date"]}),p.jsxs("p",{className:"text-xs text-gray-500",children:["There were no ",s.title.toLowerCase()," recorded on ",b(r),"."]})]}):p.jsxs(p.Fragment,{children:[j.map((T,A)=>p.jsxs("div",{className:"grid grid-cols-4 gap-3 items-center px-2 py-3 border-b border-[#eaecf0] hover:bg-gray-50 transition-colors",children:[p.jsxs("div",{className:"col-span-2 flex items-center gap-2",children:[p.jsx("div",{className:"flex-shrink-0",children:p.jsx(wi,{icon:T.icon,iconSource:n==="agentRuns"?"agent":n==="toolRuns"?"workflowtool":"model",size:"small",name:T.name,toolType:T.toolType||T.type,provider:T.provider,modelName:T.modelName})}),p.jsxs("div",{className:"min-w-0 flex-1",children:[p.jsx("div",{className:"text-sm font-medium text-[#101828] truncate",children:T.name}),n==="modelRuns"&&T.provider&&p.jsx("div",{className:"text-xs text-[#475467] truncate",children:T.provider})]})]}),p.jsx("div",{className:"flex justify-center",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:GB(T.runs)})}),p.jsx("div",{className:"flex justify-center",children:p.jsx("div",{className:"text-xs font-medium text-[#475467]",children:T.responseTime})})]},T.id||A)),l<g.length&&p.jsx("div",{className:"flex justify-center",children:p.jsx("button",{onClick:O,className:"bg-white border border-[#d0d5dd] rounded px-3 py-1 text-xs font-medium text-[#344054] hover:bg-gray-50 transition-colors",children:"Load 10 more"})})]})})]})]})]})]})};class M0{constructor(t=""){Bt(this,"API_PATH","/tracing/api/trpc/metrics.getMetrics");Bt(this,"baseUrl","");Bt(this,"endpoints",{});this.baseUrl=t,this.initializeEndpoints()}setBaseUrl(t){this.baseUrl=t,this.initializeEndpoints()}getEndpoint(t){return this.endpoints[t]||{endpoint:"",method:"GET"}}getBaseUrl(){return this.baseUrl}initializeEndpoints(){const t=`${this.baseUrl}${this.API_PATH}`;this.endpoints["usage-analytics.cards"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["usage-analytics.sessions.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["usage-analytics.messages.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["usage-analytics.users.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["usage-analytics.tokens.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["runs.cards"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["runs.agent-runs.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["runs.model-runs.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH},this.endpoints["runs.tool-runs.timeseries"]={endpoint:t,method:"GET",baseEndpoint:this.API_PATH}}getAvailableEndpoints(){return Object.keys(this.endpoints)}hasEndpoint(t){return t in this.endpoints}}class N0{constructor(t){Bt(this,"endpointsService");Bt(this,"defaultHeaders");Bt(this,"timeout");this.endpointsService=new M0(t.baseUrl),this.defaultHeaders={"Content-Type":"application/json",...t.defaultHeaders},this.timeout=t.timeout||3e4}updateConfig(t){t.baseUrl&&this.endpointsService.setBaseUrl(t.baseUrl),t.defaultHeaders&&(this.defaultHeaders={...this.defaultHeaders,...t.defaultHeaders}),t.timeout&&(this.timeout=t.timeout)}async invoke(t,r,n,a){const i=this.endpointsService.getEndpoint(t);if(!i.endpoint)throw new Error(`Endpoint not found for service: ${t}`);const o=this.prepareRequest(i,r,n);try{const s=new AbortController,l=setTimeout(()=>s.abort(),(a==null?void 0:a.timeout)||this.timeout),u=await fetch(o.url,{method:o.method,headers:o.headers,body:o.body,signal:(a==null?void 0:a.signal)||s.signal});if(clearTimeout(l),!u.ok)throw new Error(`HTTP Error: ${u.status} ${u.statusText}`);return await u.json()}catch(s){throw s instanceof Error?s.name==="AbortError"?new Error("Request timeout"):s:new Error("Unknown error occurred during API call")}}prepareRequest(t,r,n){const a={...this.defaultHeaders,...n},i={};Object.entries(a).forEach(([l,u])=>{u!==void 0&&(i[l]=u)});let o=t.endpoint,s;if(t.method==="GET"&&r){const l=this.buildQueryParams(r);o+=`?${l}`}else r&&(s=JSON.stringify(r));return{url:o,method:t.method,headers:i,body:s}}buildQueryParams(t){const r={json:t},n=new URLSearchParams;return n.append("input",JSON.stringify(r)),n.append("rnd",Math.random().toString(36).substring(7)),n.toString()}getBaseUrl(){return this.endpointsService.getBaseUrl()}hasEndpoint(t){return this.endpointsService.hasEndpoint(t)}getAvailableEndpoints(){return this.endpointsService.getAvailableEndpoints()}}class Kt{constructor(t){Bt(this,"apiInvoker");Bt(this,"projectId");Bt(this,"environment");Bt(this,"defaultTimeRange");const r={baseUrl:t.baseUrl,defaultHeaders:t.headers,timeout:3e4};this.apiInvoker=new N0(r),this.projectId=t.projectId,this.environment=t.environment,this.defaultTimeRange=t.defaultTimeRange}updateConfig(t){(t.baseUrl||t.headers)&&this.apiInvoker.updateConfig({baseUrl:t.baseUrl,defaultHeaders:t.headers}),t.projectId&&(this.projectId=t.projectId),t.environment&&(this.environment=t.environment),t.defaultTimeRange&&(this.defaultTimeRange=t.defaultTimeRange,console.log("🔄 API Service: Updated defaultTimeRange:",this.defaultTimeRange))}getDefaultTimeRange(){return this.defaultTimeRange||Kt.getDateRange(7)}async fetchEnvironments(){try{const r=`${this.apiInvoker.getBaseUrl()}/aaa/api/v1/apps/${this.projectId}/environments?rnd=${Math.random().toString(36).substring(2,8)}`;console.log("🌍 Fetching environments for project:",this.projectId),console.log("🔗 Environment API URL:",r);const n=await fetch(r,{method:"GET",headers:{"Content-Type":"application/json",...this.apiInvoker.defaultHeaders}});if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const a=await n.json();return console.log("✅ Environments fetched successfully:",a.map(i=>({name:i.envName,enabled:i.isEnabled,status:i.status}))),a}catch(t){throw console.error("❌ Error fetching environments:",t),t}}async fetchUsageAnalyticsCards(t,r,n,a=[]){const i=n||Kt.getTimeDimension(t,r);console.log("📊 Fetching usage analytics cards:",{dateRange:{fromTimestamp:t,toTimestamp:r},providedTimeDimension:n,resolvedTimeDimension:i});const o={projectId:this.projectId,type:"cards",category:"usage-analytics",envId:this.environment,fromTimestamp:t,toTimestamp:r,filter:a,includeTrends:!0,timeDimension:i};return(await this.apiInvoker.invoke("usage-analytics.cards",o)).result.data.json}async fetchRunsCards(t,r,n,a=[]){const i=n||Kt.getTimeDimension(t,r);console.log("📊 Fetching runs cards:",{dateRange:{fromTimestamp:t,toTimestamp:r},providedTimeDimension:n,resolvedTimeDimension:i});const o={projectId:this.projectId,type:"cards",category:"runs",envId:this.environment,fromTimestamp:t,toTimestamp:r,filter:a,includeTrends:!0,timeDimension:i};return(await this.apiInvoker.invoke("runs.cards",o)).result.data.json}async fetchTimeSeriesData(t,r,n,a,i,o=[]){const s=i||Kt.getTimeDimension(n,a);console.log("📊 Fetching time series data:",{metric:t,category:r,dateRange:{fromTimestamp:n,toTimestamp:a},providedTimeDimension:i,resolvedTimeDimension:s});const l=`${r}.${t}.timeseries`,u={projectId:this.projectId,type:"time-series",category:r,envId:this.environment,fromTimestamp:n,toTimestamp:a,filter:o,metric:t,timeDimension:s};return(await this.apiInvoker.invoke(l,u)).result.data.json}transformUsageAnalyticsCards(t){const r=t.data.trends;console.log("Transforming usage analytics cards with trends:",r);const n=a=>a>0?"increase":"decrease";return[{title:"Users",value:t.data.users,metricType:"users",icon:"users",info:"Number of unique users who interacted with the app",highlighted:!0,change:r!=null&&r.users?{value:Math.abs(r.users.changePercent),type:n(r.users.changePercent)}:void 0},{title:"Sessions",value:t.data.sessions,metricType:"sessions",icon:"activity",info:"Number of conversations initiated with the app",highlighted:!1,change:r!=null&&r.sessions?{value:Math.abs(r.sessions.changePercent),type:n(r.sessions.changePercent)}:void 0},{title:"Messages",value:t.data.messages.total,metricType:"messages",icon:"message-circle",info:"Total messages exchanged between users and the app",highlighted:!1,change:r!=null&&r.messages?{value:Math.abs(r.messages.changePercent.total),type:n(r.messages.changePercent.total)}:void 0},{title:"Tokens",value:t.data.tokens.total,metricType:"tokens",icon:"coins",info:"Total input and output tokens processed by the app for all interactions",highlighted:!1,change:r!=null&&r.tokens?{value:Math.abs(r.tokens.changePercent.total),type:n(r.tokens.changePercent.total)}:void 0}]}transformRunsCards(t){const r=t.data.trends;console.log("Transforming runs cards with trends:",r);const n=a=>a>0?"increase":"decrease";return[{title:"Agent Runs",value:t.data.agentRuns,metricType:"agentRuns",icon:"bot",info:"Number of times the AI agents were executed to handle user requests",highlighted:!0,change:r!=null&&r.agentRuns?{value:Math.abs(r.agentRuns.changePercent),type:n(r.agentRuns.changePercent)}:void 0},{title:"Tool Runs",value:t.data.toolRuns.total,metricType:"toolRuns",icon:"wrench",info:"Number of times various tools were triggered by the AI agents to complete tasks",highlighted:!1,change:r!=null&&r.toolRuns?{value:Math.abs(r.toolRuns.changePercent.total),type:n(r.toolRuns.changePercent.total)}:void 0},{title:"Model Runs",value:t.data.modelRuns,metricType:"modelRuns",icon:"cpu",info:"Number of times the AI agents called various language models to generate responses",highlighted:!1,change:r!=null&&r.modelRuns?{value:Math.abs(r.modelRuns.changePercent),type:n(r.modelRuns.changePercent)}:void 0}]}transformTimeSeriesDataForMetric(t,r){var a;if(console.log("=== METRIC-SPECIFIC TRANSFORM DEBUG ==="),console.log("Raw TimeSeriesResponse:",JSON.stringify(t,null,2)),console.log("Metric type:",r),!t||!t.data||!Array.isArray(t.data))return console.error("Invalid time series data structure:",t),[];const n=t.data.map((i,o)=>{console.log(`Processing point ${o}:`,i);const s=new Date(i.timestamp),l=s.toISOString().split("T")[0],u=s.toLocaleDateString("en-US",{month:"short",day:"numeric"}),c={date:l,timestamp:u,formattedDate:u,count:i.count||0,value:i.count||0,input_tokens:i.input_tokens||0,output_tokens:i.output_tokens||0,total_tokens:(i.input_tokens||0)+(i.output_tokens||0),inputTokens:i.input_tokens||0,outputTokens:i.output_tokens||0,totalTokens:(i.input_tokens||0)+(i.output_tokens||0),listView:i.listView||[],index:o};switch(r){case"users":c.users=i.count||0;break;case"sessions":c.sessions=i.count||0;break;case"messages":c.messages=i.count||0;break;case"tokens":c.tokens=i.count||0,i.input_tokens||i.output_tokens?c.totalTokens=(i.input_tokens||0)+(i.output_tokens||0):c.totalTokens=i.count||0;break;case"agentRuns":c.agentRuns=i.count||0;break;case"toolRuns":c.toolRuns=i.count||0;break;case"modelRuns":c.modelRuns=i.count||0;break;default:c.users=i.count||0,c.sessions=i.count||0,c.messages=i.count||0,c.tokens=i.count||0,c.agentRuns=i.count||0,c.toolRuns=i.count||0,c.modelRuns=i.count||0}return console.log(`Transformed point ${o} for metric ${r}:`,c),c});return console.log("Final transformed data array:",JSON.stringify(n,null,2)),console.log("Sample transformed point for chart:",n[0]),console.log("Populated metric property:",r,"=",(a=n[0])==null?void 0:a[r||"count"]),console.log("=== END METRIC-SPECIFIC TRANSFORM DEBUG ==="),n}transformTimeSeriesData(t){return this.transformTimeSeriesDataForMetric(t)}transformAgentsListViewToTable(t){return Array.isArray(t)?t.map((r,n)=>{var o,s;let a="",i=null;if(r.icon)try{if(i=typeof r.icon=="string"?JSON.parse(r.icon):r.icon,i.name){const l=((o=r.agentName)==null?void 0:o.replace(/\s+/g,""))||`agent${n}`,u=((s=i.color)==null?void 0:s.replace("#",""))||"b6e3f4";a=`https://api.dicebear.com/7.x/avataaars/svg?seed=${l}&backgroundColor=${u}&backgroundType=solid`}}catch{console.warn("Failed to parse icon data:",r.icon)}return{id:`agent-${n+1}`,name:r.agentName||`Agent ${n+1}`,runs:r.count||0,responseTime:r.avgResponseTime?r.avgResponseTime<1e3?`${Math.round(r.avgResponseTime)}ms`:`${(r.avgResponseTime/1e3).toFixed(2)}s`:"0ms",tokens:r.tokens||Math.floor((r.count||0)*150),successRate:r.successRate?`${Math.round(r.successRate)}%`:"95%",lastRun:r.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),avatar:a||`https://api.dicebear.com/7.x/avataaars/svg?seed=agent${n}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`,icon:r.icon||void 0}}):(console.warn("Invalid listView data for agents:",t),[])}transformToolsListViewToTable(t){return Array.isArray(t)?t.map((r,n)=>({id:`tool-${n+1}`,name:r.toolName||r.tool_name||`Tool ${n+1}`,type:r.type||r.toolType||r.tool_type||"Code Tool",runs:r.count||0,responseTime:r.avgResponseTime?r.avgResponseTime<1e3?`${Math.round(r.avgResponseTime)}ms`:`${(r.avgResponseTime/1e3).toFixed(2)}s`:"0ms",tokens:r.tokens||Math.floor((r.count||0)*50),successRate:r.successRate?`${Math.round(r.successRate)}%`:"92%",lastRun:r.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:r.icon||r.tool_icon||void 0})):(console.warn("Invalid listView data for tools:",t),[])}transformModelsListViewToTable(t){return Array.isArray(t)?t.map((r,n)=>({id:`model-${n+1}`,name:r.modelName||`Model ${n+1}`,modelName:r.modelName,provider:r.provider,runs:r.count||0,responseTime:r.avgResponseTime?r.avgResponseTime<1e3?`${Math.round(r.avgResponseTime)}ms`:`${(r.avgResponseTime/1e3).toFixed(2)}s`:"0ms",avgResponseTime:r.avgResponseTime,tokens:r.tokens||r.totalTokens||Math.floor((r.count||0)*300),totalTokens:r.totalTokens||r.tokens,successRate:r.successRate?`${Math.round(r.successRate)}%`:"98%",lastRun:r.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:r.icon})):(console.warn("Invalid listView data for models:",t),[])}extractAgentControlOptions(t){if(!Array.isArray(t))return[{label:"All Agents",value:"all"}];const r=[{label:"All Agents",value:"all"}];return t.forEach(n=>{var a;if(n.agentName){let i="";try{if(n.icon){const o=typeof n.icon=="string"?JSON.parse(n.icon):n.icon;if(o.name){const s=n.agentName.replace(/\s+/g,""),l=((a=o.color)==null?void 0:a.replace("#",""))||"b6e3f4";i=`https://api.dicebear.com/7.x/avataaars/svg?seed=${s}&backgroundColor=${l}&backgroundType=solid`}}}catch{console.warn("Failed to parse icon data for control:",n.icon)}r.push({label:n.agentName,value:n.agentName.replace(/\s+/g,"").toLowerCase(),avatar:i||`https://api.dicebear.com/7.x/avataaars/svg?seed=${n.agentName.replace(/\s+/g,"")}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`})}}),r}extractToolControlOptions(t){if(!Array.isArray(t))return[{label:"All Tools",value:"all"}];const r=[{label:"All Tools",value:"all"}];return t.forEach(n=>{const a=n.toolName||n.tool_name;if(a){let i=function(o){if(!o)return"Code Tool";const s=o.toLowerCase();return["inlinetool","code tool","code","event"].includes(s)?"Code Tool":["toollibrary","workflow tool"].includes(s)?"Workflow Tool":["mcp","mcptool"].includes(s)?"MCP Tool":["knowledge","knowledge tool"].includes(s)||o==="KNOWLEDGE"?"Knowledge":o==="inlineTool"?"Code Tool":o==="toolLibrary"?"Workflow Tool":o==="MCP"||o==="mcpTool"?"MCP Tool":"Code Tool"};r.push({label:a,value:a.replace(/[-]/g,""),icon:n.icon||n.tool_icon||void 0,type:n.type||i(n.toolType||n.tool_type)})}}),r}extractModelControlOptions(t){if(!Array.isArray(t))return[{label:"All Models",value:"all"}];const r=[{label:"All Models",value:"all"}];return t.forEach(n=>{n.modelName&&r.push({label:n.modelName,value:n.modelName.replace(/[-\.]/g,""),icon:n.icon,type:n.provider})}),r}async fetchTimeSeriesDataWithTableData(t,r,n,a,i,o=[]){const s=await this.fetchTimeSeriesData(t,r,n,a,i,o);let l=[];s.data.forEach(d=>{d.listView&&Array.isArray(d.listView)&&(l=[...l,...d.listView])});const u=this.aggregateListViewItems(l);let c=[],f=[];return t==="agent-runs"?(c=this.transformAgentsListViewToTable(u),f=this.extractAgentControlOptions(u)):t==="tool-runs"?(c=this.transformToolsListViewToTable(u),f=this.extractToolControlOptions(u)):t==="model-runs"&&(c=this.transformModelsListViewToTable(u),f=this.extractModelControlOptions(u)),{chartData:this.transformTimeSeriesDataForMetric(s,t.replace("-","")),tableData:c,controlOptions:f}}aggregateListViewItems(t){const r=new Map;return t.forEach(n=>{const a=n.agentName||n.toolName||n.modelName||"unknown";if(r.has(a)){const i=r.get(a);i.count=(i.count||0)+(n.count||0),i.avgResponseTime=i.avgResponseTime&&n.avgResponseTime?(i.avgResponseTime+n.avgResponseTime)/2:i.avgResponseTime||n.avgResponseTime,i.tokens=(i.tokens||0)+(n.tokens||0)}else r.set(a,{...n})}),Array.from(r.values())}async fetchEnhancedMetricsData(t,r,n,a=[]){try{const[i,o,s]=await Promise.all([this.fetchTimeSeriesDataWithTableData("agent-runs","runs",t,r,n,a),this.fetchTimeSeriesDataWithTableData("tool-runs","runs",t,r,n,a),this.fetchTimeSeriesDataWithTableData("model-runs","runs",t,r,n,a)]);return{agents:i,tools:o,models:s}}catch(i){throw console.error("Error fetching enhanced metrics data:",i),i}}async transformRunsCardsWithEnhancedData(t,r,n,a,i=[]){const o=t.data.trends,s=h=>h>0?"increase":"decrease",[l,u,c,f]=await Promise.all([this.fetchTimeSeriesDataWithTableData("agent-runs","runs",r,n,a,i),this.fetchTimeSeriesDataWithTableData("tool-runs","runs",r,n,a,i),this.fetchTimeSeriesDataWithTableData("model-runs","runs",r,n,a,i),this.fetchTimeSeriesData("tool-runs","runs",r,n,a,i)]),d=this.transformTimeSeriesDataForToolRuns(f);return[{title:"Agent Runs",value:t.data.agentRuns,metricType:"agentRuns",icon:"bot",highlighted:!0,info:"Number of times the AI agents were executed to handle user requests",change:o!=null&&o.agentRuns?{value:Math.abs(o.agentRuns.changePercent),type:s(o.agentRuns.changePercent)}:void 0,view:{type:"chart",chart:{type:"line",title:"Agent Runs",data:l.chartData,dataKey:"agentRuns",color:"#0BA5EC",yAxisLabel:"Number of Agent Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}},table:{title:"Agent Runs",data:l.tableData,columns:[{key:"name",title:"Name",width:200,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"},{key:"tokens",title:"Tokens",width:100,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`}]}},controls:{dropdown:{label:"All Agents",options:l.controlOptions,defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}},{title:"Tool Runs",value:t.data.toolRuns.total,metricType:"toolRuns",icon:"wrench",info:"Number of times various tools were triggered by the AI agents to complete tasks",highlighted:!1,change:o!=null&&o.toolRuns?{value:Math.abs(o.toolRuns.changePercent.total),type:s(o.toolRuns.changePercent.total)}:void 0,view:{type:"chart",chart:{type:"line",title:"Tool Runs",data:d,yAxisLabel:"Number of Tool Runs",lines:[{dataKey:"toolRuns",color:"#667085",label:"Tool Runs"},{dataKey:"codeTools",color:"#F38744",label:"Code Tools"},{dataKey:"workflowTools",color:"#2970FF",label:"Workflow Tools"},{dataKey:"knowledgeTools",color:"#7A5AF8",label:"Knowledge"},{dataKey:"mcpTools",color:"#47CD89",label:"MCP Tools"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}},table:{title:"Tool Runs",data:u.tableData,columns:[{key:"name",title:"Name",width:200,align:"left"},{key:"type",title:"Type",width:150,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"}]}},controls:{dropdown:{label:"All Tools",options:u.controlOptions,defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}},{title:"Model Runs",value:t.data.modelRuns,metricType:"modelRuns",icon:"cpu",highlighted:!1,info:"Number of times the AI agents called various language models to generate responses",change:o!=null&&o.modelRuns?{value:Math.abs(o.modelRuns.changePercent),type:s(o.modelRuns.changePercent)}:void 0,view:{type:"chart",chart:{type:"line",title:"Model Runs",data:c.chartData,dataKey:"modelRuns",color:"#47CD89",yAxisLabel:"Number of Model Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}},table:{title:"Model Runs",data:c.tableData,columns:[{key:"name",title:"Model Name",width:200,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`},{key:"tokens",title:"Tokens",width:120,align:"right",formatter:h=>`${Math.floor(h/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"}]}},controls:{dropdown:{label:"All Models",options:c.controlOptions,defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}}]}async transformUsageAnalyticsCardsWithEnhancedData(t,r,n,a,i=[]){const o=t.data.trends,s=d=>d>0?"increase":"decrease",[l,u,c,f]=await Promise.all([this.fetchTimeSeriesData("users","usage-analytics",r,n,a,i),this.fetchTimeSeriesData("sessions","usage-analytics",r,n,a,i),this.fetchTimeSeriesData("messages","usage-analytics",r,n,a,i),this.fetchTimeSeriesData("tokens","usage-analytics",r,n,a,i)]);return[{title:"Users",value:t.data.users,metricType:"users",icon:"users",highlighted:!0,info:"Number of unique users who interacted with the app",change:o!=null&&o.users?{value:Math.abs(o.users.changePercent),type:s(o.users.changePercent)}:void 0,view:{type:"chart",chart:{type:"line",title:"Total Users",data:this.transformTimeSeriesDataForMetric(l,"users"),dataKey:"users",color:"#4E5BA6",yAxisLabel:"Number of Users",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}}}},{title:"Sessions",value:t.data.sessions,metricType:"sessions",icon:"activity",highlighted:!1,info:"Number of conversations initiated with the app",change:o!=null&&o.sessions?{value:Math.abs(o.sessions.changePercent),type:s(o.sessions.changePercent)}:void 0,view:{type:"chart",chart:{type:"line",title:"Total Sessions",data:this.transformTimeSeriesDataForMetric(u,"sessions"),dataKey:"sessions",color:"#0BA5EC",yAxisLabel:"Number of Sessions",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}}}},{title:"Messages",value:t.data.messages.total,metricType:"messages",icon:"message-circle",info:"Total messages exchanged between users and the app",highlighted:!1,change:o!=null&&o.messages?{value:Math.abs(o.messages.changePercent.total),type:s(o.messages.changePercent.total)}:void 0,view:{type:"chart",chart:{type:"line",title:"Total Messages",data:this.transformTimeSeriesDataForMetric(c,"messages"),dataKey:"messages",color:"#E478FA",yAxisLabel:"Number of Messages",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}}}},{title:"Tokens",value:t.data.tokens.total,metricType:"tokens",icon:"coins",info:"Total input and output tokens processed by the app for all interactions",highlighted:!1,change:o!=null&&o.tokens?{value:Math.abs(o.tokens.changePercent.total),type:s(o.tokens.changePercent.total)}:void 0,view:{type:"chart",chart:{type:"line",title:"Token Usage Breakdown",data:this.transformTimeSeriesDataForMetric(f,"tokens"),yAxisLabel:"Number of Tokens",lines:[{dataKey:"totalTokens",color:"#FF692E",label:"Total Tokens"},{dataKey:"inputTokens",color:"#5925DC",label:"Input Tokens"},{dataKey:"outputTokens",color:"#E478FA",label:"Output Tokens"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:r.split("T")[0],end:n.split("T")[0]}}}}]}transformTimeSeriesDataForToolRuns(t){if(console.log("=== TOOL RUNS SPECIFIC TRANSFORM DEBUG ==="),console.log("Raw TimeSeriesResponse for tool runs:",JSON.stringify(t,null,2)),!t||!t.data||!Array.isArray(t.data))return console.error("Invalid time series data structure:",t),[];const r=t.data.map((n,a)=>{console.log(`Processing point ${a}:`,n);const i=new Date(n.timestamp),o=i.toISOString().split("T")[0],s=i.toLocaleDateString("en-US",{month:"short",day:"numeric"}),l=n.count||0;let u=0,c=0,f=0,d=0;if(n.listView&&Array.isArray(n.listView)){n.listView.forEach(g=>{const m=g.count||0,b=(g.toolType||g.tool_type||"").toLowerCase(),O=(g.toolName||g.tool_name||"").toLowerCase();console.log("Processing listView item:",{toolType:b,toolName:O,count:m});const x=b.toLowerCase();["inlinetool","inlineTool","tool","code","codetool","event","EVENT"].includes(b)||["inlinetool","tool","code","codetool","event"].includes(x)?u+=m:["toollibrary","toolLibrary","workflow","workflowtool"].includes(b)||["toollibrary","workflow","workflowtool"].includes(x)?c+=m:["knowledge","KNOWLEDGE","knowledgetool"].includes(b)||["knowledge","knowledgetool"].includes(x)?f+=m:["mcp","MCP","mcptool","mcpTool"].includes(b)||["mcp","mcptool"].includes(x)?d+=m:(console.log(`Unknown tool type '${b}' for tool '${O}', defaulting to code tools`),u+=m)}),console.log(`Calculated breakdown for point ${a}:`,{codeTools:u,workflowTools:c,knowledgeTools:f,mcpTools:d,total:u+c+f+d,expectedTotal:l});const v=u+c+f+d;if(Math.abs(v-l)>1){console.warn(`Breakdown total (${v}) doesn't match expected total (${l}) for point ${a}`);const g=l-v;u+=g,console.log(`Adjusted codeTools by ${g} to balance total`)}}else console.log(`No listView data for point ${a}, assigning all ${l} to codeTools`),u=l;const h={date:o,timestamp:s,formattedDate:s,toolRuns:l,value:l,count:l,codeTools:u,workflowTools:c,knowledgeTools:f,mcpTools:d,input_tokens:n.input_tokens||0,output_tokens:n.output_tokens||0,total_tokens:(n.input_tokens||0)+(n.output_tokens||0),inputTokens:n.input_tokens||0,outputTokens:n.output_tokens||0,totalTokens:(n.input_tokens||0)+(n.output_tokens||0),listView:n.listView||[],index:a};return console.log(`Transformed tool runs point ${a}:`,h),h});return console.log("Final tool runs transformed data:",JSON.stringify(r,null,2)),console.log("=== END TOOL RUNS SPECIFIC TRANSFORM DEBUG ==="),r}async fetchAllCardsData(t,r,n=[]){try{const[a,i]=await Promise.all([this.fetchUsageAnalyticsCards(t,r,void 0,n),this.fetchRunsCards(t,r,void 0,n)]);return{usageAnalytics:this.transformUsageAnalyticsCards(a),runs:this.transformRunsCards(i)}}catch(a){throw console.error("Error fetching cards data:",a),a}}async fetchAllCardsDataWithEnhancedViews(t,r,n,a=[]){try{const[i,o]=await Promise.all([this.fetchUsageAnalyticsCards(t,r,n,a),this.fetchRunsCards(t,r,n,a)]),[s,l]=await Promise.all([this.transformUsageAnalyticsCardsWithEnhancedData(i,t,r,n,a),this.transformRunsCardsWithEnhancedData(o,t,r,n,a)]);return{usageAnalytics:s,runs:l}}catch(i){throw console.error("Error fetching enhanced cards data:",i),i}}async fetchDefaultTimeSeriesData(t,r,n,a=[]){try{const[i,o]=await Promise.all([this.fetchTimeSeriesData("sessions","usage-analytics",t,r,n,a),this.fetchTimeSeriesData("agent-runs","runs",t,r,n,a)]);return{sessions:this.transformTimeSeriesData(i),agentRuns:this.transformTimeSeriesData(o)}}catch(i){throw console.error("Error fetching default time series data:",i),i}}transformListViewForSlider(t,r){return Array.isArray(t)?t.map((n,a)=>{const i={id:`${r}-${a+1}`,runs:n.count||0,responseTime:n.avgResponseTime?n.avgResponseTime<1e3?`${Math.round(n.avgResponseTime)}ms`:`${(n.avgResponseTime/1e3).toFixed(2)}s`:"0ms",successRate:n.successRate?`${Math.round(n.successRate)}%`:void 0,tokens:n.totalTokens||n.tokens||0,icon:n.icon||n.tool_icon||void 0,aiModel:"gpt-4o"};switch(r){case"agentRuns":return{...i,name:n.agentName||`Agent ${a+1}`,type:"Agent",aiModel:this.extractAIModel(n)||"gpt-4o"};case"toolRuns":return{...i,name:n.toolName||n.tool_name||`Tool ${a+1}`,type:n.type||n.toolType||n.tool_type||"Code Tool",toolType:n.toolType||n.tool_type,aiModel:this.extractAIModel(n)||"gpt-4o"};case"modelRuns":return{...i,name:n.modelName||`Model ${a+1}`,modelName:n.modelName,provider:n.provider,type:n.provider||"Model",aiModel:n.modelName||n.model||"gpt-4o"};default:return{...i,name:`Item ${a+1}`,type:"Unknown",aiModel:"gpt-4o"}}}):(console.warn("Invalid listView data for slider:",t),[])}extractAIModel(t){if(t.modelName)return t.modelName;if(t.model)return t.model;if(t.llmModel)return t.llmModel;if(t.aiModel)return t.aiModel;const r=["gpt-4o","gpt-4o-mini","claude-3-5-haiku"];return r[Math.floor(Math.random()*r.length)]}static getDateRange(t=7){const r=new Date,n=new Date;return n.setDate(r.getDate()-t),{fromTimestamp:n.toISOString(),toTimestamp:r.toISOString()}}static getTimeDimension(t,r){const n=new Date(t),a=new Date(r),i=new Date(n.getFullYear(),n.getMonth(),n.getDate()),o=new Date(a.getFullYear(),a.getMonth(),a.getDate()),s=o.getTime()-i.getTime(),l=s/(1e3*60*60*24),u=i.toISOString().split("T")[0],c=o.toISOString().split("T")[0],f=u===c,d=new Date(n.getFullYear(),n.getMonth(),n.getDate()),h=f&&Math.abs(n.getTime()-d.getTime())<1e3,v=Math.abs(a.getTime()-n.getTime()),g=v<60*1e3;return console.log("🕐 TimeDimension calculation:",{fromTimestamp:t,toTimestamp:r,fromDateStr:u,toDateStr:c,diffInMs:s,diffInDays:l,isSameCalendarDay:f,isTodayPattern:h,timeDiffInMs:v,isVeryClose:g,fromStartOfDay:d.toISOString(),recommended:f||h||g||l<=1?"hour":l<=31?"day":l<=90?"week":"month"}),f||h||g||l<=1?"hour":"day"}getAvailableMetrics(){return{"usage-analytics":["sessions","messages","users","tokens"],runs:["agent-runs","model-runs","tool-runs"]}}}const D0=({config:e,className:t,isLoading:r,context:n})=>{const{type:a,chart:i,table:o,layout:s="vertical"}=e,[l,u]=S.useState({isOpen:!1,date:"",metricType:"agentRuns",data:[],totalRuns:0}),c=(g,m)=>{console.log("Chart data point clicked in ViewRenderer:",{chartData:g,date:m,context:n});const b=n==null?void 0:n.metricType;if(!b||!["agentRuns","toolRuns","modelRuns"].includes(b)){console.log("Slider not applicable for metric type:",b);return}const O=g.listView||[];console.log("ListView data for clicked date:",O);const j=new Kt({baseUrl:"",projectId:"",environment:""}).transformListViewForSlider(O,b),y=g[b]||g.count||0;console.log("Opening slider with data:",{date:m,metricType:b,sliderData:j,totalRuns:y}),u({isOpen:!0,date:m,metricType:b,data:j,totalRuns:y})},f=()=>{u(g=>({...g,isOpen:!1}))},d=()=>i?(console.log("ViewRenderer - Chart config:",i),console.log("ViewRenderer - Chart data:",i.data),console.log("ViewRenderer - Context:",n),p.jsx("div",{className:"flex-1",children:p.jsx(j0,{config:i,isLoading:r,onDataPointClick:c})})):null,h=()=>o?(n==null?void 0:n.metricType)==="agentRuns"?p.jsx("div",{className:"flex-1 min-h-[380px]",children:p.jsx(E0,{data:o.data})}):(n==null?void 0:n.metricType)==="toolRuns"?p.jsx("div",{className:"flex-1 min-h-[380px]",children:p.jsx(C0,{data:o.data})}):(n==null?void 0:n.metricType)==="modelRuns"?p.jsx("div",{className:"flex-1 min-h-[380px]",children:p.jsx($0,{data:o.data})}):p.jsx("div",{className:"flex-1 min-h-[380px]",children:p.jsx(P0,{config:o})}):null,v=()=>{switch(a){case"chart":return d();case"table":return h();case"mixed":return p.jsxs("div",{className:se("flex gap-6",s==="horizontal"?"flex-row":"flex-col"),children:[d(),h()]});default:return p.jsxs("div",{className:"p-4 text-center text-gray-500",children:["Unsupported view type: ",a]})}};return p.jsxs(p.Fragment,{children:[p.jsx("div",{className:se("w-full",t),children:v()}),p.jsx(k0,{isOpen:l.isOpen,onClose:f,date:l.date,metricType:l.metricType,data:l.data,totalRuns:l.totalRuns})]})},Ms=({options:e,value:t,placeholder:r="Select an option",onChange:n,className:a,disabled:i=!1})=>{const[o,s]=S.useState(!1),[l,u]=S.useState(t||""),c=S.useRef(null),f=e.find(v=>v.value===l);S.useEffect(()=>{const v=g=>{c.current&&!c.current.contains(g.target)&&s(!1)};return o&&document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[o]);const d=v=>{i||(u(v),s(!1),n==null||n(v))},h=()=>{i||s(!o)};return p.jsxs("div",{ref:c,className:se("relative",a),children:[p.jsxs("button",{type:"button",className:se("flex h-[40px] text-left w-full items-center rounded-lg border border-gray-300 bg-white px-[14px] py-[10px] medium shadow-none outline-none focus-visible:border-ring focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-gray-25 transition-colors",a),onClick:h,disabled:i,children:[p.jsxs("div",{className:"flex items-center gap-[8px] w-full",children:[p.jsx("span",{className:"text-xs font-medium text-gray-400 uppercase",children:"ENV"}),p.jsx("span",{className:se("truncate w-full",!f&&"text-gray-700 font-medium text-sm"),children:f?f.label:r})]}),p.jsx(fr,{className:se("h-[16px] w-[16px] text-gray-400 transition-transform duration-200",o&&"rotate-180")})]}),o&&!i&&p.jsx("div",{className:"absolute p-[4px] w-full top-full left-0 z-50 mt-1 bg-popover max-h-[300px] overflow-y-auto text-popover-foreground overflow-x-hidden overflow-y-auto rounded-md border shadow-md",children:e.map(v=>{const g=l===v.value;return p.jsxs("div",{role:"option",className:"relative group",children:[p.jsx("button",{className:se("focus:bg-gray-50 rounded-[4px] hover:bg-gray-50 focus:text-accent-foreground relative flex w-full cursor-pointer select-none items-center px-[14px] py-[10px] text-sm text-left outline-none transition-colors",v.disabled?"opacity-50 cursor-not-allowed text-gray-400":g?"bg-blue-50 text-blue-900 font-medium":"text-gray-900 hover:bg-gray-50"),onClick:()=>!v.disabled&&d(v.value),disabled:v.disabled,children:p.jsx("span",{className:"block whitespace-nowrap w-full",children:v.label})}),v.label.length>25&&p.jsx("div",{className:"absolute left-full top-0 ml-2 z-[60] opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none",children:p.jsxs("div",{className:"bg-gray-900 text-white text-xs rounded-md px-3 py-2 whitespace-nowrap shadow-lg",children:[v.label,p.jsx("div",{className:"absolute left-0 top-1/2 transform -translate-x-full -translate-y-1/2 w-0 h-0 border-t-4 border-b-4 border-r-4 border-transparent border-r-gray-900"})]})})]},v.value)})})]})},I0=({options:e,value:t,defaultValue:r,placeholder:n="Select...",multiSelect:a=!1,searchable:i=!1,onChange:o,className:s,maxItems:l=100,maxLabelLength:u=30})=>{const[c,f]=S.useState(!1),[d,h]=S.useState(""),[v,g]=S.useState(()=>{const C=t||r;return a?Array.isArray(C)?C:C?[C]:[]:C?[Array.isArray(C)?C[0]:C]:[]}),m=S.useRef(null);S.useEffect(()=>{const C=P=>{m.current&&!m.current.contains(P.target)&&f(!1)};return document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)},[]);const b=(C,P=u)=>C.length<=P?C:C.substring(0,P)+"...",O=i?e.filter(C=>C.label.toLowerCase().includes(d.toLowerCase())):e,x=O.slice(0,l),j=O.length>l,y=C=>{let P;if(a){if(C==="all"){T();return}if(v.includes(C))P=v.filter(I=>I!==C),P=P.filter(I=>I!=="all");else{P=v.filter(D=>D!=="all"),P=[...P,C];const I=O.filter(D=>D.value!=="all").map(D=>D.value),k=P.filter(D=>D!=="all");k.length===I.length&&(P=["all",...k])}}else P=[C],f(!1);g(P);const E=a?P:P[0]||"";o==null||o(E)},w=()=>{if(!a)return{checked:!1,indeterminate:!1};const C=O.filter(E=>E.value!=="all").map(E=>E.value),P=v.filter(E=>E!=="all"&&C.includes(E));return v.includes("all")&&P.length===0?{checked:!1,indeterminate:!1}:P.length===0?{checked:!1,indeterminate:!1}:P.length===C.length?{checked:!0,indeterminate:!1}:{checked:!1,indeterminate:!0}},T=()=>{if(!a)return;const C=w(),P=O.filter(E=>E.value!=="all").map(E=>E.value);if(C.checked)g(["all"]),o==null||o(["all"]);else{const E=["all",...P];g(E),o==null||o(E)}},A=()=>{g(["all"]),o==null||o(a?["all"]:"all")},_=()=>{if(!a){if(v.length===0)return n;const I=e.find(k=>k.value===v[0]);return(I==null?void 0:I.label)||n}const C=v.filter(I=>I!=="all"),P=v.includes("all");if(C.length===0)return n;if(C.length===1){const I=e.find(k=>k.value===C[0]);return(I==null?void 0:I.label)||n}const E=e.filter(I=>I.value!=="all").length;return C.length===E?"All selected":`${C.length} selected`};return p.jsxs("div",{className:se("relative",s),ref:m,children:[p.jsxs("button",{type:"button",onClick:()=>f(!c),className:se("w-full flex items-center justify-between px-[12px] py-[8px] text-left text-xs","border border-gray-300 rounded-md bg-white hover:bg-gray-50","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500","transition-colors duration-150"),children:[p.jsx("span",{className:se("truncate",v.length===0&&"text-gray-500"),children:_()}),p.jsx(fr,{className:se("w-[16px] h-[16px] text-gray-400 transition-transform duration-150",c&&"transform rotate-180")})]}),c&&p.jsxs("div",{className:"absolute z-50 min-w-[300px] w-max max-w-lg mt-[4px] bg-white border border-gray-200 rounded-md shadow-lg max-h-80 overflow-hidden",children:[i&&p.jsx("div",{className:"p-[12px] border-b border-gray-100",children:p.jsxs("div",{className:"relative",children:[p.jsx(Ef,{className:"absolute left-[12px] top-1/2 transform -translate-y-1/2 w-[16px] h-[16px] text-gray-400"}),p.jsx("input",{type:"text",placeholder:`Search ${n.toLowerCase()}...`,value:d,onChange:C=>h(C.target.value),className:"w-full pl-[36px] pr-[12px] py-[8px] text-xs border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"})]})}),a&&p.jsxs("div",{className:"flex items-center justify-between px-[12px] py-[8px] border-b border-gray-100 bg-gray-50",children:[p.jsxs("button",{type:"button",onClick:T,className:"flex items-center text-xs font-medium text-gray-700 hover:text-gray-900",children:[p.jsx("div",{className:se("flex items-center justify-center w-[16px] h-[16px] mr-[8px] border transition-colors duration-150",(()=>{const C=w();return C.indeterminate||C.checked?"bg-blue-600 border-blue-600 text-white":"border-gray-300 bg-white"})()),children:(()=>{const C=w();return C.indeterminate?p.jsx("div",{className:"w-[8px] h-[4px] bg-white rounded"}):C.checked?p.jsx("svg",{className:"w-[12px] h-[12px]",fill:"currentColor",viewBox:"0 0 20 20",children:p.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})}):null})()}),"Select all"]}),p.jsx("button",{type:"button",onClick:A,className:"text-sm font-medium text-blue-600 hover:text-blue-800",children:"Clear"})]}),p.jsxs("div",{className:"max-h-60 overflow-y-auto",children:[x.length===0?p.jsx("div",{className:"px-[12px] py-[16px] text-sm text-gray-500 text-center",children:"No options found"}):x.map(C=>{let P;return C.value==="all"?null:(P=v.includes(C.value),p.jsxs("div",{className:"relative group",children:[p.jsxs("div",{onClick:()=>y(C.value),className:se("flex items-center px-[12px] py-[8px] cursor-pointer hover:bg-gray-50","transition-colors duration-150",P&&"bg-gray-50"),children:[a?p.jsx("div",{className:se("flex items-center justify-center w-[16px] h-[16px] mr-[12px] border","transition-colors duration-150",P?"bg-blue-600 border-blue-600 text-white":"border-gray-300 bg-white"),children:P&&p.jsx("svg",{className:"w-[12px] h-[12px]",fill:"currentColor",viewBox:"0 0 20 20",children:p.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}):p.jsx("div",{className:se("w-[16px] h-[16px] mr-[12px] rounded-full border-2 transition-colors duration-150",P?"border-blue-600 bg-blue-600":"border-gray-300"),children:P&&p.jsx("div",{className:"w-full h-full rounded-full bg-white scale-50"})}),p.jsx("span",{className:se("flex-1 text-xs whitespace-nowrap truncate",P?"font-medium text-gray-700":"text-gray-500"),children:b(C.label)})]}),C.label.length>u&&p.jsx("div",{className:"absolute left-full top-1/2 transform -translate-y-1/2 ml-2 z-[80] opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none",children:p.jsxs("div",{className:"bg-gray-900 text-white text-xs rounded-md px-[12px] py-[8px] shadow-lg max-w-xs break-words whitespace-normal",children:[C.label,p.jsx("div",{className:"absolute left-0 top-1/2 transform -translate-x-full -translate-y-1/2 w-0 h-0 border-t-4 border-b-4 border-r-4 border-transparent border-r-gray-900"})]})})]},C.value))}),j&&p.jsxs("div",{className:"px-[12px] py-[8px] text-xs text-gray-500 bg-gray-50 border-t border-gray-100",children:[p.jsxs("div",{className:"text-center font-medium",children:["+",O.length-l," more items"]}),i&&p.jsx("div",{className:"text-center mt-1 text-gray-400",children:"Use search above to find specific items"})]})]})]})]})},L0=({config:e,className:t})=>{var s;const{dropdown:r,buttons:n,toggle:a}=e,i=l=>{const u=l.toLowerCase();return u.includes("agent")?"agent":u.includes("tool")?"workflowtool":"app"},o=l=>{const u=l.toLowerCase();return u.includes("agent")?{maxItems:50,maxLabelLength:25}:u.includes("tool")?{maxItems:30,maxLabelLength:20}:{maxItems:40,maxLabelLength:25}};return p.jsxs("div",{className:se("flex items-center gap-3",t),children:[r&&p.jsx(p.Fragment,{children:r.multiSelect?p.jsx(I0,{options:r.options,value:r.defaultValue,placeholder:r.label,multiSelect:r.multiSelect,searchable:r.searchable,onChange:r.onChange,className:"w-48",iconSource:i(r.label),maxItems:o(r.label).maxItems,maxLabelLength:o(r.label).maxLabelLength}):p.jsx(Ms,{options:r.options,value:Array.isArray(r.defaultValue)?r.defaultValue[0]:r.defaultValue||((s=r.options[0])==null?void 0:s.value),placeholder:r.label,onChange:l=>{var u;return(u=r.onChange)==null?void 0:u.call(r,l)},className:"w-48"})}),n&&n.length>0&&p.jsx("div",{className:"flex items-center border border-gray-200 rounded-lg overflow-hidden",children:n.map((l,u)=>p.jsx("button",{onClick:()=>{var c;return(c=l.onClick)==null?void 0:c.call(l,l.value)},className:se("px-[12px] py-[8px] text-xs font-medium transition-colors","hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset",l.active?"bg-white text-gray-900 shadow-[0 1px 3px 0  rgba(16, 24, 40, 0.08), 0  1px 2px 0 rgba(16, 24, 40, 0.08)]":"text-gray-500 bg-white",u>0&&"border-l border-gray-200"),children:l.icon&&p.jsx("span",{className:"mr-[8px]",children:l.icon})},l.value))}),a&&p.jsxs("div",{className:"flex items-center gap-[4px] border border-gray-200 bg-gray-50 overflow-hidden p-[2px] rounded-[6px]",children:[p.jsx("button",{onClick:()=>{var l;return(l=a.onToggle)==null?void 0:l.call(a,"chart")},className:se("px-[12px] py-[8px] rounded-[4px] text-xs font-medium transition-colors flex items-center gap-2","hover:bg-white ",a.chartView?"bg-white text-gray-900 shadow-md":"text-gray-500 bg-white"),children:p.jsx(bb,{className:"w-[16px] h-[16px]"})}),p.jsx("button",{onClick:()=>{var l;return(l=a.onToggle)==null?void 0:l.call(a,"table")},className:se("px-[12px] rounded-[4px] py-[8px] text-xs font-medium transition-colors flex items-center gap-2","hover:bg-white ",a.tableView?"bg-white text-gray-900 shadow-md":"text-gray-500 bg-white"),children:p.jsx($b,{className:"w-[16px] h-[16px]"})})]})]})},R0=({section:e,className:t,isLoading:r,isChartLoading:n,onMetricClick:a})=>{var q;const{id:i,title:o,description:s,metrics:l,view:u,controls:c,layout:f}=e,[d,h]=S.useState(u.type),[v,g]=S.useState("chart"),m=()=>i==="usage-analytics"?"users":i==="runs"?"agentRuns":"users",[b,O]=S.useState(m()),[x,j]=S.useState("all"),y=$=>{var U,W,K,B,G;const R=A();(U=R==null?void 0:R.controls)!=null&&U.toggle?(g($),(K=(W=R.controls.toggle).onToggle)==null||K.call(W,$)):(h($),(G=(B=c==null?void 0:c.toggle)==null?void 0:B.onToggle)==null||G.call(B,$))},w=$=>{var W,K;const R=$.metricType||$.title.toLowerCase();O(R);const U=l.find(B=>(B.metricType||B.title.toLowerCase())===R);(K=(W=U==null?void 0:U.controls)==null?void 0:W.dropdown)!=null&&K.multiSelect?j(["all"]):j("all"),a==null||a($)},T=$=>{var U,W,K;j($);const R=l.find(B=>(B.metricType||B.title.toLowerCase())===b);(K=(W=(U=R==null?void 0:R.controls)==null?void 0:U.dropdown)==null?void 0:W.onChange)==null||K.call(W,$)},A=()=>l.find($=>($.metricType||$.title.toLowerCase())===b)||null,_=$=>Array.isArray($)?$.filter(U=>U!=="all").length>0:$!=="all",C=$=>Array.isArray($)?$.filter(R=>R!=="all"):$!=="all"?[$]:[],P=$=>{var K,B,G,X,te,V,Z,ee,L;const R=((B=(K=$.view)==null?void 0:K.chart)==null?void 0:B.data)||((G=u.chart)==null?void 0:G.data)||[];if(!_(x))return R;const U=$.metricType,W=C(x);if(W.length===1){const oe=W[0],Y=A(),ue=(V=(te=(X=Y==null?void 0:Y.controls)==null?void 0:X.dropdown)==null?void 0:te.options)==null?void 0:V.find(me=>me.value===oe),re=ue==null?void 0:ue.label;return console.log("🔍 Filtering chart data:",{metricType:U,singleFilter:oe,selectedLabel:re,baseDataSample:R[0]}),R.map(me=>{let We=0;return me.listView&&Array.isArray(me.listView)&&(We=me.listView.filter(Ge=>U==="agentRuns"&&Ge.agentName?Ge.agentName===re||Ge.agentName.toLowerCase()===(re==null?void 0:re.toLowerCase()):U==="toolRuns"&&Ge.toolName?Ge.toolName===re||Ge.toolName.toLowerCase()===(re==null?void 0:re.toLowerCase()):U==="modelRuns"&&Ge.modelName?Ge.modelName===re||Ge.modelName.toLowerCase()===(re==null?void 0:re.toLowerCase()):!1).reduce((Ge,ut)=>Ge+(ut.count||0),0)),console.log("📊 Filtered value for",re,":",We),{...me,[U]:We}})}if(W.length>1){const oe=A(),ue=(((L=(ee=(Z=oe==null?void 0:oe.controls)==null?void 0:Z.dropdown)==null?void 0:ee.options)==null?void 0:L.filter(re=>W.includes(re.value)))||[]).map(re=>re.label);return R.map(re=>{let me=0;return re.listView&&Array.isArray(re.listView)&&(me=re.listView.filter(Be=>U==="agentRuns"&&Be.agentName?ue.some(Fe=>Be.agentName===Fe||Be.agentName.toLowerCase()===(Fe==null?void 0:Fe.toLowerCase())):U==="toolRuns"&&Be.toolName?ue.some(Fe=>Be.toolName===Fe||Be.toolName.toLowerCase()===(Fe==null?void 0:Fe.toLowerCase())):U==="modelRuns"&&Be.modelName?ue.some(Fe=>Be.modelName===Fe||Be.modelName.toLowerCase()===(Fe==null?void 0:Fe.toLowerCase())):!1).reduce((Be,Fe)=>Be+(Fe.count||0),0)),{...re,[U]:me}})}return R},E=$=>{var K;if(!((K=$.view)!=null&&K.chart))return null;const R=P($),U=()=>{var G,X,te,V,Z,ee;if(!_(x)||!((G=$.controls)!=null&&G.dropdown))return((te=(X=$.view)==null?void 0:X.chart)==null?void 0:te.title)||$.title;const B=C(x);if(B.length===1){const L=(V=$.controls.dropdown.options)==null?void 0:V.find(oe=>oe.value===B[0]);return L?`${L.label}`:((ee=(Z=$.view)==null?void 0:Z.chart)==null?void 0:ee.title)||$.title}return`${B.length} selected`},W=C(x);return $.metricType==="toolRuns"&&W.length===1?{...$.view.chart,data:R,title:U(),lines:void 0,dataKey:"toolRuns",color:"#f97316",showLegend:!1}:$.metricType==="modelRuns"&&W.length===1?{...$.view.chart,data:R,title:U(),dataKey:"modelRuns",color:"#10b981",showLegend:!1}:{...$.view.chart,data:R,title:U()}},I=($,R)=>{if(!_(x))return $;const U=C(x);if(U.length===1){const W=U[0];if(i==="runs"&&R==="agentRuns")return $.map(K=>({...K,agentRuns:K[W]||0}));if(i==="runs"&&R==="toolRuns")return $.map(K=>({...K,toolRuns:K[W.replace(/[-]/g,"")]||0}));if(i==="runs"&&R==="modelRuns")return $.map(K=>({...K,modelRuns:K[W.replace(/[-\.]/g,"")]||0}))}return $},k=$=>{var K;const R=((K=u.chart)==null?void 0:K.data)||[],U=I(R,$),W=B=>{var X,te;if(!_(x))return B;const G=C(x);if(G.length===1){const V=(te=(X=c==null?void 0:c.dropdown)==null?void 0:X.options)==null?void 0:te.find(Z=>Z.value===G[0]);return V?`${V.label}`:B}return`${G.length} selected`};switch($){case"users":return{type:"line",title:"Total Users",data:R,dataKey:"users",color:"#8b5cf6",yAxisLabel:"Number of Users",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"sessions":return{type:"line",title:"Total Sessions",data:R,dataKey:"sessions",color:"#06b6d4",yAxisLabel:"Number of Sessions",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"messages":return{type:"line",title:"Total Messages",data:R,dataKey:"messages",color:"#ec4899",yAxisLabel:"Number of Messages",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"tokens":return{type:"line",title:"Token Usage Breakdown",data:R,yAxisLabel:"Number of Tokens",lines:[{dataKey:"totalTokens",color:"#f59e0b",label:"Total Tokens"},{dataKey:"inputTokens",color:"#3b82f6",label:"Input Tokens"},{dataKey:"outputTokens",color:"#ec4899",label:"Output Tokens"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"agentRuns":return{type:"line",title:W("Agent Runs"),data:U,dataKey:"agentRuns",color:"#06b6d4",yAxisLabel:"Number of Agent Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"toolRuns":return C(x).length===1?{type:"line",title:W("Tool Runs"),data:I(R,"toolRuns"),dataKey:"toolRuns",color:"#f97316",yAxisLabel:"Number of Tool Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}:{type:"line",title:"Tool Runs",data:U,yAxisLabel:"Number of Tool Runs",lines:[{dataKey:"toolRuns",color:"#06b6d4",label:"Tool Runs"},{dataKey:"codeTools",color:"#f97316",label:"Code Tools"},{dataKey:"workflowTools",color:"#10b981",label:"Workflow Tools"},{dataKey:"knowledgeTools",color:"#8b5cf6",label:"Knowledge"},{dataKey:"mcpTools",color:"#ef4444",label:"MCP Tools"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};case"modelRuns":return C(x).length===1?{type:"line",title:W("Model Runs"),data:I(R,"modelRuns"),dataKey:"modelRuns",color:"#10b981",yAxisLabel:"Number of Model Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}:{type:"line",title:W("Model Runs"),data:U,dataKey:"modelRuns",color:"#10b981",yAxisLabel:"Number of Model Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}};default:return null}},D=(()=>{const $=A();return $!=null&&$.controls?{...$.controls,dropdown:$.controls.dropdown?{...$.controls.dropdown,onChange:T}:void 0,toggle:$.controls.toggle?{...$.controls.toggle,chartView:v==="chart",tableView:v==="table",onToggle:y}:void 0}:c?{...c,dropdown:c.dropdown?{...c.dropdown,onChange:T}:void 0,toggle:c.toggle?{...c.toggle,chartView:d==="chart",tableView:d==="table",onToggle:y}:void 0}:void 0})(),F=(()=>{var U,W,K,B,G,X,te,V,Z,ee;const $=A();if($!=null&&$.view){if((U=$.controls)!=null&&U.toggle){if(v==="table"&&$.view.table){let oe=$.view.table.data;if($.metricType==="agentRuns"&&_(x)){const Y=C(x);if(Y.length>0){const ue=((B=(K=(W=$.controls)==null?void 0:W.dropdown)==null?void 0:K.options)==null?void 0:B.filter(re=>Y.includes(re.value)))||[];ue.length>0&&(oe=oe.filter(re=>ue.some(me=>re.name===me.label||re.name&&re.name.toLowerCase().includes(me.label.toLowerCase()))))}}if($.metricType==="toolRuns"&&_(x)){const Y=C(x);if(Y.length>0){const ue=((te=(X=(G=$.controls)==null?void 0:G.dropdown)==null?void 0:X.options)==null?void 0:te.filter(re=>Y.includes(re.value)))||[];ue.length>0&&(oe=oe.filter(re=>ue.some(me=>re.name===me.label||re.name&&re.name.toLowerCase().includes(me.label.toLowerCase()))))}}if($.metricType==="modelRuns"&&_(x)){const Y=C(x);if(Y.length>0){const ue=((ee=(Z=(V=$.controls)==null?void 0:V.dropdown)==null?void 0:Z.options)==null?void 0:ee.filter(re=>Y.includes(re.value)))||[];ue.length>0&&(oe=oe.filter(re=>ue.some(me=>re.name===me.label||re.name&&re.name.toLowerCase().includes(me.label.toLowerCase()))))}}return{type:"table",table:{...$.view.table,data:oe}}}else if(v==="chart"&&$.view.chart)return{type:"chart",chart:E($)||$.view.chart}}const L=E($);return L?{...$.view,chart:L}:$.view}const R=k(b);return R?{type:"chart",chart:R}:{...u,type:d}})(),z=()=>l.map($=>{const R=$.metricType||$.title.toLowerCase();return{...$,highlighted:$.highlighted||R===b}});return p.jsxs("div",{className:se("bg-white flex flex-col gap-[16px] rounded-lg border border-gray-200 py-[16px] px-[24px]",t),style:{gridColumn:f!=null&&f.span?`span ${f.span}`:void 0,order:f==null?void 0:f.order},children:[o&&p.jsxs("div",{className:"w-full",children:[p.jsx("h1",{className:"text-md font-medium text-gray-700",children:o}),s&&p.jsx("p",{className:"text-xs text-gray-500",children:s})]}),p.jsx("div",{className:"flex flex-col sm:flex-row gap-[16px]",children:r?p.jsxs(p.Fragment,{children:[p.jsx("div",{className:"flex-1",children:p.jsx(xi,{})}),p.jsx("div",{className:"flex-1",children:p.jsx(xi,{})}),p.jsx("div",{className:"flex-1",children:p.jsx(xi,{})}),p.jsx("div",{className:"flex-1",children:p.jsx(xi,{})})]}):z().map(($,R)=>p.jsx("div",{className:"flex-1",children:p.jsx(Bf,{data:$,onClick:w,isFirst:R===0})},`${i}-metric-${R}`))}),p.jsxs("div",{className:"flex items-center justify-between",children:[p.jsx("div",{children:A()&&p.jsx("h3",{className:"text-md font-medium text-gray-700",children:(q=A())==null?void 0:q.title})}),D&&p.jsx(L0,{config:D})]}),p.jsx(D0,{config:F,isLoading:r||n,context:{sectionId:i,metricType:b}})]})},df=S.forwardRef(({className:e,variant:t="default",size:r="md",children:n,...a},i)=>{const o="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",s={default:"bg-blue-600 hover:bg-blue-700 focus:bg-blue-700 focus:shadow-sm text-white py-2 px-3",outline:"border-gray-300 border bg-white text-gray-700 hover:text-gray-800 hover:bg-gray-50 focus:bg-gray-50 focus:shadow-sm",ghost:"border border-error-600 bg-error-500 text-white hover:border-error-600 hover:bg-error-600"},l={sm:"h-[32px] rounded-md gap-1.5 px-[14px] py-[10px]",md:"h-[40px] rounded-md px-[14px] py-[10px]",lg:"h-[48px] rounded-md px-[16px] py-[12px]"};return p.jsx("button",{className:se(o,s[t],l[r],e),ref:i,...a,children:n})});df.displayName="Button";function Ns(e){"@babel/helpers - typeof";return Ns=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ns(e)}function Et(e){if(e===null||e===!0||e===!1)return NaN;var t=Number(e);return isNaN(t)?t:t<0?Math.ceil(t):Math.floor(t)}function Ne(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function Ve(e){Ne(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||Ns(e)==="object"&&t==="[object Date]"?new Date(e.getTime()):typeof e=="number"||t==="[object Number]"?new Date(e):((typeof e=="string"||t==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}function HB(e,t){Ne(2,arguments);var r=Ve(e),n=Et(t);return isNaN(n)?new Date(NaN):(n&&r.setDate(r.getDate()+n),r)}function pf(e,t){Ne(2,arguments);var r=Ve(e),n=Et(t);if(isNaN(n))return new Date(NaN);if(!n)return r;var a=r.getDate(),i=new Date(r.getTime());i.setMonth(r.getMonth()+n+1,0);var o=i.getDate();return a>=o?i:(r.setFullYear(i.getFullYear(),i.getMonth(),a),r)}function qB(e,t){Ne(2,arguments);var r=Ve(e).getTime(),n=Et(t);return new Date(r+n)}var KB={};function Oi(){return KB}function YB(e,t){var r,n,a,i,o,s;Ne(1,arguments);var l=Oi(),u=Et((r=(n=(a=(i=void 0)!==null&&i!==void 0?i:void 0)!==null&&a!==void 0?a:l.weekStartsOn)!==null&&n!==void 0?n:(o=l.locale)===null||o===void 0||(s=o.options)===null||s===void 0?void 0:s.weekStartsOn)!==null&&r!==void 0?r:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var c=Ve(e),f=c.getDay(),d=(f<u?7:0)+f-u;return c.setDate(c.getDate()-d),c.setHours(0,0,0,0),c}function XB(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function aa(e){Ne(1,arguments);var t=Ve(e);return t.setHours(0,0,0,0),t}function Si(e,t){Ne(2,arguments);var r=aa(e),n=aa(t);return r.getTime()===n.getTime()}function ZB(e){return Ne(1,arguments),e instanceof Date||Ns(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function JB(e){if(Ne(1,arguments),!ZB(e)&&typeof e!="number")return!1;var t=Ve(e);return!isNaN(Number(t))}function QB(e){Ne(1,arguments);var t=Ve(e);return t.setHours(23,59,59,999),t}function eF(e){Ne(1,arguments);var t=Ve(e);return t.setDate(1),t.setHours(0,0,0,0),t}function tF(e,t){Ne(2,arguments);var r=Et(t);return qB(e,-r)}var rF=864e5;function nF(e){Ne(1,arguments);var t=Ve(e),r=t.getTime();t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0);var n=t.getTime(),a=r-n;return Math.floor(a/rF)+1}function Ds(e){Ne(1,arguments);var t=1,r=Ve(e),n=r.getUTCDay(),a=(n<t?7:0)+n-t;return r.setUTCDate(r.getUTCDate()-a),r.setUTCHours(0,0,0,0),r}function B0(e){Ne(1,arguments);var t=Ve(e),r=t.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(r+1,0,4),n.setUTCHours(0,0,0,0);var a=Ds(n),i=new Date(0);i.setUTCFullYear(r,0,4),i.setUTCHours(0,0,0,0);var o=Ds(i);return t.getTime()>=a.getTime()?r+1:t.getTime()>=o.getTime()?r:r-1}function aF(e){Ne(1,arguments);var t=B0(e),r=new Date(0);r.setUTCFullYear(t,0,4),r.setUTCHours(0,0,0,0);var n=Ds(r);return n}var iF=6048e5;function oF(e){Ne(1,arguments);var t=Ve(e),r=Ds(t).getTime()-aF(t).getTime();return Math.round(r/iF)+1}function Is(e,t){var r,n,a,i,o,s,l,u;Ne(1,arguments);var c=Oi(),f=Et((r=(n=(a=(i=t==null?void 0:t.weekStartsOn)!==null&&i!==void 0?i:t==null||(o=t.locale)===null||o===void 0||(s=o.options)===null||s===void 0?void 0:s.weekStartsOn)!==null&&a!==void 0?a:c.weekStartsOn)!==null&&n!==void 0?n:(l=c.locale)===null||l===void 0||(u=l.options)===null||u===void 0?void 0:u.weekStartsOn)!==null&&r!==void 0?r:0);if(!(f>=0&&f<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var d=Ve(e),h=d.getUTCDay(),v=(h<f?7:0)+h-f;return d.setUTCDate(d.getUTCDate()-v),d.setUTCHours(0,0,0,0),d}function F0(e,t){var r,n,a,i,o,s,l,u;Ne(1,arguments);var c=Ve(e),f=c.getUTCFullYear(),d=Oi(),h=Et((r=(n=(a=(i=t==null?void 0:t.firstWeekContainsDate)!==null&&i!==void 0?i:t==null||(o=t.locale)===null||o===void 0||(s=o.options)===null||s===void 0?void 0:s.firstWeekContainsDate)!==null&&a!==void 0?a:d.firstWeekContainsDate)!==null&&n!==void 0?n:(l=d.locale)===null||l===void 0||(u=l.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&r!==void 0?r:1);if(!(h>=1&&h<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var v=new Date(0);v.setUTCFullYear(f+1,0,h),v.setUTCHours(0,0,0,0);var g=Is(v,t),m=new Date(0);m.setUTCFullYear(f,0,h),m.setUTCHours(0,0,0,0);var b=Is(m,t);return c.getTime()>=g.getTime()?f+1:c.getTime()>=b.getTime()?f:f-1}function sF(e,t){var r,n,a,i,o,s,l,u;Ne(1,arguments);var c=Oi(),f=Et((r=(n=(a=(i=t==null?void 0:t.firstWeekContainsDate)!==null&&i!==void 0?i:t==null||(o=t.locale)===null||o===void 0||(s=o.options)===null||s===void 0?void 0:s.firstWeekContainsDate)!==null&&a!==void 0?a:c.firstWeekContainsDate)!==null&&n!==void 0?n:(l=c.locale)===null||l===void 0||(u=l.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&r!==void 0?r:1),d=F0(e,t),h=new Date(0);h.setUTCFullYear(d,0,f),h.setUTCHours(0,0,0,0);var v=Is(h,t);return v}var lF=6048e5;function uF(e,t){Ne(1,arguments);var r=Ve(e),n=Is(r,t).getTime()-sF(r,t).getTime();return Math.round(n/lF)+1}function _e(e,t){for(var r=e<0?"-":"",n=Math.abs(e).toString();n.length<t;)n="0"+n;return r+n}var _r={y:function(t,r){var n=t.getUTCFullYear(),a=n>0?n:1-n;return _e(r==="yy"?a%100:a,r.length)},M:function(t,r){var n=t.getUTCMonth();return r==="M"?String(n+1):_e(n+1,2)},d:function(t,r){return _e(t.getUTCDate(),r.length)},a:function(t,r){var n=t.getUTCHours()/12>=1?"pm":"am";switch(r){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h:function(t,r){return _e(t.getUTCHours()%12||12,r.length)},H:function(t,r){return _e(t.getUTCHours(),r.length)},m:function(t,r){return _e(t.getUTCMinutes(),r.length)},s:function(t,r){return _e(t.getUTCSeconds(),r.length)},S:function(t,r){var n=r.length,a=t.getUTCMilliseconds(),i=Math.floor(a*Math.pow(10,n-3));return _e(i,r.length)}},ia={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},cF={G:function(t,r,n){var a=t.getUTCFullYear()>0?1:0;switch(r){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});case"GGGG":default:return n.era(a,{width:"wide"})}},y:function(t,r,n){if(r==="yo"){var a=t.getUTCFullYear(),i=a>0?a:1-a;return n.ordinalNumber(i,{unit:"year"})}return _r.y(t,r)},Y:function(t,r,n,a){var i=F0(t,a),o=i>0?i:1-i;if(r==="YY"){var s=o%100;return _e(s,2)}return r==="Yo"?n.ordinalNumber(o,{unit:"year"}):_e(o,r.length)},R:function(t,r){var n=B0(t);return _e(n,r.length)},u:function(t,r){var n=t.getUTCFullYear();return _e(n,r.length)},Q:function(t,r,n){var a=Math.ceil((t.getUTCMonth()+1)/3);switch(r){case"Q":return String(a);case"QQ":return _e(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(t,r,n){var a=Math.ceil((t.getUTCMonth()+1)/3);switch(r){case"q":return String(a);case"qq":return _e(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(t,r,n){var a=t.getUTCMonth();switch(r){case"M":case"MM":return _r.M(t,r);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(t,r,n){var a=t.getUTCMonth();switch(r){case"L":return String(a+1);case"LL":return _e(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(t,r,n,a){var i=uF(t,a);return r==="wo"?n.ordinalNumber(i,{unit:"week"}):_e(i,r.length)},I:function(t,r,n){var a=oF(t);return r==="Io"?n.ordinalNumber(a,{unit:"week"}):_e(a,r.length)},d:function(t,r,n){return r==="do"?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):_r.d(t,r)},D:function(t,r,n){var a=nF(t);return r==="Do"?n.ordinalNumber(a,{unit:"dayOfYear"}):_e(a,r.length)},E:function(t,r,n){var a=t.getUTCDay();switch(r){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});case"EEEE":default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(t,r,n,a){var i=t.getUTCDay(),o=(i-a.weekStartsOn+8)%7||7;switch(r){case"e":return String(o);case"ee":return _e(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(i,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(i,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(i,{width:"short",context:"formatting"});case"eeee":default:return n.day(i,{width:"wide",context:"formatting"})}},c:function(t,r,n,a){var i=t.getUTCDay(),o=(i-a.weekStartsOn+8)%7||7;switch(r){case"c":return String(o);case"cc":return _e(o,r.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(i,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(i,{width:"narrow",context:"standalone"});case"cccccc":return n.day(i,{width:"short",context:"standalone"});case"cccc":default:return n.day(i,{width:"wide",context:"standalone"})}},i:function(t,r,n){var a=t.getUTCDay(),i=a===0?7:a;switch(r){case"i":return String(i);case"ii":return _e(i,r.length);case"io":return n.ordinalNumber(i,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});case"iiii":default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(t,r,n){var a=t.getUTCHours(),i=a/12>=1?"pm":"am";switch(r){case"a":case"aa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(t,r,n){var a=t.getUTCHours(),i;switch(a===12?i=ia.noon:a===0?i=ia.midnight:i=a/12>=1?"pm":"am",r){case"b":case"bb":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(t,r,n){var a=t.getUTCHours(),i;switch(a>=17?i=ia.evening:a>=12?i=ia.afternoon:a>=4?i=ia.morning:i=ia.night,r){case"B":case"BB":case"BBB":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(i,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(t,r,n){if(r==="ho"){var a=t.getUTCHours()%12;return a===0&&(a=12),n.ordinalNumber(a,{unit:"hour"})}return _r.h(t,r)},H:function(t,r,n){return r==="Ho"?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):_r.H(t,r)},K:function(t,r,n){var a=t.getUTCHours()%12;return r==="Ko"?n.ordinalNumber(a,{unit:"hour"}):_e(a,r.length)},k:function(t,r,n){var a=t.getUTCHours();return a===0&&(a=24),r==="ko"?n.ordinalNumber(a,{unit:"hour"}):_e(a,r.length)},m:function(t,r,n){return r==="mo"?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):_r.m(t,r)},s:function(t,r,n){return r==="so"?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):_r.s(t,r)},S:function(t,r){return _r.S(t,r)},X:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();if(o===0)return"Z";switch(r){case"X":return W0(o);case"XXXX":case"XX":return Zr(o);case"XXXXX":case"XXX":default:return Zr(o,":")}},x:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();switch(r){case"x":return W0(o);case"xxxx":case"xx":return Zr(o);case"xxxxx":case"xxx":default:return Zr(o,":")}},O:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();switch(r){case"O":case"OO":case"OOO":return"GMT"+U0(o,":");case"OOOO":default:return"GMT"+Zr(o,":")}},z:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();switch(r){case"z":case"zz":case"zzz":return"GMT"+U0(o,":");case"zzzz":default:return"GMT"+Zr(o,":")}},t:function(t,r,n,a){var i=a._originalDate||t,o=Math.floor(i.getTime()/1e3);return _e(o,r.length)},T:function(t,r,n,a){var i=a._originalDate||t,o=i.getTime();return _e(o,r.length)}};function U0(e,t){var r=e>0?"-":"+",n=Math.abs(e),a=Math.floor(n/60),i=n%60;if(i===0)return r+String(a);var o=t;return r+String(a)+o+_e(i,2)}function W0(e,t){if(e%60===0){var r=e>0?"-":"+";return r+_e(Math.abs(e)/60,2)}return Zr(e,t)}function Zr(e,t){var r=t||"",n=e>0?"-":"+",a=Math.abs(e),i=_e(Math.floor(a/60),2),o=_e(a%60,2);return n+i+r+o}var z0=function(t,r){switch(t){case"P":return r.date({width:"short"});case"PP":return r.date({width:"medium"});case"PPP":return r.date({width:"long"});case"PPPP":default:return r.date({width:"full"})}},V0=function(t,r){switch(t){case"p":return r.time({width:"short"});case"pp":return r.time({width:"medium"});case"ppp":return r.time({width:"long"});case"pppp":default:return r.time({width:"full"})}},fF=function(t,r){var n=t.match(/(P+)(p+)?/)||[],a=n[1],i=n[2];if(!i)return z0(t,r);var o;switch(a){case"P":o=r.dateTime({width:"short"});break;case"PP":o=r.dateTime({width:"medium"});break;case"PPP":o=r.dateTime({width:"long"});break;case"PPPP":default:o=r.dateTime({width:"full"});break}return o.replace("{{date}}",z0(a,r)).replace("{{time}}",V0(i,r))},dF={p:V0,P:fF},pF=["D","DD"],hF=["YY","YYYY"];function mF(e){return pF.indexOf(e)!==-1}function vF(e){return hF.indexOf(e)!==-1}function G0(e,t,r){if(e==="YYYY")throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(t,"`) for formatting years to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="YY")throw new RangeError("Use `yy` instead of `YY` (in `".concat(t,"`) for formatting years to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="D")throw new RangeError("Use `d` instead of `D` (in `".concat(t,"`) for formatting days of the month to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="DD")throw new RangeError("Use `dd` instead of `DD` (in `".concat(t,"`) for formatting days of the month to the input `").concat(r,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var gF={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},yF=function(t,r,n){var a,i=gF[t];return typeof i=="string"?a=i:r===1?a=i.one:a=i.other.replace("{{count}}",r.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a};function hf(e){return function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=t.width?String(t.width):e.defaultWidth,n=e.formats[r]||e.formats[e.defaultWidth];return n}}var bF={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},xF={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},wF={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},OF={date:hf({formats:bF,defaultWidth:"full"}),time:hf({formats:xF,defaultWidth:"full"}),dateTime:hf({formats:wF,defaultWidth:"full"})},SF={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},TF=function(t,r,n,a){return SF[t]};function Ti(e){return function(t,r){var n=r!=null&&r.context?String(r.context):"standalone",a;if(n==="formatting"&&e.formattingValues){var i=e.defaultFormattingWidth||e.defaultWidth,o=r!=null&&r.width?String(r.width):i;a=e.formattingValues[o]||e.formattingValues[i]}else{var s=e.defaultWidth,l=r!=null&&r.width?String(r.width):e.defaultWidth;a=e.values[l]||e.values[s]}var u=e.argumentCallback?e.argumentCallback(t):t;return a[u]}}var AF={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},jF={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},PF={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},_F={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},EF={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},CF={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},$F=function(t,r){var n=Number(t),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},kF={ordinalNumber:$F,era:Ti({values:AF,defaultWidth:"wide"}),quarter:Ti({values:jF,defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:Ti({values:PF,defaultWidth:"wide"}),day:Ti({values:_F,defaultWidth:"wide"}),dayPeriod:Ti({values:EF,defaultWidth:"wide",formattingValues:CF,defaultFormattingWidth:"wide"})};function Ai(e){return function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=r.width,a=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],i=t.match(a);if(!i)return null;var o=i[0],s=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?NF(s,function(f){return f.test(o)}):MF(s,function(f){return f.test(o)}),u;u=e.valueCallback?e.valueCallback(l):l,u=r.valueCallback?r.valueCallback(u):u;var c=t.slice(o.length);return{value:u,rest:c}}}function MF(e,t){for(var r in e)if(e.hasOwnProperty(r)&&t(e[r]))return r}function NF(e,t){for(var r=0;r<e.length;r++)if(t(e[r]))return r}function DF(e){return function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.match(e.matchPattern);if(!n)return null;var a=n[0],i=t.match(e.parsePattern);if(!i)return null;var o=e.valueCallback?e.valueCallback(i[0]):i[0];o=r.valueCallback?r.valueCallback(o):o;var s=t.slice(a.length);return{value:o,rest:s}}}var IF=/^(\d+)(th|st|nd|rd)?/i,LF=/\d+/i,RF={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},BF={any:[/^b/i,/^(a|c)/i]},FF={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},UF={any:[/1/i,/2/i,/3/i,/4/i]},WF={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},zF={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},VF={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},GF={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},HF={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},qF={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},KF={ordinalNumber:DF({matchPattern:IF,parsePattern:LF,valueCallback:function(t){return parseInt(t,10)}}),era:Ai({matchPatterns:RF,defaultMatchWidth:"wide",parsePatterns:BF,defaultParseWidth:"any"}),quarter:Ai({matchPatterns:FF,defaultMatchWidth:"wide",parsePatterns:UF,defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:Ai({matchPatterns:WF,defaultMatchWidth:"wide",parsePatterns:zF,defaultParseWidth:"any"}),day:Ai({matchPatterns:VF,defaultMatchWidth:"wide",parsePatterns:GF,defaultParseWidth:"any"}),dayPeriod:Ai({matchPatterns:HF,defaultMatchWidth:"any",parsePatterns:qF,defaultParseWidth:"any"})},YF={code:"en-US",formatDistance:yF,formatLong:OF,formatRelative:TF,localize:kF,match:KF,options:{weekStartsOn:0,firstWeekContainsDate:1}},XF=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ZF=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,JF=/^'([^]*?)'?$/,QF=/''/g,eU=/[a-zA-Z]/;function Ls(e,t,r){var n,a,i,o,s,l,u,c,f,d,h,v,g,m;Ne(2,arguments);var b=String(t),O=Oi(),x=(n=(a=void 0)!==null&&a!==void 0?a:O.locale)!==null&&n!==void 0?n:YF,j=Et((i=(o=(s=(l=void 0)!==null&&l!==void 0?l:void 0)!==null&&s!==void 0?s:O.firstWeekContainsDate)!==null&&o!==void 0?o:(u=O.locale)===null||u===void 0||(c=u.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&i!==void 0?i:1);if(!(j>=1&&j<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var y=Et((f=(d=(h=(v=void 0)!==null&&v!==void 0?v:void 0)!==null&&h!==void 0?h:O.weekStartsOn)!==null&&d!==void 0?d:(g=O.locale)===null||g===void 0||(m=g.options)===null||m===void 0?void 0:m.weekStartsOn)!==null&&f!==void 0?f:0);if(!(y>=0&&y<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!x.localize)throw new RangeError("locale must contain localize property");if(!x.formatLong)throw new RangeError("locale must contain formatLong property");var w=Ve(e);if(!JB(w))throw new RangeError("Invalid time value");var T=XB(w),A=tF(w,T),_={firstWeekContainsDate:j,weekStartsOn:y,locale:x,_originalDate:w},C=b.match(ZF).map(function(P){var E=P[0];if(E==="p"||E==="P"){var I=dF[E];return I(P,x.formatLong)}return P}).join("").match(XF).map(function(P){if(P==="''")return"'";var E=P[0];if(E==="'")return tU(P);var I=cF[E];if(I)return vF(P)&&G0(P,t,String(e)),mF(P)&&G0(P,t,String(e)),I(A,P,x.localize,_);if(E.match(eU))throw new RangeError("Format string contains an unescaped latin alphabet character `"+E+"`");return P}).join("");return C}function tU(e){var t=e.match(JF);return t?t[1].replace(QF,"'"):e}function H0(e,t){Ne(2,arguments);var r=Ve(e),n=Ve(t);return r.getTime()<n.getTime()}function rU(e,t){Ne(2,arguments);var r=Ve(e).getTime(),n=Ve(t.start).getTime(),a=Ve(t.end).getTime();if(!(n<=a))throw new RangeError("Invalid interval");return r>=n&&r<=a}function Rs(e,t){Ne(2,arguments);var r=Et(t);return HB(e,-r)}function nU(e,t){Ne(2,arguments);var r=Et(t);return pf(e,-r)}const mf=({children:e})=>{const[t,r]=S.useState(!1);return S.useEffect(()=>(r(!0),()=>r(!1)),[]),t?en.createPortal(e,document.body):null};function q0({className:e,defaultValue:t,onDateRangeChange:r}){console.log("🗓️ DateRangePicker component rendered with props:",{className:e,defaultValue:t,hasCallback:!!r});const n=[{label:"Today",value:"today",dateRange:{from:aa(new Date),to:new Date}},{label:"Yesterday",value:"yesterday",dateRange:{from:aa(Rs(new Date,1)),to:QB(Rs(new Date,1))}},{label:"This week",value:"thisWeek",dateRange:{from:YB(new Date),to:new Date}},{label:"Last 7 days",value:"7d",dateRange:{from:aa(Rs(new Date,6)),to:new Date}},{label:"This month",value:"thisMonth",dateRange:{from:eF(new Date),to:new Date}},{label:"Last 30 days",value:"30d",dateRange:{from:aa(Rs(new Date,29)),to:new Date}}],a=t?n.find(M=>M.value===t):null;console.log("📅 DateRangePicker initialization:",{defaultValue:t,defaultPreset:a==null?void 0:a.label,hasDateRange:!!(a!=null&&a.dateRange),allPresetValues:n.map(M=>M.value),foundPreset:!!a});const[i,o]=S.useState(a==null?void 0:a.dateRange),[s,l]=S.useState(a==null?void 0:a.dateRange),[u,c]=S.useState(!1),[f,d]=S.useState((a==null?void 0:a.label)||null),[h,v]=S.useState((a==null?void 0:a.label)||null),[g,m]=S.useState(new Date),[b,O]=S.useState(null),[x,j]=S.useState({top:0,left:0}),y=S.useRef(null),w=S.useRef(null);S.useEffect(()=>{var M,F;console.log("📅 DateRangePicker useEffect running:",{hasDefaultPreset:!!a,hasOnDateRangeChange:!!r,currentDate:i,currentLabel:f,defaultValue:t,defaultPresetLabel:a==null?void 0:a.label,defaultPresetValue:a==null?void 0:a.value}),a!=null&&a.dateRange&&r?(console.log("📅 DateRangePicker: Setting initial default value:",{label:a.label,dateRange:a.dateRange,from:(M=a.dateRange.from)==null?void 0:M.toLocaleDateString(),to:(F=a.dateRange.to)==null?void 0:F.toLocaleDateString()}),r(a.dateRange)):console.log("📅 DateRangePicker: NOT setting initial value because:",{hasDefaultPreset:!!a,hasDateRange:!!(a!=null&&a.dateRange),hasCallback:!!r,presetLabelsAvailable:n.map(z=>`${z.value}:${z.label}`)})},[]),S.useEffect(()=>{t&&(a!=null&&a.dateRange)&&(console.log("📅 DateRangePicker: DefaultValue changed, updating state:",{defaultValue:t,label:a.label}),o(a.dateRange),d(a.label),l(a.dateRange),v(a.label))},[t]);const T=()=>{if(!w.current)return;const M=w.current.getBoundingClientRect(),F=window.scrollY,z=window.scrollX,q=window.innerWidth,$=window.innerHeight,R=720,U=450;let W=M.bottom+F+8,K=M.left+z;K+R>q&&(K=M.right+z-R),K+R>q&&(K=q-R-20),W+U>$&&(W=M.top+F-U-8),K<20&&(K=20),W<20&&(W=20),j({top:W,left:K})};S.useEffect(()=>{const M=()=>{u&&T()};return u&&(window.addEventListener("resize",M),window.addEventListener("scroll",M)),()=>{window.removeEventListener("resize",M),window.removeEventListener("scroll",M)}},[u]);const A=(M,F)=>{if(l(M),v(F),O(null),M.from){const z=new Date(M.from.getFullYear(),M.from.getMonth(),1);m(z)}},_=M=>{if(!b)O(M),l({from:M,to:M}),v(null);else{const F=H0(M,b)?M:b,z=H0(M,b)?b:M;l({from:F,to:z}),O(null),v(null)}},C=()=>{o(s),d(h),r==null||r(s),c(!1),O(null)},P=()=>{l(void 0),v(null),o(void 0),d(null),r==null||r(void 0),c(!1),O(null)},E=M=>{M?(l(i),v(f),O(null),setTimeout(T,0)):(l(i),v(f),O(null)),c(M)},I=(M,F)=>(console.log("📅 formatDateRange called with:",{presetLabel:F,hasDateRange:!!(M!=null&&M.from)}),F||(M!=null&&M.from?!M.to||Si(M.from,M.to)?Ls(M.from,"MMM dd, yyyy"):`${Ls(M.from,"MMM dd, yyyy")} - ${Ls(M.to,"MMM dd, yyyy")}`:"Pick a date range")),k=(M=0)=>{const F=pf(g,M),z=F.getFullYear(),q=F.getMonth(),$=new Date(z,q,1),U=new Date(z,q+1,0).getDate(),W=$.getDay(),K=["January","February","March","April","May","June","July","August","September","October","November","December"],B=["Su","Mo","Tu","We","Th","Fr","Sa"],G=[],te=new Date(z,q-1,0).getDate();for(let ee=W-1;ee>=0;ee--){const L=te-ee,oe=new Date(z,q-1,L);G.push(p.jsx("button",{onClick:()=>_(oe),className:"h-[32px] w-[32px] text-xs text-gray-400 hover:bg-gray-100 rounded-full flex items-center justify-center",children:L},`prev-${L}`))}for(let ee=1;ee<=U;ee++){const L=new Date(z,q,ee),oe=Si(L,new Date),Y=(s==null?void 0:s.from)&&(s==null?void 0:s.to)&&rU(L,{start:s.from,end:s.to}),ue=(s==null?void 0:s.from)&&Si(L,s.from),re=(s==null?void 0:s.to)&&Si(L,s.to),me=b&&Si(L,b);let We="h-[32px] w-[32px] text-xs hover:bg-gray-100 hover:text-gray-900 hover:font-medium rounded-full flex items-center justify-center transition-colors text-gray-700 ";oe&&(We+="font-semibold "),me||ue||re?We+="!bg-blue-500 !text-white !hover:bg-blue-500 !hover:text-white font-semibold":Y&&(We+="bg-blue-100 text-blue-900 hover:bg-blue-100 hover:text-blue-900 font-semibold"),G.push(p.jsx("button",{onClick:()=>_(L),className:We,children:ee},`current-${ee}`))}const Z=Math.ceil((W+U)/7)*7-W-U;for(let ee=1;ee<=Z;ee++){const L=new Date(z,q+1,ee);G.push(p.jsx("button",{onClick:()=>_(L),className:"h-[32px] w-[32px] text-sm text-gray-500 hover:bg-gray-100 rounded-full flex items-center justify-center",children:ee},`next-${ee}`))}return p.jsxs("div",{className:"p-[12px]",children:[p.jsxs("div",{className:"flex items-center justify-between mb-3",children:[M===0&&p.jsx("button",{onClick:()=>m(nU(g,1)),className:"p-[4px] hover:bg-gray-100 rounded",children:p.jsx(Ob,{className:"h-[16px] w-[16px]"})}),p.jsxs("div",{className:"font-semibold text-sm text-gray-700",children:[K[q]," ",z]}),M===1&&p.jsx("button",{onClick:()=>m(pf(g,1)),className:"p-[4px] hover:bg-gray-100 rounded",children:p.jsx(ki,{className:"h-[16px] w-[16px]"})})]}),p.jsx("div",{className:"grid grid-cols-7 gap-1 mb-2",children:B.map(ee=>p.jsx("div",{className:"h-[32px] flex items-center justify-center text-xs font-medium text-gray-700 w-full text-center",children:ee},ee))}),p.jsx("div",{className:"grid grid-cols-7 gap-1",children:G})]})},D=()=>"fixed bg-white border border-gray-200 rounded-lg shadow-xl z-[99999]";return p.jsxs("div",{className:`relative ${e}`,children:[p.jsxs("button",{ref:w,onClick:()=>E(!u),className:`min-w-[200px] px-[12px] py-[8px] text-left border border-gray-300 rounded-md shadow-sm bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 flex items-center ${i?"text-gray-900":"text-gray-500"}`,children:[p.jsx(Sf,{className:"mr-2 h-[16px] w-[16px]"}),(()=>{const M=I(i,f);return console.log("📅 Button display text:",{displayText:M,date:i,selectedPresetLabel:f}),M})()]}),u&&p.jsxs(mf,{children:[p.jsx("div",{className:"fixed inset-0 z-[99998] bg-black bg-opacity-10",onClick:()=>E(!1)}),p.jsxs("div",{ref:y,className:D(),style:{top:x.top,left:x.left,width:"720px",minWidth:"720px",maxHeight:"90vh"},onClick:M=>M.stopPropagation(),children:[p.jsxs("div",{className:"flex",children:[p.jsxs("div",{className:"flex flex-col gap-1 p-[12px] border-r border-gray-200 w-[160px] flex-shrink-0",children:[p.jsx("div",{className:"text-sm font-medium text-gray-500 mb-2",children:"Quick Filters"}),n.map(M=>p.jsx("button",{onClick:()=>A(M.dateRange,M.label),className:`text-left px-[12px] py-[8px] text-sm text-gray-900 rounded hover:bg-gray-100 transition-colors ${h===M.label?"bg-gray-100 medium":""}`,children:M.label},M.label))]}),p.jsxs("div",{className:"flex flex-1",children:[k(0),k(1)]})]}),p.jsxs("div",{className:"border-t border-gray-200 bg-gray-50 p-[12px] flex justify-end gap-2",children:[p.jsx("button",{onClick:P,className:"px-[12px] py-[8px] text-sm border border-gray-300 rounded hover:bg-gray-50 transition-colors",children:"Clear"}),p.jsx("button",{onClick:C,disabled:!(s!=null&&s.from),className:"px-[12px] py-[8px] text-sm bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:"Apply"})]})]})]})]})}const aU=({config:e,appConfig:t,className:r,onExport:n,onDraftChange:a,onTimeRangeChange:i})=>{var I;const{title:o,subtitle:s,sections:l,globalControls:u,layout:c={columns:12,gap:24,responsive:!0}}=e,[f,d]=S.useState(!1),[h,v]=S.useState({}),[g,m]=S.useState(l),[b,O]=S.useState([]),[x,j]=S.useState(!1),y=S.useRef(null);S.useEffect(()=>{if(t)try{y.current=new Kt(t),w(),T()}catch(k){console.error("Failed to initialize API service:",k)}},[t]);const w=async()=>{if(!(!y.current||!t)){j(!0);try{const k=await y.current.fetchEnvironments();O(k),console.log("🌍 Environments loaded:",k.map(D=>D.envName))}catch(k){console.error("Error loading environments:",k)}finally{j(!1)}}},T=async()=>{if(!(!y.current||!t)){d(!0);try{const k=y.current.getDefaultTimeRange();console.log("📊 Loading dashboard data with date range:",{fromTimestamp:k.fromTimestamp,toTimestamp:k.toTimestamp,fromDate:new Date(k.fromTimestamp).toLocaleDateString(),toDate:new Date(k.toTimestamp).toLocaleDateString()});const D=await y.current.fetchAllCardsDataWithEnhancedViews(k.fromTimestamp,k.toTimestamp);console.log("✅ Enhanced cards data loaded successfully:",D),console.log("📈 Data covers period:",{from:new Date(k.fromTimestamp).toLocaleDateString(),to:new Date(k.toTimestamp).toLocaleDateString()});const M=l.map(F=>F.id==="usage-analytics"?(console.log("Updating usage-analytics section with enhanced data"),{...F,metrics:D.usageAnalytics}):F.id==="runs"?(console.log("Updating runs section with enhanced data including table and controls"),{...F,metrics:D.runs}):F);m(M)}catch(k){console.error("Error loading initial data:",k),m(l)}finally{d(!1)}}},A=async(k,D)=>{if(!(!y.current||!t||!D.metricType)){m(M=>M.map(F=>F.id===k?{...F,metrics:F.metrics.map(z=>({...z,highlighted:z.metricType===D.metricType}))}:F)),v(M=>({...M,[k]:!0}));try{const M=t.defaultTimeRange||Kt.getDateRange(7);let F,z;if(["users","sessions","messages","tokens"].includes(D.metricType))F="usage-analytics",z=D.metricType;else if(["agentRuns","toolRuns","modelRuns"].includes(D.metricType))F="runs",z=D.metricType==="agentRuns"?"agent-runs":D.metricType==="toolRuns"?"tool-runs":"model-runs";else return;const q=await y.current.fetchTimeSeriesData(z,F,M.fromTimestamp,M.toTimestamp),$=y.current.transformTimeSeriesDataForMetric(q,D.metricType);console.log("Time series response for",D.title,":",q),console.log("Transformed data for",D.title,":",$),console.log("Metric type used for transformation:",D.metricType);const U=(W=>({users:"users",sessions:"sessions",messages:"messages",tokens:"totalTokens",agentRuns:"agentRuns",toolRuns:"toolRuns",modelRuns:"modelRuns"})[W]||"count")(D.metricType||"count");console.log("Using dataKey for metric",D.metricType,":",U),m(W=>W.map(K=>{if(K.id===k){const B={...K,view:{...K.view,chart:K.view.chart?{...K.view.chart,data:$,dataKey:U,lines:[{dataKey:U,color:K.view.chart.color||"#3b82f6",label:D.title,strokeWidth:2}]}:{type:"line",data:$,dataKey:U,lines:[{dataKey:U,color:"#3b82f6",label:D.title,strokeWidth:2}],yAxisLabel:D.title}}};return console.log("Updated section for",k,":",B),console.log("Chart config set:",B.view.chart),B}return K}))}catch(M){console.error("Error loading metric data:",M)}finally{v(M=>({...M,[k]:!1}))}}},_=k=>{var D,M;if((M=(D=u==null?void 0:u.draft)==null?void 0:D.onChange)==null||M.call(D,k),a==null||a(k),t&&y.current){const F={...t,environment:k};y.current.updateConfig(F),T()}},C=k=>{var D,M;if(console.log("🗓️ Time range change requested:",k),typeof k=="string"&&((M=(D=u==null?void 0:u.timeRange)==null?void 0:D.onChange)==null||M.call(D,k)),i==null||i(k),t&&y.current){let F=null;if(typeof k=="object"&&k.from&&k.to)F={fromTimestamp:k.from.toISOString(),toTimestamp:k.to.toISOString()},console.log("📅 Converting DateRange to API format:",F);else if(typeof k=="string"){const q={"24h":1,"7d":7,"30d":30,"90d":90}[k];q&&(F=Kt.getDateRange(q),console.log(`📅 Converting preset "${k}" (${q} days) to API format:`,F))}if(F){const z={...t,defaultTimeRange:F};console.log("🔄 Updating API configuration with new date range:",z.defaultTimeRange),y.current.updateConfig(z),console.log("🚀 Reloading dashboard data with new date range..."),T()}else console.warn("⚠️ Unable to convert time range value to API format:",k)}},P=(k="csv")=>{var D,M;(M=(D=u==null?void 0:u.export)==null?void 0:D.onExport)==null||M.call(D,k),n==null||n()},E=Object.values(h).some(k=>k);return p.jsxs("div",{className:se("w-full h-full flex flex-col overflow-hidden",r),children:[p.jsxs("div",{className:"flex flex-col gap-2 w-full p-[24px] pb-[12px]",children:[p.jsx("h1",{className:"text-lg font-bold text-gray-900 w-full",children:o}),p.jsxs("div",{className:"flex items-center gap-2 w-full",children:[s&&p.jsx("p",{className:"text-gray-500 text-xs w-full",children:s}),p.jsxs("div",{className:"flex items-center gap-2 justify-end flex-shrink-0",children:[(f||E)&&p.jsxs("div",{className:"flex items-center gap-2 text-sm medium text-gray-500",children:[p.jsx(Eb,{className:"h-[16px] w-[16px] animate-spin"}),"Loading..."]}),u&&p.jsxs(p.Fragment,{children:[u.draft&&p.jsx(Ms,{options:b.length>0?b.map(k=>({label:k.envName.charAt(0).toUpperCase()+k.envName.slice(1),value:k.envName})):u.draft.options,value:u.draft.defaultValue,placeholder:x?"Loading environments...":u.draft.label,onChange:_,className:"min-w-[200px]",disabled:f||E||x}),u.timeRange&&(u.timeRange.useDatePicker?(console.log("🗓️ Dashboard: Rendering DateRangePicker with defaultValue:",u.timeRange.defaultValue),p.jsx(q0,{defaultValue:u.timeRange.defaultValue,onDateRangeChange:k=>{console.log("🗓️ Dashboard: DateRangePicker callback received:",k),k&&C(k)}})):p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx(Sf,{className:"h-4 w-4 text-gray-500"}),p.jsx(Ms,{options:u.timeRange.options||[],value:u.timeRange.defaultValue,placeholder:u.timeRange.label,onChange:C,className:"min-w-[200px]",disabled:f||E})]})),((I=u.export)==null?void 0:I.enabled)&&p.jsxs(df,{variant:"outline",onClick:()=>P(),className:"gap-2",disabled:f||E,children:[p.jsx(Sb,{className:"h-4 w-4"}),"Export"]})]})]})]})]}),p.jsx("div",{className:se("grid gap-6 p-[24px] pt-[8px] overflow-y-auto",c.responsive&&"grid-cols-1 lg:grid-cols-12"),style:{gridTemplateColumns:c.responsive?void 0:`repeat(${c.columns}, minmax(0, 1fr))`,gap:c.gap?`${c.gap}px`:void 0},children:g.map(k=>{var D,M,F,z;return p.jsx(R0,{section:k,isLoading:f,isChartLoading:h[k.id]||!1,onMetricClick:q=>A(k.id,q),className:se(c.responsive&&((D=k.layout)==null?void 0:D.span)===12&&"lg:col-span-12",c.responsive&&((M=k.layout)==null?void 0:M.span)===6&&"lg:col-span-6",c.responsive&&((F=k.layout)==null?void 0:F.span)===4&&"lg:col-span-4",c.responsive&&((z=k.layout)==null?void 0:z.span)===3&&"lg:col-span-3")},k.id)})})]})};class K0{static buildSessionTree(t,r){var i;const n=this.groupEventsByRun(t),a=[];for(const[o,s]of n.entries()){const l=this.buildRunTree(o,s);a.push(l)}return a.sort((o,s)=>new Date(o.startTime).getTime()-new Date(s.startTime).getTime()),{sessionId:r||((i=t[0])==null?void 0:i.sessionId)||"unknown",runs:a}}static groupEventsByRun(t){const r=new Map;return t.forEach(n=>{const a=n.runId;r.has(a)||r.set(a,[]),r.get(a).push(n)}),r}static buildRunTree(t,r){var g;const n=new Map;r.forEach(m=>{const b=`${m.data.id}|${m.data.name}|${m.data.toolName}`;n.has(b)||n.set(b,{});const O=n.get(b);m.type==="node_started"?O.started=m:m.type==="node_completed"&&(O.completed=m)});const a=[];for(const[,m]of n.entries()){const b=m.started,O=m.completed;if(!b)continue;const x=this.createTreeNodeFromEvents(b,O,t);a.push(x)}const i=this.buildNodeHierarchy(a),o=r.filter(m=>m.runId===t),s=Math.min(...o.map(m=>new Date(m.data.timestamp).getTime())),l=o.filter(m=>m.type==="node_completed"),u=l.length>0?Math.max(...l.map(m=>new Date(m.data.timestamp).getTime())):void 0,c=this.calculateRunStatus(o),f=u&&s?u-s:void 0,d=this.calculateRunTokens(o),h=this.extractUserInput(o),v=this.extractFinalOutput(o);return{runId:t,startTime:new Date(s).toISOString(),endTime:u?new Date(u).toISOString():void 0,status:c,rootNodes:i,duration:f,totalTokens:d>0?d:void 0,sessionId:((g=o[0])==null?void 0:g.sessionId)||"unknown",userInput:h,finalOutput:v}}static createTreeNodeFromEvents(t,r,n){const a=t.data.timestamp,i=r==null?void 0:r.data.timestamp,o=i&&a?new Date(i).getTime()-new Date(a).getTime():void 0,s=r||t,l=s.data.type==="llm"||s.data.type==="tool"||s.data.type==="GuardrailsInputScan"||s.data.type==="GuardrailsOutputScan",u=l?t.data.input:void 0,c=l?r==null?void 0:r.data.output:void 0,f=this.extractLLMUsage(c),{toolInvocations:d,isResponse:h}=this.extractToolInvocations(c),v=s.data.type==="llm"?this.extractProvider(s.data.name||s.data.toolName):void 0;return{id:s.data.id,parentId:s.data.parentId,runId:n||"unknown",name:s.data.name,type:s.data.type,status:(r==null?void 0:r.data.status)||t.data.status,startTime:a,endTime:i,duration:o,icon:s.data.icon,input:u,output:c,children:[],level:0,isExpanded:!1,llmUsage:f,toolInvocations:d,isResponse:h,metadata:{...s.data.metadata,provider:v}}}static buildNodeHierarchy(t){const r=new Map;t.forEach(a=>r.set(a.id,a));const n=[];return t.forEach(a=>{if(a.parentId&&r.has(a.parentId)){const i=r.get(a.parentId);i.children.push(a),a.level=i.level+1}else n.push(a),a.level=0}),n.sort((a,i)=>new Date(a.startTime).getTime()-new Date(i.startTime).getTime()),n.forEach(a=>this.sortChildren(a)),n}static extractLLMUsage(t){var r,n,a;if(!(!t||typeof t!="object")){if(t.usage_metadata)return t.usage_metadata;if((r=t.metadata)!=null&&r.usage_metadata)return t.metadata.usage_metadata;if(Array.isArray(t)){const i=t[0];if((n=i==null?void 0:i.additional_kwargs)!=null&&n.llmUsageMetadata)return i.additional_kwargs.llmUsageMetadata}else if((a=t.additional_kwargs)!=null&&a.llmUsageMetadata)return t.additional_kwargs.llmUsageMetadata}}static extractToolInvocations(t){if(!t||typeof t!="object")return{};if(t.name&&t.tool_call_id){const r=t.name==="route_to_user"||t.toolName==="route_to_user";return{toolInvocations:[t],isResponse:r}}if(Array.isArray(t)){const r=t.filter(n=>n&&typeof n=="object"&&(n.name==="route_to_user"||n.toolName==="route_to_user")&&n.tool_call_id);if(r.length>0){const n=r.some(a=>a.name==="route_to_user"||a.toolName==="route_to_user");return{toolInvocations:r,isResponse:n}}}if(t.tool_calls&&Array.isArray(t.tool_calls)){const r=t.tool_calls.filter(n=>n&&typeof n=="object"&&(n.name==="route_to_user"||n.toolName==="route_to_user")&&n.tool_call_id);if(r.length>0){const n=r.some(a=>a.name==="route_to_user"||a.toolName==="route_to_user");return{toolInvocations:r,isResponse:n}}}return{}}static extractProvider(t){if(!t)return;const r=t.toLowerCase();if(r.includes("gemini"))return"google";if(r.includes("gpt")||r.includes("openai"))return"openai";if(r.includes("claude")||r.includes("anthropic"))return"anthropic";if(r.includes("azure"))return"azure";if(r.includes("cohere"))return"cohere";const n=t.split("-");if(n.length>0){const a=n[0].toLowerCase();if(["gemini","gpt","claude","cohere"].includes(a))return a==="gemini"?"google":a==="gpt"?"openai":a==="claude"?"anthropic":a}return"custom"}static sortChildren(t){t&&(t.children.sort((r,n)=>new Date(r.startTime).getTime()-new Date(n.startTime).getTime()),t.children.forEach(r=>this.sortChildren(r)))}static calculateRunStatus(t){const r=t.some(a=>a.data.status==="running"),n=t.some(a=>a.data.status==="failed");return r?"running":n?"failed":"completed"}static extractUserInput(t){const r=t.filter(n=>n.type==="node_started"&&n.data.type==="llm").sort((n,a)=>new Date(n.data.timestamp).getTime()-new Date(a.data.timestamp).getTime());if(r.length>0){const n=r[0];if(n.data.input){if(typeof n.data.input=="string")return n.data.input;if(typeof n.data.input=="object")return JSON.stringify(n.data.input)}}}static containsRouteToUserTool(t){return!t||typeof t!="object"?!1:Array.isArray(t)?t.some(r=>r&&typeof r=="object"&&(r.name==="route_to_user"||r.toolName==="route_to_user")):t.name==="route_to_user"||t.toolName==="route_to_user"}static extractMessageFromLLMOutput(t){var r,n,a;if(!(!t||typeof t!="object")){if(console.log("Extracting message from LLM output:",JSON.stringify(t,null,2)),Array.isArray(t)){const i=t.find(o=>o&&typeof o=="object"&&(o.name==="route_to_user"||o.toolName==="route_to_user"));if(i){if((r=i.args)!=null&&r.message)return console.log("Found message in LLM array format: routeToUserTool.args.message"),i.args.message;if(i.message)return console.log("Found message in LLM array format: routeToUserTool.message"),i.message;if((n=i.output)!=null&&n.message)return console.log("Found message in LLM array format: routeToUserTool.output.message"),i.output.message}}else if(t.name==="route_to_user"||t.toolName==="route_to_user"){if((a=t.args)!=null&&a.message)return console.log("Found message in LLM single format: output.args.message"),t.args.message;if(t.message)return console.log("Found message in LLM single format: output.message"),t.message}console.log("No message found in LLM output")}}static extractFinalOutput(t){var i,o,s,l,u,c,f,d,h,v;const r=t.filter(g=>g.type==="node_completed"&&g.data.type==="tool"&&(g.data.name==="route_to_user"||g.data.toolName==="route_to_user")),n=t.filter(g=>g.type==="node_completed"&&g.data.type==="llm"&&g.data.output&&this.containsRouteToUserTool(g.data.output));r.length>0&&console.log("Found route_to_user tool events:",r.length),n.length>0&&console.log("Found LLM events with route_to_user:",n.length);const a=[...r,...n];if(a.sort((g,m)=>new Date(g.timestamp).getTime()-new Date(m.timestamp).getTime()),a.length>0){const g=a[a.length-1];if(g.data.type==="llm")return this.extractMessageFromLLMOutput(g.data.output)}if(r.length>0){const m=r[r.length-1].data.output;if(console.log("Route to user output structure:",JSON.stringify(m,null,2)),m)if(Array.isArray(m)){const b=m.find(O=>O&&typeof O=="object"&&(O.name==="route_to_user"||O.toolName==="route_to_user"));if(b){if((i=b.args)!=null&&i.message)return console.log("Found message in array format: routeToUserTool.args.message"),b.args.message;if(b.message)return console.log("Found message in array format: routeToUserTool.message"),b.message;if((o=b.output)!=null&&o.message)return console.log("Found message in array format: routeToUserTool.output.message"),b.output.message}}else{if((s=m.args)!=null&&s.message)return console.log("Found message at: output.args.message"),m.args.message;if(m.message)return console.log("Found message at: output.message"),m.message;if((l=m.output)!=null&&l.message)return console.log("Found message at: output.output.message"),m.output.message;if((u=m.input)!=null&&u.message)return console.log("Found message at: output.input.message"),m.input.message;if((f=(c=m.input)==null?void 0:c.args)!=null&&f.message)return console.log("Found message at: output.input.args.message"),m.input.args.message;if((d=m.data)!=null&&d.message)return console.log("Found message at: output.data.message"),m.data.message;if((h=m.result)!=null&&h.message)return console.log("Found message at: output.result.message"),m.result.message;if(typeof m=="string")try{const b=JSON.parse(m);if((v=b.args)!=null&&v.message)return console.log("Found message in parsed string: parsed.args.message"),b.args.message;if(b.message)return console.log("Found message in parsed string: parsed.message"),b.message}catch{if(m.length>10&&!m.includes("{")&&!m.includes("["))return console.log("Using output string directly as message"),m}try{return JSON.stringify(m)}catch{return m}}console.log("No message found in route_to_user output paths")}}static calculateRunTokens(t){let r=0;return t.forEach(n=>{const a=this.extractLLMUsage(n.data);a!=null&&a.total_tokens&&(r+=a.total_tokens)}),r}static updateTree(t,r,n){return this.buildSessionTree(n,t.sessionId)}static mergeEvents(t,r){return[...t,...r].sort((a,i)=>new Date(a.timestamp).getTime()-new Date(i.timestamp).getTime())}}const iU=({isOpen:e,onClose:t,title:r,data:n,initialViewMode:a="interactive",modalHeight:i="50vh"})=>{const[o,s]=S.useState(a),l=S.useMemo(()=>{if(n==null)return!1;if(typeof n=="string")try{return JSON.parse(n),!0}catch{return!1}return typeof n=="object"},[n]),u=c=>{c.target===c.currentTarget&&t()};return e?p.jsx("div",{className:"fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4",onClick:u,children:p.jsxs("div",{className:"bg-white rounded-lg shadow-xl max-w-6xl w-full flex flex-col",style:{height:i},children:[p.jsxs("div",{className:"flex items-center justify-between p-4 border-b border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-4",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx(Vs,{className:"w-5 h-5 text-gray-400"}),p.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:r})]}),l&&p.jsxs("div",{className:"flex items-center gap-1 ml-4 pl-4 border-l border-gray-200",children:[p.jsx("button",{onClick:()=>s("interactive"),className:`p-1.5 hover:bg-gray-200 rounded transition-colors ${o==="interactive"?"bg-gray-200":""}`,title:"Interactive JSON view (fold/unfold)",children:p.jsx(Pf,{className:"w-4 h-4 text-gray-400"})}),p.jsx("button",{onClick:()=>s("plain"),className:`p-1.5 hover:bg-gray-200 rounded transition-colors ${o==="plain"?"bg-gray-200":""}`,title:"Plain JSON view",children:p.jsx(Of,{className:"w-4 h-4 text-gray-400"})})]})]}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{onClick:async()=>{const c=typeof n=="string"?n:JSON.stringify(n,null,2);try{if(navigator.clipboard&&navigator.clipboard.writeText){await navigator.clipboard.writeText(c);return}const f=document.createElement("textarea");f.value=c,f.style.position="fixed",f.style.left="-999999px",f.style.top="-999999px",document.body.appendChild(f),f.focus(),f.select();try{document.execCommand("copy")}catch(d){console.warn("Copy to clipboard failed:",d)}finally{document.body.removeChild(f)}}catch(f){console.warn("Copy to clipboard failed:",f)}},className:"p-2 hover:bg-gray-100 rounded-lg transition-colors",title:"Copy content",children:p.jsx(fa,{className:"w-4 h-4 text-gray-500"})}),p.jsx("button",{onClick:t,className:"p-2 hover:bg-gray-100 rounded-lg transition-colors",title:"Close",children:p.jsx(Cf,{className:"w-4 h-4 text-gray-500"})})]})]}),p.jsx("div",{className:"flex-1 overflow-hidden",children:p.jsx(cr,{data:n,showHeader:!1,className:"h-full border-0",defaultExpanded:!0,viewMode:o,onViewModeChange:s})})]})}):null},oU=({data:e,level:t=0,expandedKeys:r=new Set,onToggleKey:n,keyPath:a=""})=>{const i=t*16,o=(s,l,u)=>{const c=u?`${u}.${l}`:l||"";if(s===null)return p.jsx("span",{className:"text-gray-400 italic",children:"null"});if(s===void 0)return p.jsx("span",{className:"text-gray-400 italic",children:"undefined"});if(typeof s=="boolean")return p.jsx("span",{className:"text-purple-600 font-medium",children:String(s)});if(typeof s=="number")return p.jsx("span",{className:"text-blue-600 font-medium",children:s});if(typeof s=="string"){const f=s.length>100,d=f&&!r.has(`${c}._string`)?`${s.substring(0,100)}...`:s;return p.jsxs("div",{className:"inline",children:[p.jsxs("span",{className:"text-green-600",children:['"',d,'"']}),f&&p.jsx("button",{onClick:()=>n==null?void 0:n(`${c}._string`),className:"ml-2 text-xs text-blue-500 hover:text-blue-700 underline",children:r.has(`${c}._string`)?"Show less":"Show more"})]})}if(Array.isArray(s)){const f=r.has(c);return s.length===0?p.jsx("span",{className:"text-gray-500",children:"[]"}):p.jsxs("div",{children:[p.jsxs("div",{className:"flex items-center",children:[p.jsxs("button",{onClick:()=>n==null?void 0:n(c),className:"flex items-center gap-1 hover:bg-gray-100 p-1 rounded transition-colors",children:[f?p.jsx(fr,{className:"w-3 h-3 text-gray-400"}):p.jsx(ki,{className:"w-3 h-3 text-gray-400"}),p.jsxs("span",{className:"text-gray-600 text-xs",children:["Array[",s.length,"]"]})]}),!f&&p.jsx("span",{className:"text-gray-400 ml-2",children:"[...]"})]}),f&&p.jsx("div",{className:"ml-4 mt-1",children:s.map((h,v)=>p.jsxs("div",{className:"flex items-start gap-2 py-1",style:{marginLeft:`${i}px`},children:[p.jsxs("span",{className:"text-gray-400 text-xs mt-0.5 min-w-[20px]",children:[v,":"]}),p.jsx("div",{className:"flex-1",children:o(h,String(v),`${c}[${v}]`)})]},v))})]})}if(typeof s=="object"){const f=Object.keys(s),d=r.has(c);return f.length===0?p.jsx("span",{className:"text-gray-500",children:"{}"}):p.jsxs("div",{children:[p.jsxs("div",{className:"flex items-center",children:[p.jsxs("button",{onClick:()=>n==null?void 0:n(c),className:"flex items-center gap-1 hover:bg-gray-100 p-1 rounded transition-colors",children:[d?p.jsx(fr,{className:"w-3 h-3 text-gray-400"}):p.jsx(ki,{className:"w-3 h-3 text-gray-400"}),p.jsxs("span",{className:"text-gray-600 text-xs",children:["Object ","{",f.length," ",f.length===1?"key":"keys","}"]})]}),!d&&p.jsx("span",{className:"text-gray-400 ml-2",children:"{ ... }"})]}),d&&p.jsx("div",{className:"ml-4 mt-1",children:f.map(v=>p.jsxs("div",{className:"flex items-start gap-2 py-1",style:{marginLeft:`${i}px`},children:[p.jsxs("span",{className:"text-blue-700 text-xs mt-0.5 font-medium min-w-fit",children:['"',v,'":']}),p.jsx("div",{className:"flex-1",children:o(s[v],v,c)})]},v))})]})}return p.jsx("span",{className:"text-gray-600",children:String(s)})};return p.jsx("div",{className:"font-mono text-xs",children:o(e,"",a)})},Y0=e=>{const t=[];if(t.push(""),e==null)return t;let r=e;if(typeof e=="string")try{r=JSON.parse(e)}catch{return t}return typeof r=="object"&&!Array.isArray(r)&&Object.keys(r).forEach(n=>{t.push(n)}),Array.isArray(r)&&r.forEach((n,a)=>{t.push(`[${a}]`)}),t},cr=({data:e,padding:t="p-3",title:r="Data",className:n="",maxHeight:a="300px",showHeader:i=!0,defaultExpanded:o=!1,defaultViewMode:s="interactive",viewMode:l,onViewModeChange:u,modalHeight:c="50vh"})=>{const[f,d]=S.useState(!1),[h,v]=S.useState(s),g=S.useMemo(()=>o?new Set([""]):new Set(Y0(e)),[e,o]),[m,b]=S.useState(g);S.useEffect(()=>{o||b(new Set(Y0(e)))},[e,o]);const O=l!==void 0,x=O?l:h,j=P=>{O?u==null||u(P):v(P)},{isValidJson:y,displayContent:w}=S.useMemo(()=>{if(e==null)return{isValidJson:!1,displayContent:e===null?"null":"undefined"};if(typeof e=="string")try{return{isValidJson:!0,displayContent:JSON.parse(e)}}catch{return{isValidJson:!1,displayContent:e}}return typeof e=="object"?{isValidJson:!0,displayContent:e}:{isValidJson:!1,displayContent:String(e)}},[e]),T=S.useCallback(P=>{b(E=>{const I=new Set(E);return I.has(P)?I.delete(P):I.add(P),I})},[]),A=S.useCallback(async()=>{const P=y?JSON.stringify(w,null,2):w;try{if(navigator.clipboard&&navigator.clipboard.writeText){await navigator.clipboard.writeText(P);return}const E=document.createElement("textarea");E.value=P,E.style.position="fixed",E.style.left="-999999px",E.style.top="-999999px",document.body.appendChild(E),E.focus(),E.select();try{document.execCommand("copy")}catch(I){console.warn("Copy to clipboard failed:",I)}finally{document.body.removeChild(E)}}catch(E){console.warn("Copy to clipboard failed:",E)}},[y,w]),_=S.useCallback(()=>{d(!0)},[]),C=S.useCallback(()=>{d(!1)},[]);return p.jsxs(p.Fragment,{children:[p.jsxs("div",{className:`bg-white border border-gray-200 rounded-md overflow-hidden ${n}`,children:[i&&p.jsxs("div",{className:"bg-gray-50 border-b border-gray-200 px-4 py-2 flex items-center justify-between",children:[y&&p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{onClick:()=>j("interactive"),className:`p-1 hover:bg-gray-200 rounded transition-colors ${x==="interactive"?"bg-gray-200":""}`,title:"Interactive JSON view (fold/unfold)",children:p.jsx(Pf,{className:"w-4 h-4 text-gray-400"})}),p.jsx("button",{onClick:()=>j("plain"),className:`p-1 hover:bg-gray-200 rounded transition-colors ${x==="plain"?"bg-gray-200":""}`,title:"Plain JSON view",children:p.jsx(Of,{className:"w-4 h-4 text-gray-400"})})]}),p.jsx("div",{className:"flex-1"}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{onClick:_,className:"p-1 hover:bg-gray-200 rounded transition-colors",title:"Expand to full screen",children:p.jsx(_f,{className:"w-4 h-4 text-gray-400"})}),p.jsx("button",{onClick:A,className:"p-1 hover:bg-gray-200 rounded transition-colors",title:"Copy content",children:p.jsx(fa,{className:"w-4 h-4 text-gray-400"})})]})]}),p.jsxs("div",{className:`${t||"p-3"} overflow-auto bg-white`,style:{maxHeight:a},children:[y?x==="interactive"?p.jsx(oU,{data:w,expandedKeys:m,onToggleKey:T,keyPath:""}):p.jsx("div",{className:"font-mono text-xs text-gray-700 whitespace-pre",children:JSON.stringify(w,null,2)}):p.jsx("div",{className:"font-mono text-xs text-gray-700 whitespace-pre-wrap",children:w}),!w&&w!==0&&w!==!1&&p.jsx("div",{className:"text-center text-gray-400 text-sm py-8",children:"No data available"})]})]}),p.jsx(iU,{isOpen:f,onClose:C,title:r,data:w,initialViewMode:x,modalHeight:c})]})};function X0({node:e,onToggle:t,isExpanded:r=!1,onNodeClick:n,selectedNodeIds:a,showDetailView:i=!0}){const o=S.useMemo(()=>{var A;return e.type==="GuardrailsInputScan"||e.type==="GuardrailsOutputScan"||((A=e.name)==null?void 0:A.toLowerCase().includes("guardrail"))},[e.type,e.name]),s=S.useMemo(()=>o?["summary","request"]:e.type==="llm"?["summary","request","response"]:e.type==="tool"?["request","response","logs"]:[],[e.type,o]),[l,u]=S.useState(s[0]),c=a?a.has(e.id):!1,f=e.children&&e.children.length>0;S.useEffect(()=>{s.includes(l)||u(s[0])},[s,l]);const d=A=>{A.stopPropagation(),t&&t(e.id)},h=()=>{s.length===0&&f&&t?t(e.id):n&&i&&n(e)},v=()=>{switch(e.status){case"completed":return p.jsx("svg",{className:"flex-shrink-0",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5ZM8.60355 4.85355C8.79882 4.65829 8.79882 4.34171 8.60355 4.14645C8.40829 3.95118 8.09171 3.95118 7.89645 4.14645L5.25 6.79289L4.10355 5.64645C3.90829 5.45118 3.59171 5.45118 3.39645 5.64645C3.20118 5.84171 3.20118 6.15829 3.39645 6.35355L4.89645 7.85355C5.09171 8.04882 5.40829 8.04882 5.60355 7.85355L8.60355 4.85355Z",fill:"#17B26A"})});case"failed":return p.jsx("div",{className:"w-[12px] h-[12px] rounded-full bg-red-500"});case"running":return p.jsx("div",{className:"w-[12px] h-[12px] rounded-full bg-yellow-500 animate-pulse"});default:return p.jsx("div",{className:"w-[12px] h-[12px] rounded-full bg-gray-400"})}},g=()=>{var _,C;if(o)return p.jsx("div",{className:"flex-shrink-0 relative w-[24px] h-[24px] bg-gray-200 rounded-[8px] flex items-center justify-center",children:p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"21",viewBox:"0 0 17 21",fill:"none",className:"w-[16px] h-[16px]",children:p.jsx("path",{d:"M2.86876 3.16135L2.51444 2.22622V2.22622L2.86876 3.16135ZM1.60989 3.76534L0.944868 3.01852L0.944868 3.01852L1.60989 3.76534ZM1.11768 4.483L2.05352 4.83544L1.11768 4.483ZM8.70562 1.33287L8.35129 2.26799V2.26799L8.70562 1.33287ZM8.32871 1.21247L8.18424 2.20198L8.32871 1.21247ZM7.69438 1.33287L8.04871 2.26799H8.04871L7.69438 1.33287ZM8.07129 1.21247L8.21576 2.20198L8.07129 1.21247ZM15.2823 4.483L14.3465 4.83544L15.2823 4.483ZM13.5312 3.16135L13.1769 4.09647L13.5312 3.16135ZM14.7901 3.76534L15.4551 3.01852V3.01852L14.7901 3.76534ZM8.82819 18.9787L9.33601 19.8402L8.82819 18.9787ZM8.38871 19.1854L8.17694 18.2081H8.17694L8.38871 19.1854ZM7.57181 18.9787L8.07962 18.1173L7.57181 18.9787ZM8.01129 19.1854L8.22306 18.2081L8.01129 19.1854ZM7.10461 9.12831L7.45541 10.0648C7.72607 9.96337 7.93963 9.74983 8.04104 9.47917L7.10461 9.12831ZM8.2 6.20474L9.13643 5.85388H7.26357L8.2 6.20474ZM9.29539 9.12831L8.35897 9.47917C8.46038 9.74983 8.67393 9.96337 8.94459 10.0648L9.29539 9.12831ZM12.25 10.2351L12.6008 11.1716L12.6008 9.29868L12.25 10.2351ZM9.29539 11.3419L8.94459 10.4055C8.66955 10.5085 8.4537 10.7273 8.35435 11.0037L9.29539 11.3419ZM8.2 14.3892L7.25895 14.7275H9.14105L8.2 14.3892ZM7.10461 11.3419L8.04565 11.0037C7.9463 10.7273 7.73045 10.5085 7.45541 10.4055L7.10461 11.3419ZM4.15 10.2351L3.7992 9.29868L3.7992 11.1716L4.15 10.2351ZM9.33601 19.8402C10.251 19.3009 11.9823 18.176 13.4966 16.582C15.0004 14.999 16.4 12.8356 16.4 10.2351H14.4C14.4 12.0983 13.3903 13.79 12.0466 15.2045C10.7133 16.608 9.15867 17.6231 8.32038 18.1173L9.33601 19.8402ZM16.4 10.2351V5.88609H14.4V10.2351H16.4ZM13.8856 2.22622L9.05994 0.397748L8.35129 2.26799L13.1769 4.09647L13.8856 2.22622ZM7.34006 0.397749L2.51444 2.22622L3.22309 4.09647L8.04871 2.26799L7.34006 0.397749ZM0 5.88609V10.2351H2V5.88609H0ZM0 10.2351C0 12.8356 1.39958 14.999 2.90343 16.582C4.41773 18.176 6.14904 19.3009 7.06399 19.8402L8.07962 18.1173C7.24133 17.6231 5.68674 16.608 4.35344 15.2045C3.00971 13.79 2 12.0983 2 10.2351H0ZM2.51444 2.22622C1.91725 2.4525 1.36429 2.64503 0.944868 3.01852L2.27492 4.51216C2.352 4.44352 2.47279 4.38077 3.22309 4.09647L2.51444 2.22622ZM2 5.88609C2 5.07787 2.01549 4.93642 2.05352 4.83544L0.181849 4.13057C-0.0154909 4.65457 0 5.24018 0 5.88609H2ZM0.944868 3.01852C0.60414 3.32193 0.342573 3.70379 0.181849 4.13057L2.05352 4.83544C2.10072 4.71011 2.17703 4.59933 2.27492 4.51216L0.944868 3.01852ZM9.05994 0.397748C8.91343 0.342231 8.70233 0.256421 8.47319 0.222965L8.18424 2.20198C8.15508 2.19772 8.14261 2.19201 8.16863 2.20063C8.18278 2.20531 8.2032 2.21249 8.23486 2.22419C8.26671 2.23595 8.30339 2.24984 8.35129 2.26799L9.05994 0.397748ZM8.04871 2.26799C8.09661 2.24984 8.13329 2.23595 8.16514 2.22419C8.1968 2.21249 8.21722 2.20531 8.23137 2.20063C8.25739 2.19201 8.24492 2.19772 8.21576 2.20198L7.92681 0.222965C7.69767 0.256422 7.48657 0.342232 7.34005 0.397749L8.04871 2.26799ZM8.47319 0.222965C8.29201 0.196512 8.10799 0.196512 7.92681 0.222965L8.21576 2.20198C8.20532 2.20351 8.19468 2.20351 8.18424 2.20198L8.47319 0.222965ZM16.4 5.88609C16.4 5.24018 16.4155 4.65457 16.2182 4.13057L14.3465 4.83544C14.3845 4.93642 14.4 5.07787 14.4 5.88609H16.4ZM13.1769 4.09647C13.9272 4.38077 14.048 4.44352 14.1251 4.51216L15.4551 3.01852C15.0357 2.64503 14.4827 2.4525 13.8856 2.22622L13.1769 4.09647ZM16.2182 4.13057C16.0574 3.70379 15.7959 3.32193 15.4551 3.01852L14.1251 4.51216C14.223 4.59933 14.2993 4.7101 14.3465 4.83544L16.2182 4.13057ZM8.32038 18.1173C8.2687 18.1477 8.2323 18.1692 8.20084 18.1871C8.17008 18.2046 8.15362 18.2132 8.14482 18.2175C8.13738 18.2212 8.14003 18.2195 8.14934 18.2161C8.15948 18.2124 8.16954 18.2097 8.17694 18.2081L8.60048 20.1627C8.9274 20.0919 9.16869 19.9388 9.33601 19.8402L8.32038 18.1173ZM7.06399 19.8402C7.23131 19.9388 7.4726 20.0919 7.79952 20.1627L8.22306 18.2081C8.23046 18.2097 8.24052 18.2124 8.25066 18.2161C8.25997 18.2195 8.26262 18.2212 8.25518 18.2175C8.24638 18.2132 8.22992 18.2046 8.19916 18.1871C8.1677 18.1692 8.1313 18.1477 8.07962 18.1173L7.06399 19.8402ZM8.17694 18.2081C8.18757 18.2058 8.19524 18.2045 8.19954 18.2039C8.20396 18.2032 8.20647 18.203 8.20701 18.2029C8.20764 18.2029 8.20489 18.2031 8.2 18.2031C8.19511 18.2031 8.19236 18.2029 8.19299 18.2029C8.19353 18.203 8.19604 18.2032 8.20046 18.2039C8.20476 18.2045 8.21243 18.2058 8.22306 18.2081L7.79952 20.1627C8.04819 20.2166 8.35181 20.2166 8.60048 20.1627L8.17694 18.2081ZM8.04104 9.47917L9.13643 6.5556L7.26357 5.85388L6.16818 8.77745L8.04104 9.47917ZM7.26357 6.5556L8.35897 9.47917L10.2318 8.77745L9.13643 5.85388L7.26357 6.5556ZM8.94459 10.0648L11.8992 11.1716L12.6008 9.29868L9.6462 8.19186L8.94459 10.0648ZM11.8992 9.29868L8.94459 10.4055L9.6462 12.2784L12.6008 11.1716L11.8992 9.29868ZM8.35435 11.0037L7.25895 14.0509L9.14105 14.7275L10.2364 11.6802L8.35435 11.0037ZM9.14105 14.0509L8.04565 11.0037L6.16356 11.6802L7.25895 14.7275L9.14105 14.0509ZM7.45541 10.4055L4.5008 9.29868L3.7992 11.1716L6.75381 12.2784L7.45541 10.4055ZM4.5008 11.1716L7.45541 10.0648L6.75381 8.19186L3.7992 9.29868L4.5008 11.1716Z",fill:"#101828"})})});let A="agent";switch(e.type){case"Agent":A="agent";break;case"llm":A="model";break;case"tool":A="workflowtool";break;default:A="agent"}return p.jsx(wi,{icon:e.icon,iconSource:A,size:"small",name:e.name,className:"w-[24px] h-[24px]",toolType:e.type==="tool"?(_=e.metadata)==null?void 0:_.type:void 0,provider:e.type==="llm"?(C=e.metadata)==null?void 0:C.provider:void 0,modelName:e.type==="llm"?e.name:void 0})},m=A=>A?A<1e3?`${A}ms`:`${(A/1e3).toFixed(2)}s`:"",b=A=>{if(!A)return"Tool";switch(A){case"route_to_user":return"Route to User";default:return A.split("_").map(_=>_.charAt(0).toUpperCase()+_.slice(1)).join(" ")}},O=()=>s,x=()=>{var C,P,E;const A=e.toolInvocations&&e.toolInvocations.length>0||e.children&&e.children.length>0,_=e.isResponse;return A?p.jsxs("div",{className:"space-y-1",children:[p.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[p.jsx("span",{className:"text-xs text-gray-600",children:_?"Responded":"Invoked"}),e.toolInvocations&&e.toolInvocations.length>0&&e.toolInvocations.map((I,k)=>p.jsxs("div",{className:"flex items-center gap-[4px] px-[8px] py-[2px] border border-gray-300 rounded-[4px] text-xs",children:[p.jsx(Vs,{className:"w-[12px] h-[12px] text-blue-500 flex-shrink-0"}),p.jsx("span",{className:"text-gray-600 truncate",children:b(I.name||I.toolName)})]},I.tool_call_id||k)),(!e.toolInvocations||e.toolInvocations.length===0)&&e.children&&e.children.length>0&&e.children.map((I,k)=>p.jsxs("div",{className:"flex items-center gap-[4px] px-[8px] py-[2px] border border-gray-300 rounded-[4px] text-xs",children:[I.type==="tool"?p.jsx(Vs,{className:"w-[12px] h-[12px] text-green-500 flex-shrink-0"}):p.jsx(xb,{className:"w-[12px] h-[12px] text-blue-500 flex-shrink-0"}),p.jsx("span",{className:"text-gray-600 truncate",children:I.name||"Unknown"})]},I.id||k))]}),((E=(P=(C=e.toolInvocations)==null?void 0:C[0])==null?void 0:P.args)==null?void 0:E.reason)&&p.jsxs("div",{children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[4px]",children:"Reason"}),p.jsx("div",{className:"text-xs text-gray-600",children:e.toolInvocations[0].args.reason})]})]}):e.output&&!A?p.jsx("div",{className:"space-y-1",children:p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("span",{className:"text-xs text-gray-600",children:"Generated"}),p.jsxs("div",{className:"flex items-center gap-[4px] px-[8px] py-[4px] border border-gray-200 rounded text-xs",children:[p.jsx(Cb,{className:"w-[12px] h-[12px] text-purple-500"}),p.jsx("span",{className:"text-gray-600",children:"Response"})]})]})}):p.jsx("div",{className:"text-xs text-gray-500 italic",children:"No actions taken"})},j=A=>{var _,C,P,E;if(!(!A||typeof A!="object")){if(Array.isArray(A)){const I=A.find(k=>k&&typeof k=="object"&&(k.name==="route_to_user"||k.toolName==="route_to_user"));if(I)return((_=I.args)==null?void 0:_.message)||I.message||((C=I.output)==null?void 0:C.message)}else if(A.name==="route_to_user"||A.toolName==="route_to_user")return((P=A.args)==null?void 0:P.message)||A.message||((E=A.output)==null?void 0:E.message);if(A.message&&typeof A.message=="string")return A.message;if(A.content&&typeof A.content=="string")return A.content;if(A.text&&typeof A.text=="string")return A.text}},y=()=>{if(!e.output)return null;const A=j(e.output);return p.jsx(cr,{padding:"py-1",data:A||e.output,title:"",showHeader:!1,maxHeight:"250px",defaultExpanded:!0,className:"border-0"})},w=()=>{if(!o||!e.output)return null;const A=e.output,_=A.scannersData,C=A.endFlow,P=A.endFlowMsg;return _?p.jsxs("div",{className:"space-y-3",children:[C&&P&&p.jsxs("div",{className:"flex items-start gap-2 p-3 bg-red-50 border border-red-200 rounded-md",children:[p.jsx(Gs,{className:"w-4 h-4 text-red-500 flex-shrink-0 mt-0.5"}),p.jsxs("div",{className:"text-xs text-red-700",children:[p.jsx("div",{className:"font-medium",children:"Guardrail Stopped"}),p.jsx("div",{className:"mt-1",children:P})]})]}),p.jsx("div",{className:"space-y-1",children:Object.entries(_).map(([E,I])=>{if(E==="error"&&I.scannerOutput)return p.jsxs("div",{className:"flex items-center justify-between p-1",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx(Gs,{className:"w-4 h-4 text-red-500 flex-shrink-0"}),p.jsx("span",{className:"text-xs text-gray-700 capitalize",children:"Error Scanner"})]}),p.jsx("div",{className:"flex items-center gap-3",children:p.jsx("span",{className:"text-xs text-gray-500",children:I.scannerOutput.Duration})})]},E);if(I.scannerOutput){const k=I.scannerOutput.Validity,D=I.scannerOutput.RiskScore,M=I.scannerOutput.Duration;let F="text-gray-500",z="bg-gray-100";return D!==void 0&&(D===0?(F="text-green-600",z="bg-green-50"):D<=3?(F="text-yellow-600",z="bg-yellow-50"):D<=6?(F="text-orange-600",z="bg-orange-50"):(F="text-red-600",z="bg-red-50")),p.jsxs("div",{className:"flex items-center justify-between p-1",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[k?p.jsx(wb,{className:"w-4 h-4 text-green-500 flex-shrink-0"}):p.jsx(Gs,{className:"w-4 h-4 text-red-500 flex-shrink-0"}),p.jsx("span",{className:"text-xs text-gray-700",children:E.replace(/([A-Z])/g," $1").trim()})]}),p.jsxs("div",{className:"flex items-center gap-3",children:[D!==void 0&&p.jsxs("div",{className:`px-2 py-0.5 rounded text-xs font-medium ${z} ${F}`,children:["Risk: ",D]}),p.jsx("span",{className:"text-xs text-gray-500",children:M})]})]},E)}return null})})]}):null},T=()=>{switch(l){case"summary":return o?p.jsxs("div",{className:"space-y-1",children:[e.input&&p.jsxs("div",{className:"border-b border-gray-100 pb-[8px]",children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[8px]",children:"Input"}),p.jsx(cr,{padding:"py-1",data:e.input,title:"",showHeader:!1,maxHeight:"150px",defaultExpanded:!0,className:"border-0"})]}),e.output&&p.jsxs("div",{children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[8px]",children:"Result"}),w()]})]}):p.jsxs("div",{className:"space-y-1",children:[e.input&&p.jsxs("div",{className:"border-b border-gray-100 pb-[8px]",children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[8px]",children:"Input"}),p.jsx(cr,{padding:"py-1",data:e.input,title:"",showHeader:!1,maxHeight:"250px",defaultExpanded:!0,className:"border-0"})]}),p.jsxs("div",{className:"border-b border-gray-100 pb-2",children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[4px]",children:"Action"}),x()]}),e.output&&p.jsxs("div",{className:"border-b border-gray-100 pb-[8px]",children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[4px]",children:"Output"}),y()]}),e.llmUsage&&p.jsxs("div",{children:[p.jsx("div",{className:"text-xs font-medium text-gray-400 mb-[4px]",children:"Usage"}),p.jsxs("div",{className:"text-xs text-gray-600",children:["Input: ",e.llmUsage.input_tokens," tokens, Output: ",e.llmUsage.output_tokens," tokens, Total: ",e.llmUsage.total_tokens," tokens"]})]})]});case"request":return o&&e.output?p.jsx(cr,{data:e.output,title:"Full Scanner Output",maxHeight:"400px",defaultExpanded:!1,defaultViewMode:"interactive"}):p.jsx(cr,{data:e.input,title:"Request Data",maxHeight:"400px",defaultExpanded:!1,defaultViewMode:"interactive"});case"response":return p.jsx(cr,{data:e.output,title:"Response Data",maxHeight:"400px",defaultExpanded:!1,defaultViewMode:"interactive"});case"logs":const A={executionLog:[e.startTime&&{timestamp:new Date(e.startTime).toISOString(),level:"INFO",message:`${e.type==="tool"?"Tool":"Node"} execution started`,context:{nodeId:e.id,name:e.name,type:e.type}},e.status==="completed"&&{timestamp:new Date(e.endTime||e.startTime).toISOString(),level:"INFO",message:"Response received",context:{status:e.status,duration:e.duration,llmUsage:e.llmUsage}},e.endTime&&{timestamp:new Date(e.endTime).toISOString(),level:"SUCCESS",message:`${e.type==="tool"?"Tool":"Node"} execution completed`,context:{endTime:e.endTime,totalDuration:e.duration?`${e.duration}ms`:"unknown"}}].filter(Boolean),metadata:{totalLogs:0,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:e.status}};return A.metadata.totalLogs=A.executionLog.length,p.jsx(cr,{data:A,title:"Execution Logs",maxHeight:"400px",defaultExpanded:!0,defaultViewMode:"plain"});default:return null}};return p.jsxs("div",{className:"bg-white w-full",children:[p.jsx("div",{className:`flex items-center pl-[8px] pr-[8px] relative transition-colors cursor-pointer w-full
+        `,onClick:h,children:p.jsxs("div",{className:"flex items-center gap-[10px] w-full",children:[p.jsx("div",{className:"p-[2px] relative top-[1px] rounded hover:bg-gray-200 cursor-pointer flex-shrink-0 z-[2]",onClick:A=>{A.stopPropagation(),f?d(A):n&&n(e)},title:f?r?"Collapse":"Expand":"Show details",children:p.jsx(ki,{className:`w-[12px] h-[12px] text-gray-600 transition-transform ${f&&r||c&&s.length>0?"rotate-90":""}`})}),p.jsxs("div",{className:"flex items-center gap-[8px] w-full py-[8px] border-b border-gray-200",children:[p.jsx("div",{className:"flex-shrink-0 rounded-[8px] bg-[#B2DDFF]",children:g()}),p.jsx("span",{className:"font-semibold text-gray-900 text-xs truncate w-full",children:o?e.type==="GuardrailsInputScan"?"Input Guardrails Scanner":"Output Guardrails Scanner":e.type==="tool"?b(e.name):e.name}),p.jsxs("div",{className:"flex items-center gap-[12px] text-[10px] text-gray-500",children:[e.type==="Agent"&&(()=>{var _;const A=(_=e.children)==null?void 0:_.find(C=>C.type==="llm");return A!=null&&A.name?p.jsx("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:A.name}):null})(),(e.type==="Agent"||e.type==="llm"||o)&&(()=>{var _,C,P,E;const A=e.type==="Agent"?(P=(C=(_=e.children)==null?void 0:_.find(I=>I.type==="llm"))==null?void 0:C.llmUsage)==null?void 0:P.total_tokens:(E=e.llmUsage)==null?void 0:E.total_tokens;return A?p.jsxs("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:[A.toLocaleString()," Tokens"]}):null})(),e.duration&&p.jsxs("div",{className:"flex items-center gap-[4px]",children:[p.jsx(Af,{className:"w-[12px] h-[12px]"}),p.jsx("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:m(e.duration)})]})]}),p.jsx("div",{className:"flex-shrink-0",children:v()})]})]})}),c&&s.length>0&&i&&p.jsxs("div",{className:"w-full pl-[32px] relative",children:[p.jsx("div",{className:"absolute top-[-40px] left-[16px] w-[1px] border-l border-dashed border-gray-200 h-[calc(100%+40px)] z-[1]"}),p.jsxs("div",{className:"px-[4px] py-[8px] w-full",children:[p.jsx("div",{className:"bg-gray-50 rounded-[4px] p-[4px] inline-flex gap-[4px] mb-[8px] border border-gray-200",children:O().map(A=>p.jsx("button",{onClick:()=>u(A),className:`px-[8px] py-[4px] text-xs font-medium rounded-[4px] text-gray-500 hover:text-gray-700 hover:shadow-tab hover:bg-white transition-colors ${l===A?"bg-white text-gray-900 shadow-tab":"text-gray-500 hover:text-gray-700 hover:bg-white"}`,children:A.charAt(0).toUpperCase()+A.slice(1)},A))}),p.jsx("div",{className:"px-[4px]",children:T()})]})]}),r&&f&&p.jsxs("div",{className:"w-full pl-[32px] relative",children:[p.jsx("div",{className:"absolute top-[-40px] left-[16px] w-[1px] border-l border-dashed border-gray-200 h-[calc(100%+40px)] z-[1]"}),e.children.map(A=>p.jsx(X0,{node:A,onToggle:t,isExpanded:A.isExpanded,onNodeClick:n,selectedNodeIds:a,showDetailView:i},A.id))]})]})}const Z0=S.forwardRef(({executionEvents:e,sessionId:t,config:r={},onNodeExpand:n,onNodeCollapse:a,className:i=""},o)=>{const[s,l]=S.useState(new Set),[u,c]=S.useState(new Set),[f,d]=S.useState(new Set),{expansionMode:h="all",showExpansionControls:v=!1,defaultDetailView:g=!0}=r,[m,b]=S.useState(h),[O,x]=S.useState(new Set),[j,y]=S.useState(e),w=S.useRef(e.length);S.useEffect(()=>{y(e),e.length===0?(l(new Set),c(new Set),d(new Set),_.current=!1,w.current=0):(e.length>w.current&&(_.current=!0),w.current=e.length)},[e]);const T=S.useRef(0),A=S.useRef(null),_=S.useRef(!1);S.useImperativeHandle(o,()=>({addEvent:B=>{y(G=>[...G,B]),_.current=!0},addEvents:B=>{y(G=>[...G,...B]),_.current=!0},clearEvents:()=>{y([]),l(new Set),c(new Set),d(new Set),_.current=!1}}),[]);const C=S.useMemo(()=>{const B=K0.buildSessionTree(j,t);return A.current=B,B},[j,t]),P=B=>{const G=[],X=te=>{G.push(te.id),te.children.forEach(V=>X(V))};return B.runs.forEach(te=>{te.rootNodes.forEach(V=>X(V))}),G},E=S.useCallback(()=>{const B=P(C);l(new Set(B));const G=C.runs.map(X=>X.runId);d(new Set(G))},[C]),I=S.useCallback(()=>{l(new Set)},[]),k=S.useCallback(()=>{if(C.runs.length>0){const B=C.runs[C.runs.length-1];if(B.rootNodes.length>0){const G=B.rootNodes[B.rootNodes.length-1],X=[],te=V=>{if(X.push(V.id),V.children.length>0){const Z=V.children[V.children.length-1];te(Z)}};te(G),l(new Set(X)),d(V=>{const Z=new Set(V);return Z.add(B.runId),Z})}}},[C]),D=S.useCallback(B=>{x(G=>{const X=new Set(G);return X.has(B)?X.delete(B):X.add(B),X})},[]);S.useEffect(()=>{if(g){const B=C.runs.map(G=>G.runId);x(new Set(B))}},[C.runs,g]);const M=S.useRef(null);S.useEffect(()=>{j.length>T.current&&M.current&&setTimeout(()=>{M.current&&M.current.scrollTo({top:M.current.scrollHeight,behavior:"smooth"})},100),T.current=j.length},[j.length]),S.useEffect(()=>{if(j.length>0&&C.runs.length>0){if(_.current){switch(m){case"all":const G=P(C);l(new Set(G));break;case"last":k();break}_.current=!1}d(G=>{const X=new Set(G);return C.runs.forEach(te=>{X.has(te.runId)||X.add(te.runId)}),X});const B=C.runs[C.runs.length-1];if(B.rootNodes.length>0){const G=B.rootNodes[B.rootNodes.length-1],X=K(G);X&&c(te=>{const V=new Set(te);return V.add(X.id),V})}}},[C,m,k]);const F=S.useCallback(B=>{l(G=>{const X=new Set(G);return X.has(B)?(X.delete(B),a==null||a(B)):(X.add(B),n==null||n(B)),X})},[n,a]),z=S.useCallback(B=>{c(G=>{const X=new Set(G);return X.has(B.id)?X.delete(B.id):X.add(B.id),X})},[]),q=S.useCallback(B=>{d(G=>{const X=new Set(G);return X.has(B)?X.delete(B):X.add(B),X})},[]),$=S.useCallback(B=>({...B,isExpanded:s.has(B.id),children:B.children.map(X=>$(X))}),[s]),R=B=>B?B<1e3?`${B}ms`:`${(B/1e3).toFixed(2)}s`:"",U=B=>B?B>=1e6?`${(B/1e6).toFixed(1)}M tokens`:B>=1e3?`${(B/1e3).toFixed(1)}K tokens`:`${B} tokens`:"",W=async B=>{try{if(navigator.clipboard&&navigator.clipboard.writeText){await navigator.clipboard.writeText(B);return}const G=document.createElement("textarea");G.value=B,G.style.position="fixed",G.style.left="-999999px",G.style.top="-999999px",document.body.appendChild(G),G.focus(),G.select();try{document.execCommand("copy")}catch(X){console.warn("Copy to clipboard failed:",X)}finally{document.body.removeChild(G)}}catch(G){console.warn("Copy to clipboard failed:",G)}},K=B=>B.children.length===0?B:K(B.children[B.children.length-1]);return C.runs.length?p.jsx("div",{className:`flex flex-col h-full bg-white ${i}`,children:p.jsxs("div",{className:"flex flex-col gap-[16px] p-[24px] overflow-y-auto overflow-x-hidden",ref:M,children:[p.jsxs("div",{className:"flex items-center w-full gap-[16px]",children:[p.jsx("div",{className:"text-xs text-gray-400 whitespace-nowrap flex-shrink-0",children:"Session initiated"}),p.jsx("div",{className:"flex-1 h-[1px] border-t border-dashed border-gray-300 w-full"}),p.jsxs("div",{className:"flex items-center gap-2 text-xs text-gray-400 flex-shrink-0",children:[p.jsx("span",{children:C.sessionId}),p.jsx("button",{className:"p-[4px] hover:bg-gray-100 rounded transition-colors",onClick:()=>W(C.sessionId),title:"Copy session ID",children:p.jsx(fa,{className:"w-[12px] h-[12px]"})}),p.jsx("button",{className:"p-[4px] hover:bg-gray-100 rounded transition-colors",title:"Open in external viewer",children:p.jsx(jf,{className:"w-[12px] h-[12px]"})})]})]}),v&&p.jsxs("div",{className:"flex items-center justify-between gap-4 p-3 bg-gray-50 rounded-lg border border-gray-200",children:[p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("span",{className:"text-xs font-medium text-gray-700",children:"Expansion:"}),p.jsxs("button",{onClick:E,className:"flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",title:"Expand all nodes",children:[p.jsx(_b,{className:"w-3 h-3"}),"Expand All"]}),p.jsxs("button",{onClick:k,className:"flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",title:"Expand only the last execution path",children:[p.jsx(Tb,{className:"w-3 h-3"}),"Expand Last"]}),p.jsxs("button",{onClick:I,className:"flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",title:"Collapse all nodes",children:[p.jsx(Pb,{className:"w-3 h-3"}),"Collapse All"]})]}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("span",{className:"text-xs font-medium text-gray-700",children:"Live Mode:"}),p.jsxs("select",{value:m,onChange:B=>b(B.target.value),className:"text-xs px-2 py-1 bg-white border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500",title:"Control auto-expansion behavior during live updates",children:[p.jsx("option",{value:"all",children:"Expand All"}),p.jsx("option",{value:"last",children:"Expand Last"}),p.jsx("option",{value:"none",children:"No Auto-Expand"})]})]})]}),C.runs.map(B=>p.jsxs("div",{className:"flex flex-col gap-1",children:[p.jsxs("div",{className:"rounded-[8px] border border-gray-300 bg-white overflow-hidden",children:[p.jsx("div",{className:"flex flex-col w-full",children:p.jsxs("div",{className:"flex items-center gap-2 p-[8px] bg-gray-50",children:[p.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:"flex-shrink-0",children:p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.8277 1.33398C11.3643 1.33398 11.8072 1.33396 12.168 1.36343C12.5428 1.39405 12.8872 1.45978 13.2108 1.62463C13.7125 1.8803 14.1205 2.28825 14.3762 2.79001C14.541 3.11356 14.6067 3.45803 14.6374 3.83276C14.6668 4.19356 14.6668 4.63646 14.6668 5.1731V9.0235C14.6668 9.47003 14.6668 9.83861 14.6462 10.1404C14.6249 10.4532 14.5792 10.7426 14.4638 11.0211C14.1932 11.6746 13.674 12.1937 13.0206 12.4643C12.7421 12.5797 12.4527 12.6254 12.1399 12.6467C11.8381 12.6673 11.4695 12.6673 11.023 12.6673H11.0002C10.6424 12.6673 10.5714 12.6715 10.5136 12.6852C10.4129 12.7089 10.3191 12.7558 10.2397 12.8221C10.1941 12.8602 10.1481 12.9145 9.9335 13.2007L8.94888 14.5135C8.88665 14.5965 8.81628 14.6904 8.74857 14.7657C8.6739 14.8487 8.54979 14.971 8.36264 15.0438C8.1295 15.1344 7.87083 15.1344 7.6377 15.0438C7.45054 14.971 7.32641 14.8487 7.25174 14.7657C7.18403 14.6904 7.11368 14.5965 7.05145 14.5135L6.06683 13.2007C5.85221 12.9145 5.80624 12.8602 5.76065 12.8221C5.68119 12.7558 5.58739 12.7089 5.48666 12.6852C5.42887 12.6715 5.35786 12.6673 5.00015 12.6673H4.9773C4.53078 12.6673 4.16221 12.6673 3.86047 12.6467C3.54762 12.6254 3.25822 12.5797 2.97968 12.4643C2.32627 12.1937 1.80712 11.6746 1.53647 11.0211C1.42109 10.7426 1.37541 10.4532 1.35407 10.1404C1.33348 9.83861 1.33349 9.47003 1.3335 9.0235V5.17313C1.33349 4.63648 1.33347 4.19356 1.36295 3.83276C1.39356 3.45803 1.45929 3.11356 1.62415 2.79001C1.87981 2.28825 2.28776 1.8803 2.78952 1.62463C3.11308 1.45978 3.45755 1.39405 3.83228 1.36343C4.19307 1.33396 4.63599 1.33398 5.17264 1.33398H10.8277ZM10.4715 4.52924C10.2112 4.2689 9.78906 4.26889 9.52872 4.52924L6.66681 7.39114V5.6673C6.6668 5.29912 6.36834 5.00064 6.00015 5.00064C5.63197 5.00064 5.33351 5.29912 5.3335 5.6673V9.00064C5.3335 9.17745 5.40373 9.34702 5.52875 9.47205C5.65377 9.59707 5.82334 9.6673 6.00015 9.6673H9.3335L9.35068 9.66708C9.71092 9.65796 10.0002 9.36308 10.0002 9.00064C10.0001 8.63821 9.71092 8.34332 9.35068 8.3342L9.3335 8.33398H7.60962L10.4715 5.47205C10.7319 5.2117 10.7319 4.78958 10.4715 4.52924Z",fill:"#079455"})}),p.jsx("div",{className:"flex-1 cursor-pointer select-none",onClick:()=>q(B.runId),title:f.has(B.runId)?"Collapse run":"Expand run",children:p.jsx("span",{className:"text-xs text-gray-900 truncate",children:B.userInput||`Run ${B.runId}`})}),p.jsx("button",{onClick:G=>{G.stopPropagation(),D(B.runId)},className:"p-1 hover:bg-gray-200 rounded transition-colors flex-shrink-0",title:O.has(B.runId)?"Hide node details":"Show node details",children:O.has(B.runId)?p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",children:p.jsx("path",{d:"M0.666992 11.3327L4.00033 7.99935L7.33366 11.3327M0.666992 0.666016L4.00033 3.99935L7.33366 0.666016",stroke:"#98A2B3",strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"})}):p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",children:p.jsx("path",{d:"M0.666992 0.666016L4.00033 3.99935L7.33366 0.666016M0.666992 11.3327L4.00033 7.99935L7.33366 11.3327",stroke:"#98A2B3",strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"})})}),p.jsx("button",{onClick:G=>{G.stopPropagation(),q(B.runId)},className:"p-1 hover:bg-gray-200 rounded transition-colors flex-shrink-0",title:f.has(B.runId)?"Collapse run":"Expand run",children:p.jsx(fr,{className:`w-[16px] h-[16px] text-gray-400 transition-transform ${f.has(B.runId)?"rotate-180":""}`})})]})}),f.has(B.runId)&&p.jsx("div",{className:"bg-white w-full flex flex-col",children:B.rootNodes&&B.rootNodes.map(G=>p.jsx("div",{className:"w-full",children:p.jsx(X0,{node:$(G),onToggle:F,isExpanded:s.has(G.id),onNodeClick:z,selectedNodeIds:u,showDetailView:O.has(B.runId)})},G.id))}),B.finalOutput&&p.jsxs("div",{className:"p-[8px] bg-gray-50 flex items-center gap-[8px] w-full border-t border-gray-200",children:[p.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:"flex-shrink-0",children:p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.8277 1.33398C11.3643 1.33398 11.8072 1.33396 12.168 1.36343C12.5428 1.39405 12.8872 1.45978 13.2108 1.62463C13.7125 1.8803 14.1205 2.28825 14.3762 2.79001C14.541 3.11356 14.6067 3.45803 14.6374 3.83276C14.6668 4.19356 14.6668 4.63646 14.6668 5.1731V9.0235C14.6668 9.47003 14.6668 9.83861 14.6462 10.1404C14.6249 10.4532 14.5792 10.7426 14.4638 11.0211C14.1932 11.6746 13.674 12.1937 13.0206 12.4643C12.7421 12.5797 12.4527 12.6254 12.1399 12.6467C11.8381 12.6673 11.4695 12.6673 11.023 12.6673H11.0002C10.6424 12.6673 10.5714 12.6715 10.5136 12.6852C10.4129 12.7089 10.3191 12.7558 10.2397 12.8221C10.1941 12.8602 10.1481 12.9145 9.9335 13.2007L8.94888 14.5135C8.88665 14.5965 8.81628 14.6904 8.74857 14.7657C8.6739 14.8487 8.54979 14.971 8.36264 15.0438C8.1295 15.1344 7.87083 15.1344 7.6377 15.0438C7.45054 14.971 7.32641 14.8487 7.25174 14.7657C7.18403 14.6904 7.11368 14.5965 7.05145 14.5135L6.06683 13.2007C5.85221 12.9145 5.80624 12.8602 5.76065 12.8221C5.68119 12.7558 5.58739 12.7089 5.48666 12.6852C5.42887 12.6715 5.35786 12.6673 5.00015 12.6673H4.9773C4.53078 12.6673 4.16221 12.6673 3.86047 12.6467C3.54762 12.6254 3.25822 12.5797 2.97968 12.4643C2.32627 12.1937 1.80712 11.6746 1.53647 11.0211C1.42109 10.7426 1.37541 10.4532 1.35407 10.1404C1.33348 9.83861 1.33349 9.47003 1.3335 9.0235V5.17313C1.33349 4.63648 1.33347 4.19356 1.36295 3.83276C1.39356 3.45803 1.45929 3.11356 1.62415 2.79001C1.87981 2.28825 2.28776 1.8803 2.78952 1.62463C3.11308 1.45978 3.45755 1.39405 3.83228 1.36343C4.19307 1.33396 4.63599 1.33398 5.17264 1.33398H10.8277ZM6.66653 4.33398C6.29835 4.334 5.99988 4.63246 5.99988 5.00064C5.99988 5.36882 6.29835 5.66729 6.66653 5.6673H8.39041L5.52847 8.52924C5.26813 8.78958 5.26813 9.2117 5.52847 9.47205C5.78882 9.73239 6.21093 9.73239 6.47128 9.47205L9.33322 6.61011V8.33398C9.33323 8.70217 9.6317 9.00064 9.99988 9.00064C10.3681 9.00064 10.6665 8.70217 10.6665 8.33398V5.00064C10.6665 4.63821 10.3773 4.34333 10.0171 4.3342L9.99988 4.33398H6.66653Z",fill:"#155EEF"})}),p.jsx("span",{className:"flex-1 text-xs text-gray-900 truncate",title:B.finalOutput,children:B.finalOutput}),p.jsxs("div",{className:"flex items-center gap-[8px] flex-shrink-0",children:[B.duration&&p.jsxs("div",{className:"flex items-center gap-[4px]",children:[p.jsx(Af,{className:"w-[12px] h-[12px] text-gray-400"}),p.jsx("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:R(B.duration)})]}),B.totalTokens&&p.jsx("span",{className:"text-[10px] text-gray-500 whitespace-nowrap",children:U(B.totalTokens)})]})]})]}),p.jsxs("div",{className:"flex items-center justify-end gap-2 py-1",children:[p.jsx("span",{className:"text-xs text-gray-400",children:B.runId}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{className:"p-1 hover:bg-gray-100 rounded transition-colors",onClick:()=>W(B.runId),title:"Copy run ID",children:p.jsx(fa,{className:"w-3 h-3 text-gray-400"})}),p.jsx("button",{className:"p-1 hover:bg-gray-100 rounded transition-colors",title:"Open run in external viewer",children:p.jsx(jf,{className:"w-3 h-3 text-gray-400"})})]})]})]},B.runId))]})}):p.jsx("div",{className:`flex flex-col h-full ${i}`,children:p.jsx("div",{className:"flex items-center justify-center h-full",children:p.jsx("p",{className:"text-gray-500 text-sm",children:"No execution events to display"})})})});Z0.displayName="DebugPanel";const J0=({value:e,onChange:t,language:r="text",readOnly:n=!1,placeholder:a="",className:i,autoFocus:o=!1})=>{const[s,l]=S.useState(e),[u,c]=S.useState(!1),[f,d]=S.useState(!1),h=S.useRef(null);S.useEffect(()=>{l(e)},[e]);function v(){navigator.clipboard.writeText(s).then(()=>{d(!0),setTimeout(()=>d(!1),1500)})}function g(x){const j=x.target.value;l(j),t==null||t(j)}const m=()=>p.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b bg-gray-100",children:[p.jsx("span",{className:"text-xs font-mono uppercase text-gray-500",children:r}),p.jsxs("div",{className:"flex items-center gap-2",children:[p.jsx("button",{type:"button",className:"p-1 rounded hover:bg-gray-200",onClick:v,title:f?"Copied!":"Copy",children:p.jsx(fa,{size:16,className:f?"text-green-500":""})}),p.jsx("button",{type:"button",className:"p-1 rounded hover:bg-gray-200",onClick:()=>c(!u),title:u?"Minimize":"Maximize",children:u?p.jsx(jb,{size:16}):p.jsx(_f,{size:16})})]})]}),b=()=>p.jsx("textarea",{ref:h,spellCheck:!1,readOnly:n,placeholder:a,autoFocus:o,className:"flex-1 w-full h-full resize-none p-3 font-mono text-sm outline-none bg-transparent",value:s,onChange:g}),O=p.jsxs("div",{className:se("flex flex-col h-full w-full border rounded-md bg-background",i),style:{minHeight:"200px"},children:[p.jsx(m,{}),p.jsx(b,{})]});return u?p.jsx(mf,{children:p.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",children:p.jsx("div",{className:"w-full h-full max-h-[calc(100vh-2rem)]",children:O})})}):O};J0.displayName="CodeEditor";const Q0=S.forwardRef(({className:e,...t},r)=>p.jsx("span",{ref:r,className:se("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...t}));Q0.displayName="Avatar";const eb=S.forwardRef(({className:e,...t},r)=>p.jsx("img",{ref:r,className:se("aspect-square h-full w-full",e),...t}));eb.displayName="AvatarImage";const tb=S.forwardRef(({className:e,...t},r)=>p.jsx("span",{ref:r,className:se("flex h-full w-full items-center justify-center rounded-full bg-muted",e),...t}));tb.displayName="AvatarFallback";const rb=S.forwardRef(({className:e,children:t,...r},n)=>p.jsx("div",{ref:n,className:se("rounded-lg border bg-card text-card-foreground shadow-sm",e),...r,children:t}));rb.displayName="Card";const sU=S.forwardRef(({className:e,children:t,...r},n)=>p.jsx("div",{ref:n,className:se("flex flex-col space-y-1.5 p-6",e),...r,children:t}));sU.displayName="CardHeader";const lU=S.forwardRef(({className:e,children:t,...r},n)=>p.jsx("h3",{ref:n,className:se("text-2xl font-semibold leading-none tracking-tight",e),...r,children:t}));lU.displayName="CardTitle";const uU=S.forwardRef(({className:e,children:t,...r},n)=>p.jsx("div",{ref:n,className:se("p-6 pt-0",e),...r,children:t}));uU.displayName="CardContent";const Bs=["Portfolio Analysis Expert","Mortgage Evaluator","Credit Risk Specialist","Asset Valuation Analyst","Liability Assessment Advisor"],Fs=["calculate-creditScore","calculate-risk","calculate-mortgage","analyse-expenses","fetch-statement"],Us=["gpt-4o","gpt-4o-mini","gpt-3.5-turbo","claude-3-5-sonnet","claude-3-5-haiku","claude-3-opus","gemini-1.5-pro","gemini-1.5-flash","llama-3.1-405b","llama-3.1-70b"],cU=(e=30)=>{const t=[],r=new Date;for(let n=e-1;n>=0;n--){const a=new Date(r);a.setDate(r.getDate()-n);const i=600+Math.sin(n*.1)*100,o=Math.floor(i+Math.random()*100),s=Math.floor(o*3.5+Math.random()*200),l=Math.floor(s*2.9+Math.random()*500),u=Math.floor(l*.9+Math.random()*300),c=Math.floor(u*.6),f=u-c,d=Math.floor(s*.8+Math.random()*100),h=Math.floor(d*12+Math.random()*500),v=Math.floor(d*8+Math.random()*300),g=Math.floor(h*.3+Math.random()*100),m=Math.floor(h*.25+Math.random()*80),b=Math.floor(h*.2+Math.random()*60),O=Math.floor(h*.15+Math.random()*50),x={};Bs.forEach(w=>{const T=w.replace(/\s+/g,"").toLowerCase(),A=Math.floor(d/Bs.length);x[T]=Math.floor(A+Math.random()*(A*.5))});const j={};Fs.forEach(w=>{const T=w.replace(/[-]/g,""),A=Math.floor(h/Fs.length);j[T]=Math.floor(A+Math.random()*(A*.8))});const y={};Us.forEach(w=>{const T=w.replace(/[-\.]/g,""),A=Math.floor(v/Us.length);y[T]=Math.floor(A+Math.random()*(A*.6))}),t.push({date:a.toISOString().split("T")[0],users:o,sessions:s,messages:l,totalTokens:u,inputTokens:c,outputTokens:f,agentRuns:d,toolRuns:h,modelRuns:v,codeTools:g,workflowTools:m,knowledgeTools:b,mcpTools:O,...x,...j,...y,value:o})}return t},fU=()=>{const e=[],t=['{"name":"avatar14","color":"#F6D0FE","type":"human"}','{"name":"avatar2","color":"#3B82F6","type":"human"}','{"name":"avatar7","color":"#EF4444","type":"human"}','{"name":"avatar12","color":"#10B981","type":"human"}','{"name":"avatar8","color":"#F59E0B","type":"human"}'];return Bs.forEach((r,n)=>{e.push({id:`agent-${n+1}`,name:r,runs:Math.floor(Math.random()*8e3)+4e3,responseTime:`${Math.floor(Math.random()*120)+15}s`,tokens:Math.floor(Math.random()*4e5)+1e5,successRate:`${Math.floor(Math.random()*20)+80}%`,lastRun:new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),avatar:`https://api.dicebear.com/7.x/avataaars/svg?seed=${r.replace(/\s+/g,"")}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`,icon:t[n]||t[0]})}),e},dU=()=>{const e=r=>r.includes("calculate-creditscore")?"Code Tool":r.includes("calculate-risk")?"Workflow Tool":r.includes("calculate-mortgage")?"MCP Tool":r.includes("analyse-expenses")?"Workflow Tool":r.includes("fetch-statement")?"Knowledge":"Code Tool",t=['{"name":"calculator","color":"#EF6820","type":"inlineTool"}','{"name":"workflow","color":"#155EEF","type":"toolLibrary"}','{"name":"mcptool","color":"#101828","type":"MCP"}','{"name":"expenses","color":"#155EEF","type":"toolLibrary"}','{"name":"knowledge","color":"#7A5AF8","type":"KNOWLEDGE"}'];return Fs.map((r,n)=>({id:`tool-${n+1}`,name:r,type:e(r),runs:Math.floor(Math.random()*8e3)+4e3,responseTime:`${Math.floor(Math.random()*90)+15}s`,tokens:Math.floor(Math.random()*2e4)+5e3,successRate:`${Math.floor(Math.random()*15)+85}%`,lastRun:new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:t[n]||t[0]}))},pU=()=>Us.map((e,t)=>({id:`model-${t+1}`,name:e,runs:Math.floor(Math.random()*8e3)+4e3,responseTime:`${Math.floor(Math.random()*120)+15}s`,tokens:Math.floor(Math.random()*5e5)+1e5,successRate:`${Math.floor(Math.random()*15)+85}%`,lastRun:new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString()})),Jr=cU(),hU=fU(),mU=dU(),vU=pU(),gU={id:"main-dashboard",title:"Dashboard",subtitle:"Monitor and review the usage of your agentic app.",version:"1.0.0",globalControls:{draft:{label:"Draft",options:[{label:"Current Draft",value:"current"},{label:"Previous Draft",value:"previous"},{label:"All Drafts",value:"all"}],defaultValue:"current"},timeRange:{label:"Time Range",options:[{label:"This month",value:"month"},{label:"Last 7 days",value:"week"},{label:"Last 30 days",value:"30days"},{label:"Last 90 days",value:"90days"}],defaultValue:"month"},export:{enabled:!0,formats:["csv","json","pdf"]}},layout:{columns:12,gap:24,responsive:!0},sections:[{id:"sessions",title:"Sessions",description:"User engagement and session analytics",metrics:[{title:"Users",value:3384,change:{value:6,type:"increase"},info:"Total number of unique users",metricType:"users",view:{type:"chart",chart:{type:"line",title:"Total Users",data:Jr,dataKey:"users",color:"#8b5cf6",yAxisLabel:"Number of Users",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}}},{title:"Sessions",value:11847,change:{value:18,type:"increase"},info:"Total number of user sessions",metricType:"sessions",view:{type:"chart",chart:{type:"line",title:"Total Sessions",data:Jr,dataKey:"sessions",color:"#06b6d4",yAxisLabel:"Number of Sessions",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}}},{title:"Messages",value:34563,change:{value:5,type:"increase"},info:"Total messages exchanged",metricType:"messages",view:{type:"chart",chart:{type:"line",title:"Total Messages",data:Jr,dataKey:"messages",color:"#e879f9",yAxisLabel:"Number of Messages",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}}},{title:"Tokens",value:32044,change:{value:44,type:"increase"},info:"Total tokens processed",metricType:"tokens",view:{type:"chart",chart:{type:"line",title:"Token Usage Breakdown",data:Jr,yAxisLabel:"Number of Tokens",lines:[{dataKey:"totalTokens",color:"#f97316",label:"Total Tokens"},{dataKey:"inputTokens",color:"#3b82f6",label:"Input Tokens"},{dataKey:"outputTokens",color:"#e879f9",label:"Output Tokens"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}}}}],view:{type:"chart"},layout:{span:12,order:1}},{id:"runs",title:"Runs",description:"Agent, tool, and model execution analytics",metrics:[{title:"Agent Runs",value:3384,change:{value:6,type:"increase"},info:"Number of agent executions",metricType:"agentRuns",view:{type:"chart",chart:{type:"line",title:"Agent Runs",data:Jr,dataKey:"agentRuns",color:"#06b6d4",yAxisLabel:"Number of Agent Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}},table:{title:"Agent Runs",data:hU,columns:[{key:"name",title:"Name",width:200,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"},{key:"tokens",title:"Tokens",width:100,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`}]}},controls:{dropdown:{label:"All Agents",options:[{label:"All Agents",value:"all"},...Bs.map(e=>({label:e,value:e.replace(/\s+/g,"").toLowerCase(),avatar:`https://api.dicebear.com/7.x/avataaars/svg?seed=${e.replace(/\s+/g,"")}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`}))],defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}},{title:"Tool Runs",value:34563,change:{value:5,type:"increase"},info:"Number of tool executions",metricType:"toolRuns",view:{type:"chart",chart:{type:"line",title:"Tool Runs",data:Jr,yAxisLabel:"Number of Tool Runs",lines:[{dataKey:"toolRuns",color:"#06b6d4",label:"Tool Runs"},{dataKey:"codeTools",color:"#f97316",label:"Code Tools"},{dataKey:"workflowTools",color:"#10b981",label:"Workflow Tools"},{dataKey:"knowledgeTools",color:"#8b5cf6",label:"Knowledge"},{dataKey:"mcpTools",color:"#ef4444",label:"MCP Tools"}],height:300,showGrid:!0,showLegend:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}},table:{title:"Tool Runs",data:mU,columns:[{key:"name",title:"Name",width:200,align:"left"},{key:"type",title:"Type",width:150,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"}]}},controls:{dropdown:{label:"All Tools",options:[{label:"All Tools",value:"all"},...Fs.map((e,t)=>{const r=['{"name":"calculator","color":"#EF6820","type":"inlineTool"}','{"name":"workflow","color":"#155EEF","type":"toolLibrary"}','{"name":"mcptool","color":"#101828","type":"MCP"}','{"name":"expenses","color":"#155EEF","type":"toolLibrary"}','{"name":"knowledge","color":"#7A5AF8","type":"KNOWLEDGE"}'],n=a=>a.includes("calculate-creditscore")?"Code Tool":a.includes("calculate-risk")?"Workflow Tool":a.includes("calculate-mortgage")?"MCP Tool":a.includes("analyse-expenses")?"Workflow Tool":a.includes("fetch-statement")?"Knowledge":"Code Tool";return{label:e,value:e.replace(/[-]/g,""),icon:r[t]||r[0],type:n(e)}})],defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}},{title:"Model Runs",value:32044,change:{value:44,type:"increase"},info:"Number of model inferences",metricType:"modelRuns",view:{type:"chart",chart:{type:"line",title:"Model Runs",data:Jr,dataKey:"modelRuns",color:"#10b981",yAxisLabel:"Number of Model Runs",height:300,showGrid:!0,curve:"monotone",tooltip:{show:!0,style:"dark"},dateRange:{start:"2025-05-06",end:"2025-06-05"}},table:{title:"Model Runs",data:vU,columns:[{key:"name",title:"Model Name",width:200,align:"left"},{key:"runs",title:"Runs",width:100,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`},{key:"tokens",title:"Tokens",width:120,align:"right",formatter:e=>`${Math.floor(e/1e3)}k`},{key:"responseTime",title:"Response Time",width:120,align:"right"}]}},controls:{dropdown:{label:"All Models",options:[{label:"All Models",value:"all"},...Us.map(e=>{const t=r=>{const n=r.toLowerCase();return n.includes("gpt")||n.includes("openai")?"⚡":n.includes("claude")||n.includes("anthropic")?"A":n.includes("gemini")||n.includes("google")?"G":n.includes("llama")||n.includes("meta")?"M":"🤖"};return{label:e,value:e.replace(/[-\.]/g,""),icon:t(e)}})],defaultValue:["all"],multiSelect:!0,searchable:!0},toggle:{chartView:!0,tableView:!0}}}],view:{type:"chart"},layout:{span:12,order:2}}]},Yt={primary:["#8b5cf6","#06b6d4","#f97316","#10b981","#ec4899","#f59e0b","#3b82f6","#ef4444"],secondary:["#a78bfa","#22d3ee","#fb923c","#34d399","#f472b6","#fbbf24","#60a5fa","#f87171"],accent:["#6366f1","#8b5cf6","#d946ef","#06b6d4","#84cc16","#eab308"],semantic:{success:"#10b981",warning:"#f59e0b",error:"#ef4444",info:"#3b82f6"},gradients:{purple:["#8b5cf6","#a78bfa"],cyan:["#06b6d4","#22d3ee"],orange:["#f97316","#fb923c"],green:["#10b981","#34d399"],sunset:["#f97316","#ec4899"],ocean:["#06b6d4","#3b82f6"],forest:["#10b981","#84cc16"]}},yU={primary:["#7c3aed","#0891b2","#ea580c","#059669","#db2777","#d97706","#2563eb","#dc2626"],secondary:["#8b5cf6","#06b6d4","#f97316","#10b981","#ec4899","#f59e0b","#3b82f6","#ef4444"],accent:["#4f46e5","#7c3aed","#c026d3","#0891b2","#65a30d","#ca8a04"],semantic:{success:"#059669",warning:"#d97706",error:"#dc2626",info:"#2563eb"}},bU={primary:["#a78bfa","#22d3ee","#fb923c","#34d399","#f472b6","#fbbf24","#60a5fa","#f87171"],secondary:["#c4b5fd","#67e8f9","#fdba74","#6ee7b7","#f9a8d4","#fcd34d","#93c5fd","#fca5a5"],accent:["#818cf8","#a78bfa","#e879f9","#22d3ee","#a3e635","#facc15"],semantic:{success:"#34d399",warning:"#fbbf24",error:"#f87171",info:"#60a5fa"}},xU={primary:["#1f2937","#374151","#6b7280","#9ca3af","#3b82f6","#1d4ed8","#10b981","#f59e0b"],secondary:["#4b5563","#6b7280","#9ca3af","#d1d5db","#60a5fa","#3b82f6","#34d399","#fbbf24"],accent:["#2563eb","#1d4ed8","#059669","#0891b2","#d97706","#b45309"],semantic:{success:"#059669",warning:"#d97706",error:"#dc2626",info:"#1d4ed8"}},nb=(e,t)=>e.primary[t%e.primary.length],ji=(e,t)=>e.semantic[t],wU=(e,t)=>{var r;return((r=e.gradients)==null?void 0:r[t])||[e.primary[0],e.primary[1]]},ab=(e,t=Yt)=>e.map((r,n)=>({...r,color:nb(t,n)})),Ws=((e=30)=>{const t=[],r=new Date;for(let n=e-1;n>=0;n--){const a=new Date(r);a.setDate(r.getDate()-n);const i=600+Math.sin(n*.1)*100,o=Math.floor(i+Math.random()*100),s=Math.floor(o*3.5+Math.random()*200),l=Math.floor(s*2.9+Math.random()*500),u=Math.floor(l*.9+Math.random()*300),c=Math.floor(u*.6),f=u-c,d=Math.floor(s*.8+Math.random()*100),h=Math.floor(d*12+Math.random()*500),v=Math.floor(d*8+Math.random()*300);t.push({date:a.toISOString().split("T")[0],users:o,sessions:s,messages:l,totalTokens:u,inputTokens:c,outputTokens:f,agentRuns:d,toolRuns:h,modelRuns:v,value:o})}return t})(),OU={id:"enhanced-dashboard",title:"Enhanced Color Configuration Dashboard",subtitle:"Demonstrating all color configuration options",version:"1.0.0",globalControls:{draft:{label:"Draft",options:[{label:"Current Draft",value:"current"},{label:"Previous Draft",value:"previous"}],defaultValue:"current"},timeRange:{label:"Time Range",options:[{label:"Last 7 days",value:"week"},{label:"Last 30 days",value:"30days"}],defaultValue:"30days"},export:{enabled:!0,formats:["csv","json"]}},layout:{columns:12,gap:24,responsive:!0},sections:[{id:"manual-colors",title:"Manual Color Assignment",description:"Each line has manually assigned colors",metrics:[{title:"Total Users",value:3384,change:{value:6,type:"increase"},info:"Manually colored chart"}],view:{type:"chart",chart:{type:"line",title:"Manual Color Configuration",data:Ws,lines:[{dataKey:"users",color:"#8b5cf6",label:"Users",strokeWidth:3},{dataKey:"sessions",color:"#06b6d4",label:"Sessions",strokeWidth:2},{dataKey:"messages",color:"#f97316",label:"Messages",strokeWidth:2,strokeDasharray:"5 5"}],dateRange:{start:"2025-05-06",end:"2025-06-05"},tooltip:{show:!0,style:"dark"},height:300,showLegend:!1}},layout:{span:6,order:1}},{id:"auto-colors",title:"Auto-Assigned Colors",description:"Colors automatically assigned from palette",metrics:[{title:"Agent Runs",value:3384,change:{value:6,type:"increase"},info:"Auto-colored from palette"}],view:{type:"chart",chart:{type:"line",title:"Auto Color Assignment",data:Ws,lines:ab([{dataKey:"agentRuns",label:"Agent Runs"},{dataKey:"toolRuns",label:"Tool Runs"},{dataKey:"modelRuns",label:"Model Runs"},{dataKey:"totalTokens",label:"Total Tokens"}],Yt),dateRange:{start:"2025-05-06",end:"2025-06-05"},tooltip:{show:!0,style:"dark"},height:300,showLegend:!1}},layout:{span:6,order:2}},{id:"semantic-colors",title:"Semantic Colors",description:"Using semantic colors for different data types",metrics:[{title:"Success Rate",value:"94.2%",change:{value:2,type:"increase"},info:"Using semantic success color"},{title:"Error Rate",value:"5.8%",change:{value:1,type:"decrease"},info:"Using semantic error color"}],view:{type:"chart",chart:{type:"line",title:"Semantic Color Usage",data:Ws,lines:[{dataKey:"users",color:ji(Yt,"success"),label:"Successful Operations",strokeWidth:3},{dataKey:"sessions",color:ji(Yt,"warning"),label:"Warning Events",strokeWidth:2},{dataKey:"messages",color:ji(Yt,"error"),label:"Error Events",strokeWidth:2},{dataKey:"totalTokens",color:ji(Yt,"info"),label:"Info Events",strokeWidth:2}],dateRange:{start:"2025-05-06",end:"2025-06-05"},tooltip:{show:!0,style:"dark"},height:300,showLegend:!1}},layout:{span:12,order:3}},{id:"single-custom",title:"Single Line Custom Color",description:"Single line chart with custom color and styling",metrics:[{title:"Total Messages",value:34563,change:{value:5,type:"increase"},info:"Custom styled single line"}],view:{type:"chart",chart:{type:"line",title:"Custom Single Line",data:Ws,dataKey:"messages",color:"#ec4899",dateRange:{start:"2025-05-06",end:"2025-06-05"},tooltip:{show:!0,style:"dark"},height:250,showGrid:!0,curve:"monotone"}},layout:{span:12,order:4}}]},SU={manualColors:{line1:"#8b5cf6",line2:"#06b6d4",line3:"#f97316",line4:"#10b981"},paletteColors:Yt.primary,semanticColors:Yt.semantic,gradientColors:Yt.gradients},TU={baseUrl:window.location.protocol+"//"+window.location.hostname,dashboardType:"agenticDashboard",projectId:"aa-bdbfa4eb-c7c4-4350-be96-d778188c2c4b",environment:"draft",headers:{authorization:"Bearer 2amvsUbh87obVLVYjbNnXCbXnOr-plekM7-qjKt2EJIZnZuAV2KT9WSTG0L4U33X",accountId:"6290f982fb880154e99bbede","Content-Type":"application/json"},defaultTimeRange:{fromTimestamp:new Date(Date.now()-7*24*60*60*1e3).toISOString(),toTimestamp:new Date().toISOString()},refreshInterval:3e4},AU={id:"agentic-analytics-dashboard",title:"Dashboard",subtitle:"Monitor and review the usage of your agentic app",sections:[{id:"usage-analytics",title:"Session Analytics",metrics:[{title:"Users",value:0,metricType:"users",highlighted:!0},{title:"Sessions",value:0,metricType:"sessions",highlighted:!1},{title:"Messages",value:0,metricType:"messages",highlighted:!1},{title:"Tokens",value:0,metricType:"tokens",highlighted:!1}],view:{type:"chart",chart:{type:"line",title:"Usage Over Time",data:[],lines:[{dataKey:"count",color:"#3B82F6",label:"Count",strokeWidth:2}],xAxisLabel:"Date",yAxisLabel:"Count",tooltip:{show:!0,formatter:(e,t)=>[`${e}`,t]}}},layout:{span:12}},{id:"runs",title:"Execution Analytics",metrics:[{title:"Agent Runs",value:0,metricType:"agentRuns",highlighted:!0},{title:"Tool Runs",value:0,metricType:"toolRuns",highlighted:!1},{title:"Model Runs",value:0,metricType:"modelRuns",highlighted:!1}],view:{type:"chart",chart:{type:"line",title:"Execution Runs Over Time",data:[],lines:[{dataKey:"count",color:"#10B981",label:"Runs",strokeWidth:2}],xAxisLabel:"Date",yAxisLabel:"Count",tooltip:{show:!0,formatter:(e,t)=>[`${e}`,t]}}},layout:{span:12}}],globalControls:{draft:{label:"Environment",options:[{label:"Draft",value:"draft"},{label:"Production",value:"production"},{label:"Staging",value:"staging"}],defaultValue:"draft"},timeRange:{label:"Time Range",useDatePicker:!0,options:[{label:"Last 7 days",value:"7d"},{label:"Last 30 days",value:"30d"}],defaultValue:"7d"},export:{enabled:!1,formats:["csv","json"],onExport:e=>{console.log(`Exporting in ${e} format`)}}},layout:{columns:12,gap:24,responsive:!0}},jU=`
 // In your Angular component (usage-analytics.component.ts)
 import { Dashboard, apiEnabledDashboardConfig, agenticAppConfig } from '@agentic/ui-libs';