agentic-ui-libs 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/index.js

@@ -21260,7 +21260,7 @@ const Bt = ({
       ] })
     ] })
   ] }) })) : (console.log("=== ANALYTICS CHART DEBUG ==="), console.log("AnalyticsChart config:", e), console.log("AnalyticsChart data:", JSON.stringify(n, null, 2)), console.log("AnalyticsChart dataKey:", a), console.log("Chart lines configuration:", m), console.log("Sample data point:", n[0]), console.log("Data point keys:", Object.keys(n[0] || {})), console.log("=== END ANALYTICS CHART DEBUG ==="), /* @__PURE__ */ A.jsxs("div", { className: le("w-full", t), children: [
-    /* @__PURE__ */ A.jsx("div", { className: "relative bg-gray-50/30 p-6", children: /* @__PURE__ */ A.jsx(dk, { width: "100%", height: u, children: /* @__PURE__ */ A.jsxs(
+    /* @__PURE__ */ A.jsx("div", { className: "relative bg-gray-50/30 py-6", children: /* @__PURE__ */ A.jsx(dk, { width: "100%", height: u, children: /* @__PURE__ */ A.jsxs(
       wU,
       {
         data: n,

package/dist/ui-libs.umd.js

@@ -197,7 +197,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 i4(e,t){if(e){if(typeof e=="string")return Wc(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 Wc(e,t)}}function o4(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function s4(e){if(Array.isArray(e))return Wc(e)}function Wc(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 l4(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Pg(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,Eg(n.key),n)}}function u4(e,t,r){return t&&Pg(e.prototype,t),r&&Pg(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function c4(e,t,r){return t=hs(t),f4(e,_g()?Reflect.construct(t,r||[],hs(e).constructor):t.apply(e,r))}function f4(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 d4(e)}function d4(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _g(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(_g=function(){return!!e})()}function hs(e){return hs=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},hs(e)}function h4(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&&Uc(e,t)}function Uc(e,t){return Uc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Uc(e,t)}function Nt(e,t,r){return t=Eg(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Eg(e){var t=p4(e,"string");return zn(t)=="symbol"?t:t+""}function p4(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 String(e)}var ci=function(e){function t(){var r;l4(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return r=c4(this,t,[].concat(a)),Nt(r,"state",{isAnimationFinished:!0,totalLength:0}),Nt(r,"generateSimpleStrokeDasharray",function(o,s){return"".concat(s,"px ").concat(o-s,"px")}),Nt(r,"getStrokeDasharray",function(o,s,l){var u=l.reduce(function(b,w){return b+w});if(!u)return r.generateSimpleStrokeDasharray(s,o);for(var c=Math.floor(o/u),f=o%u,d=s-o,h=[],m=0,y=0;m<l.length;y+=l[m],++m)if(y+l[m]>f){h=[].concat(Kn(l.slice(0,m)),[f-y]);break}var v=h.length%2===0?[0,d]:[d];return[].concat(Kn(t.repeat(l,c)),Kn(h),v).map(function(b){return"".concat(b,"px")}).join(", ")}),Nt(r,"id",Er("recharts-line-")),Nt(r,"pathRef",function(o){r.mainCurve=o}),Nt(r,"handleAnimationEnd",function(){r.setState({isAnimationFinished:!0}),r.props.onAnimationEnd&&r.props.onAnimationEnd()}),Nt(r,"handleAnimationStart",function(){r.setState({isAnimationFinished:!1}),r.props.onAnimationStart&&r.props.onAnimationStart()}),r}return h4(t,e),u4(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=st(c,_n);if(!f)return null;var d=function(y,v){return{x:y.x,y:y.y,value:y.value,errorVal:Ve(y.payload,v)}},h={clipPath:n?"url(#clipPath-".concat(a,")"):null};return O.createElement(be,h,f.map(function(m){return O.cloneElement(m,{key:"bar-".concat(m.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=fe(this.props,!1),d=fe(l,!0),h=u.map(function(y,v){var b=vt(vt(vt({key:"dot-".concat(v),r:3},f),d),{},{index:v,cx:y.x,cy:y.y,value:y.value,dataKey:c,payload:y.payload,points:u});return t.renderDotItem(l,b)}),m={clipPath:n?"url(#clipPath-".concat(a?"":"dots-").concat(i,")"):null};return O.createElement(be,ui({className:"recharts-line-dots",key:"dots"},m),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=Ag(s,t4),d=vt(vt(vt({},fe(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 O.createElement(Ur,ui({},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,m=o.animateNewValues,y=o.width,v=o.height,b=this.state,w=b.prevPoints,x=b.totalLength;return O.createElement(Mt,{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(A){var p=A.t;if(w){var g=w.length/s.length,S=s.map(function(M,B){var F=Math.floor(B*g);if(w[F]){var W=w[F],_=Be(W.x,M.x),D=Be(W.y,M.y);return vt(vt({},M),{},{x:_(p),y:D(p)})}if(m){var U=Be(y*2,M.x),$=Be(v/2,M.y);return vt(vt({},M),{},{x:U(p),y:$(p)})}return vt(vt({},M),{},{x:M.x,y:M.y})});return i.renderCurveStatically(S,n,a)}var P=Be(0,x),E=P(p),R;if(l){var k="".concat(l).split(/[,\s]+/gim).map(function(M){return parseFloat(M)});R=i.getStrokeDasharray(E,x,k)}else R=i.generateSimpleStrokeDasharray(x,E);return i.renderCurveStatically(s,n,a,{strokeDasharray:R})})}},{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||!Rr(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,m=a.height,y=a.isAnimationActive,v=a.id;if(i||!s||!s.length)return null;var b=this.state.isAnimationFinished,w=s.length===1,x=ve("recharts-line",l),A=u&&u.allowDataOverflow,p=c&&c.allowDataOverflow,g=A||p,S=ce(v)?this.id:v,P=(n=fe(o,!1))!==null&&n!==void 0?n:{r:3,strokeWidth:2},E=P.r,R=E===void 0?3:E,k=P.strokeWidth,M=k===void 0?2:k,B=Jf(o)?o:{},F=B.clipDot,W=F===void 0?!0:F,_=R*2+M;return O.createElement(be,{className:x},A||p?O.createElement("defs",null,O.createElement("clipPath",{id:"clipPath-".concat(S)},O.createElement("rect",{x:A?d:d-h/2,y:p?f:f-m/2,width:A?h:h*2,height:p?m:m*2})),!W&&O.createElement("clipPath",{id:"clipPath-dots-".concat(S)},O.createElement("rect",{x:d-_/2,y:f-_/2,width:h+_,height:m+_}))):null,!w&&this.renderCurve(g,S),this.renderErrorBar(g,S),(w||o)&&this.renderDots(g,W,S),(!y||b)&&zt.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(O.isValidElement(n))i=O.cloneElement(n,a);else if(de(n))i=n(a);else{var o=a.key,s=Ag(a,r4),l=ve("recharts-line-dot",typeof n!="boolean"?n.className:"");i=O.createElement(Go,ui({key:o},s,{className:l}))}return i}}])}(O.PureComponent);Nt(ci,"displayName","Line"),Nt(ci,"defaultProps",{xAxisId:0,yAxisId:0,connectNulls:!1,activeDot:!0,dot:!0,legendType:"line",stroke:"#3182bd",strokeWidth:1,fill:"#fff",points:[],isAnimationActive:!hr.isSsr,animateNewValues:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",hide:!1,label:!1}),Nt(ci,"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 m=Ve(d,o);return c==="horizontal"?{x:$n({axis:r,ticks:a,bandSize:s,entry:d,index:h}),y:ce(m)?null:n.scale(m),value:m,payload:d}:{x:ce(m)?null:r.scale(m),y:$n({axis:n,ticks:i,bandSize:s,entry:d,index:h}),value:m,payload:d}});return vt({points:f,layout:c},u)});var v4=["layout","type","stroke","connectNulls","isRange","ref"],y4=["key"],$g;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 jg(e,t){if(e==null)return{};var r=m4(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 m4(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 Gr(){return Gr=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},Gr.apply(this,arguments)}function Cg(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 wr(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Cg(Object(r),!0).forEach(function(n){qt(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Cg(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function g4(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Mg(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,Ng(n.key),n)}}function b4(e,t,r){return t&&Mg(e.prototype,t),r&&Mg(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function x4(e,t,r){return t=ps(t),w4(e,kg()?Reflect.construct(t,r||[],ps(e).constructor):t.apply(e,r))}function w4(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 O4(e)}function O4(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function kg(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(kg=function(){return!!e})()}function ps(e){return ps=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},ps(e)}function S4(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 qt(e,t,r){return t=Ng(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ng(e){var t=A4(e,"string");return qn(t)=="symbol"?t:t+""}function A4(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 Or=function(e){function t(){var r;g4(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return r=x4(this,t,[].concat(a)),qt(r,"state",{isAnimationFinished:!0}),qt(r,"id",Er("recharts-area-")),qt(r,"handleAnimationEnd",function(){var o=r.props.onAnimationEnd;r.setState({isAnimationFinished:!0}),de(o)&&o()}),qt(r,"handleAnimationStart",function(){var o=r.props.onAnimationStart;r.setState({isAnimationFinished:!1}),de(o)&&o()}),r}return S4(t,e),b4(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=fe(this.props,!1),h=fe(u,!0),m=c.map(function(v,b){var w=wr(wr(wr({key:"dot-".concat(b),r:3},d),h),{},{index:b,cx:v.x,cy:v.y,dataKey:f,value:v.value,payload:v.payload,points:c});return t.renderDotItem(u,w)}),y={clipPath:n?"url(#clipPath-".concat(a?"":"dots-").concat(i,")"):null};return O.createElement(be,Gr({className:"recharts-area-dots"},y),m)}},{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=mr(o.map(function(d){return d.y||0}));return X(i)&&typeof i=="number"?f=Math.max(i,f):i&&Array.isArray(i)&&i.length&&(f=Math.max(mr(i.map(function(d){return d.y||0})),f)),X(f)?O.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=mr(o.map(function(d){return d.x||0}));return X(i)&&typeof i=="number"?f=Math.max(i,f):i&&Array.isArray(i)&&i.length&&(f=Math.max(mr(i.map(function(d){return d.x||0})),f)),X(f)?O.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=jg(s,v4);return O.createElement(be,{clipPath:i?"url(#clipPath-".concat(o,")"):null},O.createElement(Ur,Gr({},fe(h,!0),{points:n,connectNulls:f,type:u,baseLine:a,layout:l,stroke:"none",className:"recharts-area-area"})),c!=="none"&&O.createElement(Ur,Gr({},fe(this.props,!1),{className:"recharts-area-curve",layout:l,type:u,connectNulls:f,fill:"none",points:n})),c!=="none"&&d&&O.createElement(Ur,Gr({},fe(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,m=this.state,y=m.prevPoints,v=m.prevBaseLine;return O.createElement(Mt,{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 w=b.t;if(y){var x=y.length/s.length,A=s.map(function(P,E){var R=Math.floor(E*x);if(y[R]){var k=y[R],M=Be(k.x,P.x),B=Be(k.y,P.y);return wr(wr({},P),{},{x:M(w),y:B(w)})}return P}),p;if(X(l)&&typeof l=="number"){var g=Be(v,l);p=g(w)}else if(ce(l)||an(l)){var S=Be(v,0);p=S(w)}else p=l.map(function(P,E){var R=Math.floor(E*x);if(v[R]){var k=v[R],M=Be(k.x,P.x),B=Be(k.y,P.y);return wr(wr({},P),{},{x:M(w),y:B(w)})}return P});return i.renderAreaStatically(A,p,n,a)}return O.createElement(be,null,O.createElement("defs",null,O.createElement("clipPath",{id:"animationClipPath-".concat(a)},i.renderClipRect(w))),O.createElement(be,{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||!Rr(c,o)||!Rr(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,m=a.height,y=a.isAnimationActive,v=a.id;if(i||!s||!s.length)return null;var b=this.state.isAnimationFinished,w=s.length===1,x=ve("recharts-area",l),A=f&&f.allowDataOverflow,p=d&&d.allowDataOverflow,g=A||p,S=ce(v)?this.id:v,P=(n=fe(o,!1))!==null&&n!==void 0?n:{r:3,strokeWidth:2},E=P.r,R=E===void 0?3:E,k=P.strokeWidth,M=k===void 0?2:k,B=Jf(o)?o:{},F=B.clipDot,W=F===void 0?!0:F,_=R*2+M;return O.createElement(be,{className:x},A||p?O.createElement("defs",null,O.createElement("clipPath",{id:"clipPath-".concat(S)},O.createElement("rect",{x:A?c:c-h/2,y:p?u:u-m/2,width:A?h:h*2,height:p?m:m*2})),!W&&O.createElement("clipPath",{id:"clipPath-dots-".concat(S)},O.createElement("rect",{x:c-_/2,y:u-_/2,width:h+_,height:m+_}))):null,w?null:this.renderArea(g,S),(o||w)&&this.renderDots(g,W,S),(!y||b)&&zt.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}}])}(O.PureComponent);$g=Or,qt(Or,"displayName","Area"),qt(Or,"defaultProps",{stroke:"#3182bd",fill:"#3182bd",fillOpacity:.6,xAxisId:0,yAxisId:0,legendType:"line",connectNulls:!1,points:[],dot:!1,activeDot:!0,hide:!1,isAnimationActive:!hr.isSsr,animationBegin:0,animationDuration:1500,animationEasing:"ease"}),qt(Or,"getBaseValue",function(e,t,r,n){var a=e.layout,i=e.baseValue,o=t.props.baseValue,s=o??i;if(X(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(Or,"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,m=u&&u.length,y=$g.getBaseValue(t,r,n,a),v=h==="horizontal",b=!1,w=f.map(function(A,p){var g;m?g=u[c+p]:(g=Ve(A,l),Array.isArray(g)?b=!0:g=[y,g]);var S=g[1]==null||m&&Ve(A,l)==null;return v?{x:$n({axis:n,ticks:i,bandSize:s,entry:A,index:p}),y:S?null:a.scale(g[1]),value:g,payload:A}:{x:S?null:n.scale(g[1]),y:$n({axis:a,ticks:o,bandSize:s,entry:A,index:p}),value:g,payload:A}}),x;return m||b?x=w.map(function(A){var p=Array.isArray(A.value)?A.value[0]:null;return v?{x:A.x,y:p!=null&&A.y!=null?a.scale(p):null}:{x:p!=null?n.scale(p):null,y:A.y}}):x=v?a.scale(y):n.scale(y),wr({points:w,baseLine:x,layout:h,isRange:b},d)}),qt(Or,"renderDotItem",function(e,t){var r;if(O.isValidElement(e))r=O.cloneElement(e,t);else if(de(e))r=e(t);else{var n=ve("recharts-area-dot",typeof e!="boolean"?e.className:""),a=t.key,i=jg(t,y4);r=O.createElement(Go,Gr({},i,{key:a,className:n}))}return r});function Gn(e){"@babel/helpers - typeof";return Gn=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},Gn(e)}function T4(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function P4(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,Rg(n.key),n)}}function _4(e,t,r){return t&&P4(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function E4(e,t,r){return t=vs(t),$4(e,Dg()?Reflect.construct(t,r||[],vs(e).constructor):t.apply(e,r))}function $4(e,t){if(t&&(Gn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return j4(e)}function j4(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Dg(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Dg=function(){return!!e})()}function vs(e){return vs=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},vs(e)}function C4(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&&Kc(e,t)}function Kc(e,t){return Kc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Kc(e,t)}function Ig(e,t,r){return t=Rg(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Rg(e){var t=M4(e,"string");return Gn(t)=="symbol"?t:t+""}function M4(e,t){if(Gn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Gn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var ys=function(e){function t(){return T4(this,t),E4(this,t,arguments)}return C4(t,e),_4(t,[{key:"render",value:function(){return null}}])}(mt.Component);Ig(ys,"displayName","ZAxis"),Ig(ys,"defaultProps",{zAxisId:0,range:[64,64],scale:"auto",type:"number"});var k4=["option","isActive"];function fi(){return fi=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},fi.apply(this,arguments)}function N4(e,t){if(e==null)return{};var r=D4(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 D4(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 I4(e){var t=e.option,r=e.isActive,n=N4(e,k4);return typeof t=="string"?mt.createElement(gc,fi({option:mt.createElement(Ki,fi({type:t},n)),isActive:r,shapeType:"symbols"},n)):mt.createElement(gc,fi({option:t,isActive:r,shapeType:"symbols"},n))}function Vn(e){"@babel/helpers - typeof";return Vn=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},Vn(e)}function di(){return di=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},di.apply(this,arguments)}function Lg(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 Tt(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Lg(Object(r),!0).forEach(function(n){Sr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Lg(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function R4(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Bg(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,Wg(n.key),n)}}function L4(e,t,r){return t&&Bg(e.prototype,t),r&&Bg(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function B4(e,t,r){return t=ms(t),F4(e,Fg()?Reflect.construct(t,r||[],ms(e).constructor):t.apply(e,r))}function F4(e,t){if(t&&(Vn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return W4(e)}function W4(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Fg(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Fg=function(){return!!e})()}function ms(e){return ms=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},ms(e)}function U4(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 Sr(e,t,r){return t=Wg(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Wg(e){var t=z4(e,"string");return Vn(t)=="symbol"?t:t+""}function z4(e,t){if(Vn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Vn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var gs=function(e){function t(){var r;R4(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return r=B4(this,t,[].concat(a)),Sr(r,"state",{isAnimationFinished:!1}),Sr(r,"handleAnimationEnd",function(){r.setState({isAnimationFinished:!0})}),Sr(r,"handleAnimationStart",function(){r.setState({isAnimationFinished:!1})}),Sr(r,"id",Er("recharts-scatter-")),r}return U4(t,e),L4(t,[{key:"renderSymbolsStatically",value:function(n){var a=this,i=this.props,o=i.shape,s=i.activeShape,l=i.activeIndex,u=fe(this.props,!1);return n.map(function(c,f){var d=l===f,h=d?s:o,m=Tt(Tt({},u),c);return O.createElement(be,di({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)},fa(a.props,c,f),{role:"img"}),O.createElement(I4,di({option:h,isActive:d,key:"symbol-".concat(f)},m)))})}},{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 O.createElement(Mt,{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,m=i.map(function(y,v){var b=f&&f[v];if(b){var w=Be(b.cx,y.cx),x=Be(b.cy,y.cy),A=Be(b.size,y.size);return Tt(Tt({},y),{},{cx:w(h),cy:x(h),size:A(h)})}var p=Be(0,y.size);return Tt(Tt({},y),{},{size:p(h)})});return O.createElement(be,null,n.renderSymbolsStatically(m))})}},{key:"renderSymbols",value:function(){var n=this.props,a=n.points,i=n.isAnimationActive,o=this.state.prevPoints;return i&&a&&a.length&&(!o||!Rr(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=st(l,_n);return u?u.map(function(c,f){var d=c.props,h=d.direction,m=d.dataKey;return O.cloneElement(c,{key:"".concat(h,"-").concat(m,"-").concat(i[f]),data:i,xAxis:o,yAxis:s,layout:h==="x"?"vertical":"horizontal",dataPointFormatter:function(v,b){return{x:v.cx,y:v.cy,value:h==="x"?+v.node.x:+v.node.y,errorVal:Ve(v,b)}}})}):null}},{key:"renderLine",value:function(){var n=this.props,a=n.points,i=n.line,o=n.lineType,s=n.lineJointType,l=fe(this.props,!1),u=fe(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=pO(a),h=d.xmin,m=d.xmax,y=d.a,v=d.b,b=function(A){return y*A+v};c=[{x:h,y:b(h)},{x:m,y:b(m)}]}var w=Tt(Tt(Tt({},l),{},{fill:"none",stroke:l&&l.fill},u),{},{points:c});return O.isValidElement(i)?f=O.cloneElement(i,w):de(i)?f=i(w):f=O.createElement(Ur,di({},w,{type:s})),O.createElement(be,{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,m=n.id,y=n.isAnimationActive;if(a||!i||!i.length)return null;var v=this.state.isAnimationFinished,b=ve("recharts-scatter",s),w=l&&l.allowDataOverflow,x=u&&u.allowDataOverflow,A=w||x,p=ce(m)?this.id:m;return O.createElement(be,{className:b,clipPath:A?"url(#clipPath-".concat(p,")"):null},w||x?O.createElement("defs",null,O.createElement("clipPath",{id:"clipPath-".concat(p)},O.createElement("rect",{x:w?c:c-d/2,y:x?f:f-h/2,width:w?d:d*2,height:x?h:h*2}))):null,o&&this.renderLine(),this.renderErrorBar(),O.createElement(be,{key:"recharts-scatter-symbols"},this.renderSymbols()),(!y||v)&&zt.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}}])}(O.PureComponent);Sr(gs,"displayName","Scatter"),Sr(gs,"defaultProps",{xAxisId:0,yAxisId:0,zAxisId:0,legendType:"circle",lineType:"joint",lineJointType:"linear",data:[],shape:"circle",hide:!1,isAnimationActive:!hr.isSsr,animationBegin:0,animationDuration:400,animationEasing:"linear"}),Sr(gs,"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=st(a.props.children,Vl),f=ce(t.dataKey)?a.props.dataKey:t.dataKey,d=ce(r.dataKey)?a.props.dataKey:r.dataKey,h=n&&n.dataKey,m=n?n.range:ys.defaultProps.range,y=m&&m[0],v=t.scale.bandwidth?t.scale.bandwidth():0,b=r.scale.bandwidth?r.scale.bandwidth():0,w=i.map(function(x,A){var p=Ve(x,f),g=Ve(x,d),S=!ce(h)&&Ve(x,h)||"-",P=[{name:ce(t.dataKey)?a.props.name:t.name||t.dataKey,unit:t.unit||"",value:p,payload:x,dataKey:f,type:u},{name:ce(r.dataKey)?a.props.name:r.name||r.dataKey,unit:r.unit||"",value:g,payload:x,dataKey:d,type:u}];S!=="-"&&P.push({name:n.name||n.dataKey,unit:n.unit||"",value:S,payload:x,dataKey:h,type:u});var E=$n({axis:t,ticks:o,bandSize:v,entry:x,index:A,dataKey:f}),R=$n({axis:r,ticks:s,bandSize:b,entry:x,index:A,dataKey:d}),k=S!=="-"?n.scale(S):y,M=Math.sqrt(Math.max(k,0)/Math.PI);return Tt(Tt({},x),{},{cx:E,cy:R,x:E-M,y:R-M,xAxis:t,yAxis:r,zAxis:n,width:2*M,height:2*M,size:k,node:{x:p,y:g,z:S},tooltipPayload:P,tooltipPosition:{x:E,y:R},payload:x},c&&c[A]&&c[A].props)});return Tt({points:w},l)});function Hn(e){"@babel/helpers - typeof";return Hn=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},Hn(e)}function K4(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function q4(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,Kg(n.key),n)}}function G4(e,t,r){return t&&q4(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function V4(e,t,r){return t=bs(t),H4(e,Ug()?Reflect.construct(t,r||[],bs(e).constructor):t.apply(e,r))}function H4(e,t){if(t&&(Hn(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Y4(e)}function Y4(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ug(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Ug=function(){return!!e})()}function bs(e){return bs=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},bs(e)}function X4(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&&Gc(e,t)}function Gc(e,t){return Gc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Gc(e,t)}function zg(e,t,r){return t=Kg(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Kg(e){var t=J4(e,"string");return Hn(t)=="symbol"?t:t+""}function J4(e,t){if(Hn(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Hn(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}function Vc(){return Vc=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},Vc.apply(this,arguments)}function Z4(e){var t=e.xAxisId,r=_c(),n=Ec(),a=Qm(t);return a==null?null:mt.createElement(Wn,Vc({},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 or(o,!0)}}))}var xs=function(e){function t(){return K4(this,t),V4(this,t,arguments)}return X4(t,e),G4(t,[{key:"render",value:function(){return mt.createElement(Z4,this.props)}}])}(mt.Component);zg(xs,"displayName","XAxis"),zg(xs,"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 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 Q4(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function eW(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,Vg(n.key),n)}}function tW(e,t,r){return t&&eW(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function rW(e,t,r){return t=ws(t),nW(e,qg()?Reflect.construct(t,r||[],ws(e).constructor):t.apply(e,r))}function nW(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 aW(e)}function aW(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function qg(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(qg=function(){return!!e})()}function ws(e){return ws=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},ws(e)}function iW(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&&Hc(e,t)}function Hc(e,t){return Hc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Hc(e,t)}function Gg(e,t,r){return t=Vg(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Vg(e){var t=oW(e,"string");return Yn(t)=="symbol"?t:t+""}function oW(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)}function Yc(){return Yc=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},Yc.apply(this,arguments)}var sW=function(t){var r=t.yAxisId,n=_c(),a=Ec(),i=eg(r);return i==null?null:mt.createElement(Wn,Yc({},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 or(s,!0)}}))},Os=function(e){function t(){return Q4(this,t),rW(this,t,arguments)}return iW(t,e),tW(t,[{key:"render",value:function(){return mt.createElement(sW,this.props)}}])}(mt.Component);Gg(Os,"displayName","YAxis"),Gg(Os,"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 Hg(e){return fW(e)||cW(e)||uW(e)||lW()}function lW(){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 uW(e,t){if(e){if(typeof e=="string")return Xc(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 Xc(e,t)}}function cW(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function fW(e){if(Array.isArray(e))return Xc(e)}function Xc(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 Jc=function(t,r,n,a,i){var o=st(t,Mc),s=st(t,ss),l=[].concat(Hg(o),Hg(s)),u=st(t,cs),c="".concat(a,"Id"),f=a[0],d=r;if(l.length&&(d=l.reduce(function(y,v){if(v.props[c]===n&&Kt(v.props,"extendDomain")&&X(v.props[f])){var b=v.props[f];return[Math.min(y[0],b),Math.max(y[1],b)]}return y},d)),u.length){var h="".concat(f,"1"),m="".concat(f,"2");d=u.reduce(function(y,v){if(v.props[c]===n&&Kt(v.props,"extendDomain")&&X(v.props[h])&&X(v.props[m])){var b=v.props[h],w=v.props[m];return[Math.min(y[0],b,w),Math.max(y[1],b,w)]}return y},d)}return i&&i.length&&(d=i.reduce(function(y,v){return X(v)?[Math.min(y[0],v),Math.max(y[1],v)]:y},d)),d},Yg={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),m=r?r+u:u;return l._events[m]?l._events[m].fn?l._events[m]=[l._events[m],h]:l._events[m].push(h):(l._events[m]=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,m=new Array(h);d<h;d++)m[d]=f[d].fn;return m},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,m){var y=r?r+u:u;if(!this._events[y])return!1;var v=this._events[y],b=arguments.length,w,x;if(v.fn){switch(v.once&&this.removeListener(u,v.fn,void 0,!0),b){case 1:return v.fn.call(v.context),!0;case 2:return v.fn.call(v.context,c),!0;case 3:return v.fn.call(v.context,c,f),!0;case 4:return v.fn.call(v.context,c,f,d),!0;case 5:return v.fn.call(v.context,c,f,d,h),!0;case 6:return v.fn.call(v.context,c,f,d,h,m),!0}for(x=1,w=new Array(b-1);x<b;x++)w[x-1]=arguments[x];v.fn.apply(v.context,w)}else{var A=v.length,p;for(x=0;x<A;x++)switch(v[x].once&&this.removeListener(u,v[x].fn,void 0,!0),b){case 1:v[x].fn.call(v[x].context);break;case 2:v[x].fn.call(v[x].context,c);break;case 3:v[x].fn.call(v[x].context,c,f);break;case 4:v[x].fn.call(v[x].context,c,f,d);break;default:if(!w)for(p=1,w=new Array(b-1);p<b;p++)w[p-1]=arguments[p];v[x].fn.apply(v[x].context,w)}}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 m=this._events[h];if(m.fn)m.fn===c&&(!d||m.once)&&(!f||m.context===f)&&o(this,h);else{for(var y=0,v=[],b=m.length;y<b;y++)(m[y].fn!==c||d&&!m[y].once||f&&m[y].context!==f)&&v.push(m[y]);v.length?this._events[h]=v.length===1?v[0]:v: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})(Yg);var dW=Yg.exports;const hW=je(dW);var Zc=new hW,Qc="recharts.syncMouseEvents";function hi(e){"@babel/helpers - typeof";return hi=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},hi(e)}function pW(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function vW(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,Xg(n.key),n)}}function yW(e,t,r){return t&&vW(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function ef(e,t,r){return t=Xg(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Xg(e){var t=mW(e,"string");return hi(t)=="symbol"?t:t+""}function mW(e,t){if(hi(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(hi(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}var gW=function(){function e(){pW(this,e),ef(this,"activeIndex",0),ef(this,"coordinateList",[]),ef(this,"layout","horizontal")}return yW(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 bW(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&&X(n)&&X(a))return!0}return!1}function xW(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 Jg(e){var t=e.cx,r=e.cy,n=e.radius,a=e.startAngle,i=e.endAngle,o=Ze(t,r,n,a),s=Ze(t,r,n,i);return{points:[o,s],cx:t,cy:r,radius:n,startAngle:a,endAngle:i}}function wW(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=Ze(s,l,u,f),h=Ze(s,l,c,f);n=d.x,a=d.y,i=h.x,o=h.y}else return Jg(t);return[{x:n,y:a},{x:i,y:o}]}function pi(e){"@babel/helpers - typeof";return pi=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},pi(e)}function Zg(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 Ss(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Zg(Object(r),!0).forEach(function(n){OW(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Zg(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function OW(e,t,r){return t=SW(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function SW(e){var t=AW(e,"string");return pi(t)=="symbol"?t:t+""}function AW(e,t){if(pi(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(pi(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function TW(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 m,y=Ur;if(d==="ScatterChart")m=o,y=X3;else if(d==="BarChart")m=xW(f,o,l,c),y=vc;else if(f==="radial"){var v=Jg(o),b=v.cx,w=v.cy,x=v.radius,A=v.startAngle,p=v.endAngle;m={cx:b,cy:w,startAngle:A,endAngle:p,innerRadius:x,outerRadius:x},y=Ay}else m={points:wW(f,o,l)},y=Ur;var g=Ss(Ss(Ss(Ss({stroke:"#ccc",pointerEvents:"none"},l),m),fe(h,!1)),{},{payload:s,payloadIndex:u,className:ve("recharts-tooltip-cursor",h.className)});return O.isValidElement(h)?O.cloneElement(h,g):O.createElement(y,g)}var PW=["item"],_W=["children","className","width","height","style","compact","title","desc"];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 Jn(){return Jn=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},Jn.apply(this,arguments)}function Qg(e,t){return jW(e)||$W(e,t)||rb(e,t)||EW()}function EW(){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 $W(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 jW(e){if(Array.isArray(e))return e}function eb(e,t){if(e==null)return{};var r=CW(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 CW(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 MW(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function kW(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,ab(n.key),n)}}function NW(e,t,r){return t&&kW(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function DW(e,t,r){return t=As(t),IW(e,tb()?Reflect.construct(t,r||[],As(e).constructor):t.apply(e,r))}function IW(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 RW(e)}function RW(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function tb(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(tb=function(){return!!e})()}function As(e){return As=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},As(e)}function LW(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 Zn(e){return WW(e)||FW(e)||rb(e)||BW()}function BW(){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 rb(e,t){if(e){if(typeof e=="string")return rf(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 rf(e,t)}}function FW(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function WW(e){if(Array.isArray(e))return rf(e)}function rf(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 nb(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 K(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?nb(Object(r),!0).forEach(function(n){ae(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):nb(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function ae(e,t,r){return t=ab(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ab(e){var t=UW(e,"string");return Xn(t)=="symbol"?t:t+""}function UW(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 zW={xAxis:["bottom","top"],yAxis:["left","right"]},KW={width:"100%",height:"100%"},ib={x:0,y:0};function Ts(e){return e}var qW=function(t,r){return r==="horizontal"?t.x:r==="vertical"?t.y:r==="centric"?t.angle:t.radius},GW=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 K(K(K({},a),Ze(a.cx,a.cy,s,o)),{},{angle:o,radius:s})}var l=i.coordinate,u=a.angle;return K(K(K({},a),Ze(a.cx,a.cy,l,u)),{},{angle:u,radius:l})}return ib},Ps=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(Zn(s),Zn(u)):s},[]);return o.length>0?o:t&&t.length&&X(a)&&X(i)?t.slice(a,i+1):[]};function ob(e){return e==="number"?[0,"auto"]:void 0}var nf=function(t,r,n,a){var i=t.graphicalItems,o=t.tooltipAxis,s=Ps(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=Mi(h,o.dataKey,a)}else d=f&&f[n]||s[n];return d?[].concat(Zn(l),[dy(u,d)]):l},[])},sb=function(t,r,n,a){var i=a||{x:t.chartX,y:t.chartY},o=qW(i,n),s=t.orderedTooltipTicks,l=t.tooltipAxis,u=t.tooltipTicks,c=_I(o,s,u,l);if(c>=0&&u){var f=u[c]&&u[c].value,d=nf(t,r,c,f),h=GW(n,s,c,i);return{activeTooltipIndex:c,activeLabel:f,activePayload:d,activeCoordinate:h}}return null},VW=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=ay(c,i);return n.reduce(function(m,y){var v,b=y.type.defaultProps!==void 0?K(K({},y.type.defaultProps),y.props):y.props,w=b.type,x=b.dataKey,A=b.allowDataOverflow,p=b.allowDuplicatedCategory,g=b.scale,S=b.ticks,P=b.includeHidden,E=b[o];if(m[E])return m;var R=Ps(t.data,{graphicalItems:a.filter(function(L){var z,G=o in L.props?L.props[o]:(z=L.type.defaultProps)===null||z===void 0?void 0:z[o];return G===E}),dataStartIndex:l,dataEndIndex:u}),k=R.length,M,B,F;bW(b.domain,A,w)&&(M=Gu(b.domain,null,A),h&&(w==="number"||g!=="auto")&&(F=Fa(R,x,"category")));var W=ob(w);if(!M||M.length===0){var _,D=(_=b.domain)!==null&&_!==void 0?_:W;if(x){if(M=Fa(R,x,w),w==="category"&&h){var U=hO(M);p&&U?(B=M,M=Jo(0,k)):p||(M=fy(D,M,y).reduce(function(L,z){return L.indexOf(z)>=0?L:[].concat(Zn(L),[z])},[]))}else if(w==="category")p?M=M.filter(function(L){return L!==""&&!ce(L)}):M=fy(D,M,y).reduce(function(L,z){return L.indexOf(z)>=0||z===""||ce(z)?L:[].concat(Zn(L),[z])},[]);else if(w==="number"){var $=MI(R,a.filter(function(L){var z,G,Q=o in L.props?L.props[o]:(z=L.type.defaultProps)===null||z===void 0?void 0:z[o],J="hide"in L.props?L.props.hide:(G=L.type.defaultProps)===null||G===void 0?void 0:G.hide;return Q===E&&(P||!J)}),x,i,c);$&&(M=$)}h&&(w==="number"||g!=="auto")&&(F=Fa(R,x,"category"))}else h?M=Jo(0,k):s&&s[E]&&s[E].hasStack&&w==="number"?M=d==="expand"?[0,1]:ly(s[E].stackGroups,l,u):M=ny(R,a.filter(function(L){var z=o in L.props?L.props[o]:L.type.defaultProps[o],G="hide"in L.props?L.props.hide:L.type.defaultProps.hide;return z===E&&(P||!G)}),w,c,!0);if(w==="number")M=Jc(f,M,E,i,S),D&&(M=Gu(D,M,A));else if(w==="category"&&D){var C=D,I=M.every(function(L){return C.indexOf(L)>=0});I&&(M=C)}}return K(K({},m),{},ae({},E,K(K({},b),{},{axisType:i,domain:M,categoricalDomain:F,duplicateDomain:B,originalDomain:(v=b.domain)!==null&&v!==void 0?v:W,isCategorical:h,layout:c})))},{})},HW=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=Ps(t.data,{graphicalItems:n,dataStartIndex:l,dataEndIndex:u}),h=d.length,m=ay(c,i),y=-1;return n.reduce(function(v,b){var w=b.type.defaultProps!==void 0?K(K({},b.type.defaultProps),b.props):b.props,x=w[o],A=ob("number");if(!v[x]){y++;var p;return m?p=Jo(0,h):s&&s[x]&&s[x].hasStack?(p=ly(s[x].stackGroups,l,u),p=Jc(f,p,x,i)):(p=Gu(A,ny(d,n.filter(function(g){var S,P,E=o in g.props?g.props[o]:(S=g.type.defaultProps)===null||S===void 0?void 0:S[o],R="hide"in g.props?g.props.hide:(P=g.type.defaultProps)===null||P===void 0?void 0:P.hide;return E===x&&!R}),"number",c),a.defaultProps.allowDataOverflow),p=Jc(f,p,x,i)),K(K({},v),{},ae({},x,K(K({axisType:i},a.defaultProps),{},{hide:!0,orientation:gt(zW,"".concat(i,".").concat(y%2),null),domain:p,originalDomain:A,isCategorical:m,layout:c})))}return v},{})},YW=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=st(c,i),h={};return d&&d.length?h=VW(t,{axes:d,graphicalItems:o,axisType:a,axisIdKey:f,stackGroups:s,dataStartIndex:l,dataEndIndex:u}):o&&o.length&&(h=HW(t,{Axis:i,graphicalItems:o,axisType:a,axisIdKey:f,stackGroups:s,dataStartIndex:l,dataEndIndex:u})),h},XW=function(t){var r=fr(t),n=or(r,!1,!0);return{tooltipTicks:n,orderedTooltipTicks:Bl(n,function(a){return a.coordinate}),tooltipAxis:r,tooltipAxisBandSize:No(r,n)}},lb=function(t){var r=t.children,n=t.defaultShowTooltip,a=dt(r,Mn),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}},JW=function(t){return!t||!t.length?!1:t.some(function(r){var n=Xt(r&&r.type);return n&&n.indexOf("Bar")>=0})},ub=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"}},ZW=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=dt(f,Mn),m=dt(f,hn),y=Object.keys(l).reduce(function(p,g){var S=l[g],P=S.orientation;return!S.mirror&&!S.hide?K(K({},p),{},ae({},P,p[P]+S.width)):p},{left:d.left||0,right:d.right||0}),v=Object.keys(o).reduce(function(p,g){var S=o[g],P=S.orientation;return!S.mirror&&!S.hide?K(K({},p),{},ae({},P,gt(p,"".concat(P))+S.height)):p},{top:d.top||0,bottom:d.bottom||0}),b=K(K({},v),y),w=b.bottom;h&&(b.bottom+=h.props.height||Mn.defaultProps.height),m&&r&&(b=jI(b,a,n,r));var x=u-b.left-b.right,A=c-b.top-b.bottom;return K(K({brushBottom:w},b),{},{width:Math.max(x,0),height:Math.max(A,0)})},QW=function(t,r){if(r==="xAxis")return t[r].width;if(r==="yAxis")return t[r].height},eU=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,w){var x=w.graphicalItems,A=w.stackGroups,p=w.offset,g=w.updateId,S=w.dataStartIndex,P=w.dataEndIndex,E=b.barSize,R=b.layout,k=b.barGap,M=b.barCategoryGap,B=b.maxBarSize,F=ub(R),W=F.numericAxisName,_=F.cateAxisName,D=JW(x),U=[];return x.forEach(function($,C){var I=Ps(b.data,{graphicalItems:[$],dataStartIndex:S,dataEndIndex:P}),L=$.type.defaultProps!==void 0?K(K({},$.type.defaultProps),$.props):$.props,z=L.dataKey,G=L.maxBarSize,Q=L["".concat(W,"Id")],J=L["".concat(_,"Id")],ee={},ne=l.reduce(function(sr,yt){var wi,Oi,ra=w["".concat(yt.axisType,"Map")],Si=L["".concat(yt.axisType,"Id")];ra&&ra[Si]||yt.axisType==="zAxis"||(process.env.NODE_ENV!=="production"?ut(!1,"Specifying a(n) ".concat(yt.axisType,"Id requires a corresponding ").concat(yt.axisType,"Id on the targeted graphical component ").concat((wi=$==null||(Oi=$.type)===null||Oi===void 0?void 0:Oi.displayName)!==null&&wi!==void 0?wi:"")):ut());var Ai=ra[Si];return K(K({},sr),{},ae(ae({},yt.axisType,Ai),"".concat(yt.axisType,"Ticks"),or(Ai)))},ee),q=ne[_],Y=ne["".concat(_,"Ticks")],Z=A&&A[Q]&&A[Q].hasStack&&KI($,A[Q].stackGroups),N=Xt($.type).indexOf("Bar")>=0,ie=No(q,Y),V=[],se=D&&EI({barSize:E,stackGroups:A,totalSize:QW(ne,_)});if(N){var pe,Le,et=ce(G)?B:G,It=(pe=(Le=No(q,Y,!0))!==null&&Le!==void 0?Le:et)!==null&&pe!==void 0?pe:0;V=$I({barGap:k,barCategoryGap:M,bandSize:It!==ie?It:ie,sizeList:se[J],maxBarSize:et}),It!==ie&&(V=V.map(function(sr){return K(K({},sr),{},{position:K(K({},sr.position),{},{offset:sr.position.offset-It/2})})}))}var ta=$&&$.type&&$.type.getComposedData;ta&&U.push({props:K(K({},ta(K(K({},ne),{},{displayedData:I,props:b,dataKey:z,item:$,bandSize:ie,barPosition:V,offset:p,stackedData:Z,layout:R,dataStartIndex:S,dataEndIndex:P}))),{},ae(ae(ae({key:$.key||"item-".concat(C)},W,ne[W]),_,ne[_]),"animationId",g)),childIndex:PO($,b.children),item:$})}),U},h=function(b,w){var x=b.props,A=b.dataStartIndex,p=b.dataEndIndex,g=b.updateId;if(!Xf({props:x}))return null;var S=x.children,P=x.layout,E=x.stackOffset,R=x.data,k=x.reverseStackOrder,M=ub(P),B=M.numericAxisName,F=M.cateAxisName,W=st(S,n),_=WI(R,W,"".concat(B,"Id"),"".concat(F,"Id"),E,k),D=l.reduce(function(L,z){var G="".concat(z.axisType,"Map");return K(K({},L),{},ae({},G,YW(x,K(K({},z),{},{graphicalItems:W,stackGroups:z.axisType===B&&_,dataStartIndex:A,dataEndIndex:p}))))},{}),U=ZW(K(K({},D),{},{props:x,graphicalItems:W}),w==null?void 0:w.legendBBox);Object.keys(D).forEach(function(L){D[L]=c(x,D[L],U,L.replace("Map",""),r)});var $=D["".concat(F,"Map")],C=XW($),I=d(x,K(K({},D),{},{dataStartIndex:A,dataEndIndex:p,updateId:g,graphicalItems:W,stackGroups:_,offset:U}));return K(K({formattedGraphicalItems:I,graphicalItems:W,offset:U,stackGroups:_},C),D)},m=function(v){function b(w){var x,A,p;return MW(this,b),p=DW(this,b,[w]),ae(p,"eventEmitterSymbol",Symbol("rechartsEventEmitter")),ae(p,"accessibilityManager",new gW),ae(p,"handleLegendBBoxUpdate",function(g){if(g){var S=p.state,P=S.dataStartIndex,E=S.dataEndIndex,R=S.updateId;p.setState(K({legendBBox:g},h({props:p.props,dataStartIndex:P,dataEndIndex:E,updateId:R},K(K({},p.state),{},{legendBBox:g}))))}}),ae(p,"handleReceiveSyncEvent",function(g,S,P){if(p.props.syncId===g){if(P===p.eventEmitterSymbol&&typeof p.props.syncMethod!="function")return;p.applySyncEvent(S)}}),ae(p,"handleBrushChange",function(g){var S=g.startIndex,P=g.endIndex;if(S!==p.state.dataStartIndex||P!==p.state.dataEndIndex){var E=p.state.updateId;p.setState(function(){return K({dataStartIndex:S,dataEndIndex:P},h({props:p.props,dataStartIndex:S,dataEndIndex:P,updateId:E},p.state))}),p.triggerSyncEvent({dataStartIndex:S,dataEndIndex:P})}}),ae(p,"handleMouseEnter",function(g){var S=p.getMouseInfo(g);if(S){var P=K(K({},S),{},{isTooltipActive:!0});p.setState(P),p.triggerSyncEvent(P);var E=p.props.onMouseEnter;de(E)&&E(P,g)}}),ae(p,"triggeredAfterMouseMove",function(g){var S=p.getMouseInfo(g),P=S?K(K({},S),{},{isTooltipActive:!0}):{isTooltipActive:!1};p.setState(P),p.triggerSyncEvent(P);var E=p.props.onMouseMove;de(E)&&E(P,g)}),ae(p,"handleItemMouseEnter",function(g){p.setState(function(){return{isTooltipActive:!0,activeItem:g,activePayload:g.tooltipPayload,activeCoordinate:g.tooltipPosition||{x:g.cx,y:g.cy}}})}),ae(p,"handleItemMouseLeave",function(){p.setState(function(){return{isTooltipActive:!1}})}),ae(p,"handleMouseMove",function(g){g.persist(),p.throttleTriggeredAfterMouseMove(g)}),ae(p,"handleMouseLeave",function(g){p.throttleTriggeredAfterMouseMove.cancel();var S={isTooltipActive:!1};p.setState(S),p.triggerSyncEvent(S);var P=p.props.onMouseLeave;de(P)&&P(S,g)}),ae(p,"handleOuterEvent",function(g){var S=TO(g),P=gt(p.props,"".concat(S));if(S&&de(P)){var E,R;/.*touch.*/i.test(S)?R=p.getMouseInfo(g.changedTouches[0]):R=p.getMouseInfo(g),P((E=R)!==null&&E!==void 0?E:{},g)}}),ae(p,"handleClick",function(g){var S=p.getMouseInfo(g);if(S){var P=K(K({},S),{},{isTooltipActive:!0});p.setState(P),p.triggerSyncEvent(P);var E=p.props.onClick;de(E)&&E(P,g)}}),ae(p,"handleMouseDown",function(g){var S=p.props.onMouseDown;if(de(S)){var P=p.getMouseInfo(g);S(P,g)}}),ae(p,"handleMouseUp",function(g){var S=p.props.onMouseUp;if(de(S)){var P=p.getMouseInfo(g);S(P,g)}}),ae(p,"handleTouchMove",function(g){g.changedTouches!=null&&g.changedTouches.length>0&&p.throttleTriggeredAfterMouseMove(g.changedTouches[0])}),ae(p,"handleTouchStart",function(g){g.changedTouches!=null&&g.changedTouches.length>0&&p.handleMouseDown(g.changedTouches[0])}),ae(p,"handleTouchEnd",function(g){g.changedTouches!=null&&g.changedTouches.length>0&&p.handleMouseUp(g.changedTouches[0])}),ae(p,"handleDoubleClick",function(g){var S=p.props.onDoubleClick;if(de(S)){var P=p.getMouseInfo(g);S(P,g)}}),ae(p,"handleContextMenu",function(g){var S=p.props.onContextMenu;if(de(S)){var P=p.getMouseInfo(g);S(P,g)}}),ae(p,"triggerSyncEvent",function(g){p.props.syncId!==void 0&&Zc.emit(Qc,p.props.syncId,g,p.eventEmitterSymbol)}),ae(p,"applySyncEvent",function(g){var S=p.props,P=S.layout,E=S.syncMethod,R=p.state.updateId,k=g.dataStartIndex,M=g.dataEndIndex;if(g.dataStartIndex!==void 0||g.dataEndIndex!==void 0)p.setState(K({dataStartIndex:k,dataEndIndex:M},h({props:p.props,dataStartIndex:k,dataEndIndex:M,updateId:R},p.state)));else if(g.activeTooltipIndex!==void 0){var B=g.chartX,F=g.chartY,W=g.activeTooltipIndex,_=p.state,D=_.offset,U=_.tooltipTicks;if(!D)return;if(typeof E=="function")W=E(U,g);else if(E==="value"){W=-1;for(var $=0;$<U.length;$++)if(U[$].value===g.activeLabel){W=$;break}}var C=K(K({},D),{},{x:D.left,y:D.top}),I=Math.min(B,C.x+C.width),L=Math.min(F,C.y+C.height),z=U[W]&&U[W].value,G=nf(p.state,p.props.data,W),Q=U[W]?{x:P==="horizontal"?U[W].coordinate:I,y:P==="horizontal"?L:U[W].coordinate}:ib;p.setState(K(K({},g),{},{activeLabel:z,activeCoordinate:Q,activePayload:G,activeTooltipIndex:W}))}else p.setState(g)}),ae(p,"renderCursor",function(g){var S,P=p.state,E=P.isTooltipActive,R=P.activeCoordinate,k=P.activePayload,M=P.offset,B=P.activeTooltipIndex,F=P.tooltipAxisBandSize,W=p.getTooltipEventType(),_=(S=g.props.active)!==null&&S!==void 0?S:E,D=p.props.layout,U=g.key||"_recharts-cursor";return O.createElement(TW,{key:U,activeCoordinate:R,activePayload:k,activeTooltipIndex:B,chartName:r,element:g,isActive:_,layout:D,offset:M,tooltipAxisBandSize:F,tooltipEventType:W})}),ae(p,"renderPolarAxis",function(g,S,P){var E=gt(g,"type.axisType"),R=gt(p.state,"".concat(E,"Map")),k=g.type.defaultProps,M=k!==void 0?K(K({},k),g.props):g.props,B=R&&R[M["".concat(E,"Id")]];return O.cloneElement(g,K(K({},B),{},{className:ve(E,B.className),key:g.key||"".concat(S,"-").concat(P),ticks:or(B,!0)}))}),ae(p,"renderPolarGrid",function(g){var S=g.props,P=S.radialLines,E=S.polarAngles,R=S.polarRadius,k=p.state,M=k.radiusAxisMap,B=k.angleAxisMap,F=fr(M),W=fr(B),_=W.cx,D=W.cy,U=W.innerRadius,$=W.outerRadius;return O.cloneElement(g,{polarAngles:Array.isArray(E)?E:or(W,!0).map(function(C){return C.coordinate}),polarRadius:Array.isArray(R)?R:or(F,!0).map(function(C){return C.coordinate}),cx:_,cy:D,innerRadius:U,outerRadius:$,key:g.key||"polar-grid",radialLines:P})}),ae(p,"renderLegend",function(){var g=p.state.formattedGraphicalItems,S=p.props,P=S.children,E=S.width,R=S.height,k=p.props.margin||{},M=E-(k.left||0)-(k.right||0),B=Qv({children:P,formattedGraphicalItems:g,legendWidth:M,legendContent:u});if(!B)return null;var F=B.item,W=eb(B,PW);return O.cloneElement(F,K(K({},W),{},{chartWidth:E,chartHeight:R,margin:k,onBBoxUpdate:p.handleLegendBBoxUpdate}))}),ae(p,"renderTooltip",function(){var g,S=p.props,P=S.children,E=S.accessibilityLayer,R=dt(P,Bt);if(!R)return null;var k=p.state,M=k.isTooltipActive,B=k.activeCoordinate,F=k.activePayload,W=k.activeLabel,_=k.offset,D=(g=R.props.active)!==null&&g!==void 0?g:M;return O.cloneElement(R,{viewBox:K(K({},_),{},{x:_.left,y:_.top}),active:D,label:W,payload:D?F:[],coordinate:B,accessibilityLayer:E})}),ae(p,"renderBrush",function(g){var S=p.props,P=S.margin,E=S.data,R=p.state,k=R.offset,M=R.dataStartIndex,B=R.dataEndIndex,F=R.updateId;return O.cloneElement(g,{key:g.key||"_recharts-brush",onChange:ko(p.handleBrushChange,g.props.onChange),data:E,x:X(g.props.x)?g.props.x:k.left,y:X(g.props.y)?g.props.y:k.top+k.height+k.brushBottom-(P.bottom||0),width:X(g.props.width)?g.props.width:k.width,startIndex:M,endIndex:B,updateId:"brush-".concat(F)})}),ae(p,"renderReferenceElement",function(g,S,P){if(!g)return null;var E=p,R=E.clipPathId,k=p.state,M=k.xAxisMap,B=k.yAxisMap,F=k.offset,W=g.type.defaultProps||{},_=g.props,D=_.xAxisId,U=D===void 0?W.xAxisId:D,$=_.yAxisId,C=$===void 0?W.yAxisId:$;return O.cloneElement(g,{key:g.key||"".concat(S,"-").concat(P),xAxis:M[U],yAxis:B[C],viewBox:{x:F.left,y:F.top,width:F.width,height:F.height},clipPathId:R})}),ae(p,"renderActivePoints",function(g){var S=g.item,P=g.activePoint,E=g.basePoint,R=g.childIndex,k=g.isRange,M=[],B=S.props.key,F=S.item.type.defaultProps!==void 0?K(K({},S.item.type.defaultProps),S.item.props):S.item.props,W=F.activeDot,_=F.dataKey,D=K(K({index:R,dataKey:_,cx:P.x,cy:P.y,r:4,fill:Ku(S.item),strokeWidth:2,stroke:"#fff",payload:P.payload,value:P.value},fe(W,!1)),ki(W));return M.push(b.renderActiveDot(W,D,"".concat(B,"-activePoint-").concat(R))),E?M.push(b.renderActiveDot(W,K(K({},D),{},{cx:E.x,cy:E.y}),"".concat(B,"-basePoint-").concat(R))):k&&M.push(null),M}),ae(p,"renderGraphicChild",function(g,S,P){var E=p.filterFormatItem(g,S,P);if(!E)return null;var R=p.getTooltipEventType(),k=p.state,M=k.isTooltipActive,B=k.tooltipAxis,F=k.activeTooltipIndex,W=k.activeLabel,_=p.props.children,D=dt(_,Bt),U=E.props,$=U.points,C=U.isRange,I=U.baseLine,L=E.item.type.defaultProps!==void 0?K(K({},E.item.type.defaultProps),E.item.props):E.item.props,z=L.activeDot,G=L.hide,Q=L.activeBar,J=L.activeShape,ee=!!(!G&&M&&D&&(z||Q||J)),ne={};R!=="axis"&&D&&D.props.trigger==="click"?ne={onClick:ko(p.handleItemMouseEnter,g.props.onClick)}:R!=="axis"&&(ne={onMouseLeave:ko(p.handleItemMouseLeave,g.props.onMouseLeave),onMouseEnter:ko(p.handleItemMouseEnter,g.props.onMouseEnter)});var q=O.cloneElement(g,K(K({},E.props),ne));function Y(yt){return typeof B.dataKey=="function"?B.dataKey(yt.payload):null}if(ee)if(F>=0){var Z,N;if(B.dataKey&&!B.allowDuplicatedCategory){var ie=typeof B.dataKey=="function"?Y:"payload.".concat(B.dataKey.toString());Z=Mi($,ie,W),N=C&&I&&Mi(I,ie,W)}else Z=$==null?void 0:$[F],N=C&&I&&I[F];if(J||Q){var V=g.props.activeIndex!==void 0?g.props.activeIndex:F;return[O.cloneElement(g,K(K(K({},E.props),ne),{},{activeIndex:V})),null,null]}if(!ce(Z))return[q].concat(Zn(p.renderActivePoints({item:E,activePoint:Z,basePoint:N,childIndex:F,isRange:C})))}else{var se,pe=(se=p.getItemByXY(p.state.activeCoordinate))!==null&&se!==void 0?se:{graphicalItem:q},Le=pe.graphicalItem,et=Le.item,It=et===void 0?g:et,ta=Le.childIndex,sr=K(K(K({},E.props),ne),{},{activeIndex:ta});return[O.cloneElement(It,sr),null,null]}return C?[q,null,null]:[q,null]}),ae(p,"renderCustomized",function(g,S,P){return O.cloneElement(g,K(K({key:"recharts-customized-".concat(P)},p.props),p.state))}),ae(p,"renderMap",{CartesianGrid:{handler:Ts,once:!0},ReferenceArea:{handler:p.renderReferenceElement},ReferenceLine:{handler:Ts},ReferenceDot:{handler:p.renderReferenceElement},XAxis:{handler:Ts},YAxis:{handler:Ts},Brush:{handler:p.renderBrush,once:!0},Bar:{handler:p.renderGraphicChild},Line:{handler:p.renderGraphicChild},Area:{handler:p.renderGraphicChild},Radar:{handler:p.renderGraphicChild},RadialBar:{handler:p.renderGraphicChild},Scatter:{handler:p.renderGraphicChild},Pie:{handler:p.renderGraphicChild},Funnel:{handler:p.renderGraphicChild},Tooltip:{handler:p.renderCursor,once:!0},PolarGrid:{handler:p.renderPolarGrid,once:!0},PolarAngleAxis:{handler:p.renderPolarAxis},PolarRadiusAxis:{handler:p.renderPolarAxis},Customized:{handler:p.renderCustomized}}),p.clipPathId="".concat((x=w.id)!==null&&x!==void 0?x:Er("recharts"),"-clip"),p.throttleTriggeredAfterMouseMove=Xh(p.triggeredAfterMouseMove,(A=w.throttleDelay)!==null&&A!==void 0?A:1e3/60),p.state={},p}return LW(b,v),NW(b,[{key:"componentDidMount",value:function(){var x,A;this.addListener(),this.accessibilityManager.setDetails({container:this.container,offset:{left:(x=this.props.margin.left)!==null&&x!==void 0?x:0,top:(A=this.props.margin.top)!==null&&A!==void 0?A:0},coordinateList:this.state.tooltipTicks,mouseHandlerCallback:this.triggeredAfterMouseMove,layout:this.props.layout}),this.displayDefaultTooltip()}},{key:"displayDefaultTooltip",value:function(){var x=this.props,A=x.children,p=x.data,g=x.height,S=x.layout,P=dt(A,Bt);if(P){var E=P.props.defaultIndex;if(!(typeof E!="number"||E<0||E>this.state.tooltipTicks.length-1)){var R=this.state.tooltipTicks[E]&&this.state.tooltipTicks[E].value,k=nf(this.state,p,E,R),M=this.state.tooltipTicks[E].coordinate,B=(this.state.offset.top+g)/2,F=S==="horizontal",W=F?{x:M,y:B}:{y:M,x:B},_=this.state.formattedGraphicalItems.find(function(U){var $=U.item;return $.type.name==="Scatter"});_&&(W=K(K({},W),_.props.points[E].tooltipPosition),k=_.props.points[E].tooltipPayload);var D={activeTooltipIndex:E,isTooltipActive:!0,activeLabel:R,activePayload:k,activeCoordinate:W};this.setState(D),this.renderCursor(P),this.accessibilityManager.setIndex(E)}}}},{key:"getSnapshotBeforeUpdate",value:function(x,A){if(!this.props.accessibilityLayer)return null;if(this.state.tooltipTicks!==A.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 p,g;this.accessibilityManager.setDetails({offset:{left:(p=this.props.margin.left)!==null&&p!==void 0?p:0,top:(g=this.props.margin.top)!==null&&g!==void 0?g:0}})}return null}},{key:"componentDidUpdate",value:function(x){al([dt(x.children,Bt)],[dt(this.props.children,Bt)])||this.displayDefaultTooltip()}},{key:"componentWillUnmount",value:function(){this.removeListener(),this.throttleTriggeredAfterMouseMove.cancel()}},{key:"getTooltipEventType",value:function(){var x=dt(this.props.children,Bt);if(x&&typeof x.props.shared=="boolean"){var A=x.props.shared?"axis":"item";return s.indexOf(A)>=0?A:i}return i}},{key:"getMouseInfo",value:function(x){if(!this.container)return null;var A=this.container,p=A.getBoundingClientRect(),g=ek(p),S={chartX:Math.round(x.pageX-g.left),chartY:Math.round(x.pageY-g.top)},P=p.width/A.offsetWidth||1,E=this.inRange(S.chartX,S.chartY,P);if(!E)return null;var R=this.state,k=R.xAxisMap,M=R.yAxisMap,B=this.getTooltipEventType(),F=sb(this.state,this.props.data,this.props.layout,E);if(B!=="axis"&&k&&M){var W=fr(k).scale,_=fr(M).scale,D=W&&W.invert?W.invert(S.chartX):null,U=_&&_.invert?_.invert(S.chartY):null;return K(K({},S),{},{xValue:D,yValue:U},F)}return F?K(K({},S),F):null}},{key:"inRange",value:function(x,A){var p=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,g=this.props.layout,S=x/p,P=A/p;if(g==="horizontal"||g==="vertical"){var E=this.state.offset,R=S>=E.left&&S<=E.left+E.width&&P>=E.top&&P<=E.top+E.height;return R?{x:S,y:P}:null}var k=this.state,M=k.angleAxisMap,B=k.radiusAxisMap;if(M&&B){var F=fr(M);return vy({x:S,y:P},F)}return null}},{key:"parseEventsOfWrapper",value:function(){var x=this.props.children,A=this.getTooltipEventType(),p=dt(x,Bt),g={};p&&A==="axis"&&(p.props.trigger==="click"?g={onClick:this.handleClick}:g={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 S=ki(this.props,this.handleOuterEvent);return K(K({},S),g)}},{key:"addListener",value:function(){Zc.on(Qc,this.handleReceiveSyncEvent)}},{key:"removeListener",value:function(){Zc.removeListener(Qc,this.handleReceiveSyncEvent)}},{key:"filterFormatItem",value:function(x,A,p){for(var g=this.state.formattedGraphicalItems,S=0,P=g.length;S<P;S++){var E=g[S];if(E.item===x||E.props.key===x.key||A===Xt(E.item.type)&&p===E.childIndex)return E}return null}},{key:"renderClipPath",value:function(){var x=this.clipPathId,A=this.state.offset,p=A.left,g=A.top,S=A.height,P=A.width;return O.createElement("defs",null,O.createElement("clipPath",{id:x},O.createElement("rect",{x:p,y:g,height:S,width:P})))}},{key:"getXScales",value:function(){var x=this.state.xAxisMap;return x?Object.entries(x).reduce(function(A,p){var g=Qg(p,2),S=g[0],P=g[1];return K(K({},A),{},ae({},S,P.scale))},{}):null}},{key:"getYScales",value:function(){var x=this.state.yAxisMap;return x?Object.entries(x).reduce(function(A,p){var g=Qg(p,2),S=g[0],P=g[1];return K(K({},A),{},ae({},S,P.scale))},{}):null}},{key:"getXScaleByAxisId",value:function(x){var A;return(A=this.state.xAxisMap)===null||A===void 0||(A=A[x])===null||A===void 0?void 0:A.scale}},{key:"getYScaleByAxisId",value:function(x){var A;return(A=this.state.yAxisMap)===null||A===void 0||(A=A[x])===null||A===void 0?void 0:A.scale}},{key:"getItemByXY",value:function(x){var A=this.state,p=A.formattedGraphicalItems,g=A.activeItem;if(p&&p.length)for(var S=0,P=p.length;S<P;S++){var E=p[S],R=E.props,k=E.item,M=k.type.defaultProps!==void 0?K(K({},k.type.defaultProps),k.props):k.props,B=Xt(k.type);if(B==="Bar"){var F=(R.data||[]).find(function(U){return F3(x,U)});if(F)return{graphicalItem:E,payload:F}}else if(B==="RadialBar"){var W=(R.data||[]).find(function(U){return vy(x,U)});if(W)return{graphicalItem:E,payload:W}}else if(Yo(E,g)||Xo(E,g)||ai(E,g)){var _=UB({graphicalItem:E,activeTooltipItem:g,itemData:M.data}),D=M.activeIndex===void 0?_:M.activeIndex;return{graphicalItem:K(K({},E),{},{childIndex:D}),payload:ai(E,g)?M.data[_]:E.props.data[_]}}}return null}},{key:"render",value:function(){var x=this;if(!Xf(this))return null;var A=this.props,p=A.children,g=A.className,S=A.width,P=A.height,E=A.style,R=A.compact,k=A.title,M=A.desc,B=eb(A,_W),F=fe(B,!1);if(R)return O.createElement(Jm,{state:this.state,width:this.props.width,height:this.props.height,clipPathId:this.clipPathId},O.createElement(ol,Jn({},F,{width:S,height:P,title:k,desc:M}),this.renderClipPath(),Qf(p,this.renderMap)));if(this.props.accessibilityLayer){var W,_;F.tabIndex=(W=this.props.tabIndex)!==null&&W!==void 0?W:0,F.role=(_=this.props.role)!==null&&_!==void 0?_:"application",F.onKeyDown=function(U){x.accessibilityManager.keyboardEvent(U)},F.onFocus=function(){x.accessibilityManager.focus()}}var D=this.parseEventsOfWrapper();return O.createElement(Jm,{state:this.state,width:this.props.width,height:this.props.height,clipPathId:this.clipPathId},O.createElement("div",Jn({className:ve("recharts-wrapper",g),style:K({position:"relative",cursor:"default",width:S,height:P},E)},D,{ref:function($){x.container=$}}),O.createElement(ol,Jn({},F,{width:S,height:P,title:k,desc:M,style:KW}),this.renderClipPath(),Qf(p,this.renderMap)),this.renderLegend(),this.renderTooltip()))}}])}(O.Component);ae(m,"displayName",r),ae(m,"defaultProps",K({layout:"horizontal",stackOffset:"none",barCategoryGap:"10%",barGap:4,margin:{top:5,right:5,bottom:5,left:5},reverseStackOrder:!1,syncMethod:"index"},f)),ae(m,"getDerivedStateFromProps",function(v,b){var w=v.dataKey,x=v.data,A=v.children,p=v.width,g=v.height,S=v.layout,P=v.stackOffset,E=v.margin,R=b.dataStartIndex,k=b.dataEndIndex;if(b.updateId===void 0){var M=lb(v);return K(K(K({},M),{},{updateId:0},h(K(K({props:v},M),{},{updateId:0}),b)),{},{prevDataKey:w,prevData:x,prevWidth:p,prevHeight:g,prevLayout:S,prevStackOffset:P,prevMargin:E,prevChildren:A})}if(w!==b.prevDataKey||x!==b.prevData||p!==b.prevWidth||g!==b.prevHeight||S!==b.prevLayout||P!==b.prevStackOffset||!on(E,b.prevMargin)){var B=lb(v),F={chartX:b.chartX,chartY:b.chartY,isTooltipActive:b.isTooltipActive},W=K(K({},sb(b,x,S)),{},{updateId:b.updateId+1}),_=K(K(K({},B),F),W);return K(K(K({},_),h(K({props:v},_),b)),{},{prevDataKey:w,prevData:x,prevWidth:p,prevHeight:g,prevLayout:S,prevStackOffset:P,prevMargin:E,prevChildren:A})}if(!al(A,b.prevChildren)){var D,U,$,C,I=dt(A,Mn),L=I&&(D=(U=I.props)===null||U===void 0?void 0:U.startIndex)!==null&&D!==void 0?D:R,z=I&&($=(C=I.props)===null||C===void 0?void 0:C.endIndex)!==null&&$!==void 0?$:k,G=L!==R||z!==k,Q=!ce(x),J=Q&&!G?b.updateId:b.updateId+1;return K(K({updateId:J},h(K(K({props:v},b),{},{updateId:J,dataStartIndex:L,dataEndIndex:z}),b)),{},{prevChildren:A,dataStartIndex:L,dataEndIndex:z})}return null}),ae(m,"renderActiveDot",function(v,b,w){var x;return O.isValidElement(v)?x=O.cloneElement(v,b):de(v)?x=v(b):x=O.createElement(Go,b),O.createElement(be,{className:"recharts-active-dot",key:w},x)});var y=O.forwardRef(function(b,w){return O.createElement(m,Jn({},b,{ref:w}))});return y.displayName=m.displayName,y},tU=eU({chartName:"ComposedChart",GraphicalChild:[ci,Or,Dn,gs],axisComponents:[{axisType:"xAxis",AxisComp:xs},{axisType:"yAxis",AxisComp:Os},{axisType:"zAxis",AxisComp:ys}],formatAxisMap:h6});const Dt=({className:e,width:t,height:r,rounded:n=!1})=>T.jsx("div",{className:le("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}}),vi=({className:e})=>T.jsxs("div",{className:le("rounded-lg border border-gray-200 bg-white p-4",e),children:[T.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[T.jsx(Dt,{className:"h-4 w-16"}),T.jsx(Dt,{className:"h-4 w-4",rounded:!0})]}),T.jsxs("div",{className:"flex items-baseline gap-3",children:[T.jsx(Dt,{className:"h-8 w-20"}),T.jsx(Dt,{className:"h-6 w-12 rounded-md"})]})]}),cb=({className:e})=>T.jsx("div",{className:le("w-full",e),children:T.jsxs("div",{className:"relative bg-gray-50/30 p-6",children:[T.jsxs("div",{className:"relative h-[300px] mb-4",children:[T.jsx("div",{className:"absolute left-0 top-0 h-full flex flex-col justify-between items-end pr-2",children:[...Array(6)].map((t,r)=>T.jsx(Dt,{className:"h-3 w-8"},r))}),T.jsxs("div",{className:"ml-12 h-full relative overflow-hidden px-0 py-2",children:[[...Array(6)].map((t,r)=>T.jsx("div",{className:"absolute w-full border-t border-gray-100",style:{top:`${r*20}%`}},r)),T.jsx("div",{className:"absolute inset-0 flex justify-between items-stretch",children:[...Array(7)].map((t,r)=>T.jsx("div",{className:"w-0 h-full border-l border-gray-100"},r))}),T.jsx("div",{className:"absolute inset-0 flex items-end justify-between px-4 pb-4",children:[...Array(7)].map((t,r)=>T.jsx(Dt,{className:"w-8 bg-blue-100",height:Math.random()*180+40},r))})]}),T.jsx("div",{className:"ml-12 flex justify-between items-center mt-2",children:[...Array(7)].map((t,r)=>T.jsx(Dt,{className:"h-3 w-3"},r))})]}),T.jsxs("div",{className:"flex items-center justify-between px-0 py-1",children:[T.jsx(Dt,{className:"h-3 w-48"}),T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx(Dt,{className:"h-3 w-3",rounded:!0}),T.jsx(Dt,{className:"h-3 w-16"})]})]})]})}),rU=({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 T.jsxs("div",{className:le("rounded-lg border px-3 py-2 text-sm shadow-lg",i?"bg-gray-900 border-gray-700 text-white":"bg-white border-gray-200 text-gray-900"),children:[T.jsx("div",{className:le("font-medium mb-1",i?"text-gray-300":"text-gray-600"),children:new Date(r||"").toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}),T.jsx("div",{className:"space-y-1",children:a.map((s,l)=>T.jsxs("div",{className:"flex items-center justify-between gap-4",children:[T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:s.color}}),T.jsx("span",{className:le("text-sm",i?"text-gray-300":"text-gray-600"),children:s.name})]}),T.jsx("span",{className:le("font-medium",i?"text-white":"text-gray-900"),children:typeof s.value=="number"?s.value.toLocaleString():s.value})]},l))})]})},fb=({config:e,className:t,isLoading:r})=>{const{data:n,dataKey:a,color:i="#3b82f6",lines:o,dateRange:s,yAxisLabel:l,height:u=300,tooltip:c={show:!0,style:"dark"}}=e,f=y=>{const v=new Date(y);return isNaN(v.getTime())?y:v.getDate().toString()},d=y=>y>=1e3?`${(y/1e3).toFixed(0)}k`:y.toString(),m=o&&o.length>0?o:[{dataKey:a||"value",color:i,label:e.title,strokeWidth:2}];return r?(console.log("AnalyticsChart: Loading state active"),T.jsx(cb,{className:t})):!n||n.length===0?(console.log("AnalyticsChart: No data provided",{data:n,config:e}),T.jsx("div",{className:le("w-full",t),children:T.jsxs("div",{className:"relative bg-gray-50/30 py-6",children:[T.jsxs("div",{className:"relative h-[300px] mb-4",children:[T.jsxs("div",{className:"absolute left-0 top-0 h-full flex flex-col justify-between items-end pr-2",children:[T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"})]}),T.jsxs("div",{className:"ml-12 h-full relative overflow-hidden px-0 py-2 flex flex-col justify-between",children:[T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsxs("div",{className:"absolute inset-0 flex justify-between items-stretch",children:[T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"})]}),T.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-4",children:[T.jsx("div",{className:"bg-white border border-gray-300 rounded-[10px] w-12 h-12 flex items-center justify-center",children:T.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:T.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"})})}),T.jsxs("div",{className:"text-center max-w-[352px]",children:[T.jsx("h3",{className:"font-semibold text-gray-900 text-base mb-1",children:"There is no data to display for this period"}),T.jsx("p",{className:"font-normal text-gray-600 text-sm leading-5",children:"Try selecting a different date range or ensure your app is deployed and receiving traffic."})]})]})]}),T.jsxs("div",{className:"ml-12 flex justify-between items-center mt-2",children:[T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"})]})]}),T.jsxs("div",{className:"flex items-center justify-between px-0 py-1",children:[T.jsx("div",{className:"flex-1",children:T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-[253px]"})}),T.jsxs("div",{className:"flex items-center gap-2 w-[100px] justify-center",children:[T.jsx("div",{className:"w-2 h-2 bg-blue-500 rounded-full"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded flex-1"})]})]})]})})):(console.log("=== ANALYTICS CHART DEBUG ==="),console.log("AnalyticsChart config:",e),console.log("AnalyticsChart data:",JSON.stringify(n,null,2)),console.log("AnalyticsChart dataKey:",a),console.log("Chart lines configuration:",m),console.log("Sample data point:",n[0]),console.log("Data point keys:",Object.keys(n[0]||{})),console.log("=== END ANALYTICS CHART DEBUG ==="),T.jsxs("div",{className:le("w-full",t),children:[T.jsx("div",{className:"relative bg-gray-50/30 p-6",children:T.jsx(VM,{width:"100%",height:u,children:T.jsxs(tU,{data:n,margin:{top:20,right:30,left:20,bottom:20},children:[T.jsx("defs",{children:m.map((y,v)=>T.jsxs("linearGradient",{id:`gradient-${y.dataKey}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[T.jsx("stop",{offset:"5%",stopColor:y.color,stopOpacity:.08}),T.jsx("stop",{offset:"95%",stopColor:y.color,stopOpacity:.01})]},`gradient-${v}`))}),T.jsx(Sg,{strokeDasharray:"2 2",className:"opacity-30",stroke:"#d1d5db",horizontal:!0,vertical:!0}),T.jsx(xs,{dataKey:"date",tickFormatter:f,axisLine:!1,tickLine:!1,tick:{fontSize:12,fill:"#6b7280"},tickMargin:10}),T.jsx(Os,{axisLine:!1,tickLine:!1,tick:{fontSize:12,fill:"#6b7280"},tickFormatter:d,tickMargin:10,label:l?{value:l,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fontSize:12,fill:"#6b7280"}}:void 0}),c.show&&T.jsx(Bt,{content:y=>T.jsx(rU,{...y,config:e}),cursor:{stroke:"#d1d5db",strokeWidth:1,strokeDasharray:"4 4"},allowEscapeViewBox:{x:!1,y:!1}}),m.map(y=>T.jsx(Or,{type:"monotone",dataKey:y.dataKey,stroke:"none",fill:`url(#gradient-${y.dataKey})`,fillOpacity:1,isAnimationActive:!1,name:""},`area-${y.dataKey}`)),m.map(y=>T.jsx(ci,{type:"monotone",dataKey:y.dataKey,stroke:y.color,strokeWidth:2.5,strokeDasharray:y.strokeDasharray,dot:!1,activeDot:{r:5,fill:y.color,stroke:y.color,strokeWidth:2},name:y.label},y.dataKey))]})})}),T.jsxs("div",{className:"mt-4 flex items-center justify-between",children:[T.jsx("div",{children:s&&T.jsxs("p",{className:"text-sm text-muted-foreground",children:["Showing data from ",new Date(s.start).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})," - ",new Date(s.end).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})]})}),T.jsx("div",{className:"flex items-center gap-4",children:T.jsx("div",{className:"flex items-center gap-4 text-sm text-muted-foreground",children:m.map(y=>T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:y.color}}),T.jsx("span",{children:y.label})]},y.dataKey))})})]})]}))},db=({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]=O.useState(o.defaultSort||null),[c,f]=O.useState(""),[d,h]=O.useState(1),m=O.useMemo(()=>{let p=[...n];return s.searchable&&c&&(p=p.filter(g=>a.some(S=>{const P=g[S.key];return P==null?void 0:P.toString().toLowerCase().includes(c.toLowerCase())}))),l&&p.sort((g,S)=>{const P=g[l.key],E=S[l.key];if(typeof P=="number"&&typeof E=="number")return l.order==="asc"?P-E:E-P;const R=(P==null?void 0:P.toString())||"",k=(E==null?void 0:E.toString())||"",M=R.localeCompare(k);return l.order==="asc"?M:-M}),p},[n,a,c,l,s.searchable]),y=i.enabled?Math.ceil(m.length/i.pageSize):1,v=i.enabled?m.slice((d-1)*i.pageSize,d*i.pageSize):m,b=p=>{!o.enabled||!p.sortable||u(g=>(g==null?void 0:g.key)===p.key?g.order==="asc"?{key:p.key,order:"desc"}:null:{key:p.key,order:"asc"})},w=p=>{f(p),h(1)},x=(p,g,S)=>g.render?g.render(p,S):g.formatter?g.formatter(p,S):typeof p=="number"?p.toLocaleString():(p==null?void 0:p.toString())||"-",A=p=>!o.enabled||!p.sortable?null:(l==null?void 0:l.key)===p.key?l.order==="asc"?T.jsx(pf,{className:"w-4 h-4"}):T.jsx(Pi,{className:"w-4 h-4"}):T.jsxs("div",{className:"flex flex-col",children:[T.jsx(pf,{className:"w-3 h-3 opacity-30"}),T.jsx(Pi,{className:"w-3 h-3 opacity-30 -mt-1"})]});return T.jsxs("div",{className:le("w-full",t),children:[T.jsxs("div",{className:"flex items-center justify-between mb-4",children:[T.jsx("h3",{className:"text-lg font-semibold",children:r}),s.enabled&&s.searchable&&T.jsxs("div",{className:"relative",children:[T.jsx(vf,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"}),T.jsx("input",{type:"text",placeholder:"Search...",value:c,onChange:p=>w(p.target.value),className:"pl-10 pr-4 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"})]})]}),T.jsx("div",{className:"overflow-x-auto border border-gray-200 rounded-lg",children:T.jsxs("table",{className:"w-full",children:[T.jsx("thead",{className:"bg-gray-50",children:T.jsx("tr",{children:a.map(p=>T.jsx("th",{className:le("px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",p.sortable&&o.enabled&&"cursor-pointer hover:bg-gray-100",p.align==="center"&&"text-center",p.align==="right"&&"text-right"),style:{width:p.width},onClick:()=>b(p),children:T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx("span",{children:p.title}),A(p)]})},p.key))})}),T.jsx("tbody",{className:"bg-white divide-y divide-gray-200",children:v.map((p,g)=>T.jsx("tr",{className:"hover:bg-gray-50 transition-colors",children:a.map(S=>T.jsx("td",{className:le("px-4 py-3 text-sm text-gray-900",S.align==="center"&&"text-center",S.align==="right"&&"text-right"),children:x(p[S.key],S,p)},S.key))},g))})]})}),i.enabled&&y>1&&T.jsxs("div",{className:"flex items-center justify-between mt-4",children:[T.jsxs("div",{className:"text-sm text-gray-500",children:["Showing ",(d-1)*i.pageSize+1," to"," ",Math.min(d*i.pageSize,m.length)," of"," ",m.length," results"]}),T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx("button",{onClick:()=>h(p=>Math.max(1,p-1)),disabled:d===1,className:"px-3 py-1 text-sm border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",children:"Previous"}),Array.from({length:Math.min(5,y)},(p,g)=>{const S=Math.max(1,Math.min(y-4,d-2))+g;return S>y?null:T.jsx("button",{onClick:()=>h(S),className:le("px-3 py-1 text-sm border rounded",d===S?"bg-blue-500 text-white border-blue-500":"border-gray-200 hover:bg-gray-50"),children:S},S)}),T.jsx("button",{onClick:()=>h(p=>Math.min(y,p+1)),disabled:d===y,className:"px-3 py-1 text-sm border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",children:"Next"})]})]}),v.length===0&&T.jsx("div",{className:"text-center py-8 text-gray-500",children:c?"No results found for your search.":"No data available."})]})},hb=({data:e,className:t})=>{const[r,n]=O.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return T.jsxs("div",{className:le("w-full",t),children:[T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-3 bg-gray-50 border-b border-gray-200 text-sm font-medium text-gray-700",children:[T.jsx("div",{className:"text-left",children:"Name"}),T.jsx("div",{className:"text-right",children:"Runs"}),T.jsx("div",{className:"text-right",children:"Response Time"}),T.jsx("div",{className:"text-right",children:"Tokens"})]}),T.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-4 hover:bg-gray-50 transition-colors duration-150",children:[T.jsxs("div",{className:"flex items-center space-x-3",children:[T.jsx("div",{className:"flex-shrink-0",children:T.jsx("img",{src:o.avatar||`https://api.dicebear.com/7.x/avataaars/svg?seed=${o.name}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`,alt:o.name,className:"w-8 h-8 rounded-full"})}),T.jsx("div",{className:"min-w-0 flex-1",children:T.jsx("div",{className:"text-sm font-medium text-gray-900 truncate",children:o.name})})]}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.runs)}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:o.responseTime}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.tokens)})]},o.id||s))}),r<e.length&&T.jsx("div",{className:"flex justify-center py-6",children:T.jsx("button",{onClick:a,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-150",children:"Load 10 more"})})]})},nU=e=>{switch(e.toLowerCase()){case"code tool":return"bg-orange-100 text-orange-800 border-orange-200";case"workflow tool":return"bg-blue-100 text-blue-800 border-blue-200";case"mcp tool":return"bg-green-100 text-green-800 border-green-200";case"knowledge":return"bg-purple-100 text-purple-800 border-purple-200";default:return"bg-gray-100 text-gray-800 border-gray-200"}},aU=e=>{const t={"calculate-creditscore":"🎯","calculate-risk":"⭐","calculate-mortgage":"🔵","analyse-expenses":"⚡","fetch-statement":"💜",default:"🔧"};return t[e]||t.default},pb=({data:e,className:t})=>{const[r,n]=O.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return T.jsxs("div",{className:le("w-full",t),children:[T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-3 bg-gray-50 border-b border-gray-200 text-sm font-medium text-gray-700",children:[T.jsx("div",{className:"text-left",children:"Name"}),T.jsx("div",{className:"text-left",children:"Type"}),T.jsx("div",{className:"text-right",children:"Runs"}),T.jsx("div",{className:"text-right",children:"Response Time"})]}),T.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-4 hover:bg-gray-50 transition-colors duration-150",children:[T.jsxs("div",{className:"flex items-center space-x-3",children:[T.jsx("div",{className:"flex-shrink-0",children:T.jsx("div",{className:"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-lg",children:aU(o.name)})}),T.jsx("div",{className:"min-w-0 flex-1",children:T.jsx("div",{className:"text-sm font-medium text-gray-900 truncate",children:o.name})})]}),T.jsx("div",{className:"flex items-center",children:T.jsx("span",{className:le("inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border",nU(o.type||"Default")),children:o.type||"Tool"})}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.runs)}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:o.responseTime})]},o.id||s))}),r<e.length&&T.jsx("div",{className:"flex justify-center py-6",children:T.jsx("button",{onClick:a,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-150",children:"Load 10 more"})})]})},iU=e=>{const t=e.toLowerCase();return t.includes("gpt")||t.includes("openai")?T.jsx("div",{className:"w-6 h-6 rounded-full bg-gray-900 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"⚡"})}):t.includes("claude")||t.includes("anthropic")?T.jsx("div",{className:"w-6 h-6 rounded-full bg-orange-500 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"A"})}):t.includes("gemini")||t.includes("google")?T.jsx("div",{className:"w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"G"})}):t.includes("llama")||t.includes("meta")?T.jsx("div",{className:"w-6 h-6 rounded-full bg-blue-600 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"M"})}):T.jsx("div",{className:"w-6 h-6 rounded-full bg-gray-500 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"🤖"})})},vb=({data:e,className:t})=>{const[r,n]=O.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return T.jsxs("div",{className:le("w-full",t),children:[T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-3 bg-gray-50 border-b border-gray-200 text-sm font-medium text-gray-700",children:[T.jsx("div",{className:"text-left",children:"Model Name"}),T.jsx("div",{className:"text-right",children:"Runs"}),T.jsx("div",{className:"text-right",children:"Tokens"}),T.jsx("div",{className:"text-right",children:"Response Time"})]}),T.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-4 hover:bg-gray-50 transition-colors duration-150",children:[T.jsxs("div",{className:"flex items-center space-x-3",children:[T.jsx("div",{className:"flex-shrink-0",children:iU(o.name)}),T.jsx("div",{className:"min-w-0 flex-1",children:T.jsx("div",{className:"text-sm font-medium text-gray-900 truncate",children:o.name})})]}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.runs)}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.tokens)}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:o.responseTime})]},o.id||s))}),r<e.length&&T.jsx("div",{className:"flex justify-center py-6",children:T.jsx("button",{onClick:a,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-150",children:"Load 10 more"})})]})},yb=({config:e,className:t,isLoading:r,context:n})=>{const{type:a,chart:i,table:o,layout:s="vertical"}=e,l=()=>i?(console.log("ViewRenderer - Chart config:",i),console.log("ViewRenderer - Chart data:",i.data),console.log("ViewRenderer - Context:",n),T.jsx("div",{className:"flex-1",children:T.jsx(fb,{config:i,isLoading:r})})):null,u=()=>o?(n==null?void 0:n.metricType)==="agentRuns"?T.jsx("div",{className:"flex-1",children:T.jsx(hb,{data:o.data})}):(n==null?void 0:n.metricType)==="toolRuns"?T.jsx("div",{className:"flex-1",children:T.jsx(pb,{data:o.data})}):(n==null?void 0:n.metricType)==="modelRuns"?T.jsx("div",{className:"flex-1",children:T.jsx(vb,{data:o.data})}):T.jsx("div",{className:"flex-1",children:T.jsx(db,{config:o})}):null,c=()=>{switch(a){case"chart":return l();case"table":return u();case"mixed":return T.jsxs("div",{className:le("flex gap-6",s==="horizontal"?"flex-row":"flex-col"),children:[l(),u()]});default:return T.jsxs("div",{className:"p-4 text-center text-gray-500",children:["Unsupported view type: ",a]})}};return T.jsx("div",{className:le("w-full",t),children:c()})},_s=({options:e,value:t,placeholder:r="Select an option",onChange:n,className:a,disabled:i=!1})=>{const[o,s]=O.useState(!1),[l,u]=O.useState(t||""),c=O.useRef(null),f=e.find(m=>m.value===l);O.useEffect(()=>{const m=y=>{c.current&&!c.current.contains(y.target)&&s(!1)};return o&&document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m)}},[o]);const d=m=>{i||(u(m),s(!1),n==null||n(m))},h=()=>{i||s(!o)};return T.jsxs("div",{ref:c,className:le("relative min-w-[200px]",a),children:[T.jsxs("button",{type:"button",className:le("flex h-10 w-full min-w-[200px] items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-50 transition-colors",a),onClick:h,disabled:i,children:[T.jsx("span",{className:le("truncate",!f&&"text-gray-500"),children:f?f.label:r}),T.jsx(Pi,{className:le("h-4 w-4 text-gray-400 transition-transform duration-200",o&&"rotate-180")})]}),o&&!i&&T.jsx("div",{className:"absolute top-full left-0 right-0 z-50 mt-1 min-w-[200px] w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg rounded-md border border-gray-200 bg-white shadow-lg max-h-60 overflow-y-auto",children:e.map(m=>{const y=l===m.value;return T.jsx("button",{className:le("relative flex w-full cursor-pointer select-none items-center px-3 py-2 text-sm text-left outline-none transition-colors",m.disabled?"opacity-50 cursor-not-allowed text-gray-400":y?"bg-blue-50 text-blue-900 font-medium":"text-gray-900 hover:bg-gray-100"),onClick:()=>!m.disabled&&d(m.value),disabled:m.disabled,children:T.jsx("span",{className:"truncate",children:m.label})},m.value)})})]})},oU=({options:e,value:t,defaultValue:r,placeholder:n="Select...",multiSelect:a=!1,searchable:i=!1,onChange:o,className:s})=>{const[l,u]=O.useState(!1),[c,f]=O.useState(""),[d,h]=O.useState(()=>{const p=t||r;return a?Array.isArray(p)?p:p?[p]:[]:p?[Array.isArray(p)?p[0]:p]:[]}),m=O.useRef(null);O.useEffect(()=>{const p=g=>{m.current&&!m.current.contains(g.target)&&u(!1)};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[]);const y=i?e.filter(p=>p.label.toLowerCase().includes(c.toLowerCase())):e,v=p=>{let g;if(a){if(p==="all"){w();return}if(d.includes(p))g=d.filter(P=>P!==p),g=g.filter(P=>P!=="all");else{g=d.filter(R=>R!=="all"),g=[...g,p];const P=y.filter(R=>R.value!=="all").map(R=>R.value),E=g.filter(R=>R!=="all");E.length===P.length&&(g=["all",...E])}}else g=[p],u(!1);h(g);const S=a?g:g[0]||"";o==null||o(S)},b=()=>{if(!a)return{checked:!1,indeterminate:!1};const p=y.filter(S=>S.value!=="all").map(S=>S.value),g=d.filter(S=>S!=="all"&&p.includes(S));return d.includes("all")&&g.length===0?{checked:!1,indeterminate:!1}:g.length===0?{checked:!1,indeterminate:!1}:g.length===p.length?{checked:!0,indeterminate:!1}:{checked:!1,indeterminate:!0}},w=()=>{if(!a)return;const p=b(),g=y.filter(S=>S.value!=="all").map(S=>S.value);if(p.checked)h(["all"]),o==null||o(["all"]);else{const S=["all",...g];h(S),o==null||o(S)}},x=()=>{h(["all"]),o==null||o(a?["all"]:"all")},A=()=>{if(!a){if(d.length===0)return n;const P=e.find(E=>E.value===d[0]);return(P==null?void 0:P.label)||n}const p=d.filter(P=>P!=="all"),g=d.includes("all");if(p.length===0)return n;if(p.length===1){const P=e.find(E=>E.value===p[0]);return(P==null?void 0:P.label)||n}const S=e.filter(P=>P.value!=="all").length;return p.length===S?"All selected":`${p.length} selected`};return T.jsxs("div",{className:le("relative",s),ref:m,children:[T.jsxs("button",{type:"button",onClick:()=>u(!l),className:le("w-full flex items-center justify-between px-3 py-2 text-left text-sm","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:[T.jsx("span",{className:le("truncate",d.length===0&&"text-gray-500"),children:A()}),T.jsx(Pi,{className:le("w-4 h-4 text-gray-400 transition-transform duration-150",l&&"transform rotate-180")})]}),l&&T.jsxs("div",{className:"absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-md shadow-lg max-h-80 overflow-hidden",children:[i&&T.jsx("div",{className:"p-3 border-b border-gray-100",children:T.jsxs("div",{className:"relative",children:[T.jsx(vf,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"}),T.jsx("input",{type:"text",placeholder:`Search ${n.toLowerCase()}...`,value:c,onChange:p=>f(p.target.value),className:"w-full pl-10 pr-4 py-2 text-sm border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"})]})}),a&&T.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b border-gray-100 bg-gray-50",children:[T.jsxs("button",{type:"button",onClick:w,className:"flex items-center text-sm font-medium text-gray-700 hover:text-gray-900",children:[T.jsx("div",{className:le("flex items-center justify-center w-4 h-4 mr-2 border rounded transition-colors duration-150",(()=>{const p=b();return p.indeterminate||p.checked?"bg-blue-600 border-blue-600 text-white":"border-gray-300 bg-white"})()),children:(()=>{const p=b();return p.indeterminate?T.jsx("div",{className:"w-2 h-0.5 bg-white rounded"}):p.checked?T.jsx("svg",{className:"w-3 h-3",fill:"currentColor",viewBox:"0 0 20 20",children:T.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"]}),T.jsx("button",{type:"button",onClick:x,className:"text-sm font-medium text-blue-600 hover:text-blue-800",children:"Clear"})]}),T.jsx("div",{className:"max-h-60 overflow-y-auto",children:y.length===0?T.jsx("div",{className:"px-3 py-4 text-sm text-gray-500 text-center",children:"No options found"}):y.map(p=>{let g;return p.value==="all"?null:(g=d.includes(p.value),T.jsxs("div",{onClick:()=>v(p.value),className:le("flex items-center px-3 py-2 cursor-pointer hover:bg-gray-50","transition-colors duration-150",g&&"bg-blue-50"),children:[a?T.jsx("div",{className:le("flex items-center justify-center w-4 h-4 mr-3 border rounded","transition-colors duration-150",g?"bg-blue-600 border-blue-600 text-white":"border-gray-300 bg-white"),children:g&&T.jsx("svg",{className:"w-3 h-3",fill:"currentColor",viewBox:"0 0 20 20",children:T.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"})})}):T.jsx("div",{className:le("w-4 h-4 mr-3 rounded-full border-2 transition-colors duration-150",g?"border-blue-600 bg-blue-600":"border-gray-300"),children:g&&T.jsx("div",{className:"w-full h-full rounded-full bg-white scale-50"})}),p.avatar&&T.jsx("img",{src:p.avatar,alt:p.label,className:"w-6 h-6 rounded-full mr-3"}),p.icon&&!p.avatar&&T.jsx("div",{className:"w-6 h-6 mr-3 flex items-center justify-center text-sm",children:p.icon}),T.jsx("span",{className:le("flex-1 text-sm truncate",g?"font-medium text-gray-900":"text-gray-700"),children:p.label})]},p.value))})})]})]})},mb=({config:e,className:t})=>{var i;const{dropdown:r,buttons:n,toggle:a}=e;return T.jsxs("div",{className:le("flex items-center gap-3",t),children:[r&&T.jsx(T.Fragment,{children:r.multiSelect?T.jsx(oU,{options:r.options,value:r.defaultValue,placeholder:r.label,multiSelect:r.multiSelect,searchable:r.searchable,onChange:r.onChange,className:"w-40"}):T.jsx(_s,{options:r.options,value:Array.isArray(r.defaultValue)?r.defaultValue[0]:r.defaultValue||((i=r.options[0])==null?void 0:i.value),placeholder:r.label,onChange:o=>{var s;return(s=r.onChange)==null?void 0:s.call(r,o)},className:"w-40"})}),n&&n.length>0&&T.jsx("div",{className:"flex items-center border border-gray-200 rounded-lg overflow-hidden",children:n.map((o,s)=>T.jsxs("button",{onClick:()=>{var l;return(l=o.onClick)==null?void 0:l.call(o,o.value)},className:le("px-3 py-2 text-sm font-medium transition-colors","hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset",o.active?"bg-blue-50 text-blue-700 border-blue-200":"text-gray-700 bg-white",s>0&&"border-l border-gray-200"),children:[o.icon&&T.jsx("span",{className:"mr-2",children:o.icon}),o.label]},o.value))}),a&&T.jsxs("div",{className:"flex items-center border border-gray-200 rounded-lg overflow-hidden",children:[T.jsxs("button",{onClick:()=>{var o;return(o=a.onToggle)==null?void 0:o.call(a,"chart")},className:le("px-3 py-2 text-sm font-medium transition-colors flex items-center gap-2","hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset",a.chartView?"bg-blue-50 text-blue-700 border-blue-200":"text-gray-700 bg-white"),children:[T.jsx(Yb,{className:"w-4 h-4"}),"Chart"]}),T.jsxs("button",{onClick:()=>{var o;return(o=a.onToggle)==null?void 0:o.call(a,"table")},className:le("px-3 py-2 text-sm font-medium transition-colors flex items-center gap-2","hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset","border-l border-gray-200",a.tableView?"bg-blue-50 text-blue-700 border-blue-200":"text-gray-700 bg-white"),children:[T.jsx(t0,{className:"w-4 h-4"}),"Table"]})]})]})},gb=({section:e,className:t,isLoading:r,isChartLoading:n,onMetricClick:a})=>{const{id:i,title:o,description:s,metrics:l,view:u,controls:c,layout:f}=e,[d,h]=O.useState(u.type),[m,y]=O.useState("chart"),v=()=>i==="usage-analytics"?"users":i==="runs"?"agentRuns":"users",[b,w]=O.useState(v()),[x,A]=O.useState("all"),p=$=>{var I,L,z,G,Q;const C=P();(I=C==null?void 0:C.controls)!=null&&I.toggle?(y($),(z=(L=C.controls.toggle).onToggle)==null||z.call(L,$)):(h($),(Q=(G=c==null?void 0:c.toggle)==null?void 0:G.onToggle)==null||Q.call(G,$))},g=$=>{var L,z;const C=$.metricType||$.title.toLowerCase();w(C);const I=l.find(G=>(G.metricType||G.title.toLowerCase())===C);(z=(L=I==null?void 0:I.controls)==null?void 0:L.dropdown)!=null&&z.multiSelect?A(["all"]):A("all"),a==null||a($)},S=$=>{var I,L,z;A($);const C=l.find(G=>(G.metricType||G.title.toLowerCase())===b);(z=(L=(I=C==null?void 0:C.controls)==null?void 0:I.dropdown)==null?void 0:L.onChange)==null||z.call(L,$)},P=()=>l.find($=>($.metricType||$.title.toLowerCase())===b)||null,E=$=>Array.isArray($)?$.filter(I=>I!=="all").length>0:$!=="all",R=$=>Array.isArray($)?$.filter(C=>C!=="all"):$!=="all"?[$]:[],k=$=>{var z,G,Q;const C=((G=(z=$.view)==null?void 0:z.chart)==null?void 0:G.data)||((Q=u.chart)==null?void 0:Q.data)||[];if(!E(x))return C;const I=$.metricType,L=R(x);if(L.length===1){const J=L[0];if(I==="agentRuns")return C.map(ee=>({...ee,agentRuns:ee[J]||0}));if(I==="toolRuns")return C.map(ee=>({...ee,toolRuns:ee[J.replace(/[-]/g,"")]||0}));if(I==="modelRuns")return C.map(ee=>({...ee,modelRuns:ee[J.replace(/[-\.]/g,"")]||0}))}return C},M=$=>{var z;if(!((z=$.view)!=null&&z.chart))return null;const C=k($),I=()=>{var Q,J,ee,ne,q,Y;if(!E(x)||!((Q=$.controls)!=null&&Q.dropdown))return((ee=(J=$.view)==null?void 0:J.chart)==null?void 0:ee.title)||$.title;const G=R(x);if(G.length===1){const Z=(ne=$.controls.dropdown.options)==null?void 0:ne.find(N=>N.value===G[0]);return Z?`${Z.label}`:((Y=(q=$.view)==null?void 0:q.chart)==null?void 0:Y.title)||$.title}return`${G.length} selected`},L=R(x);return $.metricType==="toolRuns"&&L.length===1?{...$.view.chart,data:C,title:I(),lines:void 0,dataKey:"toolRuns",color:"#f97316",showLegend:!1}:$.metricType==="modelRuns"&&L.length===1?{...$.view.chart,data:C,title:I(),dataKey:"modelRuns",color:"#10b981",showLegend:!1}:{...$.view.chart,data:C,title:I()}},B=($,C)=>{if(!E(x))return $;const I=R(x);if(I.length===1){const L=I[0];if(i==="runs"&&C==="agentRuns")return $.map(z=>({...z,agentRuns:z[L]||0}));if(i==="runs"&&C==="toolRuns")return $.map(z=>({...z,toolRuns:z[L.replace(/[-]/g,"")]||0}));if(i==="runs"&&C==="modelRuns")return $.map(z=>({...z,modelRuns:z[L.replace(/[-\.]/g,"")]||0}))}return $},F=$=>{var z;const C=((z=u.chart)==null?void 0:z.data)||[],I=B(C,$),L=G=>{var J,ee;if(!E(x))return G;const Q=R(x);if(Q.length===1){const ne=(ee=(J=c==null?void 0:c.dropdown)==null?void 0:J.options)==null?void 0:ee.find(q=>q.value===Q[0]);return ne?`${ne.label}`:G}return`${Q.length} selected`};switch($){case"users":return{type:"line",title:"Total Users",data:C,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:C,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:C,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:C,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:L("Agent Runs"),data:I,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 R(x).length===1?{type:"line",title:L("Tool Runs"),data:B(C,"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:I,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 R(x).length===1?{type:"line",title:L("Model Runs"),data:B(C,"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:L("Model Runs"),data:I,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}},W=(()=>{const $=P();return $!=null&&$.controls?{...$.controls,dropdown:$.controls.dropdown?{...$.controls.dropdown,onChange:S}:void 0,toggle:$.controls.toggle?{...$.controls.toggle,chartView:m==="chart",tableView:m==="table",onToggle:p}:void 0}:c?{...c,dropdown:c.dropdown?{...c.dropdown,onChange:S}:void 0,toggle:c.toggle?{...c.toggle,chartView:d==="chart",tableView:d==="table",onToggle:p}:void 0}:void 0})(),D=(()=>{var I,L,z,G,Q,J,ee,ne,q,Y;const $=P();if($!=null&&$.view){if((I=$.controls)!=null&&I.toggle){if(m==="table"&&$.view.table){let N=$.view.table.data;if($.metricType==="agentRuns"&&E(x)){const ie=R(x);if(ie.length>0){const V=((G=(z=(L=$.controls)==null?void 0:L.dropdown)==null?void 0:z.options)==null?void 0:G.filter(se=>ie.includes(se.value)))||[];V.length>0&&(N=N.filter(se=>V.some(pe=>se.name===pe.label||se.name.toLowerCase().includes(pe.label.toLowerCase()))))}}if($.metricType==="toolRuns"&&E(x)){const ie=R(x);if(ie.length>0){const V=((ee=(J=(Q=$.controls)==null?void 0:Q.dropdown)==null?void 0:J.options)==null?void 0:ee.filter(se=>ie.includes(se.value)))||[];V.length>0&&(N=N.filter(se=>V.some(pe=>se.name===pe.label||se.name.toLowerCase().includes(pe.label.toLowerCase()))))}}if($.metricType==="modelRuns"&&E(x)){const ie=R(x);if(ie.length>0){const V=((Y=(q=(ne=$.controls)==null?void 0:ne.dropdown)==null?void 0:q.options)==null?void 0:Y.filter(se=>ie.includes(se.value)))||[];V.length>0&&(N=N.filter(se=>V.some(pe=>se.name===pe.label||se.name.toLowerCase().includes(pe.label.toLowerCase()))))}}return{type:"table",table:{...$.view.table,data:N}}}else if(m==="chart"&&$.view.chart)return{type:"chart",chart:M($)||$.view.chart}}const Z=M($);return Z?{...$.view,chart:Z}:$.view}const C=F(b);return C?{type:"chart",chart:C}:{...u,type:d}})(),U=()=>l.map($=>{const C=$.metricType||$.title.toLowerCase();return{...$,highlighted:$.highlighted||C===b}});return T.jsxs("div",{className:le("bg-white rounded-lg border border-gray-200 p-6",t),style:{gridColumn:f!=null&&f.span?`span ${f.span}`:void 0,order:f==null?void 0:f.order},children:[T.jsxs("div",{className:"mb-6",children:[T.jsxs("div",{className:"flex items-center justify-between mb-4",children:[T.jsxs("div",{children:[T.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:o}),s&&T.jsx("p",{className:"text-sm text-gray-600 mt-1",children:s})]}),W&&T.jsx(mb,{config:W})]}),T.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:r?T.jsxs(T.Fragment,{children:[T.jsx(vi,{}),T.jsx(vi,{}),T.jsx(vi,{}),T.jsx(vi,{})]}):U().map(($,C)=>T.jsx(Af,{data:$,onClick:g},`${i}-metric-${C}`))})]}),T.jsx(yb,{config:D,className:"mt-6",isLoading:r||n,context:{sectionId:i,metricType:b}})]})},Es=O.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-primary text-primary-foreground hover:bg-primary/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground"},l={sm:"h-9 px-3",md:"h-10 px-4 py-2",lg:"h-11 px-8"};return T.jsx("button",{className:le(o,s[t],l[r],e),ref:i,...a,children:n})});Es.displayName="Button";function $s(e){"@babel/helpers - typeof";return $s=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},$s(e)}function Pt(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 De(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function ze(e){De(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||$s(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 sU(e,t){De(2,arguments);var r=ze(e),n=Pt(t);return isNaN(n)?new Date(NaN):(n&&r.setDate(r.getDate()+n),r)}function af(e,t){De(2,arguments);var r=ze(e),n=Pt(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 lU(e,t){De(2,arguments);var r=ze(e).getTime(),n=Pt(t);return new Date(r+n)}var uU={};function yi(){return uU}function cU(e,t){var r,n,a,i,o,s;De(1,arguments);var l=yi(),u=Pt((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=ze(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 fU(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 bb(e){De(1,arguments);var t=ze(e);return t.setHours(0,0,0,0),t}function mi(e,t){De(2,arguments);var r=bb(e),n=bb(t);return r.getTime()===n.getTime()}function dU(e){return De(1,arguments),e instanceof Date||$s(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function hU(e){if(De(1,arguments),!dU(e)&&typeof e!="number")return!1;var t=ze(e);return!isNaN(Number(t))}function pU(e){De(1,arguments);var t=ze(e);return t.setDate(1),t.setHours(0,0,0,0),t}function vU(e,t){De(2,arguments);var r=Pt(t);return lU(e,-r)}var yU=864e5;function mU(e){De(1,arguments);var t=ze(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/yU)+1}function js(e){De(1,arguments);var t=1,r=ze(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 xb(e){De(1,arguments);var t=ze(e),r=t.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(r+1,0,4),n.setUTCHours(0,0,0,0);var a=js(n),i=new Date(0);i.setUTCFullYear(r,0,4),i.setUTCHours(0,0,0,0);var o=js(i);return t.getTime()>=a.getTime()?r+1:t.getTime()>=o.getTime()?r:r-1}function gU(e){De(1,arguments);var t=xb(e),r=new Date(0);r.setUTCFullYear(t,0,4),r.setUTCHours(0,0,0,0);var n=js(r);return n}var bU=6048e5;function xU(e){De(1,arguments);var t=ze(e),r=js(t).getTime()-gU(t).getTime();return Math.round(r/bU)+1}function Cs(e,t){var r,n,a,i,o,s,l,u;De(1,arguments);var c=yi(),f=Pt((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=ze(e),h=d.getUTCDay(),m=(h<f?7:0)+h-f;return d.setUTCDate(d.getUTCDate()-m),d.setUTCHours(0,0,0,0),d}function wb(e,t){var r,n,a,i,o,s,l,u;De(1,arguments);var c=ze(e),f=c.getUTCFullYear(),d=yi(),h=Pt((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 m=new Date(0);m.setUTCFullYear(f+1,0,h),m.setUTCHours(0,0,0,0);var y=Cs(m,t),v=new Date(0);v.setUTCFullYear(f,0,h),v.setUTCHours(0,0,0,0);var b=Cs(v,t);return c.getTime()>=y.getTime()?f+1:c.getTime()>=b.getTime()?f:f-1}function wU(e,t){var r,n,a,i,o,s,l,u;De(1,arguments);var c=yi(),f=Pt((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=wb(e,t),h=new Date(0);h.setUTCFullYear(d,0,f),h.setUTCHours(0,0,0,0);var m=Cs(h,t);return m}var OU=6048e5;function SU(e,t){De(1,arguments);var r=ze(e),n=Cs(r,t).getTime()-wU(r,t).getTime();return Math.round(n/OU)+1}function Pe(e,t){for(var r=e<0?"-":"",n=Math.abs(e).toString();n.length<t;)n="0"+n;return r+n}var Ar={y:function(t,r){var n=t.getUTCFullYear(),a=n>0?n:1-n;return Pe(r==="yy"?a%100:a,r.length)},M:function(t,r){var n=t.getUTCMonth();return r==="M"?String(n+1):Pe(n+1,2)},d:function(t,r){return Pe(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 Pe(t.getUTCHours()%12||12,r.length)},H:function(t,r){return Pe(t.getUTCHours(),r.length)},m:function(t,r){return Pe(t.getUTCMinutes(),r.length)},s:function(t,r){return Pe(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 Pe(i,r.length)}},Qn={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},AU={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 Ar.y(t,r)},Y:function(t,r,n,a){var i=wb(t,a),o=i>0?i:1-i;if(r==="YY"){var s=o%100;return Pe(s,2)}return r==="Yo"?n.ordinalNumber(o,{unit:"year"}):Pe(o,r.length)},R:function(t,r){var n=xb(t);return Pe(n,r.length)},u:function(t,r){var n=t.getUTCFullYear();return Pe(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 Pe(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 Pe(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 Ar.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 Pe(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=SU(t,a);return r==="wo"?n.ordinalNumber(i,{unit:"week"}):Pe(i,r.length)},I:function(t,r,n){var a=xU(t);return r==="Io"?n.ordinalNumber(a,{unit:"week"}):Pe(a,r.length)},d:function(t,r,n){return r==="do"?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):Ar.d(t,r)},D:function(t,r,n){var a=mU(t);return r==="Do"?n.ordinalNumber(a,{unit:"dayOfYear"}):Pe(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 Pe(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 Pe(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 Pe(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=Qn.noon:a===0?i=Qn.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=Qn.evening:a>=12?i=Qn.afternoon:a>=4?i=Qn.morning:i=Qn.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 Ar.h(t,r)},H:function(t,r,n){return r==="Ho"?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):Ar.H(t,r)},K:function(t,r,n){var a=t.getUTCHours()%12;return r==="Ko"?n.ordinalNumber(a,{unit:"hour"}):Pe(a,r.length)},k:function(t,r,n){var a=t.getUTCHours();return a===0&&(a=24),r==="ko"?n.ordinalNumber(a,{unit:"hour"}):Pe(a,r.length)},m:function(t,r,n){return r==="mo"?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):Ar.m(t,r)},s:function(t,r,n){return r==="so"?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):Ar.s(t,r)},S:function(t,r){return Ar.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 Sb(o);case"XXXX":case"XX":return Vr(o);case"XXXXX":case"XXX":default:return Vr(o,":")}},x:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();switch(r){case"x":return Sb(o);case"xxxx":case"xx":return Vr(o);case"xxxxx":case"xxx":default:return Vr(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"+Ob(o,":");case"OOOO":default:return"GMT"+Vr(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"+Ob(o,":");case"zzzz":default:return"GMT"+Vr(o,":")}},t:function(t,r,n,a){var i=a._originalDate||t,o=Math.floor(i.getTime()/1e3);return Pe(o,r.length)},T:function(t,r,n,a){var i=a._originalDate||t,o=i.getTime();return Pe(o,r.length)}};function Ob(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+Pe(i,2)}function Sb(e,t){if(e%60===0){var r=e>0?"-":"+";return r+Pe(Math.abs(e)/60,2)}return Vr(e,t)}function Vr(e,t){var r=t||"",n=e>0?"-":"+",a=Math.abs(e),i=Pe(Math.floor(a/60),2),o=Pe(a%60,2);return n+i+r+o}var Ab=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"})}},Tb=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"})}},TU=function(t,r){var n=t.match(/(P+)(p+)?/)||[],a=n[1],i=n[2];if(!i)return Ab(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}}",Ab(a,r)).replace("{{time}}",Tb(i,r))},PU={p:Tb,P:TU},_U=["D","DD"],EU=["YY","YYYY"];function $U(e){return _U.indexOf(e)!==-1}function jU(e){return EU.indexOf(e)!==-1}function Pb(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 CU={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"}},MU=function(t,r,n){var a,i=CU[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 of(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 kU={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},NU={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},DU={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},IU={date:of({formats:kU,defaultWidth:"full"}),time:of({formats:NU,defaultWidth:"full"}),dateTime:of({formats:DU,defaultWidth:"full"})},RU={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},LU=function(t,r,n,a){return RU[t]};function gi(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 BU={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},FU={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},WU={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"]},UU={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"]},zU={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"}},KU={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"}},qU=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"},GU={ordinalNumber:qU,era:gi({values:BU,defaultWidth:"wide"}),quarter:gi({values:FU,defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:gi({values:WU,defaultWidth:"wide"}),day:gi({values:UU,defaultWidth:"wide"}),dayPeriod:gi({values:zU,defaultWidth:"wide",formattingValues:KU,defaultFormattingWidth:"wide"})};function bi(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)?HU(s,function(f){return f.test(o)}):VU(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 VU(e,t){for(var r in e)if(e.hasOwnProperty(r)&&t(e[r]))return r}function HU(e,t){for(var r=0;r<e.length;r++)if(t(e[r]))return r}function YU(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 XU=/^(\d+)(th|st|nd|rd)?/i,JU=/\d+/i,ZU={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},QU={any:[/^b/i,/^(a|c)/i]},e8={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},t8={any:[/1/i,/2/i,/3/i,/4/i]},r8={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},n8={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]},a8={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},i8={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]},o8={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},s8={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}},l8={ordinalNumber:YU({matchPattern:XU,parsePattern:JU,valueCallback:function(t){return parseInt(t,10)}}),era:bi({matchPatterns:ZU,defaultMatchWidth:"wide",parsePatterns:QU,defaultParseWidth:"any"}),quarter:bi({matchPatterns:e8,defaultMatchWidth:"wide",parsePatterns:t8,defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:bi({matchPatterns:r8,defaultMatchWidth:"wide",parsePatterns:n8,defaultParseWidth:"any"}),day:bi({matchPatterns:a8,defaultMatchWidth:"wide",parsePatterns:i8,defaultParseWidth:"any"}),dayPeriod:bi({matchPatterns:o8,defaultMatchWidth:"any",parsePatterns:s8,defaultParseWidth:"any"})},u8={code:"en-US",formatDistance:MU,formatLong:IU,formatRelative:LU,localize:GU,match:l8,options:{weekStartsOn:0,firstWeekContainsDate:1}},c8=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,f8=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,d8=/^'([^]*?)'?$/,h8=/''/g,p8=/[a-zA-Z]/;function Ms(e,t,r){var n,a,i,o,s,l,u,c,f,d,h,m,y,v;De(2,arguments);var b=String(t),w=yi(),x=(n=(a=void 0)!==null&&a!==void 0?a:w.locale)!==null&&n!==void 0?n:u8,A=Pt((i=(o=(s=(l=void 0)!==null&&l!==void 0?l:void 0)!==null&&s!==void 0?s:w.firstWeekContainsDate)!==null&&o!==void 0?o:(u=w.locale)===null||u===void 0||(c=u.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&i!==void 0?i:1);if(!(A>=1&&A<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var p=Pt((f=(d=(h=(m=void 0)!==null&&m!==void 0?m:void 0)!==null&&h!==void 0?h:w.weekStartsOn)!==null&&d!==void 0?d:(y=w.locale)===null||y===void 0||(v=y.options)===null||v===void 0?void 0:v.weekStartsOn)!==null&&f!==void 0?f:0);if(!(p>=0&&p<=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 g=ze(e);if(!hU(g))throw new RangeError("Invalid time value");var S=fU(g),P=vU(g,S),E={firstWeekContainsDate:A,weekStartsOn:p,locale:x,_originalDate:g},R=b.match(f8).map(function(k){var M=k[0];if(M==="p"||M==="P"){var B=PU[M];return B(k,x.formatLong)}return k}).join("").match(c8).map(function(k){if(k==="''")return"'";var M=k[0];if(M==="'")return v8(k);var B=AU[M];if(B)return jU(k)&&Pb(k,t,String(e)),$U(k)&&Pb(k,t,String(e)),B(P,k,x.localize,E);if(M.match(p8))throw new RangeError("Format string contains an unescaped latin alphabet character `"+M+"`");return k}).join("");return R}function v8(e){var t=e.match(d8);return t?t[1].replace(h8,"'"):e}function _b(e,t){De(2,arguments);var r=ze(e),n=ze(t);return r.getTime()<n.getTime()}function y8(e,t){De(2,arguments);var r=ze(e).getTime(),n=ze(t.start).getTime(),a=ze(t.end).getTime();if(!(n<=a))throw new RangeError("Invalid interval");return r>=n&&r<=a}function ks(e,t){De(2,arguments);var r=Pt(t);return sU(e,-r)}function Eb(e,t){De(2,arguments);var r=Pt(t);return af(e,-r)}const $b=({children:e})=>{const[t,r]=O.useState(!1);return O.useEffect(()=>(r(!0),()=>r(!1)),[]),t?Xr.createPortal(e,document.body):null};function jb({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:new Date,to:new Date}},{label:"Yesterday",value:"yesterday",dateRange:{from:ks(new Date,1),to:ks(new Date,1)}},{label:"This week",value:"thisWeek",dateRange:{from:cU(new Date),to:new Date}},{label:"Last 7 days",value:"7d",dateRange:{from:ks(new Date,6),to:new Date}},{label:"This month",value:"thisMonth",dateRange:{from:pU(new Date),to:new Date}},{label:"Last 30 days",value:"30d",dateRange:{from:ks(new Date,29),to:new Date}},{label:"Last 3 months",value:"90d",dateRange:{from:Eb(new Date,3),to:new Date}}],a=t?n.find(_=>_.value===t):null;console.log("📅 DateRangePicker initialization:",{defaultValue:t,defaultPreset:a==null?void 0:a.label,hasDateRange:!!(a!=null&&a.dateRange),allPresetValues:n.map(_=>_.value),foundPreset:!!a});const[i,o]=O.useState(a==null?void 0:a.dateRange),[s,l]=O.useState(a==null?void 0:a.dateRange),[u,c]=O.useState(!1),[f,d]=O.useState((a==null?void 0:a.label)||null),[h,m]=O.useState((a==null?void 0:a.label)||null),[y,v]=O.useState(new Date),[b,w]=O.useState(null),[x,A]=O.useState({top:0,left:0}),p=O.useRef(null),g=O.useRef(null);O.useEffect(()=>{var _,D;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:(_=a.dateRange.from)==null?void 0:_.toLocaleDateString(),to:(D=a.dateRange.to)==null?void 0:D.toLocaleDateString()}),r(a.dateRange)):console.log("📅 DateRangePicker: NOT setting initial value because:",{hasDefaultPreset:!!a,hasDateRange:!!(a!=null&&a.dateRange),hasCallback:!!r,presetLabelsAvailable:n.map(U=>`${U.value}:${U.label}`)})},[]),O.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),m(a.label))},[t]);const S=()=>{if(!g.current)return;const _=g.current.getBoundingClientRect(),D=window.scrollY,U=window.scrollX,$=window.innerWidth,C=window.innerHeight,I=720,L=450;let z=_.bottom+D+8,G=_.left+U;G+I>$&&(G=_.right+U-I),G+I>$&&(G=$-I-20),z+L>C&&(z=_.top+D-L-8),G<20&&(G=20),z<20&&(z=20),A({top:z,left:G})};O.useEffect(()=>{const _=()=>{u&&S()};return u&&(window.addEventListener("resize",_),window.addEventListener("scroll",_)),()=>{window.removeEventListener("resize",_),window.removeEventListener("scroll",_)}},[u]);const P=(_,D)=>{if(l(_),m(D),w(null),_.from){const U=new Date(_.from.getFullYear(),_.from.getMonth(),1);v(U)}},E=_=>{if(!b)w(_),l({from:_,to:_}),m(null);else{const D=_b(_,b)?_:b,U=_b(_,b)?b:_;l({from:D,to:U}),w(null),m(null)}},R=()=>{o(s),d(h),r==null||r(s),c(!1),w(null)},k=()=>{l(void 0),m(null),o(void 0),d(null),r==null||r(void 0),c(!1),w(null)},M=_=>{_?(l(i),m(f),w(null),setTimeout(S,0)):(l(i),m(f),w(null)),c(_)},B=(_,D)=>(console.log("📅 formatDateRange called with:",{presetLabel:D,hasDateRange:!!(_!=null&&_.from)}),D||(_!=null&&_.from?!_.to||mi(_.from,_.to)?Ms(_.from,"MMM dd, yyyy"):`${Ms(_.from,"MMM dd, yyyy")} - ${Ms(_.to,"MMM dd, yyyy")}`:"Pick a date range")),F=(_=0)=>{const D=af(y,_),U=D.getFullYear(),$=D.getMonth(),C=new Date(U,$,1),L=new Date(U,$+1,0).getDate(),z=C.getDay(),G=["January","February","March","April","May","June","July","August","September","October","November","December"],Q=["Su","Mo","Tu","We","Th","Fr","Sa"],J=[],ne=new Date(U,$-1,0).getDate();for(let Z=z-1;Z>=0;Z--){const N=ne-Z,ie=new Date(U,$-1,N);J.push(T.jsx("button",{onClick:()=>E(ie),className:"h-8 w-8 text-xs text-gray-400 hover:bg-gray-100 rounded flex items-center justify-center",children:N},`prev-${N}`))}for(let Z=1;Z<=L;Z++){const N=new Date(U,$,Z),ie=mi(N,new Date),V=(s==null?void 0:s.from)&&(s==null?void 0:s.to)&&y8(N,{start:s.from,end:s.to}),se=(s==null?void 0:s.from)&&mi(N,s.from),pe=(s==null?void 0:s.to)&&mi(N,s.to),Le=b&&mi(N,b);let et="h-8 w-8 text-xs hover:bg-gray-100 rounded flex items-center justify-center transition-colors ";ie&&(et+="font-semibold "),Le||se||pe?et+="bg-blue-500 text-white hover:bg-blue-600 ":V&&(et+="bg-blue-100 text-blue-900 "),J.push(T.jsx("button",{onClick:()=>E(N),className:et,children:Z},`current-${Z}`))}const Y=Math.ceil((z+L)/7)*7-z-L;for(let Z=1;Z<=Y;Z++){const N=new Date(U,$+1,Z);J.push(T.jsx("button",{onClick:()=>E(N),className:"h-8 w-8 text-xs text-gray-400 hover:bg-gray-100 rounded flex items-center justify-center",children:Z},`next-${Z}`))}return T.jsxs("div",{className:"p-3",children:[T.jsxs("div",{className:"flex items-center justify-between mb-3",children:[_===0&&T.jsx("button",{onClick:()=>v(Eb(y,1)),className:"p-1 hover:bg-gray-100 rounded",children:T.jsx(Xb,{className:"h-4 w-4"})}),T.jsxs("div",{className:"font-medium text-sm",children:[G[$]," ",U]}),_===1&&T.jsx("button",{onClick:()=>v(af(y,1)),className:"p-1 hover:bg-gray-100 rounded",children:T.jsx(Jb,{className:"h-4 w-4"})})]}),T.jsx("div",{className:"grid grid-cols-7 gap-1 mb-2",children:Q.map(Z=>T.jsx("div",{className:"h-8 flex items-center justify-center text-xs font-medium text-gray-500",children:Z},Z))}),T.jsx("div",{className:"grid grid-cols-7 gap-1",children:J})]})},W=()=>"fixed bg-white border border-gray-200 rounded-lg shadow-xl z-[99999]";return T.jsxs("div",{className:`relative ${e}`,children:[T.jsxs("button",{ref:g,onClick:()=>M(!u),className:`min-w-[200px] px-3 py-2 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:[T.jsx(hf,{className:"mr-2 h-4 w-4"}),(()=>{const _=B(i,f);return console.log("📅 Button display text:",{displayText:_,date:i,selectedPresetLabel:f}),_})()]}),u&&T.jsxs($b,{children:[T.jsx("div",{className:"fixed inset-0 z-[99998] bg-black bg-opacity-10",onClick:()=>M(!1)}),T.jsxs("div",{ref:p,className:W(),style:{top:x.top,left:x.left,width:"720px",minWidth:"720px",maxHeight:"90vh"},onClick:_=>_.stopPropagation(),children:[T.jsxs("div",{className:"flex",children:[T.jsxs("div",{className:"flex flex-col gap-1 p-3 border-r border-gray-200 w-[160px] flex-shrink-0",children:[T.jsx("div",{className:"text-sm font-medium text-gray-500 mb-2",children:"Presets"}),n.map(_=>T.jsx("button",{onClick:()=>P(_.dateRange,_.label),className:`text-left px-2 py-1.5 text-sm rounded hover:bg-gray-100 transition-colors ${h===_.label?"bg-gray-100":""}`,children:_.label},_.label))]}),T.jsxs("div",{className:"flex flex-1",children:[F(0),F(1)]})]}),T.jsxs("div",{className:"border-t border-gray-200 p-3 flex justify-end gap-2",children:[T.jsx("button",{onClick:k,className:"px-3 py-1.5 text-sm border border-gray-300 rounded hover:bg-gray-50 transition-colors",children:"Clear"}),T.jsx("button",{onClick:R,disabled:!(s!=null&&s.from),className:"px-3 py-1.5 text-sm bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:"Apply"})]})]})]})]})}class Cb{constructor(t=""){Rt(this,"API_PATH","/tracing/api/trpc/metrics.getMetrics");Rt(this,"baseUrl","");Rt(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 Mb{constructor(t){Rt(this,"endpointsService");Rt(this,"defaultHeaders");Rt(this,"timeout");this.endpointsService=new Cb(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 ea{constructor(t){Rt(this,"apiInvoker");Rt(this,"projectId");Rt(this,"environment");Rt(this,"defaultTimeRange");const r={baseUrl:t.baseUrl,defaultHeaders:t.headers,timeout:3e4};this.apiInvoker=new Mb(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||ea.getDateRange(30)}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=[]){const a={projectId:this.projectId,type:"cards",category:"usage-analytics",envId:this.environment,fromTimestamp:t,toTimestamp:r,filter:n,includeTrends:!0};return(await this.apiInvoker.invoke("usage-analytics.cards",a)).result.data.json}async fetchRunsCards(t,r,n=[]){const a={projectId:this.projectId,type:"cards",category:"runs",envId:this.environment,fromTimestamp:t,toTimestamp:r,filter:n,includeTrends:!0};return(await this.apiInvoker.invoke("runs.cards",a)).result.data.json}async fetchTimeSeriesData(t,r,n,a,i="day",o=[]){const s=`${r}.${t}.timeseries`,l={projectId:this.projectId,type:"time-series",category:r,envId:this.environment,fromTimestamp:n,toTimestamp:a,filter:o,metric:t,timeDimension:i};return(await this.apiInvoker.invoke(s,l)).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",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",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:`Input: ${t.data.messages.input}, Output: ${t.data.messages.output}`,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:`Input: ${t.data.tokens.input}, Output: ${t.data.tokens.output}`,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",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:`Code: ${t.data.toolRuns.codeTools}, Library: ${t.data.toolRuns.libraryTools}, Knowledge: ${t.data.toolRuns.knowledgeTools}, MCP: ${t.data.toolRuns.mcpTools}`,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",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?`${Math.round(r.avgResponseTime)}s`:"0s",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`}}):(console.warn("Invalid listView data for agents:",t),[])}transformToolsListViewToTable(t){if(!Array.isArray(t))return console.warn("Invalid listView data for tools:",t),[];const r=a=>{const i=a.toLowerCase();return i.includes("calculate")||i.includes("compute")?"Code Tool":i.includes("workflow")||i.includes("process")?"Workflow Tool":i.includes("mcp")||i.includes("protocol")?"MCP Tool":i.includes("knowledge")||i.includes("search")||i.includes("fetch")?"Knowledge":"Code Tool"},n=a=>{const i=a.toLowerCase(),o={calculate:"🎯",risk:"⭐",mortgage:"🔵",analyse:"⚡",fetch:"💜",workflow:"🔄",search:"🔍",compute:"⚙️"};for(const[s,l]of Object.entries(o))if(i.includes(s))return l;return"🔧"};return t.map((a,i)=>({id:`tool-${i+1}`,name:a.toolName||`Tool ${i+1}`,type:a.type||r(a.toolName||""),runs:a.count||0,responseTime:a.avgResponseTime?`${Math.round(a.avgResponseTime)}s`:"0s",tokens:a.tokens||Math.floor((a.count||0)*50),successRate:a.successRate?`${Math.round(a.successRate)}%`:"92%",lastRun:a.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:n(a.toolName||"")}))}transformModelsListViewToTable(t){if(!Array.isArray(t))return console.warn("Invalid listView data for models:",t),[];const r=n=>{const a=n.toLowerCase();return a.includes("gpt")||a.includes("openai")?"⚡":a.includes("claude")||a.includes("anthropic")?"A":a.includes("gemini")||a.includes("google")?"G":a.includes("llama")||a.includes("meta")?"M":"🤖"};return t.map((n,a)=>({id:`model-${a+1}`,name:n.modelName||`Model ${a+1}`,runs:n.count||0,responseTime:n.avgResponseTime?`${Math.round(n.avgResponseTime)}s`:"0s",tokens:n.tokens||Math.floor((n.count||0)*300),successRate:n.successRate?`${Math.round(n.successRate)}%`:"98%",lastRun:n.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:r(n.modelName||"")}))}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"}],n=a=>{const i=a.toLowerCase(),o={calculate:"🎯",risk:"⭐",mortgage:"🔵",analyse:"⚡",fetch:"💜",workflow:"🔄",search:"🔍"};for(const[s,l]of Object.entries(o))if(i.includes(s))return l;return"🔧"};return t.forEach(a=>{a.toolName&&r.push({label:a.toolName,value:a.toolName.replace(/[-]/g,""),icon:n(a.toolName)})}),r}extractModelControlOptions(t){if(!Array.isArray(t))return[{label:"All Models",value:"all"}];const r=[{label:"All Models",value:"all"}],n=a=>{const i=a.toLowerCase();return i.includes("gpt")||i.includes("openai")?"⚡":i.includes("claude")||i.includes("anthropic")?"A":i.includes("gemini")||i.includes("google")?"G":i.includes("llama")||i.includes("meta")?"M":"🤖"};return t.forEach(a=>{a.modelName&&r.push({label:a.modelName,value:a.modelName.replace(/[-\.]/g,""),icon:n(a.modelName)})}),r}async fetchTimeSeriesDataWithTableData(t,r,n,a,i="day",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="day",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="day",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 agent executions",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:"#06b6d4",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:`Code: ${t.data.toolRuns.codeTools}, Library: ${t.data.toolRuns.libraryTools}, Knowledge: ${t.data.toolRuns.knowledgeTools}, MCP: ${t.data.toolRuns.mcpTools}`,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:"#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: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 model inferences",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:"#10b981",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="day",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:"Total number of unique users",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:"#8b5cf6",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:"Total number of user sessions",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:"#06b6d4",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:`Input: ${t.data.messages.input}, Output: ${t.data.messages.output}`,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:"#e879f9",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:`Input: ${t.data.tokens.input}, Output: ${t.data.tokens.output}`,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:"#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: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,u=Math.floor(l*.3+Math.random()*(l*.1)),c=Math.floor(l*.25+Math.random()*(l*.1)),f=Math.floor(l*.2+Math.random()*(l*.1)),d=Math.floor(l*.15+Math.random()*(l*.1)),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,n),this.fetchRunsCards(t,r,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="day",a=[]){try{const[i,o]=await Promise.all([this.fetchUsageAnalyticsCards(t,r,a),this.fetchRunsCards(t,r,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="day",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}}static getDateRange(t=30){const r=new Date,n=new Date;return n.setDate(r.getDate()-t),{fromTimestamp:n.toISOString(),toTimestamp:r.toISOString()}}getAvailableMetrics(){return{"usage-analytics":["sessions","messages","users","tokens"],runs:["agent-runs","model-runs","tool-runs"]}}}const m8=({config:e,appConfig:t,className:r,onExport:n,onDraftChange:a,onTimeRangeChange:i})=>{var W;const{title:o,subtitle:s,sections:l,globalControls:u,layout:c={columns:12,gap:24,responsive:!0}}=e,[f,d]=O.useState(!1),[h,m]=O.useState(!1),[y,v]=O.useState(null),[b,w]=O.useState(l),[x,A]=O.useState([]),[p,g]=O.useState(!1),S=O.useRef(null);O.useEffect(()=>{if(t)try{S.current=new ea(t),P(),E()}catch(_){console.error("Failed to initialize API service:",_),v("Failed to initialize API service")}},[t]);const P=async()=>{if(!(!S.current||!t)){g(!0);try{const _=await S.current.fetchEnvironments();A(_),console.log("🌍 Environments loaded:",_.map(D=>D.envName))}catch(_){console.error("Error loading environments:",_)}finally{g(!1)}}},E=async()=>{if(!(!S.current||!t)){d(!0),v(null);try{const _=S.current.getDefaultTimeRange();console.log("📊 Loading dashboard data with date range:",{fromTimestamp:_.fromTimestamp,toTimestamp:_.toTimestamp,fromDate:new Date(_.fromTimestamp).toLocaleDateString(),toDate:new Date(_.toTimestamp).toLocaleDateString()});const D=await S.current.fetchAllCardsDataWithEnhancedViews(_.fromTimestamp,_.toTimestamp,"day");console.log("✅ Enhanced cards data loaded successfully:",D),console.log("📈 Data covers period:",{from:new Date(_.fromTimestamp).toLocaleDateString(),to:new Date(_.toTimestamp).toLocaleDateString()});const U=l.map($=>$.id==="usage-analytics"?(console.log("Updating usage-analytics section with enhanced data"),{...$,metrics:D.usageAnalytics}):$.id==="runs"?(console.log("Updating runs section with enhanced data including table and controls"),{...$,metrics:D.runs}):$);w(U)}catch(_){console.error("Error loading initial data:",_),v("Failed to load dashboard data"),w(l)}finally{d(!1)}}},R=async(_,D)=>{if(!(!S.current||!t||!D.metricType)){w(U=>U.map($=>$.id===_?{...$,metrics:$.metrics.map(C=>({...C,highlighted:C.metricType===D.metricType}))}:$)),m(!0);try{const U=t.defaultTimeRange||ea.getDateRange(30);let $,C;if(["users","sessions","messages","tokens"].includes(D.metricType))$="usage-analytics",C=D.metricType;else if(["agentRuns","toolRuns","modelRuns"].includes(D.metricType))$="runs",C=D.metricType==="agentRuns"?"agent-runs":D.metricType==="toolRuns"?"tool-runs":"model-runs";else return;const I=await S.current.fetchTimeSeriesData(C,$,U.fromTimestamp,U.toTimestamp),L=S.current.transformTimeSeriesDataForMetric(I,D.metricType);console.log("Time series response for",D.title,":",I),console.log("Transformed data for",D.title,":",L),console.log("Metric type used for transformation:",D.metricType);const G=(Q=>({users:"users",sessions:"sessions",messages:"messages",tokens:"totalTokens",agentRuns:"agentRuns",toolRuns:"toolRuns",modelRuns:"modelRuns"})[Q]||"count")(D.metricType||"count");console.log("Using dataKey for metric",D.metricType,":",G),w(Q=>Q.map(J=>{if(J.id===_){const ee={...J,view:{...J.view,chart:J.view.chart?{...J.view.chart,data:L,dataKey:G,lines:[{dataKey:G,color:J.view.chart.color||"#3b82f6",label:D.title,strokeWidth:2}]}:{type:"line",data:L,dataKey:G,lines:[{dataKey:G,color:"#3b82f6",label:D.title,strokeWidth:2}],yAxisLabel:D.title}}};return console.log("Updated section for",_,":",ee),console.log("Chart config set:",ee.view.chart),ee}return J}))}catch(U){console.error("Error loading metric data:",U),v(`Failed to load ${D.title} data`)}finally{m(!1)}}},k=_=>{var D,U;if((U=(D=u==null?void 0:u.draft)==null?void 0:D.onChange)==null||U.call(D,_),a==null||a(_),t&&S.current){const $={...t,environment:_};S.current.updateConfig($),E()}},M=_=>{var D,U;if(console.log("🗓️ Time range change requested:",_),typeof _=="string"&&((U=(D=u==null?void 0:u.timeRange)==null?void 0:D.onChange)==null||U.call(D,_)),i==null||i(_),t&&S.current){let $=null;if(typeof _=="object"&&_.from&&_.to)$={fromTimestamp:_.from.toISOString(),toTimestamp:_.to.toISOString()},console.log("📅 Converting DateRange to API format:",$);else if(typeof _=="string"){const I={"24h":1,"7d":7,"30d":30,"90d":90}[_];I&&($=ea.getDateRange(I),console.log(`📅 Converting preset "${_}" (${I} days) to API format:`,$))}if($){const C={...t,defaultTimeRange:$};console.log("🔄 Updating API configuration with new date range:",C.defaultTimeRange),S.current.updateConfig(C),console.log("🚀 Reloading dashboard data with new date range..."),E()}else console.warn("⚠️ Unable to convert time range value to API format:",_)}},B=(_="csv")=>{var D,U;(U=(D=u==null?void 0:u.export)==null?void 0:D.onExport)==null||U.call(D,_),n==null||n()},F=()=>{t&&S.current&&E()};return T.jsxs("div",{className:le("mx-auto p-6",r),children:[T.jsx("div",{className:"mb-8",children:T.jsxs("div",{className:"flex items-center justify-between",children:[T.jsxs("div",{children:[T.jsx("h1",{className:"text-3xl font-bold text-gray-900",children:o}),s&&T.jsx("p",{className:"text-gray-600 mt-2",children:s}),y&&T.jsx("p",{className:"text-red-600 mt-2 text-sm",children:y})]}),T.jsxs("div",{className:"flex items-center gap-3",children:[t&&T.jsxs(Es,{variant:"outline",onClick:F,disabled:f||h,className:"gap-2",children:[T.jsx(e0,{className:le("h-4 w-4",(f||h)&&"animate-spin")}),"Refresh"]}),u&&T.jsxs(T.Fragment,{children:[u.draft&&T.jsx(_s,{options:x.length>0?x.map(_=>({label:_.envName.charAt(0).toUpperCase()+_.envName.slice(1),value:_.envName})):u.draft.options,value:u.draft.defaultValue,placeholder:p?"Loading environments...":u.draft.label,onChange:k,className:"min-w-[200px]",disabled:f||h||p}),u.timeRange&&(u.timeRange.useDatePicker?(console.log("🗓️ Dashboard: Rendering DateRangePicker with defaultValue:",u.timeRange.defaultValue),T.jsx(jb,{defaultValue:u.timeRange.defaultValue,onDateRangeChange:_=>{console.log("🗓️ Dashboard: DateRangePicker callback received:",_),_&&M(_)}})):T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx(hf,{className:"h-4 w-4 text-gray-500"}),T.jsx(_s,{options:u.timeRange.options||[],value:u.timeRange.defaultValue,placeholder:u.timeRange.label,onChange:M,className:"min-w-[200px]",disabled:f||h})]})),((W=u.export)==null?void 0:W.enabled)&&T.jsxs(Es,{variant:"outline",onClick:()=>B(),className:"gap-2",disabled:f||h,children:[T.jsx(Zb,{className:"h-4 w-4"}),"Export"]})]})]})]})}),T.jsx("div",{className:le("grid gap-6",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:b.map(_=>{var D,U,$,C;return T.jsx(gb,{section:_,isLoading:f,isChartLoading:h,onMetricClick:I=>R(_.id,I),className:le(c.responsive&&((D=_.layout)==null?void 0:D.span)===12&&"lg:col-span-12",c.responsive&&((U=_.layout)==null?void 0:U.span)===6&&"lg:col-span-6",c.responsive&&(($=_.layout)==null?void 0:$.span)===4&&"lg:col-span-4",c.responsive&&((C=_.layout)==null?void 0:C.span)===3&&"lg:col-span-3")},_.id)})})]})},Ns=["Portfolio Analysis Expert","Mortgage Evaluator","Credit Risk Specialist","Asset Valuation Analyst","Liability Assessment Advisor"],Ds=["calculate-creditScore","calculate-risk","calculate-mortgage","analyse-expenses","fetch-statement"],Is=["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"],g8=(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),m=Math.floor(d*8+Math.random()*300),y=Math.floor(h*.3+Math.random()*100),v=Math.floor(h*.25+Math.random()*80),b=Math.floor(h*.2+Math.random()*60),w=Math.floor(h*.15+Math.random()*50),x={};Ns.forEach(g=>{const S=g.replace(/\s+/g,"").toLowerCase(),P=Math.floor(d/Ns.length);x[S]=Math.floor(P+Math.random()*(P*.5))});const A={};Ds.forEach(g=>{const S=g.replace(/[-]/g,""),P=Math.floor(h/Ds.length);A[S]=Math.floor(P+Math.random()*(P*.8))});const p={};Is.forEach(g=>{const S=g.replace(/[-\.]/g,""),P=Math.floor(m/Is.length);p[S]=Math.floor(P+Math.random()*(P*.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:m,codeTools:y,workflowTools:v,knowledgeTools:b,mcpTools:w,...x,...A,...p,value:o})}return t},b8=()=>{const e=[];return Ns.forEach((t,r)=>{e.push({id:`agent-${r+1}`,name:t,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=${t.replace(/\s+/g,"")}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`})}),e},x8=()=>{const e=t=>t.includes("calculate-creditscore")?"Code Tool":t.includes("calculate-risk")?"Workflow Tool":t.includes("calculate-mortgage")?"MCP Tool":t.includes("analyse-expenses")?"Workflow Tool":t.includes("fetch-statement")?"Knowledge":"Code Tool";return Ds.map((t,r)=>({id:`tool-${r+1}`,name:t,type:e(t),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()}))},w8=()=>Is.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()})),Hr=g8(),O8=b8(),S8=x8(),A8=w8(),T8={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:Hr,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:Hr,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:Hr,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:Hr,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:Hr,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:O8,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"},...Ns.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:Hr,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:S8,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"},...Ds.map(e=>{const t=r=>({"calculate-creditscore":"🎯","calculate-risk":"⭐","calculate-mortgage":"🔵","analyse-expenses":"⚡","fetch-statement":"💜"})[r]||"🔧";return{label:e,value:e.replace(/[-]/g,""),icon:t(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:Hr,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:A8,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"},...Is.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}}]},Gt={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"]}},P8={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"}},_8={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"}},E8={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"}},kb=(e,t)=>e.primary[t%e.primary.length],xi=(e,t)=>e.semantic[t],$8=(e,t)=>{var r;return((r=e.gradients)==null?void 0:r[t])||[e.primary[0],e.primary[1]]},Nb=(e,t=Gt)=>e.map((r,n)=>({...r,color:kb(t,n)})),Rs=((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),m=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:m,value:o})}return t})(),j8={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:Rs,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:Rs,lines:Nb([{dataKey:"agentRuns",label:"Agent Runs"},{dataKey:"toolRuns",label:"Tool Runs"},{dataKey:"modelRuns",label:"Model Runs"},{dataKey:"totalTokens",label:"Total Tokens"}],Gt),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:Rs,lines:[{dataKey:"users",color:xi(Gt,"success"),label:"Successful Operations",strokeWidth:3},{dataKey:"sessions",color:xi(Gt,"warning"),label:"Warning Events",strokeWidth:2},{dataKey:"messages",color:xi(Gt,"error"),label:"Error Events",strokeWidth:2},{dataKey:"totalTokens",color:xi(Gt,"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:Rs,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}}]},C8={manualColors:{line1:"#8b5cf6",line2:"#06b6d4",line3:"#f97316",line4:"#10b981"},paletteColors:Gt.primary,semanticColors:Gt.semantic,gradientColors:Gt.gradients},M8={baseUrl:"http://dev.kore.ai",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()-30*24*60*60*1e3).toISOString(),toTimestamp:new Date().toISOString()},refreshInterval:3e4},k8={id:"agentic-analytics-dashboard",title:"Dashboard",subtitle:"Monitor and review the usage of your agentic app.",sections:[{id:"usage-analytics",title:"Sessions",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:"Runs",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"},{label:"Last 90 days",value:"90d"}],defaultValue:"30d"},export:{enabled:!1,formats:["csv","json"],onExport:e=>{console.log(`Exporting in ${e} format`)}}},layout:{columns:12,gap:24,responsive:!0}},N8=`
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function rb(e,t){if(e){if(typeof e=="string")return rf(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 rf(e,t)}}function FW(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function WW(e){if(Array.isArray(e))return rf(e)}function rf(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 nb(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 K(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?nb(Object(r),!0).forEach(function(n){ae(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):nb(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function ae(e,t,r){return t=ab(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ab(e){var t=UW(e,"string");return Xn(t)=="symbol"?t:t+""}function UW(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 zW={xAxis:["bottom","top"],yAxis:["left","right"]},KW={width:"100%",height:"100%"},ib={x:0,y:0};function Ts(e){return e}var qW=function(t,r){return r==="horizontal"?t.x:r==="vertical"?t.y:r==="centric"?t.angle:t.radius},GW=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 K(K(K({},a),Ze(a.cx,a.cy,s,o)),{},{angle:o,radius:s})}var l=i.coordinate,u=a.angle;return K(K(K({},a),Ze(a.cx,a.cy,l,u)),{},{angle:u,radius:l})}return ib},Ps=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(Zn(s),Zn(u)):s},[]);return o.length>0?o:t&&t.length&&X(a)&&X(i)?t.slice(a,i+1):[]};function ob(e){return e==="number"?[0,"auto"]:void 0}var nf=function(t,r,n,a){var i=t.graphicalItems,o=t.tooltipAxis,s=Ps(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=Mi(h,o.dataKey,a)}else d=f&&f[n]||s[n];return d?[].concat(Zn(l),[dy(u,d)]):l},[])},sb=function(t,r,n,a){var i=a||{x:t.chartX,y:t.chartY},o=qW(i,n),s=t.orderedTooltipTicks,l=t.tooltipAxis,u=t.tooltipTicks,c=_I(o,s,u,l);if(c>=0&&u){var f=u[c]&&u[c].value,d=nf(t,r,c,f),h=GW(n,s,c,i);return{activeTooltipIndex:c,activeLabel:f,activePayload:d,activeCoordinate:h}}return null},VW=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=ay(c,i);return n.reduce(function(m,y){var v,b=y.type.defaultProps!==void 0?K(K({},y.type.defaultProps),y.props):y.props,w=b.type,x=b.dataKey,A=b.allowDataOverflow,p=b.allowDuplicatedCategory,g=b.scale,S=b.ticks,P=b.includeHidden,E=b[o];if(m[E])return m;var R=Ps(t.data,{graphicalItems:a.filter(function(L){var z,G=o in L.props?L.props[o]:(z=L.type.defaultProps)===null||z===void 0?void 0:z[o];return G===E}),dataStartIndex:l,dataEndIndex:u}),k=R.length,M,B,F;bW(b.domain,A,w)&&(M=Gu(b.domain,null,A),h&&(w==="number"||g!=="auto")&&(F=Fa(R,x,"category")));var W=ob(w);if(!M||M.length===0){var _,D=(_=b.domain)!==null&&_!==void 0?_:W;if(x){if(M=Fa(R,x,w),w==="category"&&h){var U=hO(M);p&&U?(B=M,M=Jo(0,k)):p||(M=fy(D,M,y).reduce(function(L,z){return L.indexOf(z)>=0?L:[].concat(Zn(L),[z])},[]))}else if(w==="category")p?M=M.filter(function(L){return L!==""&&!ce(L)}):M=fy(D,M,y).reduce(function(L,z){return L.indexOf(z)>=0||z===""||ce(z)?L:[].concat(Zn(L),[z])},[]);else if(w==="number"){var $=MI(R,a.filter(function(L){var z,G,Q=o in L.props?L.props[o]:(z=L.type.defaultProps)===null||z===void 0?void 0:z[o],J="hide"in L.props?L.props.hide:(G=L.type.defaultProps)===null||G===void 0?void 0:G.hide;return Q===E&&(P||!J)}),x,i,c);$&&(M=$)}h&&(w==="number"||g!=="auto")&&(F=Fa(R,x,"category"))}else h?M=Jo(0,k):s&&s[E]&&s[E].hasStack&&w==="number"?M=d==="expand"?[0,1]:ly(s[E].stackGroups,l,u):M=ny(R,a.filter(function(L){var z=o in L.props?L.props[o]:L.type.defaultProps[o],G="hide"in L.props?L.props.hide:L.type.defaultProps.hide;return z===E&&(P||!G)}),w,c,!0);if(w==="number")M=Jc(f,M,E,i,S),D&&(M=Gu(D,M,A));else if(w==="category"&&D){var C=D,I=M.every(function(L){return C.indexOf(L)>=0});I&&(M=C)}}return K(K({},m),{},ae({},E,K(K({},b),{},{axisType:i,domain:M,categoricalDomain:F,duplicateDomain:B,originalDomain:(v=b.domain)!==null&&v!==void 0?v:W,isCategorical:h,layout:c})))},{})},HW=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=Ps(t.data,{graphicalItems:n,dataStartIndex:l,dataEndIndex:u}),h=d.length,m=ay(c,i),y=-1;return n.reduce(function(v,b){var w=b.type.defaultProps!==void 0?K(K({},b.type.defaultProps),b.props):b.props,x=w[o],A=ob("number");if(!v[x]){y++;var p;return m?p=Jo(0,h):s&&s[x]&&s[x].hasStack?(p=ly(s[x].stackGroups,l,u),p=Jc(f,p,x,i)):(p=Gu(A,ny(d,n.filter(function(g){var S,P,E=o in g.props?g.props[o]:(S=g.type.defaultProps)===null||S===void 0?void 0:S[o],R="hide"in g.props?g.props.hide:(P=g.type.defaultProps)===null||P===void 0?void 0:P.hide;return E===x&&!R}),"number",c),a.defaultProps.allowDataOverflow),p=Jc(f,p,x,i)),K(K({},v),{},ae({},x,K(K({axisType:i},a.defaultProps),{},{hide:!0,orientation:gt(zW,"".concat(i,".").concat(y%2),null),domain:p,originalDomain:A,isCategorical:m,layout:c})))}return v},{})},YW=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=st(c,i),h={};return d&&d.length?h=VW(t,{axes:d,graphicalItems:o,axisType:a,axisIdKey:f,stackGroups:s,dataStartIndex:l,dataEndIndex:u}):o&&o.length&&(h=HW(t,{Axis:i,graphicalItems:o,axisType:a,axisIdKey:f,stackGroups:s,dataStartIndex:l,dataEndIndex:u})),h},XW=function(t){var r=fr(t),n=or(r,!1,!0);return{tooltipTicks:n,orderedTooltipTicks:Bl(n,function(a){return a.coordinate}),tooltipAxis:r,tooltipAxisBandSize:No(r,n)}},lb=function(t){var r=t.children,n=t.defaultShowTooltip,a=dt(r,Mn),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}},JW=function(t){return!t||!t.length?!1:t.some(function(r){var n=Xt(r&&r.type);return n&&n.indexOf("Bar")>=0})},ub=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"}},ZW=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=dt(f,Mn),m=dt(f,hn),y=Object.keys(l).reduce(function(p,g){var S=l[g],P=S.orientation;return!S.mirror&&!S.hide?K(K({},p),{},ae({},P,p[P]+S.width)):p},{left:d.left||0,right:d.right||0}),v=Object.keys(o).reduce(function(p,g){var S=o[g],P=S.orientation;return!S.mirror&&!S.hide?K(K({},p),{},ae({},P,gt(p,"".concat(P))+S.height)):p},{top:d.top||0,bottom:d.bottom||0}),b=K(K({},v),y),w=b.bottom;h&&(b.bottom+=h.props.height||Mn.defaultProps.height),m&&r&&(b=jI(b,a,n,r));var x=u-b.left-b.right,A=c-b.top-b.bottom;return K(K({brushBottom:w},b),{},{width:Math.max(x,0),height:Math.max(A,0)})},QW=function(t,r){if(r==="xAxis")return t[r].width;if(r==="yAxis")return t[r].height},eU=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,w){var x=w.graphicalItems,A=w.stackGroups,p=w.offset,g=w.updateId,S=w.dataStartIndex,P=w.dataEndIndex,E=b.barSize,R=b.layout,k=b.barGap,M=b.barCategoryGap,B=b.maxBarSize,F=ub(R),W=F.numericAxisName,_=F.cateAxisName,D=JW(x),U=[];return x.forEach(function($,C){var I=Ps(b.data,{graphicalItems:[$],dataStartIndex:S,dataEndIndex:P}),L=$.type.defaultProps!==void 0?K(K({},$.type.defaultProps),$.props):$.props,z=L.dataKey,G=L.maxBarSize,Q=L["".concat(W,"Id")],J=L["".concat(_,"Id")],ee={},ne=l.reduce(function(sr,yt){var wi,Oi,ra=w["".concat(yt.axisType,"Map")],Si=L["".concat(yt.axisType,"Id")];ra&&ra[Si]||yt.axisType==="zAxis"||(process.env.NODE_ENV!=="production"?ut(!1,"Specifying a(n) ".concat(yt.axisType,"Id requires a corresponding ").concat(yt.axisType,"Id on the targeted graphical component ").concat((wi=$==null||(Oi=$.type)===null||Oi===void 0?void 0:Oi.displayName)!==null&&wi!==void 0?wi:"")):ut());var Ai=ra[Si];return K(K({},sr),{},ae(ae({},yt.axisType,Ai),"".concat(yt.axisType,"Ticks"),or(Ai)))},ee),q=ne[_],Y=ne["".concat(_,"Ticks")],Z=A&&A[Q]&&A[Q].hasStack&&KI($,A[Q].stackGroups),N=Xt($.type).indexOf("Bar")>=0,ie=No(q,Y),V=[],se=D&&EI({barSize:E,stackGroups:A,totalSize:QW(ne,_)});if(N){var pe,Le,et=ce(G)?B:G,It=(pe=(Le=No(q,Y,!0))!==null&&Le!==void 0?Le:et)!==null&&pe!==void 0?pe:0;V=$I({barGap:k,barCategoryGap:M,bandSize:It!==ie?It:ie,sizeList:se[J],maxBarSize:et}),It!==ie&&(V=V.map(function(sr){return K(K({},sr),{},{position:K(K({},sr.position),{},{offset:sr.position.offset-It/2})})}))}var ta=$&&$.type&&$.type.getComposedData;ta&&U.push({props:K(K({},ta(K(K({},ne),{},{displayedData:I,props:b,dataKey:z,item:$,bandSize:ie,barPosition:V,offset:p,stackedData:Z,layout:R,dataStartIndex:S,dataEndIndex:P}))),{},ae(ae(ae({key:$.key||"item-".concat(C)},W,ne[W]),_,ne[_]),"animationId",g)),childIndex:PO($,b.children),item:$})}),U},h=function(b,w){var x=b.props,A=b.dataStartIndex,p=b.dataEndIndex,g=b.updateId;if(!Xf({props:x}))return null;var S=x.children,P=x.layout,E=x.stackOffset,R=x.data,k=x.reverseStackOrder,M=ub(P),B=M.numericAxisName,F=M.cateAxisName,W=st(S,n),_=WI(R,W,"".concat(B,"Id"),"".concat(F,"Id"),E,k),D=l.reduce(function(L,z){var G="".concat(z.axisType,"Map");return K(K({},L),{},ae({},G,YW(x,K(K({},z),{},{graphicalItems:W,stackGroups:z.axisType===B&&_,dataStartIndex:A,dataEndIndex:p}))))},{}),U=ZW(K(K({},D),{},{props:x,graphicalItems:W}),w==null?void 0:w.legendBBox);Object.keys(D).forEach(function(L){D[L]=c(x,D[L],U,L.replace("Map",""),r)});var $=D["".concat(F,"Map")],C=XW($),I=d(x,K(K({},D),{},{dataStartIndex:A,dataEndIndex:p,updateId:g,graphicalItems:W,stackGroups:_,offset:U}));return K(K({formattedGraphicalItems:I,graphicalItems:W,offset:U,stackGroups:_},C),D)},m=function(v){function b(w){var x,A,p;return MW(this,b),p=DW(this,b,[w]),ae(p,"eventEmitterSymbol",Symbol("rechartsEventEmitter")),ae(p,"accessibilityManager",new gW),ae(p,"handleLegendBBoxUpdate",function(g){if(g){var S=p.state,P=S.dataStartIndex,E=S.dataEndIndex,R=S.updateId;p.setState(K({legendBBox:g},h({props:p.props,dataStartIndex:P,dataEndIndex:E,updateId:R},K(K({},p.state),{},{legendBBox:g}))))}}),ae(p,"handleReceiveSyncEvent",function(g,S,P){if(p.props.syncId===g){if(P===p.eventEmitterSymbol&&typeof p.props.syncMethod!="function")return;p.applySyncEvent(S)}}),ae(p,"handleBrushChange",function(g){var S=g.startIndex,P=g.endIndex;if(S!==p.state.dataStartIndex||P!==p.state.dataEndIndex){var E=p.state.updateId;p.setState(function(){return K({dataStartIndex:S,dataEndIndex:P},h({props:p.props,dataStartIndex:S,dataEndIndex:P,updateId:E},p.state))}),p.triggerSyncEvent({dataStartIndex:S,dataEndIndex:P})}}),ae(p,"handleMouseEnter",function(g){var S=p.getMouseInfo(g);if(S){var P=K(K({},S),{},{isTooltipActive:!0});p.setState(P),p.triggerSyncEvent(P);var E=p.props.onMouseEnter;de(E)&&E(P,g)}}),ae(p,"triggeredAfterMouseMove",function(g){var S=p.getMouseInfo(g),P=S?K(K({},S),{},{isTooltipActive:!0}):{isTooltipActive:!1};p.setState(P),p.triggerSyncEvent(P);var E=p.props.onMouseMove;de(E)&&E(P,g)}),ae(p,"handleItemMouseEnter",function(g){p.setState(function(){return{isTooltipActive:!0,activeItem:g,activePayload:g.tooltipPayload,activeCoordinate:g.tooltipPosition||{x:g.cx,y:g.cy}}})}),ae(p,"handleItemMouseLeave",function(){p.setState(function(){return{isTooltipActive:!1}})}),ae(p,"handleMouseMove",function(g){g.persist(),p.throttleTriggeredAfterMouseMove(g)}),ae(p,"handleMouseLeave",function(g){p.throttleTriggeredAfterMouseMove.cancel();var S={isTooltipActive:!1};p.setState(S),p.triggerSyncEvent(S);var P=p.props.onMouseLeave;de(P)&&P(S,g)}),ae(p,"handleOuterEvent",function(g){var S=TO(g),P=gt(p.props,"".concat(S));if(S&&de(P)){var E,R;/.*touch.*/i.test(S)?R=p.getMouseInfo(g.changedTouches[0]):R=p.getMouseInfo(g),P((E=R)!==null&&E!==void 0?E:{},g)}}),ae(p,"handleClick",function(g){var S=p.getMouseInfo(g);if(S){var P=K(K({},S),{},{isTooltipActive:!0});p.setState(P),p.triggerSyncEvent(P);var E=p.props.onClick;de(E)&&E(P,g)}}),ae(p,"handleMouseDown",function(g){var S=p.props.onMouseDown;if(de(S)){var P=p.getMouseInfo(g);S(P,g)}}),ae(p,"handleMouseUp",function(g){var S=p.props.onMouseUp;if(de(S)){var P=p.getMouseInfo(g);S(P,g)}}),ae(p,"handleTouchMove",function(g){g.changedTouches!=null&&g.changedTouches.length>0&&p.throttleTriggeredAfterMouseMove(g.changedTouches[0])}),ae(p,"handleTouchStart",function(g){g.changedTouches!=null&&g.changedTouches.length>0&&p.handleMouseDown(g.changedTouches[0])}),ae(p,"handleTouchEnd",function(g){g.changedTouches!=null&&g.changedTouches.length>0&&p.handleMouseUp(g.changedTouches[0])}),ae(p,"handleDoubleClick",function(g){var S=p.props.onDoubleClick;if(de(S)){var P=p.getMouseInfo(g);S(P,g)}}),ae(p,"handleContextMenu",function(g){var S=p.props.onContextMenu;if(de(S)){var P=p.getMouseInfo(g);S(P,g)}}),ae(p,"triggerSyncEvent",function(g){p.props.syncId!==void 0&&Zc.emit(Qc,p.props.syncId,g,p.eventEmitterSymbol)}),ae(p,"applySyncEvent",function(g){var S=p.props,P=S.layout,E=S.syncMethod,R=p.state.updateId,k=g.dataStartIndex,M=g.dataEndIndex;if(g.dataStartIndex!==void 0||g.dataEndIndex!==void 0)p.setState(K({dataStartIndex:k,dataEndIndex:M},h({props:p.props,dataStartIndex:k,dataEndIndex:M,updateId:R},p.state)));else if(g.activeTooltipIndex!==void 0){var B=g.chartX,F=g.chartY,W=g.activeTooltipIndex,_=p.state,D=_.offset,U=_.tooltipTicks;if(!D)return;if(typeof E=="function")W=E(U,g);else if(E==="value"){W=-1;for(var $=0;$<U.length;$++)if(U[$].value===g.activeLabel){W=$;break}}var C=K(K({},D),{},{x:D.left,y:D.top}),I=Math.min(B,C.x+C.width),L=Math.min(F,C.y+C.height),z=U[W]&&U[W].value,G=nf(p.state,p.props.data,W),Q=U[W]?{x:P==="horizontal"?U[W].coordinate:I,y:P==="horizontal"?L:U[W].coordinate}:ib;p.setState(K(K({},g),{},{activeLabel:z,activeCoordinate:Q,activePayload:G,activeTooltipIndex:W}))}else p.setState(g)}),ae(p,"renderCursor",function(g){var S,P=p.state,E=P.isTooltipActive,R=P.activeCoordinate,k=P.activePayload,M=P.offset,B=P.activeTooltipIndex,F=P.tooltipAxisBandSize,W=p.getTooltipEventType(),_=(S=g.props.active)!==null&&S!==void 0?S:E,D=p.props.layout,U=g.key||"_recharts-cursor";return O.createElement(TW,{key:U,activeCoordinate:R,activePayload:k,activeTooltipIndex:B,chartName:r,element:g,isActive:_,layout:D,offset:M,tooltipAxisBandSize:F,tooltipEventType:W})}),ae(p,"renderPolarAxis",function(g,S,P){var E=gt(g,"type.axisType"),R=gt(p.state,"".concat(E,"Map")),k=g.type.defaultProps,M=k!==void 0?K(K({},k),g.props):g.props,B=R&&R[M["".concat(E,"Id")]];return O.cloneElement(g,K(K({},B),{},{className:ve(E,B.className),key:g.key||"".concat(S,"-").concat(P),ticks:or(B,!0)}))}),ae(p,"renderPolarGrid",function(g){var S=g.props,P=S.radialLines,E=S.polarAngles,R=S.polarRadius,k=p.state,M=k.radiusAxisMap,B=k.angleAxisMap,F=fr(M),W=fr(B),_=W.cx,D=W.cy,U=W.innerRadius,$=W.outerRadius;return O.cloneElement(g,{polarAngles:Array.isArray(E)?E:or(W,!0).map(function(C){return C.coordinate}),polarRadius:Array.isArray(R)?R:or(F,!0).map(function(C){return C.coordinate}),cx:_,cy:D,innerRadius:U,outerRadius:$,key:g.key||"polar-grid",radialLines:P})}),ae(p,"renderLegend",function(){var g=p.state.formattedGraphicalItems,S=p.props,P=S.children,E=S.width,R=S.height,k=p.props.margin||{},M=E-(k.left||0)-(k.right||0),B=Qv({children:P,formattedGraphicalItems:g,legendWidth:M,legendContent:u});if(!B)return null;var F=B.item,W=eb(B,PW);return O.cloneElement(F,K(K({},W),{},{chartWidth:E,chartHeight:R,margin:k,onBBoxUpdate:p.handleLegendBBoxUpdate}))}),ae(p,"renderTooltip",function(){var g,S=p.props,P=S.children,E=S.accessibilityLayer,R=dt(P,Bt);if(!R)return null;var k=p.state,M=k.isTooltipActive,B=k.activeCoordinate,F=k.activePayload,W=k.activeLabel,_=k.offset,D=(g=R.props.active)!==null&&g!==void 0?g:M;return O.cloneElement(R,{viewBox:K(K({},_),{},{x:_.left,y:_.top}),active:D,label:W,payload:D?F:[],coordinate:B,accessibilityLayer:E})}),ae(p,"renderBrush",function(g){var S=p.props,P=S.margin,E=S.data,R=p.state,k=R.offset,M=R.dataStartIndex,B=R.dataEndIndex,F=R.updateId;return O.cloneElement(g,{key:g.key||"_recharts-brush",onChange:ko(p.handleBrushChange,g.props.onChange),data:E,x:X(g.props.x)?g.props.x:k.left,y:X(g.props.y)?g.props.y:k.top+k.height+k.brushBottom-(P.bottom||0),width:X(g.props.width)?g.props.width:k.width,startIndex:M,endIndex:B,updateId:"brush-".concat(F)})}),ae(p,"renderReferenceElement",function(g,S,P){if(!g)return null;var E=p,R=E.clipPathId,k=p.state,M=k.xAxisMap,B=k.yAxisMap,F=k.offset,W=g.type.defaultProps||{},_=g.props,D=_.xAxisId,U=D===void 0?W.xAxisId:D,$=_.yAxisId,C=$===void 0?W.yAxisId:$;return O.cloneElement(g,{key:g.key||"".concat(S,"-").concat(P),xAxis:M[U],yAxis:B[C],viewBox:{x:F.left,y:F.top,width:F.width,height:F.height},clipPathId:R})}),ae(p,"renderActivePoints",function(g){var S=g.item,P=g.activePoint,E=g.basePoint,R=g.childIndex,k=g.isRange,M=[],B=S.props.key,F=S.item.type.defaultProps!==void 0?K(K({},S.item.type.defaultProps),S.item.props):S.item.props,W=F.activeDot,_=F.dataKey,D=K(K({index:R,dataKey:_,cx:P.x,cy:P.y,r:4,fill:Ku(S.item),strokeWidth:2,stroke:"#fff",payload:P.payload,value:P.value},fe(W,!1)),ki(W));return M.push(b.renderActiveDot(W,D,"".concat(B,"-activePoint-").concat(R))),E?M.push(b.renderActiveDot(W,K(K({},D),{},{cx:E.x,cy:E.y}),"".concat(B,"-basePoint-").concat(R))):k&&M.push(null),M}),ae(p,"renderGraphicChild",function(g,S,P){var E=p.filterFormatItem(g,S,P);if(!E)return null;var R=p.getTooltipEventType(),k=p.state,M=k.isTooltipActive,B=k.tooltipAxis,F=k.activeTooltipIndex,W=k.activeLabel,_=p.props.children,D=dt(_,Bt),U=E.props,$=U.points,C=U.isRange,I=U.baseLine,L=E.item.type.defaultProps!==void 0?K(K({},E.item.type.defaultProps),E.item.props):E.item.props,z=L.activeDot,G=L.hide,Q=L.activeBar,J=L.activeShape,ee=!!(!G&&M&&D&&(z||Q||J)),ne={};R!=="axis"&&D&&D.props.trigger==="click"?ne={onClick:ko(p.handleItemMouseEnter,g.props.onClick)}:R!=="axis"&&(ne={onMouseLeave:ko(p.handleItemMouseLeave,g.props.onMouseLeave),onMouseEnter:ko(p.handleItemMouseEnter,g.props.onMouseEnter)});var q=O.cloneElement(g,K(K({},E.props),ne));function Y(yt){return typeof B.dataKey=="function"?B.dataKey(yt.payload):null}if(ee)if(F>=0){var Z,N;if(B.dataKey&&!B.allowDuplicatedCategory){var ie=typeof B.dataKey=="function"?Y:"payload.".concat(B.dataKey.toString());Z=Mi($,ie,W),N=C&&I&&Mi(I,ie,W)}else Z=$==null?void 0:$[F],N=C&&I&&I[F];if(J||Q){var V=g.props.activeIndex!==void 0?g.props.activeIndex:F;return[O.cloneElement(g,K(K(K({},E.props),ne),{},{activeIndex:V})),null,null]}if(!ce(Z))return[q].concat(Zn(p.renderActivePoints({item:E,activePoint:Z,basePoint:N,childIndex:F,isRange:C})))}else{var se,pe=(se=p.getItemByXY(p.state.activeCoordinate))!==null&&se!==void 0?se:{graphicalItem:q},Le=pe.graphicalItem,et=Le.item,It=et===void 0?g:et,ta=Le.childIndex,sr=K(K(K({},E.props),ne),{},{activeIndex:ta});return[O.cloneElement(It,sr),null,null]}return C?[q,null,null]:[q,null]}),ae(p,"renderCustomized",function(g,S,P){return O.cloneElement(g,K(K({key:"recharts-customized-".concat(P)},p.props),p.state))}),ae(p,"renderMap",{CartesianGrid:{handler:Ts,once:!0},ReferenceArea:{handler:p.renderReferenceElement},ReferenceLine:{handler:Ts},ReferenceDot:{handler:p.renderReferenceElement},XAxis:{handler:Ts},YAxis:{handler:Ts},Brush:{handler:p.renderBrush,once:!0},Bar:{handler:p.renderGraphicChild},Line:{handler:p.renderGraphicChild},Area:{handler:p.renderGraphicChild},Radar:{handler:p.renderGraphicChild},RadialBar:{handler:p.renderGraphicChild},Scatter:{handler:p.renderGraphicChild},Pie:{handler:p.renderGraphicChild},Funnel:{handler:p.renderGraphicChild},Tooltip:{handler:p.renderCursor,once:!0},PolarGrid:{handler:p.renderPolarGrid,once:!0},PolarAngleAxis:{handler:p.renderPolarAxis},PolarRadiusAxis:{handler:p.renderPolarAxis},Customized:{handler:p.renderCustomized}}),p.clipPathId="".concat((x=w.id)!==null&&x!==void 0?x:Er("recharts"),"-clip"),p.throttleTriggeredAfterMouseMove=Xh(p.triggeredAfterMouseMove,(A=w.throttleDelay)!==null&&A!==void 0?A:1e3/60),p.state={},p}return LW(b,v),NW(b,[{key:"componentDidMount",value:function(){var x,A;this.addListener(),this.accessibilityManager.setDetails({container:this.container,offset:{left:(x=this.props.margin.left)!==null&&x!==void 0?x:0,top:(A=this.props.margin.top)!==null&&A!==void 0?A:0},coordinateList:this.state.tooltipTicks,mouseHandlerCallback:this.triggeredAfterMouseMove,layout:this.props.layout}),this.displayDefaultTooltip()}},{key:"displayDefaultTooltip",value:function(){var x=this.props,A=x.children,p=x.data,g=x.height,S=x.layout,P=dt(A,Bt);if(P){var E=P.props.defaultIndex;if(!(typeof E!="number"||E<0||E>this.state.tooltipTicks.length-1)){var R=this.state.tooltipTicks[E]&&this.state.tooltipTicks[E].value,k=nf(this.state,p,E,R),M=this.state.tooltipTicks[E].coordinate,B=(this.state.offset.top+g)/2,F=S==="horizontal",W=F?{x:M,y:B}:{y:M,x:B},_=this.state.formattedGraphicalItems.find(function(U){var $=U.item;return $.type.name==="Scatter"});_&&(W=K(K({},W),_.props.points[E].tooltipPosition),k=_.props.points[E].tooltipPayload);var D={activeTooltipIndex:E,isTooltipActive:!0,activeLabel:R,activePayload:k,activeCoordinate:W};this.setState(D),this.renderCursor(P),this.accessibilityManager.setIndex(E)}}}},{key:"getSnapshotBeforeUpdate",value:function(x,A){if(!this.props.accessibilityLayer)return null;if(this.state.tooltipTicks!==A.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 p,g;this.accessibilityManager.setDetails({offset:{left:(p=this.props.margin.left)!==null&&p!==void 0?p:0,top:(g=this.props.margin.top)!==null&&g!==void 0?g:0}})}return null}},{key:"componentDidUpdate",value:function(x){al([dt(x.children,Bt)],[dt(this.props.children,Bt)])||this.displayDefaultTooltip()}},{key:"componentWillUnmount",value:function(){this.removeListener(),this.throttleTriggeredAfterMouseMove.cancel()}},{key:"getTooltipEventType",value:function(){var x=dt(this.props.children,Bt);if(x&&typeof x.props.shared=="boolean"){var A=x.props.shared?"axis":"item";return s.indexOf(A)>=0?A:i}return i}},{key:"getMouseInfo",value:function(x){if(!this.container)return null;var A=this.container,p=A.getBoundingClientRect(),g=ek(p),S={chartX:Math.round(x.pageX-g.left),chartY:Math.round(x.pageY-g.top)},P=p.width/A.offsetWidth||1,E=this.inRange(S.chartX,S.chartY,P);if(!E)return null;var R=this.state,k=R.xAxisMap,M=R.yAxisMap,B=this.getTooltipEventType(),F=sb(this.state,this.props.data,this.props.layout,E);if(B!=="axis"&&k&&M){var W=fr(k).scale,_=fr(M).scale,D=W&&W.invert?W.invert(S.chartX):null,U=_&&_.invert?_.invert(S.chartY):null;return K(K({},S),{},{xValue:D,yValue:U},F)}return F?K(K({},S),F):null}},{key:"inRange",value:function(x,A){var p=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,g=this.props.layout,S=x/p,P=A/p;if(g==="horizontal"||g==="vertical"){var E=this.state.offset,R=S>=E.left&&S<=E.left+E.width&&P>=E.top&&P<=E.top+E.height;return R?{x:S,y:P}:null}var k=this.state,M=k.angleAxisMap,B=k.radiusAxisMap;if(M&&B){var F=fr(M);return vy({x:S,y:P},F)}return null}},{key:"parseEventsOfWrapper",value:function(){var x=this.props.children,A=this.getTooltipEventType(),p=dt(x,Bt),g={};p&&A==="axis"&&(p.props.trigger==="click"?g={onClick:this.handleClick}:g={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 S=ki(this.props,this.handleOuterEvent);return K(K({},S),g)}},{key:"addListener",value:function(){Zc.on(Qc,this.handleReceiveSyncEvent)}},{key:"removeListener",value:function(){Zc.removeListener(Qc,this.handleReceiveSyncEvent)}},{key:"filterFormatItem",value:function(x,A,p){for(var g=this.state.formattedGraphicalItems,S=0,P=g.length;S<P;S++){var E=g[S];if(E.item===x||E.props.key===x.key||A===Xt(E.item.type)&&p===E.childIndex)return E}return null}},{key:"renderClipPath",value:function(){var x=this.clipPathId,A=this.state.offset,p=A.left,g=A.top,S=A.height,P=A.width;return O.createElement("defs",null,O.createElement("clipPath",{id:x},O.createElement("rect",{x:p,y:g,height:S,width:P})))}},{key:"getXScales",value:function(){var x=this.state.xAxisMap;return x?Object.entries(x).reduce(function(A,p){var g=Qg(p,2),S=g[0],P=g[1];return K(K({},A),{},ae({},S,P.scale))},{}):null}},{key:"getYScales",value:function(){var x=this.state.yAxisMap;return x?Object.entries(x).reduce(function(A,p){var g=Qg(p,2),S=g[0],P=g[1];return K(K({},A),{},ae({},S,P.scale))},{}):null}},{key:"getXScaleByAxisId",value:function(x){var A;return(A=this.state.xAxisMap)===null||A===void 0||(A=A[x])===null||A===void 0?void 0:A.scale}},{key:"getYScaleByAxisId",value:function(x){var A;return(A=this.state.yAxisMap)===null||A===void 0||(A=A[x])===null||A===void 0?void 0:A.scale}},{key:"getItemByXY",value:function(x){var A=this.state,p=A.formattedGraphicalItems,g=A.activeItem;if(p&&p.length)for(var S=0,P=p.length;S<P;S++){var E=p[S],R=E.props,k=E.item,M=k.type.defaultProps!==void 0?K(K({},k.type.defaultProps),k.props):k.props,B=Xt(k.type);if(B==="Bar"){var F=(R.data||[]).find(function(U){return F3(x,U)});if(F)return{graphicalItem:E,payload:F}}else if(B==="RadialBar"){var W=(R.data||[]).find(function(U){return vy(x,U)});if(W)return{graphicalItem:E,payload:W}}else if(Yo(E,g)||Xo(E,g)||ai(E,g)){var _=UB({graphicalItem:E,activeTooltipItem:g,itemData:M.data}),D=M.activeIndex===void 0?_:M.activeIndex;return{graphicalItem:K(K({},E),{},{childIndex:D}),payload:ai(E,g)?M.data[_]:E.props.data[_]}}}return null}},{key:"render",value:function(){var x=this;if(!Xf(this))return null;var A=this.props,p=A.children,g=A.className,S=A.width,P=A.height,E=A.style,R=A.compact,k=A.title,M=A.desc,B=eb(A,_W),F=fe(B,!1);if(R)return O.createElement(Jm,{state:this.state,width:this.props.width,height:this.props.height,clipPathId:this.clipPathId},O.createElement(ol,Jn({},F,{width:S,height:P,title:k,desc:M}),this.renderClipPath(),Qf(p,this.renderMap)));if(this.props.accessibilityLayer){var W,_;F.tabIndex=(W=this.props.tabIndex)!==null&&W!==void 0?W:0,F.role=(_=this.props.role)!==null&&_!==void 0?_:"application",F.onKeyDown=function(U){x.accessibilityManager.keyboardEvent(U)},F.onFocus=function(){x.accessibilityManager.focus()}}var D=this.parseEventsOfWrapper();return O.createElement(Jm,{state:this.state,width:this.props.width,height:this.props.height,clipPathId:this.clipPathId},O.createElement("div",Jn({className:ve("recharts-wrapper",g),style:K({position:"relative",cursor:"default",width:S,height:P},E)},D,{ref:function($){x.container=$}}),O.createElement(ol,Jn({},F,{width:S,height:P,title:k,desc:M,style:KW}),this.renderClipPath(),Qf(p,this.renderMap)),this.renderLegend(),this.renderTooltip()))}}])}(O.Component);ae(m,"displayName",r),ae(m,"defaultProps",K({layout:"horizontal",stackOffset:"none",barCategoryGap:"10%",barGap:4,margin:{top:5,right:5,bottom:5,left:5},reverseStackOrder:!1,syncMethod:"index"},f)),ae(m,"getDerivedStateFromProps",function(v,b){var w=v.dataKey,x=v.data,A=v.children,p=v.width,g=v.height,S=v.layout,P=v.stackOffset,E=v.margin,R=b.dataStartIndex,k=b.dataEndIndex;if(b.updateId===void 0){var M=lb(v);return K(K(K({},M),{},{updateId:0},h(K(K({props:v},M),{},{updateId:0}),b)),{},{prevDataKey:w,prevData:x,prevWidth:p,prevHeight:g,prevLayout:S,prevStackOffset:P,prevMargin:E,prevChildren:A})}if(w!==b.prevDataKey||x!==b.prevData||p!==b.prevWidth||g!==b.prevHeight||S!==b.prevLayout||P!==b.prevStackOffset||!on(E,b.prevMargin)){var B=lb(v),F={chartX:b.chartX,chartY:b.chartY,isTooltipActive:b.isTooltipActive},W=K(K({},sb(b,x,S)),{},{updateId:b.updateId+1}),_=K(K(K({},B),F),W);return K(K(K({},_),h(K({props:v},_),b)),{},{prevDataKey:w,prevData:x,prevWidth:p,prevHeight:g,prevLayout:S,prevStackOffset:P,prevMargin:E,prevChildren:A})}if(!al(A,b.prevChildren)){var D,U,$,C,I=dt(A,Mn),L=I&&(D=(U=I.props)===null||U===void 0?void 0:U.startIndex)!==null&&D!==void 0?D:R,z=I&&($=(C=I.props)===null||C===void 0?void 0:C.endIndex)!==null&&$!==void 0?$:k,G=L!==R||z!==k,Q=!ce(x),J=Q&&!G?b.updateId:b.updateId+1;return K(K({updateId:J},h(K(K({props:v},b),{},{updateId:J,dataStartIndex:L,dataEndIndex:z}),b)),{},{prevChildren:A,dataStartIndex:L,dataEndIndex:z})}return null}),ae(m,"renderActiveDot",function(v,b,w){var x;return O.isValidElement(v)?x=O.cloneElement(v,b):de(v)?x=v(b):x=O.createElement(Go,b),O.createElement(be,{className:"recharts-active-dot",key:w},x)});var y=O.forwardRef(function(b,w){return O.createElement(m,Jn({},b,{ref:w}))});return y.displayName=m.displayName,y},tU=eU({chartName:"ComposedChart",GraphicalChild:[ci,Or,Dn,gs],axisComponents:[{axisType:"xAxis",AxisComp:xs},{axisType:"yAxis",AxisComp:Os},{axisType:"zAxis",AxisComp:ys}],formatAxisMap:h6});const Dt=({className:e,width:t,height:r,rounded:n=!1})=>T.jsx("div",{className:le("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}}),vi=({className:e})=>T.jsxs("div",{className:le("rounded-lg border border-gray-200 bg-white p-4",e),children:[T.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[T.jsx(Dt,{className:"h-4 w-16"}),T.jsx(Dt,{className:"h-4 w-4",rounded:!0})]}),T.jsxs("div",{className:"flex items-baseline gap-3",children:[T.jsx(Dt,{className:"h-8 w-20"}),T.jsx(Dt,{className:"h-6 w-12 rounded-md"})]})]}),cb=({className:e})=>T.jsx("div",{className:le("w-full",e),children:T.jsxs("div",{className:"relative bg-gray-50/30 p-6",children:[T.jsxs("div",{className:"relative h-[300px] mb-4",children:[T.jsx("div",{className:"absolute left-0 top-0 h-full flex flex-col justify-between items-end pr-2",children:[...Array(6)].map((t,r)=>T.jsx(Dt,{className:"h-3 w-8"},r))}),T.jsxs("div",{className:"ml-12 h-full relative overflow-hidden px-0 py-2",children:[[...Array(6)].map((t,r)=>T.jsx("div",{className:"absolute w-full border-t border-gray-100",style:{top:`${r*20}%`}},r)),T.jsx("div",{className:"absolute inset-0 flex justify-between items-stretch",children:[...Array(7)].map((t,r)=>T.jsx("div",{className:"w-0 h-full border-l border-gray-100"},r))}),T.jsx("div",{className:"absolute inset-0 flex items-end justify-between px-4 pb-4",children:[...Array(7)].map((t,r)=>T.jsx(Dt,{className:"w-8 bg-blue-100",height:Math.random()*180+40},r))})]}),T.jsx("div",{className:"ml-12 flex justify-between items-center mt-2",children:[...Array(7)].map((t,r)=>T.jsx(Dt,{className:"h-3 w-3"},r))})]}),T.jsxs("div",{className:"flex items-center justify-between px-0 py-1",children:[T.jsx(Dt,{className:"h-3 w-48"}),T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx(Dt,{className:"h-3 w-3",rounded:!0}),T.jsx(Dt,{className:"h-3 w-16"})]})]})]})}),rU=({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 T.jsxs("div",{className:le("rounded-lg border px-3 py-2 text-sm shadow-lg",i?"bg-gray-900 border-gray-700 text-white":"bg-white border-gray-200 text-gray-900"),children:[T.jsx("div",{className:le("font-medium mb-1",i?"text-gray-300":"text-gray-600"),children:new Date(r||"").toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}),T.jsx("div",{className:"space-y-1",children:a.map((s,l)=>T.jsxs("div",{className:"flex items-center justify-between gap-4",children:[T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:s.color}}),T.jsx("span",{className:le("text-sm",i?"text-gray-300":"text-gray-600"),children:s.name})]}),T.jsx("span",{className:le("font-medium",i?"text-white":"text-gray-900"),children:typeof s.value=="number"?s.value.toLocaleString():s.value})]},l))})]})},fb=({config:e,className:t,isLoading:r})=>{const{data:n,dataKey:a,color:i="#3b82f6",lines:o,dateRange:s,yAxisLabel:l,height:u=300,tooltip:c={show:!0,style:"dark"}}=e,f=y=>{const v=new Date(y);return isNaN(v.getTime())?y:v.getDate().toString()},d=y=>y>=1e3?`${(y/1e3).toFixed(0)}k`:y.toString(),m=o&&o.length>0?o:[{dataKey:a||"value",color:i,label:e.title,strokeWidth:2}];return r?(console.log("AnalyticsChart: Loading state active"),T.jsx(cb,{className:t})):!n||n.length===0?(console.log("AnalyticsChart: No data provided",{data:n,config:e}),T.jsx("div",{className:le("w-full",t),children:T.jsxs("div",{className:"relative bg-gray-50/30 py-6",children:[T.jsxs("div",{className:"relative h-[300px] mb-4",children:[T.jsxs("div",{className:"absolute left-0 top-0 h-full flex flex-col justify-between items-end pr-2",children:[T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-8"})]}),T.jsxs("div",{className:"ml-12 h-full relative overflow-hidden px-0 py-2 flex flex-col justify-between",children:[T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsx("div",{className:"h-0 w-full border-t border-gray-100"}),T.jsxs("div",{className:"absolute inset-0 flex justify-between items-stretch",children:[T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"}),T.jsx("div",{className:"w-0 h-full border-l border-gray-100"})]}),T.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-4",children:[T.jsx("div",{className:"bg-white border border-gray-300 rounded-[10px] w-12 h-12 flex items-center justify-center",children:T.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:T.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"})})}),T.jsxs("div",{className:"text-center max-w-[352px]",children:[T.jsx("h3",{className:"font-semibold text-gray-900 text-base mb-1",children:"There is no data to display for this period"}),T.jsx("p",{className:"font-normal text-gray-600 text-sm leading-5",children:"Try selecting a different date range or ensure your app is deployed and receiving traffic."})]})]})]}),T.jsxs("div",{className:"ml-12 flex justify-between items-center mt-2",children:[T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-3.5"})]})]}),T.jsxs("div",{className:"flex items-center justify-between px-0 py-1",children:[T.jsx("div",{className:"flex-1",children:T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded w-[253px]"})}),T.jsxs("div",{className:"flex items-center gap-2 w-[100px] justify-center",children:[T.jsx("div",{className:"w-2 h-2 bg-blue-500 rounded-full"}),T.jsx("div",{className:"bg-gray-100 h-[10.5px] rounded flex-1"})]})]})]})})):(console.log("=== ANALYTICS CHART DEBUG ==="),console.log("AnalyticsChart config:",e),console.log("AnalyticsChart data:",JSON.stringify(n,null,2)),console.log("AnalyticsChart dataKey:",a),console.log("Chart lines configuration:",m),console.log("Sample data point:",n[0]),console.log("Data point keys:",Object.keys(n[0]||{})),console.log("=== END ANALYTICS CHART DEBUG ==="),T.jsxs("div",{className:le("w-full",t),children:[T.jsx("div",{className:"relative bg-gray-50/30 py-6",children:T.jsx(VM,{width:"100%",height:u,children:T.jsxs(tU,{data:n,margin:{top:20,right:30,left:20,bottom:20},children:[T.jsx("defs",{children:m.map((y,v)=>T.jsxs("linearGradient",{id:`gradient-${y.dataKey}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[T.jsx("stop",{offset:"5%",stopColor:y.color,stopOpacity:.08}),T.jsx("stop",{offset:"95%",stopColor:y.color,stopOpacity:.01})]},`gradient-${v}`))}),T.jsx(Sg,{strokeDasharray:"2 2",className:"opacity-30",stroke:"#d1d5db",horizontal:!0,vertical:!0}),T.jsx(xs,{dataKey:"date",tickFormatter:f,axisLine:!1,tickLine:!1,tick:{fontSize:12,fill:"#6b7280"},tickMargin:10}),T.jsx(Os,{axisLine:!1,tickLine:!1,tick:{fontSize:12,fill:"#6b7280"},tickFormatter:d,tickMargin:10,label:l?{value:l,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fontSize:12,fill:"#6b7280"}}:void 0}),c.show&&T.jsx(Bt,{content:y=>T.jsx(rU,{...y,config:e}),cursor:{stroke:"#d1d5db",strokeWidth:1,strokeDasharray:"4 4"},allowEscapeViewBox:{x:!1,y:!1}}),m.map(y=>T.jsx(Or,{type:"monotone",dataKey:y.dataKey,stroke:"none",fill:`url(#gradient-${y.dataKey})`,fillOpacity:1,isAnimationActive:!1,name:""},`area-${y.dataKey}`)),m.map(y=>T.jsx(ci,{type:"monotone",dataKey:y.dataKey,stroke:y.color,strokeWidth:2.5,strokeDasharray:y.strokeDasharray,dot:!1,activeDot:{r:5,fill:y.color,stroke:y.color,strokeWidth:2},name:y.label},y.dataKey))]})})}),T.jsxs("div",{className:"mt-4 flex items-center justify-between",children:[T.jsx("div",{children:s&&T.jsxs("p",{className:"text-sm text-muted-foreground",children:["Showing data from ",new Date(s.start).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})," - ",new Date(s.end).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})]})}),T.jsx("div",{className:"flex items-center gap-4",children:T.jsx("div",{className:"flex items-center gap-4 text-sm text-muted-foreground",children:m.map(y=>T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:y.color}}),T.jsx("span",{children:y.label})]},y.dataKey))})})]})]}))},db=({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]=O.useState(o.defaultSort||null),[c,f]=O.useState(""),[d,h]=O.useState(1),m=O.useMemo(()=>{let p=[...n];return s.searchable&&c&&(p=p.filter(g=>a.some(S=>{const P=g[S.key];return P==null?void 0:P.toString().toLowerCase().includes(c.toLowerCase())}))),l&&p.sort((g,S)=>{const P=g[l.key],E=S[l.key];if(typeof P=="number"&&typeof E=="number")return l.order==="asc"?P-E:E-P;const R=(P==null?void 0:P.toString())||"",k=(E==null?void 0:E.toString())||"",M=R.localeCompare(k);return l.order==="asc"?M:-M}),p},[n,a,c,l,s.searchable]),y=i.enabled?Math.ceil(m.length/i.pageSize):1,v=i.enabled?m.slice((d-1)*i.pageSize,d*i.pageSize):m,b=p=>{!o.enabled||!p.sortable||u(g=>(g==null?void 0:g.key)===p.key?g.order==="asc"?{key:p.key,order:"desc"}:null:{key:p.key,order:"asc"})},w=p=>{f(p),h(1)},x=(p,g,S)=>g.render?g.render(p,S):g.formatter?g.formatter(p,S):typeof p=="number"?p.toLocaleString():(p==null?void 0:p.toString())||"-",A=p=>!o.enabled||!p.sortable?null:(l==null?void 0:l.key)===p.key?l.order==="asc"?T.jsx(pf,{className:"w-4 h-4"}):T.jsx(Pi,{className:"w-4 h-4"}):T.jsxs("div",{className:"flex flex-col",children:[T.jsx(pf,{className:"w-3 h-3 opacity-30"}),T.jsx(Pi,{className:"w-3 h-3 opacity-30 -mt-1"})]});return T.jsxs("div",{className:le("w-full",t),children:[T.jsxs("div",{className:"flex items-center justify-between mb-4",children:[T.jsx("h3",{className:"text-lg font-semibold",children:r}),s.enabled&&s.searchable&&T.jsxs("div",{className:"relative",children:[T.jsx(vf,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"}),T.jsx("input",{type:"text",placeholder:"Search...",value:c,onChange:p=>w(p.target.value),className:"pl-10 pr-4 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"})]})]}),T.jsx("div",{className:"overflow-x-auto border border-gray-200 rounded-lg",children:T.jsxs("table",{className:"w-full",children:[T.jsx("thead",{className:"bg-gray-50",children:T.jsx("tr",{children:a.map(p=>T.jsx("th",{className:le("px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",p.sortable&&o.enabled&&"cursor-pointer hover:bg-gray-100",p.align==="center"&&"text-center",p.align==="right"&&"text-right"),style:{width:p.width},onClick:()=>b(p),children:T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx("span",{children:p.title}),A(p)]})},p.key))})}),T.jsx("tbody",{className:"bg-white divide-y divide-gray-200",children:v.map((p,g)=>T.jsx("tr",{className:"hover:bg-gray-50 transition-colors",children:a.map(S=>T.jsx("td",{className:le("px-4 py-3 text-sm text-gray-900",S.align==="center"&&"text-center",S.align==="right"&&"text-right"),children:x(p[S.key],S,p)},S.key))},g))})]})}),i.enabled&&y>1&&T.jsxs("div",{className:"flex items-center justify-between mt-4",children:[T.jsxs("div",{className:"text-sm text-gray-500",children:["Showing ",(d-1)*i.pageSize+1," to"," ",Math.min(d*i.pageSize,m.length)," of"," ",m.length," results"]}),T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx("button",{onClick:()=>h(p=>Math.max(1,p-1)),disabled:d===1,className:"px-3 py-1 text-sm border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",children:"Previous"}),Array.from({length:Math.min(5,y)},(p,g)=>{const S=Math.max(1,Math.min(y-4,d-2))+g;return S>y?null:T.jsx("button",{onClick:()=>h(S),className:le("px-3 py-1 text-sm border rounded",d===S?"bg-blue-500 text-white border-blue-500":"border-gray-200 hover:bg-gray-50"),children:S},S)}),T.jsx("button",{onClick:()=>h(p=>Math.min(y,p+1)),disabled:d===y,className:"px-3 py-1 text-sm border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",children:"Next"})]})]}),v.length===0&&T.jsx("div",{className:"text-center py-8 text-gray-500",children:c?"No results found for your search.":"No data available."})]})},hb=({data:e,className:t})=>{const[r,n]=O.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return T.jsxs("div",{className:le("w-full",t),children:[T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-3 bg-gray-50 border-b border-gray-200 text-sm font-medium text-gray-700",children:[T.jsx("div",{className:"text-left",children:"Name"}),T.jsx("div",{className:"text-right",children:"Runs"}),T.jsx("div",{className:"text-right",children:"Response Time"}),T.jsx("div",{className:"text-right",children:"Tokens"})]}),T.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-4 hover:bg-gray-50 transition-colors duration-150",children:[T.jsxs("div",{className:"flex items-center space-x-3",children:[T.jsx("div",{className:"flex-shrink-0",children:T.jsx("img",{src:o.avatar||`https://api.dicebear.com/7.x/avataaars/svg?seed=${o.name}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`,alt:o.name,className:"w-8 h-8 rounded-full"})}),T.jsx("div",{className:"min-w-0 flex-1",children:T.jsx("div",{className:"text-sm font-medium text-gray-900 truncate",children:o.name})})]}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.runs)}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:o.responseTime}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.tokens)})]},o.id||s))}),r<e.length&&T.jsx("div",{className:"flex justify-center py-6",children:T.jsx("button",{onClick:a,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-150",children:"Load 10 more"})})]})},nU=e=>{switch(e.toLowerCase()){case"code tool":return"bg-orange-100 text-orange-800 border-orange-200";case"workflow tool":return"bg-blue-100 text-blue-800 border-blue-200";case"mcp tool":return"bg-green-100 text-green-800 border-green-200";case"knowledge":return"bg-purple-100 text-purple-800 border-purple-200";default:return"bg-gray-100 text-gray-800 border-gray-200"}},aU=e=>{const t={"calculate-creditscore":"🎯","calculate-risk":"⭐","calculate-mortgage":"🔵","analyse-expenses":"⚡","fetch-statement":"💜",default:"🔧"};return t[e]||t.default},pb=({data:e,className:t})=>{const[r,n]=O.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return T.jsxs("div",{className:le("w-full",t),children:[T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-3 bg-gray-50 border-b border-gray-200 text-sm font-medium text-gray-700",children:[T.jsx("div",{className:"text-left",children:"Name"}),T.jsx("div",{className:"text-left",children:"Type"}),T.jsx("div",{className:"text-right",children:"Runs"}),T.jsx("div",{className:"text-right",children:"Response Time"})]}),T.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-4 hover:bg-gray-50 transition-colors duration-150",children:[T.jsxs("div",{className:"flex items-center space-x-3",children:[T.jsx("div",{className:"flex-shrink-0",children:T.jsx("div",{className:"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-lg",children:aU(o.name)})}),T.jsx("div",{className:"min-w-0 flex-1",children:T.jsx("div",{className:"text-sm font-medium text-gray-900 truncate",children:o.name})})]}),T.jsx("div",{className:"flex items-center",children:T.jsx("span",{className:le("inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border",nU(o.type||"Default")),children:o.type||"Tool"})}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.runs)}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:o.responseTime})]},o.id||s))}),r<e.length&&T.jsx("div",{className:"flex justify-center py-6",children:T.jsx("button",{onClick:a,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-150",children:"Load 10 more"})})]})},iU=e=>{const t=e.toLowerCase();return t.includes("gpt")||t.includes("openai")?T.jsx("div",{className:"w-6 h-6 rounded-full bg-gray-900 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"⚡"})}):t.includes("claude")||t.includes("anthropic")?T.jsx("div",{className:"w-6 h-6 rounded-full bg-orange-500 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"A"})}):t.includes("gemini")||t.includes("google")?T.jsx("div",{className:"w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"G"})}):t.includes("llama")||t.includes("meta")?T.jsx("div",{className:"w-6 h-6 rounded-full bg-blue-600 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"M"})}):T.jsx("div",{className:"w-6 h-6 rounded-full bg-gray-500 flex items-center justify-center",children:T.jsx("span",{className:"text-white text-xs font-bold",children:"🤖"})})},vb=({data:e,className:t})=>{const[r,n]=O.useState(5),a=()=>{n(o=>Math.min(o+10,e.length))},i=o=>o>=1e3?`${Math.floor(o/1e3)}k`:o.toString();return T.jsxs("div",{className:le("w-full",t),children:[T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-3 bg-gray-50 border-b border-gray-200 text-sm font-medium text-gray-700",children:[T.jsx("div",{className:"text-left",children:"Model Name"}),T.jsx("div",{className:"text-right",children:"Runs"}),T.jsx("div",{className:"text-right",children:"Tokens"}),T.jsx("div",{className:"text-right",children:"Response Time"})]}),T.jsx("div",{className:"divide-y divide-gray-100",children:e.slice(0,r).map((o,s)=>T.jsxs("div",{className:"grid grid-cols-4 gap-4 px-4 py-4 hover:bg-gray-50 transition-colors duration-150",children:[T.jsxs("div",{className:"flex items-center space-x-3",children:[T.jsx("div",{className:"flex-shrink-0",children:iU(o.name)}),T.jsx("div",{className:"min-w-0 flex-1",children:T.jsx("div",{className:"text-sm font-medium text-gray-900 truncate",children:o.name})})]}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.runs)}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:i(o.tokens)}),T.jsx("div",{className:"text-right text-sm text-gray-900",children:o.responseTime})]},o.id||s))}),r<e.length&&T.jsx("div",{className:"flex justify-center py-6",children:T.jsx("button",{onClick:a,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-150",children:"Load 10 more"})})]})},yb=({config:e,className:t,isLoading:r,context:n})=>{const{type:a,chart:i,table:o,layout:s="vertical"}=e,l=()=>i?(console.log("ViewRenderer - Chart config:",i),console.log("ViewRenderer - Chart data:",i.data),console.log("ViewRenderer - Context:",n),T.jsx("div",{className:"flex-1",children:T.jsx(fb,{config:i,isLoading:r})})):null,u=()=>o?(n==null?void 0:n.metricType)==="agentRuns"?T.jsx("div",{className:"flex-1",children:T.jsx(hb,{data:o.data})}):(n==null?void 0:n.metricType)==="toolRuns"?T.jsx("div",{className:"flex-1",children:T.jsx(pb,{data:o.data})}):(n==null?void 0:n.metricType)==="modelRuns"?T.jsx("div",{className:"flex-1",children:T.jsx(vb,{data:o.data})}):T.jsx("div",{className:"flex-1",children:T.jsx(db,{config:o})}):null,c=()=>{switch(a){case"chart":return l();case"table":return u();case"mixed":return T.jsxs("div",{className:le("flex gap-6",s==="horizontal"?"flex-row":"flex-col"),children:[l(),u()]});default:return T.jsxs("div",{className:"p-4 text-center text-gray-500",children:["Unsupported view type: ",a]})}};return T.jsx("div",{className:le("w-full",t),children:c()})},_s=({options:e,value:t,placeholder:r="Select an option",onChange:n,className:a,disabled:i=!1})=>{const[o,s]=O.useState(!1),[l,u]=O.useState(t||""),c=O.useRef(null),f=e.find(m=>m.value===l);O.useEffect(()=>{const m=y=>{c.current&&!c.current.contains(y.target)&&s(!1)};return o&&document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m)}},[o]);const d=m=>{i||(u(m),s(!1),n==null||n(m))},h=()=>{i||s(!o)};return T.jsxs("div",{ref:c,className:le("relative min-w-[200px]",a),children:[T.jsxs("button",{type:"button",className:le("flex h-10 w-full min-w-[200px] items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-50 transition-colors",a),onClick:h,disabled:i,children:[T.jsx("span",{className:le("truncate",!f&&"text-gray-500"),children:f?f.label:r}),T.jsx(Pi,{className:le("h-4 w-4 text-gray-400 transition-transform duration-200",o&&"rotate-180")})]}),o&&!i&&T.jsx("div",{className:"absolute top-full left-0 right-0 z-50 mt-1 min-w-[200px] w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg rounded-md border border-gray-200 bg-white shadow-lg max-h-60 overflow-y-auto",children:e.map(m=>{const y=l===m.value;return T.jsx("button",{className:le("relative flex w-full cursor-pointer select-none items-center px-3 py-2 text-sm text-left outline-none transition-colors",m.disabled?"opacity-50 cursor-not-allowed text-gray-400":y?"bg-blue-50 text-blue-900 font-medium":"text-gray-900 hover:bg-gray-100"),onClick:()=>!m.disabled&&d(m.value),disabled:m.disabled,children:T.jsx("span",{className:"truncate",children:m.label})},m.value)})})]})},oU=({options:e,value:t,defaultValue:r,placeholder:n="Select...",multiSelect:a=!1,searchable:i=!1,onChange:o,className:s})=>{const[l,u]=O.useState(!1),[c,f]=O.useState(""),[d,h]=O.useState(()=>{const p=t||r;return a?Array.isArray(p)?p:p?[p]:[]:p?[Array.isArray(p)?p[0]:p]:[]}),m=O.useRef(null);O.useEffect(()=>{const p=g=>{m.current&&!m.current.contains(g.target)&&u(!1)};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[]);const y=i?e.filter(p=>p.label.toLowerCase().includes(c.toLowerCase())):e,v=p=>{let g;if(a){if(p==="all"){w();return}if(d.includes(p))g=d.filter(P=>P!==p),g=g.filter(P=>P!=="all");else{g=d.filter(R=>R!=="all"),g=[...g,p];const P=y.filter(R=>R.value!=="all").map(R=>R.value),E=g.filter(R=>R!=="all");E.length===P.length&&(g=["all",...E])}}else g=[p],u(!1);h(g);const S=a?g:g[0]||"";o==null||o(S)},b=()=>{if(!a)return{checked:!1,indeterminate:!1};const p=y.filter(S=>S.value!=="all").map(S=>S.value),g=d.filter(S=>S!=="all"&&p.includes(S));return d.includes("all")&&g.length===0?{checked:!1,indeterminate:!1}:g.length===0?{checked:!1,indeterminate:!1}:g.length===p.length?{checked:!0,indeterminate:!1}:{checked:!1,indeterminate:!0}},w=()=>{if(!a)return;const p=b(),g=y.filter(S=>S.value!=="all").map(S=>S.value);if(p.checked)h(["all"]),o==null||o(["all"]);else{const S=["all",...g];h(S),o==null||o(S)}},x=()=>{h(["all"]),o==null||o(a?["all"]:"all")},A=()=>{if(!a){if(d.length===0)return n;const P=e.find(E=>E.value===d[0]);return(P==null?void 0:P.label)||n}const p=d.filter(P=>P!=="all"),g=d.includes("all");if(p.length===0)return n;if(p.length===1){const P=e.find(E=>E.value===p[0]);return(P==null?void 0:P.label)||n}const S=e.filter(P=>P.value!=="all").length;return p.length===S?"All selected":`${p.length} selected`};return T.jsxs("div",{className:le("relative",s),ref:m,children:[T.jsxs("button",{type:"button",onClick:()=>u(!l),className:le("w-full flex items-center justify-between px-3 py-2 text-left text-sm","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:[T.jsx("span",{className:le("truncate",d.length===0&&"text-gray-500"),children:A()}),T.jsx(Pi,{className:le("w-4 h-4 text-gray-400 transition-transform duration-150",l&&"transform rotate-180")})]}),l&&T.jsxs("div",{className:"absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-md shadow-lg max-h-80 overflow-hidden",children:[i&&T.jsx("div",{className:"p-3 border-b border-gray-100",children:T.jsxs("div",{className:"relative",children:[T.jsx(vf,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"}),T.jsx("input",{type:"text",placeholder:`Search ${n.toLowerCase()}...`,value:c,onChange:p=>f(p.target.value),className:"w-full pl-10 pr-4 py-2 text-sm border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"})]})}),a&&T.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b border-gray-100 bg-gray-50",children:[T.jsxs("button",{type:"button",onClick:w,className:"flex items-center text-sm font-medium text-gray-700 hover:text-gray-900",children:[T.jsx("div",{className:le("flex items-center justify-center w-4 h-4 mr-2 border rounded transition-colors duration-150",(()=>{const p=b();return p.indeterminate||p.checked?"bg-blue-600 border-blue-600 text-white":"border-gray-300 bg-white"})()),children:(()=>{const p=b();return p.indeterminate?T.jsx("div",{className:"w-2 h-0.5 bg-white rounded"}):p.checked?T.jsx("svg",{className:"w-3 h-3",fill:"currentColor",viewBox:"0 0 20 20",children:T.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"]}),T.jsx("button",{type:"button",onClick:x,className:"text-sm font-medium text-blue-600 hover:text-blue-800",children:"Clear"})]}),T.jsx("div",{className:"max-h-60 overflow-y-auto",children:y.length===0?T.jsx("div",{className:"px-3 py-4 text-sm text-gray-500 text-center",children:"No options found"}):y.map(p=>{let g;return p.value==="all"?null:(g=d.includes(p.value),T.jsxs("div",{onClick:()=>v(p.value),className:le("flex items-center px-3 py-2 cursor-pointer hover:bg-gray-50","transition-colors duration-150",g&&"bg-blue-50"),children:[a?T.jsx("div",{className:le("flex items-center justify-center w-4 h-4 mr-3 border rounded","transition-colors duration-150",g?"bg-blue-600 border-blue-600 text-white":"border-gray-300 bg-white"),children:g&&T.jsx("svg",{className:"w-3 h-3",fill:"currentColor",viewBox:"0 0 20 20",children:T.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"})})}):T.jsx("div",{className:le("w-4 h-4 mr-3 rounded-full border-2 transition-colors duration-150",g?"border-blue-600 bg-blue-600":"border-gray-300"),children:g&&T.jsx("div",{className:"w-full h-full rounded-full bg-white scale-50"})}),p.avatar&&T.jsx("img",{src:p.avatar,alt:p.label,className:"w-6 h-6 rounded-full mr-3"}),p.icon&&!p.avatar&&T.jsx("div",{className:"w-6 h-6 mr-3 flex items-center justify-center text-sm",children:p.icon}),T.jsx("span",{className:le("flex-1 text-sm truncate",g?"font-medium text-gray-900":"text-gray-700"),children:p.label})]},p.value))})})]})]})},mb=({config:e,className:t})=>{var i;const{dropdown:r,buttons:n,toggle:a}=e;return T.jsxs("div",{className:le("flex items-center gap-3",t),children:[r&&T.jsx(T.Fragment,{children:r.multiSelect?T.jsx(oU,{options:r.options,value:r.defaultValue,placeholder:r.label,multiSelect:r.multiSelect,searchable:r.searchable,onChange:r.onChange,className:"w-40"}):T.jsx(_s,{options:r.options,value:Array.isArray(r.defaultValue)?r.defaultValue[0]:r.defaultValue||((i=r.options[0])==null?void 0:i.value),placeholder:r.label,onChange:o=>{var s;return(s=r.onChange)==null?void 0:s.call(r,o)},className:"w-40"})}),n&&n.length>0&&T.jsx("div",{className:"flex items-center border border-gray-200 rounded-lg overflow-hidden",children:n.map((o,s)=>T.jsxs("button",{onClick:()=>{var l;return(l=o.onClick)==null?void 0:l.call(o,o.value)},className:le("px-3 py-2 text-sm font-medium transition-colors","hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset",o.active?"bg-blue-50 text-blue-700 border-blue-200":"text-gray-700 bg-white",s>0&&"border-l border-gray-200"),children:[o.icon&&T.jsx("span",{className:"mr-2",children:o.icon}),o.label]},o.value))}),a&&T.jsxs("div",{className:"flex items-center border border-gray-200 rounded-lg overflow-hidden",children:[T.jsxs("button",{onClick:()=>{var o;return(o=a.onToggle)==null?void 0:o.call(a,"chart")},className:le("px-3 py-2 text-sm font-medium transition-colors flex items-center gap-2","hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset",a.chartView?"bg-blue-50 text-blue-700 border-blue-200":"text-gray-700 bg-white"),children:[T.jsx(Yb,{className:"w-4 h-4"}),"Chart"]}),T.jsxs("button",{onClick:()=>{var o;return(o=a.onToggle)==null?void 0:o.call(a,"table")},className:le("px-3 py-2 text-sm font-medium transition-colors flex items-center gap-2","hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset","border-l border-gray-200",a.tableView?"bg-blue-50 text-blue-700 border-blue-200":"text-gray-700 bg-white"),children:[T.jsx(t0,{className:"w-4 h-4"}),"Table"]})]})]})},gb=({section:e,className:t,isLoading:r,isChartLoading:n,onMetricClick:a})=>{const{id:i,title:o,description:s,metrics:l,view:u,controls:c,layout:f}=e,[d,h]=O.useState(u.type),[m,y]=O.useState("chart"),v=()=>i==="usage-analytics"?"users":i==="runs"?"agentRuns":"users",[b,w]=O.useState(v()),[x,A]=O.useState("all"),p=$=>{var I,L,z,G,Q;const C=P();(I=C==null?void 0:C.controls)!=null&&I.toggle?(y($),(z=(L=C.controls.toggle).onToggle)==null||z.call(L,$)):(h($),(Q=(G=c==null?void 0:c.toggle)==null?void 0:G.onToggle)==null||Q.call(G,$))},g=$=>{var L,z;const C=$.metricType||$.title.toLowerCase();w(C);const I=l.find(G=>(G.metricType||G.title.toLowerCase())===C);(z=(L=I==null?void 0:I.controls)==null?void 0:L.dropdown)!=null&&z.multiSelect?A(["all"]):A("all"),a==null||a($)},S=$=>{var I,L,z;A($);const C=l.find(G=>(G.metricType||G.title.toLowerCase())===b);(z=(L=(I=C==null?void 0:C.controls)==null?void 0:I.dropdown)==null?void 0:L.onChange)==null||z.call(L,$)},P=()=>l.find($=>($.metricType||$.title.toLowerCase())===b)||null,E=$=>Array.isArray($)?$.filter(I=>I!=="all").length>0:$!=="all",R=$=>Array.isArray($)?$.filter(C=>C!=="all"):$!=="all"?[$]:[],k=$=>{var z,G,Q;const C=((G=(z=$.view)==null?void 0:z.chart)==null?void 0:G.data)||((Q=u.chart)==null?void 0:Q.data)||[];if(!E(x))return C;const I=$.metricType,L=R(x);if(L.length===1){const J=L[0];if(I==="agentRuns")return C.map(ee=>({...ee,agentRuns:ee[J]||0}));if(I==="toolRuns")return C.map(ee=>({...ee,toolRuns:ee[J.replace(/[-]/g,"")]||0}));if(I==="modelRuns")return C.map(ee=>({...ee,modelRuns:ee[J.replace(/[-\.]/g,"")]||0}))}return C},M=$=>{var z;if(!((z=$.view)!=null&&z.chart))return null;const C=k($),I=()=>{var Q,J,ee,ne,q,Y;if(!E(x)||!((Q=$.controls)!=null&&Q.dropdown))return((ee=(J=$.view)==null?void 0:J.chart)==null?void 0:ee.title)||$.title;const G=R(x);if(G.length===1){const Z=(ne=$.controls.dropdown.options)==null?void 0:ne.find(N=>N.value===G[0]);return Z?`${Z.label}`:((Y=(q=$.view)==null?void 0:q.chart)==null?void 0:Y.title)||$.title}return`${G.length} selected`},L=R(x);return $.metricType==="toolRuns"&&L.length===1?{...$.view.chart,data:C,title:I(),lines:void 0,dataKey:"toolRuns",color:"#f97316",showLegend:!1}:$.metricType==="modelRuns"&&L.length===1?{...$.view.chart,data:C,title:I(),dataKey:"modelRuns",color:"#10b981",showLegend:!1}:{...$.view.chart,data:C,title:I()}},B=($,C)=>{if(!E(x))return $;const I=R(x);if(I.length===1){const L=I[0];if(i==="runs"&&C==="agentRuns")return $.map(z=>({...z,agentRuns:z[L]||0}));if(i==="runs"&&C==="toolRuns")return $.map(z=>({...z,toolRuns:z[L.replace(/[-]/g,"")]||0}));if(i==="runs"&&C==="modelRuns")return $.map(z=>({...z,modelRuns:z[L.replace(/[-\.]/g,"")]||0}))}return $},F=$=>{var z;const C=((z=u.chart)==null?void 0:z.data)||[],I=B(C,$),L=G=>{var J,ee;if(!E(x))return G;const Q=R(x);if(Q.length===1){const ne=(ee=(J=c==null?void 0:c.dropdown)==null?void 0:J.options)==null?void 0:ee.find(q=>q.value===Q[0]);return ne?`${ne.label}`:G}return`${Q.length} selected`};switch($){case"users":return{type:"line",title:"Total Users",data:C,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:C,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:C,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:C,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:L("Agent Runs"),data:I,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 R(x).length===1?{type:"line",title:L("Tool Runs"),data:B(C,"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:I,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 R(x).length===1?{type:"line",title:L("Model Runs"),data:B(C,"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:L("Model Runs"),data:I,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}},W=(()=>{const $=P();return $!=null&&$.controls?{...$.controls,dropdown:$.controls.dropdown?{...$.controls.dropdown,onChange:S}:void 0,toggle:$.controls.toggle?{...$.controls.toggle,chartView:m==="chart",tableView:m==="table",onToggle:p}:void 0}:c?{...c,dropdown:c.dropdown?{...c.dropdown,onChange:S}:void 0,toggle:c.toggle?{...c.toggle,chartView:d==="chart",tableView:d==="table",onToggle:p}:void 0}:void 0})(),D=(()=>{var I,L,z,G,Q,J,ee,ne,q,Y;const $=P();if($!=null&&$.view){if((I=$.controls)!=null&&I.toggle){if(m==="table"&&$.view.table){let N=$.view.table.data;if($.metricType==="agentRuns"&&E(x)){const ie=R(x);if(ie.length>0){const V=((G=(z=(L=$.controls)==null?void 0:L.dropdown)==null?void 0:z.options)==null?void 0:G.filter(se=>ie.includes(se.value)))||[];V.length>0&&(N=N.filter(se=>V.some(pe=>se.name===pe.label||se.name.toLowerCase().includes(pe.label.toLowerCase()))))}}if($.metricType==="toolRuns"&&E(x)){const ie=R(x);if(ie.length>0){const V=((ee=(J=(Q=$.controls)==null?void 0:Q.dropdown)==null?void 0:J.options)==null?void 0:ee.filter(se=>ie.includes(se.value)))||[];V.length>0&&(N=N.filter(se=>V.some(pe=>se.name===pe.label||se.name.toLowerCase().includes(pe.label.toLowerCase()))))}}if($.metricType==="modelRuns"&&E(x)){const ie=R(x);if(ie.length>0){const V=((Y=(q=(ne=$.controls)==null?void 0:ne.dropdown)==null?void 0:q.options)==null?void 0:Y.filter(se=>ie.includes(se.value)))||[];V.length>0&&(N=N.filter(se=>V.some(pe=>se.name===pe.label||se.name.toLowerCase().includes(pe.label.toLowerCase()))))}}return{type:"table",table:{...$.view.table,data:N}}}else if(m==="chart"&&$.view.chart)return{type:"chart",chart:M($)||$.view.chart}}const Z=M($);return Z?{...$.view,chart:Z}:$.view}const C=F(b);return C?{type:"chart",chart:C}:{...u,type:d}})(),U=()=>l.map($=>{const C=$.metricType||$.title.toLowerCase();return{...$,highlighted:$.highlighted||C===b}});return T.jsxs("div",{className:le("bg-white rounded-lg border border-gray-200 p-6",t),style:{gridColumn:f!=null&&f.span?`span ${f.span}`:void 0,order:f==null?void 0:f.order},children:[T.jsxs("div",{className:"mb-6",children:[T.jsxs("div",{className:"flex items-center justify-between mb-4",children:[T.jsxs("div",{children:[T.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:o}),s&&T.jsx("p",{className:"text-sm text-gray-600 mt-1",children:s})]}),W&&T.jsx(mb,{config:W})]}),T.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:r?T.jsxs(T.Fragment,{children:[T.jsx(vi,{}),T.jsx(vi,{}),T.jsx(vi,{}),T.jsx(vi,{})]}):U().map(($,C)=>T.jsx(Af,{data:$,onClick:g},`${i}-metric-${C}`))})]}),T.jsx(yb,{config:D,className:"mt-6",isLoading:r||n,context:{sectionId:i,metricType:b}})]})},Es=O.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-primary text-primary-foreground hover:bg-primary/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground"},l={sm:"h-9 px-3",md:"h-10 px-4 py-2",lg:"h-11 px-8"};return T.jsx("button",{className:le(o,s[t],l[r],e),ref:i,...a,children:n})});Es.displayName="Button";function $s(e){"@babel/helpers - typeof";return $s=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},$s(e)}function Pt(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 De(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function ze(e){De(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||$s(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 sU(e,t){De(2,arguments);var r=ze(e),n=Pt(t);return isNaN(n)?new Date(NaN):(n&&r.setDate(r.getDate()+n),r)}function af(e,t){De(2,arguments);var r=ze(e),n=Pt(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 lU(e,t){De(2,arguments);var r=ze(e).getTime(),n=Pt(t);return new Date(r+n)}var uU={};function yi(){return uU}function cU(e,t){var r,n,a,i,o,s;De(1,arguments);var l=yi(),u=Pt((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=ze(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 fU(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 bb(e){De(1,arguments);var t=ze(e);return t.setHours(0,0,0,0),t}function mi(e,t){De(2,arguments);var r=bb(e),n=bb(t);return r.getTime()===n.getTime()}function dU(e){return De(1,arguments),e instanceof Date||$s(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function hU(e){if(De(1,arguments),!dU(e)&&typeof e!="number")return!1;var t=ze(e);return!isNaN(Number(t))}function pU(e){De(1,arguments);var t=ze(e);return t.setDate(1),t.setHours(0,0,0,0),t}function vU(e,t){De(2,arguments);var r=Pt(t);return lU(e,-r)}var yU=864e5;function mU(e){De(1,arguments);var t=ze(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/yU)+1}function js(e){De(1,arguments);var t=1,r=ze(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 xb(e){De(1,arguments);var t=ze(e),r=t.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(r+1,0,4),n.setUTCHours(0,0,0,0);var a=js(n),i=new Date(0);i.setUTCFullYear(r,0,4),i.setUTCHours(0,0,0,0);var o=js(i);return t.getTime()>=a.getTime()?r+1:t.getTime()>=o.getTime()?r:r-1}function gU(e){De(1,arguments);var t=xb(e),r=new Date(0);r.setUTCFullYear(t,0,4),r.setUTCHours(0,0,0,0);var n=js(r);return n}var bU=6048e5;function xU(e){De(1,arguments);var t=ze(e),r=js(t).getTime()-gU(t).getTime();return Math.round(r/bU)+1}function Cs(e,t){var r,n,a,i,o,s,l,u;De(1,arguments);var c=yi(),f=Pt((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=ze(e),h=d.getUTCDay(),m=(h<f?7:0)+h-f;return d.setUTCDate(d.getUTCDate()-m),d.setUTCHours(0,0,0,0),d}function wb(e,t){var r,n,a,i,o,s,l,u;De(1,arguments);var c=ze(e),f=c.getUTCFullYear(),d=yi(),h=Pt((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 m=new Date(0);m.setUTCFullYear(f+1,0,h),m.setUTCHours(0,0,0,0);var y=Cs(m,t),v=new Date(0);v.setUTCFullYear(f,0,h),v.setUTCHours(0,0,0,0);var b=Cs(v,t);return c.getTime()>=y.getTime()?f+1:c.getTime()>=b.getTime()?f:f-1}function wU(e,t){var r,n,a,i,o,s,l,u;De(1,arguments);var c=yi(),f=Pt((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=wb(e,t),h=new Date(0);h.setUTCFullYear(d,0,f),h.setUTCHours(0,0,0,0);var m=Cs(h,t);return m}var OU=6048e5;function SU(e,t){De(1,arguments);var r=ze(e),n=Cs(r,t).getTime()-wU(r,t).getTime();return Math.round(n/OU)+1}function Pe(e,t){for(var r=e<0?"-":"",n=Math.abs(e).toString();n.length<t;)n="0"+n;return r+n}var Ar={y:function(t,r){var n=t.getUTCFullYear(),a=n>0?n:1-n;return Pe(r==="yy"?a%100:a,r.length)},M:function(t,r){var n=t.getUTCMonth();return r==="M"?String(n+1):Pe(n+1,2)},d:function(t,r){return Pe(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 Pe(t.getUTCHours()%12||12,r.length)},H:function(t,r){return Pe(t.getUTCHours(),r.length)},m:function(t,r){return Pe(t.getUTCMinutes(),r.length)},s:function(t,r){return Pe(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 Pe(i,r.length)}},Qn={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},AU={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 Ar.y(t,r)},Y:function(t,r,n,a){var i=wb(t,a),o=i>0?i:1-i;if(r==="YY"){var s=o%100;return Pe(s,2)}return r==="Yo"?n.ordinalNumber(o,{unit:"year"}):Pe(o,r.length)},R:function(t,r){var n=xb(t);return Pe(n,r.length)},u:function(t,r){var n=t.getUTCFullYear();return Pe(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 Pe(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 Pe(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 Ar.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 Pe(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=SU(t,a);return r==="wo"?n.ordinalNumber(i,{unit:"week"}):Pe(i,r.length)},I:function(t,r,n){var a=xU(t);return r==="Io"?n.ordinalNumber(a,{unit:"week"}):Pe(a,r.length)},d:function(t,r,n){return r==="do"?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):Ar.d(t,r)},D:function(t,r,n){var a=mU(t);return r==="Do"?n.ordinalNumber(a,{unit:"dayOfYear"}):Pe(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 Pe(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 Pe(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 Pe(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=Qn.noon:a===0?i=Qn.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=Qn.evening:a>=12?i=Qn.afternoon:a>=4?i=Qn.morning:i=Qn.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 Ar.h(t,r)},H:function(t,r,n){return r==="Ho"?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):Ar.H(t,r)},K:function(t,r,n){var a=t.getUTCHours()%12;return r==="Ko"?n.ordinalNumber(a,{unit:"hour"}):Pe(a,r.length)},k:function(t,r,n){var a=t.getUTCHours();return a===0&&(a=24),r==="ko"?n.ordinalNumber(a,{unit:"hour"}):Pe(a,r.length)},m:function(t,r,n){return r==="mo"?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):Ar.m(t,r)},s:function(t,r,n){return r==="so"?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):Ar.s(t,r)},S:function(t,r){return Ar.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 Sb(o);case"XXXX":case"XX":return Vr(o);case"XXXXX":case"XXX":default:return Vr(o,":")}},x:function(t,r,n,a){var i=a._originalDate||t,o=i.getTimezoneOffset();switch(r){case"x":return Sb(o);case"xxxx":case"xx":return Vr(o);case"xxxxx":case"xxx":default:return Vr(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"+Ob(o,":");case"OOOO":default:return"GMT"+Vr(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"+Ob(o,":");case"zzzz":default:return"GMT"+Vr(o,":")}},t:function(t,r,n,a){var i=a._originalDate||t,o=Math.floor(i.getTime()/1e3);return Pe(o,r.length)},T:function(t,r,n,a){var i=a._originalDate||t,o=i.getTime();return Pe(o,r.length)}};function Ob(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+Pe(i,2)}function Sb(e,t){if(e%60===0){var r=e>0?"-":"+";return r+Pe(Math.abs(e)/60,2)}return Vr(e,t)}function Vr(e,t){var r=t||"",n=e>0?"-":"+",a=Math.abs(e),i=Pe(Math.floor(a/60),2),o=Pe(a%60,2);return n+i+r+o}var Ab=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"})}},Tb=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"})}},TU=function(t,r){var n=t.match(/(P+)(p+)?/)||[],a=n[1],i=n[2];if(!i)return Ab(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}}",Ab(a,r)).replace("{{time}}",Tb(i,r))},PU={p:Tb,P:TU},_U=["D","DD"],EU=["YY","YYYY"];function $U(e){return _U.indexOf(e)!==-1}function jU(e){return EU.indexOf(e)!==-1}function Pb(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 CU={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"}},MU=function(t,r,n){var a,i=CU[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 of(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 kU={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},NU={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},DU={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},IU={date:of({formats:kU,defaultWidth:"full"}),time:of({formats:NU,defaultWidth:"full"}),dateTime:of({formats:DU,defaultWidth:"full"})},RU={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},LU=function(t,r,n,a){return RU[t]};function gi(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 BU={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},FU={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},WU={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"]},UU={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"]},zU={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"}},KU={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"}},qU=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"},GU={ordinalNumber:qU,era:gi({values:BU,defaultWidth:"wide"}),quarter:gi({values:FU,defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:gi({values:WU,defaultWidth:"wide"}),day:gi({values:UU,defaultWidth:"wide"}),dayPeriod:gi({values:zU,defaultWidth:"wide",formattingValues:KU,defaultFormattingWidth:"wide"})};function bi(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)?HU(s,function(f){return f.test(o)}):VU(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 VU(e,t){for(var r in e)if(e.hasOwnProperty(r)&&t(e[r]))return r}function HU(e,t){for(var r=0;r<e.length;r++)if(t(e[r]))return r}function YU(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 XU=/^(\d+)(th|st|nd|rd)?/i,JU=/\d+/i,ZU={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},QU={any:[/^b/i,/^(a|c)/i]},e8={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},t8={any:[/1/i,/2/i,/3/i,/4/i]},r8={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},n8={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]},a8={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},i8={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]},o8={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},s8={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}},l8={ordinalNumber:YU({matchPattern:XU,parsePattern:JU,valueCallback:function(t){return parseInt(t,10)}}),era:bi({matchPatterns:ZU,defaultMatchWidth:"wide",parsePatterns:QU,defaultParseWidth:"any"}),quarter:bi({matchPatterns:e8,defaultMatchWidth:"wide",parsePatterns:t8,defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:bi({matchPatterns:r8,defaultMatchWidth:"wide",parsePatterns:n8,defaultParseWidth:"any"}),day:bi({matchPatterns:a8,defaultMatchWidth:"wide",parsePatterns:i8,defaultParseWidth:"any"}),dayPeriod:bi({matchPatterns:o8,defaultMatchWidth:"any",parsePatterns:s8,defaultParseWidth:"any"})},u8={code:"en-US",formatDistance:MU,formatLong:IU,formatRelative:LU,localize:GU,match:l8,options:{weekStartsOn:0,firstWeekContainsDate:1}},c8=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,f8=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,d8=/^'([^]*?)'?$/,h8=/''/g,p8=/[a-zA-Z]/;function Ms(e,t,r){var n,a,i,o,s,l,u,c,f,d,h,m,y,v;De(2,arguments);var b=String(t),w=yi(),x=(n=(a=void 0)!==null&&a!==void 0?a:w.locale)!==null&&n!==void 0?n:u8,A=Pt((i=(o=(s=(l=void 0)!==null&&l!==void 0?l:void 0)!==null&&s!==void 0?s:w.firstWeekContainsDate)!==null&&o!==void 0?o:(u=w.locale)===null||u===void 0||(c=u.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&i!==void 0?i:1);if(!(A>=1&&A<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var p=Pt((f=(d=(h=(m=void 0)!==null&&m!==void 0?m:void 0)!==null&&h!==void 0?h:w.weekStartsOn)!==null&&d!==void 0?d:(y=w.locale)===null||y===void 0||(v=y.options)===null||v===void 0?void 0:v.weekStartsOn)!==null&&f!==void 0?f:0);if(!(p>=0&&p<=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 g=ze(e);if(!hU(g))throw new RangeError("Invalid time value");var S=fU(g),P=vU(g,S),E={firstWeekContainsDate:A,weekStartsOn:p,locale:x,_originalDate:g},R=b.match(f8).map(function(k){var M=k[0];if(M==="p"||M==="P"){var B=PU[M];return B(k,x.formatLong)}return k}).join("").match(c8).map(function(k){if(k==="''")return"'";var M=k[0];if(M==="'")return v8(k);var B=AU[M];if(B)return jU(k)&&Pb(k,t,String(e)),$U(k)&&Pb(k,t,String(e)),B(P,k,x.localize,E);if(M.match(p8))throw new RangeError("Format string contains an unescaped latin alphabet character `"+M+"`");return k}).join("");return R}function v8(e){var t=e.match(d8);return t?t[1].replace(h8,"'"):e}function _b(e,t){De(2,arguments);var r=ze(e),n=ze(t);return r.getTime()<n.getTime()}function y8(e,t){De(2,arguments);var r=ze(e).getTime(),n=ze(t.start).getTime(),a=ze(t.end).getTime();if(!(n<=a))throw new RangeError("Invalid interval");return r>=n&&r<=a}function ks(e,t){De(2,arguments);var r=Pt(t);return sU(e,-r)}function Eb(e,t){De(2,arguments);var r=Pt(t);return af(e,-r)}const $b=({children:e})=>{const[t,r]=O.useState(!1);return O.useEffect(()=>(r(!0),()=>r(!1)),[]),t?Xr.createPortal(e,document.body):null};function jb({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:new Date,to:new Date}},{label:"Yesterday",value:"yesterday",dateRange:{from:ks(new Date,1),to:ks(new Date,1)}},{label:"This week",value:"thisWeek",dateRange:{from:cU(new Date),to:new Date}},{label:"Last 7 days",value:"7d",dateRange:{from:ks(new Date,6),to:new Date}},{label:"This month",value:"thisMonth",dateRange:{from:pU(new Date),to:new Date}},{label:"Last 30 days",value:"30d",dateRange:{from:ks(new Date,29),to:new Date}},{label:"Last 3 months",value:"90d",dateRange:{from:Eb(new Date,3),to:new Date}}],a=t?n.find(_=>_.value===t):null;console.log("📅 DateRangePicker initialization:",{defaultValue:t,defaultPreset:a==null?void 0:a.label,hasDateRange:!!(a!=null&&a.dateRange),allPresetValues:n.map(_=>_.value),foundPreset:!!a});const[i,o]=O.useState(a==null?void 0:a.dateRange),[s,l]=O.useState(a==null?void 0:a.dateRange),[u,c]=O.useState(!1),[f,d]=O.useState((a==null?void 0:a.label)||null),[h,m]=O.useState((a==null?void 0:a.label)||null),[y,v]=O.useState(new Date),[b,w]=O.useState(null),[x,A]=O.useState({top:0,left:0}),p=O.useRef(null),g=O.useRef(null);O.useEffect(()=>{var _,D;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:(_=a.dateRange.from)==null?void 0:_.toLocaleDateString(),to:(D=a.dateRange.to)==null?void 0:D.toLocaleDateString()}),r(a.dateRange)):console.log("📅 DateRangePicker: NOT setting initial value because:",{hasDefaultPreset:!!a,hasDateRange:!!(a!=null&&a.dateRange),hasCallback:!!r,presetLabelsAvailable:n.map(U=>`${U.value}:${U.label}`)})},[]),O.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),m(a.label))},[t]);const S=()=>{if(!g.current)return;const _=g.current.getBoundingClientRect(),D=window.scrollY,U=window.scrollX,$=window.innerWidth,C=window.innerHeight,I=720,L=450;let z=_.bottom+D+8,G=_.left+U;G+I>$&&(G=_.right+U-I),G+I>$&&(G=$-I-20),z+L>C&&(z=_.top+D-L-8),G<20&&(G=20),z<20&&(z=20),A({top:z,left:G})};O.useEffect(()=>{const _=()=>{u&&S()};return u&&(window.addEventListener("resize",_),window.addEventListener("scroll",_)),()=>{window.removeEventListener("resize",_),window.removeEventListener("scroll",_)}},[u]);const P=(_,D)=>{if(l(_),m(D),w(null),_.from){const U=new Date(_.from.getFullYear(),_.from.getMonth(),1);v(U)}},E=_=>{if(!b)w(_),l({from:_,to:_}),m(null);else{const D=_b(_,b)?_:b,U=_b(_,b)?b:_;l({from:D,to:U}),w(null),m(null)}},R=()=>{o(s),d(h),r==null||r(s),c(!1),w(null)},k=()=>{l(void 0),m(null),o(void 0),d(null),r==null||r(void 0),c(!1),w(null)},M=_=>{_?(l(i),m(f),w(null),setTimeout(S,0)):(l(i),m(f),w(null)),c(_)},B=(_,D)=>(console.log("📅 formatDateRange called with:",{presetLabel:D,hasDateRange:!!(_!=null&&_.from)}),D||(_!=null&&_.from?!_.to||mi(_.from,_.to)?Ms(_.from,"MMM dd, yyyy"):`${Ms(_.from,"MMM dd, yyyy")} - ${Ms(_.to,"MMM dd, yyyy")}`:"Pick a date range")),F=(_=0)=>{const D=af(y,_),U=D.getFullYear(),$=D.getMonth(),C=new Date(U,$,1),L=new Date(U,$+1,0).getDate(),z=C.getDay(),G=["January","February","March","April","May","June","July","August","September","October","November","December"],Q=["Su","Mo","Tu","We","Th","Fr","Sa"],J=[],ne=new Date(U,$-1,0).getDate();for(let Z=z-1;Z>=0;Z--){const N=ne-Z,ie=new Date(U,$-1,N);J.push(T.jsx("button",{onClick:()=>E(ie),className:"h-8 w-8 text-xs text-gray-400 hover:bg-gray-100 rounded flex items-center justify-center",children:N},`prev-${N}`))}for(let Z=1;Z<=L;Z++){const N=new Date(U,$,Z),ie=mi(N,new Date),V=(s==null?void 0:s.from)&&(s==null?void 0:s.to)&&y8(N,{start:s.from,end:s.to}),se=(s==null?void 0:s.from)&&mi(N,s.from),pe=(s==null?void 0:s.to)&&mi(N,s.to),Le=b&&mi(N,b);let et="h-8 w-8 text-xs hover:bg-gray-100 rounded flex items-center justify-center transition-colors ";ie&&(et+="font-semibold "),Le||se||pe?et+="bg-blue-500 text-white hover:bg-blue-600 ":V&&(et+="bg-blue-100 text-blue-900 "),J.push(T.jsx("button",{onClick:()=>E(N),className:et,children:Z},`current-${Z}`))}const Y=Math.ceil((z+L)/7)*7-z-L;for(let Z=1;Z<=Y;Z++){const N=new Date(U,$+1,Z);J.push(T.jsx("button",{onClick:()=>E(N),className:"h-8 w-8 text-xs text-gray-400 hover:bg-gray-100 rounded flex items-center justify-center",children:Z},`next-${Z}`))}return T.jsxs("div",{className:"p-3",children:[T.jsxs("div",{className:"flex items-center justify-between mb-3",children:[_===0&&T.jsx("button",{onClick:()=>v(Eb(y,1)),className:"p-1 hover:bg-gray-100 rounded",children:T.jsx(Xb,{className:"h-4 w-4"})}),T.jsxs("div",{className:"font-medium text-sm",children:[G[$]," ",U]}),_===1&&T.jsx("button",{onClick:()=>v(af(y,1)),className:"p-1 hover:bg-gray-100 rounded",children:T.jsx(Jb,{className:"h-4 w-4"})})]}),T.jsx("div",{className:"grid grid-cols-7 gap-1 mb-2",children:Q.map(Z=>T.jsx("div",{className:"h-8 flex items-center justify-center text-xs font-medium text-gray-500",children:Z},Z))}),T.jsx("div",{className:"grid grid-cols-7 gap-1",children:J})]})},W=()=>"fixed bg-white border border-gray-200 rounded-lg shadow-xl z-[99999]";return T.jsxs("div",{className:`relative ${e}`,children:[T.jsxs("button",{ref:g,onClick:()=>M(!u),className:`min-w-[200px] px-3 py-2 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:[T.jsx(hf,{className:"mr-2 h-4 w-4"}),(()=>{const _=B(i,f);return console.log("📅 Button display text:",{displayText:_,date:i,selectedPresetLabel:f}),_})()]}),u&&T.jsxs($b,{children:[T.jsx("div",{className:"fixed inset-0 z-[99998] bg-black bg-opacity-10",onClick:()=>M(!1)}),T.jsxs("div",{ref:p,className:W(),style:{top:x.top,left:x.left,width:"720px",minWidth:"720px",maxHeight:"90vh"},onClick:_=>_.stopPropagation(),children:[T.jsxs("div",{className:"flex",children:[T.jsxs("div",{className:"flex flex-col gap-1 p-3 border-r border-gray-200 w-[160px] flex-shrink-0",children:[T.jsx("div",{className:"text-sm font-medium text-gray-500 mb-2",children:"Presets"}),n.map(_=>T.jsx("button",{onClick:()=>P(_.dateRange,_.label),className:`text-left px-2 py-1.5 text-sm rounded hover:bg-gray-100 transition-colors ${h===_.label?"bg-gray-100":""}`,children:_.label},_.label))]}),T.jsxs("div",{className:"flex flex-1",children:[F(0),F(1)]})]}),T.jsxs("div",{className:"border-t border-gray-200 p-3 flex justify-end gap-2",children:[T.jsx("button",{onClick:k,className:"px-3 py-1.5 text-sm border border-gray-300 rounded hover:bg-gray-50 transition-colors",children:"Clear"}),T.jsx("button",{onClick:R,disabled:!(s!=null&&s.from),className:"px-3 py-1.5 text-sm bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:"Apply"})]})]})]})]})}class Cb{constructor(t=""){Rt(this,"API_PATH","/tracing/api/trpc/metrics.getMetrics");Rt(this,"baseUrl","");Rt(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 Mb{constructor(t){Rt(this,"endpointsService");Rt(this,"defaultHeaders");Rt(this,"timeout");this.endpointsService=new Cb(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 ea{constructor(t){Rt(this,"apiInvoker");Rt(this,"projectId");Rt(this,"environment");Rt(this,"defaultTimeRange");const r={baseUrl:t.baseUrl,defaultHeaders:t.headers,timeout:3e4};this.apiInvoker=new Mb(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||ea.getDateRange(30)}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=[]){const a={projectId:this.projectId,type:"cards",category:"usage-analytics",envId:this.environment,fromTimestamp:t,toTimestamp:r,filter:n,includeTrends:!0};return(await this.apiInvoker.invoke("usage-analytics.cards",a)).result.data.json}async fetchRunsCards(t,r,n=[]){const a={projectId:this.projectId,type:"cards",category:"runs",envId:this.environment,fromTimestamp:t,toTimestamp:r,filter:n,includeTrends:!0};return(await this.apiInvoker.invoke("runs.cards",a)).result.data.json}async fetchTimeSeriesData(t,r,n,a,i="day",o=[]){const s=`${r}.${t}.timeseries`,l={projectId:this.projectId,type:"time-series",category:r,envId:this.environment,fromTimestamp:n,toTimestamp:a,filter:o,metric:t,timeDimension:i};return(await this.apiInvoker.invoke(s,l)).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",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",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:`Input: ${t.data.messages.input}, Output: ${t.data.messages.output}`,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:`Input: ${t.data.tokens.input}, Output: ${t.data.tokens.output}`,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",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:`Code: ${t.data.toolRuns.codeTools}, Library: ${t.data.toolRuns.libraryTools}, Knowledge: ${t.data.toolRuns.knowledgeTools}, MCP: ${t.data.toolRuns.mcpTools}`,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",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?`${Math.round(r.avgResponseTime)}s`:"0s",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`}}):(console.warn("Invalid listView data for agents:",t),[])}transformToolsListViewToTable(t){if(!Array.isArray(t))return console.warn("Invalid listView data for tools:",t),[];const r=a=>{const i=a.toLowerCase();return i.includes("calculate")||i.includes("compute")?"Code Tool":i.includes("workflow")||i.includes("process")?"Workflow Tool":i.includes("mcp")||i.includes("protocol")?"MCP Tool":i.includes("knowledge")||i.includes("search")||i.includes("fetch")?"Knowledge":"Code Tool"},n=a=>{const i=a.toLowerCase(),o={calculate:"🎯",risk:"⭐",mortgage:"🔵",analyse:"⚡",fetch:"💜",workflow:"🔄",search:"🔍",compute:"⚙️"};for(const[s,l]of Object.entries(o))if(i.includes(s))return l;return"🔧"};return t.map((a,i)=>({id:`tool-${i+1}`,name:a.toolName||`Tool ${i+1}`,type:a.type||r(a.toolName||""),runs:a.count||0,responseTime:a.avgResponseTime?`${Math.round(a.avgResponseTime)}s`:"0s",tokens:a.tokens||Math.floor((a.count||0)*50),successRate:a.successRate?`${Math.round(a.successRate)}%`:"92%",lastRun:a.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:n(a.toolName||"")}))}transformModelsListViewToTable(t){if(!Array.isArray(t))return console.warn("Invalid listView data for models:",t),[];const r=n=>{const a=n.toLowerCase();return a.includes("gpt")||a.includes("openai")?"⚡":a.includes("claude")||a.includes("anthropic")?"A":a.includes("gemini")||a.includes("google")?"G":a.includes("llama")||a.includes("meta")?"M":"🤖"};return t.map((n,a)=>({id:`model-${a+1}`,name:n.modelName||`Model ${a+1}`,runs:n.count||0,responseTime:n.avgResponseTime?`${Math.round(n.avgResponseTime)}s`:"0s",tokens:n.tokens||Math.floor((n.count||0)*300),successRate:n.successRate?`${Math.round(n.successRate)}%`:"98%",lastRun:n.lastRun||new Date(Date.now()-Math.random()*7*24*60*60*1e3).toLocaleDateString(),icon:r(n.modelName||"")}))}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"}],n=a=>{const i=a.toLowerCase(),o={calculate:"🎯",risk:"⭐",mortgage:"🔵",analyse:"⚡",fetch:"💜",workflow:"🔄",search:"🔍"};for(const[s,l]of Object.entries(o))if(i.includes(s))return l;return"🔧"};return t.forEach(a=>{a.toolName&&r.push({label:a.toolName,value:a.toolName.replace(/[-]/g,""),icon:n(a.toolName)})}),r}extractModelControlOptions(t){if(!Array.isArray(t))return[{label:"All Models",value:"all"}];const r=[{label:"All Models",value:"all"}],n=a=>{const i=a.toLowerCase();return i.includes("gpt")||i.includes("openai")?"⚡":i.includes("claude")||i.includes("anthropic")?"A":i.includes("gemini")||i.includes("google")?"G":i.includes("llama")||i.includes("meta")?"M":"🤖"};return t.forEach(a=>{a.modelName&&r.push({label:a.modelName,value:a.modelName.replace(/[-\.]/g,""),icon:n(a.modelName)})}),r}async fetchTimeSeriesDataWithTableData(t,r,n,a,i="day",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="day",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="day",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 agent executions",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:"#06b6d4",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:`Code: ${t.data.toolRuns.codeTools}, Library: ${t.data.toolRuns.libraryTools}, Knowledge: ${t.data.toolRuns.knowledgeTools}, MCP: ${t.data.toolRuns.mcpTools}`,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:"#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: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 model inferences",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:"#10b981",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="day",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:"Total number of unique users",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:"#8b5cf6",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:"Total number of user sessions",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:"#06b6d4",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:`Input: ${t.data.messages.input}, Output: ${t.data.messages.output}`,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:"#e879f9",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:`Input: ${t.data.tokens.input}, Output: ${t.data.tokens.output}`,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:"#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: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,u=Math.floor(l*.3+Math.random()*(l*.1)),c=Math.floor(l*.25+Math.random()*(l*.1)),f=Math.floor(l*.2+Math.random()*(l*.1)),d=Math.floor(l*.15+Math.random()*(l*.1)),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,n),this.fetchRunsCards(t,r,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="day",a=[]){try{const[i,o]=await Promise.all([this.fetchUsageAnalyticsCards(t,r,a),this.fetchRunsCards(t,r,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="day",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}}static getDateRange(t=30){const r=new Date,n=new Date;return n.setDate(r.getDate()-t),{fromTimestamp:n.toISOString(),toTimestamp:r.toISOString()}}getAvailableMetrics(){return{"usage-analytics":["sessions","messages","users","tokens"],runs:["agent-runs","model-runs","tool-runs"]}}}const m8=({config:e,appConfig:t,className:r,onExport:n,onDraftChange:a,onTimeRangeChange:i})=>{var W;const{title:o,subtitle:s,sections:l,globalControls:u,layout:c={columns:12,gap:24,responsive:!0}}=e,[f,d]=O.useState(!1),[h,m]=O.useState(!1),[y,v]=O.useState(null),[b,w]=O.useState(l),[x,A]=O.useState([]),[p,g]=O.useState(!1),S=O.useRef(null);O.useEffect(()=>{if(t)try{S.current=new ea(t),P(),E()}catch(_){console.error("Failed to initialize API service:",_),v("Failed to initialize API service")}},[t]);const P=async()=>{if(!(!S.current||!t)){g(!0);try{const _=await S.current.fetchEnvironments();A(_),console.log("🌍 Environments loaded:",_.map(D=>D.envName))}catch(_){console.error("Error loading environments:",_)}finally{g(!1)}}},E=async()=>{if(!(!S.current||!t)){d(!0),v(null);try{const _=S.current.getDefaultTimeRange();console.log("📊 Loading dashboard data with date range:",{fromTimestamp:_.fromTimestamp,toTimestamp:_.toTimestamp,fromDate:new Date(_.fromTimestamp).toLocaleDateString(),toDate:new Date(_.toTimestamp).toLocaleDateString()});const D=await S.current.fetchAllCardsDataWithEnhancedViews(_.fromTimestamp,_.toTimestamp,"day");console.log("✅ Enhanced cards data loaded successfully:",D),console.log("📈 Data covers period:",{from:new Date(_.fromTimestamp).toLocaleDateString(),to:new Date(_.toTimestamp).toLocaleDateString()});const U=l.map($=>$.id==="usage-analytics"?(console.log("Updating usage-analytics section with enhanced data"),{...$,metrics:D.usageAnalytics}):$.id==="runs"?(console.log("Updating runs section with enhanced data including table and controls"),{...$,metrics:D.runs}):$);w(U)}catch(_){console.error("Error loading initial data:",_),v("Failed to load dashboard data"),w(l)}finally{d(!1)}}},R=async(_,D)=>{if(!(!S.current||!t||!D.metricType)){w(U=>U.map($=>$.id===_?{...$,metrics:$.metrics.map(C=>({...C,highlighted:C.metricType===D.metricType}))}:$)),m(!0);try{const U=t.defaultTimeRange||ea.getDateRange(30);let $,C;if(["users","sessions","messages","tokens"].includes(D.metricType))$="usage-analytics",C=D.metricType;else if(["agentRuns","toolRuns","modelRuns"].includes(D.metricType))$="runs",C=D.metricType==="agentRuns"?"agent-runs":D.metricType==="toolRuns"?"tool-runs":"model-runs";else return;const I=await S.current.fetchTimeSeriesData(C,$,U.fromTimestamp,U.toTimestamp),L=S.current.transformTimeSeriesDataForMetric(I,D.metricType);console.log("Time series response for",D.title,":",I),console.log("Transformed data for",D.title,":",L),console.log("Metric type used for transformation:",D.metricType);const G=(Q=>({users:"users",sessions:"sessions",messages:"messages",tokens:"totalTokens",agentRuns:"agentRuns",toolRuns:"toolRuns",modelRuns:"modelRuns"})[Q]||"count")(D.metricType||"count");console.log("Using dataKey for metric",D.metricType,":",G),w(Q=>Q.map(J=>{if(J.id===_){const ee={...J,view:{...J.view,chart:J.view.chart?{...J.view.chart,data:L,dataKey:G,lines:[{dataKey:G,color:J.view.chart.color||"#3b82f6",label:D.title,strokeWidth:2}]}:{type:"line",data:L,dataKey:G,lines:[{dataKey:G,color:"#3b82f6",label:D.title,strokeWidth:2}],yAxisLabel:D.title}}};return console.log("Updated section for",_,":",ee),console.log("Chart config set:",ee.view.chart),ee}return J}))}catch(U){console.error("Error loading metric data:",U),v(`Failed to load ${D.title} data`)}finally{m(!1)}}},k=_=>{var D,U;if((U=(D=u==null?void 0:u.draft)==null?void 0:D.onChange)==null||U.call(D,_),a==null||a(_),t&&S.current){const $={...t,environment:_};S.current.updateConfig($),E()}},M=_=>{var D,U;if(console.log("🗓️ Time range change requested:",_),typeof _=="string"&&((U=(D=u==null?void 0:u.timeRange)==null?void 0:D.onChange)==null||U.call(D,_)),i==null||i(_),t&&S.current){let $=null;if(typeof _=="object"&&_.from&&_.to)$={fromTimestamp:_.from.toISOString(),toTimestamp:_.to.toISOString()},console.log("📅 Converting DateRange to API format:",$);else if(typeof _=="string"){const I={"24h":1,"7d":7,"30d":30,"90d":90}[_];I&&($=ea.getDateRange(I),console.log(`📅 Converting preset "${_}" (${I} days) to API format:`,$))}if($){const C={...t,defaultTimeRange:$};console.log("🔄 Updating API configuration with new date range:",C.defaultTimeRange),S.current.updateConfig(C),console.log("🚀 Reloading dashboard data with new date range..."),E()}else console.warn("⚠️ Unable to convert time range value to API format:",_)}},B=(_="csv")=>{var D,U;(U=(D=u==null?void 0:u.export)==null?void 0:D.onExport)==null||U.call(D,_),n==null||n()},F=()=>{t&&S.current&&E()};return T.jsxs("div",{className:le("mx-auto p-6",r),children:[T.jsx("div",{className:"mb-8",children:T.jsxs("div",{className:"flex items-center justify-between",children:[T.jsxs("div",{children:[T.jsx("h1",{className:"text-3xl font-bold text-gray-900",children:o}),s&&T.jsx("p",{className:"text-gray-600 mt-2",children:s}),y&&T.jsx("p",{className:"text-red-600 mt-2 text-sm",children:y})]}),T.jsxs("div",{className:"flex items-center gap-3",children:[t&&T.jsxs(Es,{variant:"outline",onClick:F,disabled:f||h,className:"gap-2",children:[T.jsx(e0,{className:le("h-4 w-4",(f||h)&&"animate-spin")}),"Refresh"]}),u&&T.jsxs(T.Fragment,{children:[u.draft&&T.jsx(_s,{options:x.length>0?x.map(_=>({label:_.envName.charAt(0).toUpperCase()+_.envName.slice(1),value:_.envName})):u.draft.options,value:u.draft.defaultValue,placeholder:p?"Loading environments...":u.draft.label,onChange:k,className:"min-w-[200px]",disabled:f||h||p}),u.timeRange&&(u.timeRange.useDatePicker?(console.log("🗓️ Dashboard: Rendering DateRangePicker with defaultValue:",u.timeRange.defaultValue),T.jsx(jb,{defaultValue:u.timeRange.defaultValue,onDateRangeChange:_=>{console.log("🗓️ Dashboard: DateRangePicker callback received:",_),_&&M(_)}})):T.jsxs("div",{className:"flex items-center gap-2",children:[T.jsx(hf,{className:"h-4 w-4 text-gray-500"}),T.jsx(_s,{options:u.timeRange.options||[],value:u.timeRange.defaultValue,placeholder:u.timeRange.label,onChange:M,className:"min-w-[200px]",disabled:f||h})]})),((W=u.export)==null?void 0:W.enabled)&&T.jsxs(Es,{variant:"outline",onClick:()=>B(),className:"gap-2",disabled:f||h,children:[T.jsx(Zb,{className:"h-4 w-4"}),"Export"]})]})]})]})}),T.jsx("div",{className:le("grid gap-6",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:b.map(_=>{var D,U,$,C;return T.jsx(gb,{section:_,isLoading:f,isChartLoading:h,onMetricClick:I=>R(_.id,I),className:le(c.responsive&&((D=_.layout)==null?void 0:D.span)===12&&"lg:col-span-12",c.responsive&&((U=_.layout)==null?void 0:U.span)===6&&"lg:col-span-6",c.responsive&&(($=_.layout)==null?void 0:$.span)===4&&"lg:col-span-4",c.responsive&&((C=_.layout)==null?void 0:C.span)===3&&"lg:col-span-3")},_.id)})})]})},Ns=["Portfolio Analysis Expert","Mortgage Evaluator","Credit Risk Specialist","Asset Valuation Analyst","Liability Assessment Advisor"],Ds=["calculate-creditScore","calculate-risk","calculate-mortgage","analyse-expenses","fetch-statement"],Is=["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"],g8=(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),m=Math.floor(d*8+Math.random()*300),y=Math.floor(h*.3+Math.random()*100),v=Math.floor(h*.25+Math.random()*80),b=Math.floor(h*.2+Math.random()*60),w=Math.floor(h*.15+Math.random()*50),x={};Ns.forEach(g=>{const S=g.replace(/\s+/g,"").toLowerCase(),P=Math.floor(d/Ns.length);x[S]=Math.floor(P+Math.random()*(P*.5))});const A={};Ds.forEach(g=>{const S=g.replace(/[-]/g,""),P=Math.floor(h/Ds.length);A[S]=Math.floor(P+Math.random()*(P*.8))});const p={};Is.forEach(g=>{const S=g.replace(/[-\.]/g,""),P=Math.floor(m/Is.length);p[S]=Math.floor(P+Math.random()*(P*.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:m,codeTools:y,workflowTools:v,knowledgeTools:b,mcpTools:w,...x,...A,...p,value:o})}return t},b8=()=>{const e=[];return Ns.forEach((t,r)=>{e.push({id:`agent-${r+1}`,name:t,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=${t.replace(/\s+/g,"")}&backgroundColor=b6e3f4,c0aede,d1d4f9&backgroundType=solid`})}),e},x8=()=>{const e=t=>t.includes("calculate-creditscore")?"Code Tool":t.includes("calculate-risk")?"Workflow Tool":t.includes("calculate-mortgage")?"MCP Tool":t.includes("analyse-expenses")?"Workflow Tool":t.includes("fetch-statement")?"Knowledge":"Code Tool";return Ds.map((t,r)=>({id:`tool-${r+1}`,name:t,type:e(t),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()}))},w8=()=>Is.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()})),Hr=g8(),O8=b8(),S8=x8(),A8=w8(),T8={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:Hr,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:Hr,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:Hr,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:Hr,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:Hr,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:O8,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"},...Ns.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:Hr,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:S8,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"},...Ds.map(e=>{const t=r=>({"calculate-creditscore":"🎯","calculate-risk":"⭐","calculate-mortgage":"🔵","analyse-expenses":"⚡","fetch-statement":"💜"})[r]||"🔧";return{label:e,value:e.replace(/[-]/g,""),icon:t(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:Hr,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:A8,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"},...Is.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}}]},Gt={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"]}},P8={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"}},_8={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"}},E8={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"}},kb=(e,t)=>e.primary[t%e.primary.length],xi=(e,t)=>e.semantic[t],$8=(e,t)=>{var r;return((r=e.gradients)==null?void 0:r[t])||[e.primary[0],e.primary[1]]},Nb=(e,t=Gt)=>e.map((r,n)=>({...r,color:kb(t,n)})),Rs=((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),m=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:m,value:o})}return t})(),j8={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:Rs,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:Rs,lines:Nb([{dataKey:"agentRuns",label:"Agent Runs"},{dataKey:"toolRuns",label:"Tool Runs"},{dataKey:"modelRuns",label:"Model Runs"},{dataKey:"totalTokens",label:"Total Tokens"}],Gt),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:Rs,lines:[{dataKey:"users",color:xi(Gt,"success"),label:"Successful Operations",strokeWidth:3},{dataKey:"sessions",color:xi(Gt,"warning"),label:"Warning Events",strokeWidth:2},{dataKey:"messages",color:xi(Gt,"error"),label:"Error Events",strokeWidth:2},{dataKey:"totalTokens",color:xi(Gt,"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:Rs,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}}]},C8={manualColors:{line1:"#8b5cf6",line2:"#06b6d4",line3:"#f97316",line4:"#10b981"},paletteColors:Gt.primary,semanticColors:Gt.semantic,gradientColors:Gt.gradients},M8={baseUrl:"http://dev.kore.ai",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()-30*24*60*60*1e3).toISOString(),toTimestamp:new Date().toISOString()},refreshInterval:3e4},k8={id:"agentic-analytics-dashboard",title:"Dashboard",subtitle:"Monitor and review the usage of your agentic app.",sections:[{id:"usage-analytics",title:"Sessions",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:"Runs",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"},{label:"Last 90 days",value:"90d"}],defaultValue:"30d"},export:{enabled:!1,formats:["csv","json"],onExport:e=>{console.log(`Exporting in ${e} format`)}}},layout:{columns:12,gap:24,responsive:!0}},N8=`
 // In your Angular component (usage-analytics.component.ts)
 import { Dashboard, apiEnabledDashboardConfig, agenticAppConfig } from '@agentic/ui-libs';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentic-ui-libs",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "type": "module",
   "description": "A modular, config-driven analytics library for React and Angular applications",
   "main": "dist/index.js",