@newrelic/preflight 1.15.6 → 1.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/config.d.ts +3 -0
- package/dist/config.d.ts.map +1 -1
- package/dist/config.js +3 -0
- package/dist/config.js.map +1 -1
- package/dist/dashboard/dashboard-server.d.ts.map +1 -1
- package/dist/dashboard/dashboard-server.js +15 -0
- package/dist/dashboard/dashboard-server.js.map +1 -1
- package/dist/dashboard/routes/api-handler.d.ts +26 -18
- package/dist/dashboard/routes/api-handler.d.ts.map +1 -1
- package/dist/dashboard/routes/api-handler.js +23 -15
- package/dist/dashboard/routes/api-handler.js.map +1 -1
- package/dist/data/copilot-pricing/README.md +42 -0
- package/dist/data/copilot-pricing/pricing.json +54 -0
- package/dist/data/copilot-sdk-extension/extension.mjs +123 -0
- package/dist/deploy/data-paths.d.ts +6 -4
- package/dist/deploy/data-paths.d.ts.map +1 -1
- package/dist/deploy/data-paths.js +5 -3
- package/dist/deploy/data-paths.js.map +1 -1
- package/dist/hooks/collector-script.d.ts +12 -3
- package/dist/hooks/collector-script.d.ts.map +1 -1
- package/dist/hooks/collector-script.js +70 -18
- package/dist/hooks/collector-script.js.map +1 -1
- package/dist/hooks/copilot-sdk-usage-mapper.d.ts +45 -0
- package/dist/hooks/copilot-sdk-usage-mapper.d.ts.map +1 -0
- package/dist/hooks/copilot-sdk-usage-mapper.js +73 -0
- package/dist/hooks/copilot-sdk-usage-mapper.js.map +1 -0
- package/dist/hooks/copilot-usage-watcher.d.ts +109 -0
- package/dist/hooks/copilot-usage-watcher.d.ts.map +1 -0
- package/dist/hooks/copilot-usage-watcher.js +436 -0
- package/dist/hooks/copilot-usage-watcher.js.map +1 -0
- package/dist/index.d.ts +11 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +162 -70
- package/dist/index.js.map +1 -1
- package/dist/metrics/copilot-pricing-overlay.d.ts +42 -0
- package/dist/metrics/copilot-pricing-overlay.d.ts.map +1 -0
- package/dist/metrics/copilot-pricing-overlay.js +97 -0
- package/dist/metrics/copilot-pricing-overlay.js.map +1 -0
- package/dist/metrics/git-efficiency-tracker.d.ts +12 -1
- package/dist/metrics/git-efficiency-tracker.d.ts.map +1 -1
- package/dist/metrics/git-efficiency-tracker.js +18 -3
- package/dist/metrics/git-efficiency-tracker.js.map +1 -1
- package/dist/metrics/local-session-aggregator.d.ts +164 -0
- package/dist/metrics/local-session-aggregator.d.ts.map +1 -0
- package/dist/metrics/local-session-aggregator.js +444 -0
- package/dist/metrics/local-session-aggregator.js.map +1 -0
- package/dist/platforms/copilot-adapter.d.ts +1 -1
- package/dist/platforms/copilot-adapter.d.ts.map +1 -1
- package/dist/platforms/copilot-adapter.js +64 -10
- package/dist/platforms/copilot-adapter.js.map +1 -1
- package/dist/platforms/copilot-sdk-adapter.d.ts +24 -0
- package/dist/platforms/copilot-sdk-adapter.d.ts.map +1 -0
- package/dist/platforms/copilot-sdk-adapter.js +173 -0
- package/dist/platforms/copilot-sdk-adapter.js.map +1 -0
- package/dist/platforms/index.d.ts +1 -0
- package/dist/platforms/index.d.ts.map +1 -1
- package/dist/platforms/index.js +1 -0
- package/dist/platforms/index.js.map +1 -1
- package/dist/platforms/platform-registry.d.ts.map +1 -1
- package/dist/platforms/platform-registry.js +13 -11
- package/dist/platforms/platform-registry.js.map +1 -1
- package/dist/storage/session-store.d.ts +9 -0
- package/dist/storage/session-store.d.ts.map +1 -1
- package/dist/storage/session-store.js +213 -20
- package/dist/storage/session-store.js.map +1 -1
- package/dist/web/assets/{index-BasTEtUs.js → index-Bwc4qaqj.js} +1 -1
- package/dist/web/assets/index-DwdSz9gz.css +2 -0
- package/dist/web/index.html +2 -2
- package/package.json +2 -2
- package/dist/web/assets/index-BI-2ELf2.css +0 -2
|
@@ -61,4 +61,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
61
61
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function tR(e,t){if(e){if(typeof e==`string`)return nR(e,t);var n={}.toString.call(e).slice(8,-1);return n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`?Array.from(e):n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?nR(e,t):void 0}}function nR(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function rR(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r,i,a,o,s=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,t===0){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw i}}return s}}function iR(e){if(Array.isArray(e))return e}function aR(){return aR=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},aR.apply(null,arguments)}function oR(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function sR(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?oR(Object(n),!0).forEach(function(t){cR(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):oR(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function cR(e,t,n){return(t=lR(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function lR(e){var t=uR(e,`string`);return typeof t==`symbol`?t:t+``}function uR(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function dR(e,t){if(e==null)return{};var n,r,i=fR(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function fR(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var pR=e=>{var t=e.dataKey,n=e.name,r=e.fill,i=e.legendType;return[{inactive:e.hide,dataKey:t,type:i,color:r,value:Xd(n,t),payload:e}]},mR=F.memo(e=>{var t=e.dataKey,n=e.stroke,r=e.strokeWidth,i=e.fill,a=e.name,o=e.hide,s=e.unit,c=e.formatter,l=e.tooltipType,u=e.id,d={dataDefinedOnItem:void 0,getPosition:za,settings:{stroke:n,strokeWidth:r,fill:i,dataKey:t,nameKey:void 0,name:Xd(a,t),hide:o,type:l,color:i,unit:s,formatter:c,graphicalItemId:u}};return F.createElement(TM,{tooltipEntrySettings:d})});function hR(e){var t=G(JD),n=e.data,r=e.dataKey,i=e.background,a=e.allOtherBarProps,o=a.onMouseEnter,s=a.onMouseLeave,c=a.onClick,l=dR(a,YL),u=SM(o,r,a.id),d=CM(s),f=wM(c,r,a.id);if(!i||n==null)return null;var p=na(i);return F.createElement(QO,{zIndex:mP(i,B_.barBackground)},n.map((e,n)=>{e.value;var a=e.background;e.tooltipPosition;var o=dR(e,XL);if(!a)return null;var s=u(e,e.originalDataIndex),c=d(e,e.originalDataIndex),m=f(e,e.originalDataIndex),h=sR(sR(sR(sR(sR({option:i,isActive:String(e.originalDataIndex)===t},o),{},{fill:`#eee`},a),p),$o(l,e,n)),{},{onMouseEnter:s,onMouseLeave:c,onClick:m,dataKey:r,index:n,className:`recharts-bar-background-rectangle`});return F.createElement(OL,aR({key:`background-bar-${n}`},h))}))}function gR(e){var t=e.showLabels,n=e.children,r=e.rects?.map(e=>{var t={x:e.x,y:e.y,width:e.width,lowerWidth:e.width,upperWidth:e.width,height:e.height};return sR(sR({},t),{},{value:e.value,payload:e.payload,parentViewBox:e.parentViewBox,viewBox:t,fill:e.fill})});return F.createElement(Gj,{value:t?r:void 0},n)}function _R(e){var t=e.shape,n=e.activeBar,r=e.baseProps,i=e.entry,a=e.index,o=e.dataKey,s=G(JD),c=G(XD),l=n&&String(i.originalDataIndex)===s&&(c==null||o===c),u=s!=null&&(String(i.originalDataIndex)!==s||c!=null&&o!==c),d=$L((0,F.useState)(!1),2),f=d[0],p=d[1],m=$L((0,F.useState)(!1),2),h=m[0],g=m[1];(0,F.useEffect)(()=>{var e;return l?(p(!0),e=requestAnimationFrame(()=>{g(!0)})):(g(!1),u&&p(!1)),()=>{cancelAnimationFrame(e)}},[l,u]);var _=(0,F.useCallback)(()=>{l||p(!1)},[l]),v=l&&h,y=l||f,b=l?n===!0?t:n:t,x=F.createElement(OL,aR({},r,{name:String(r.name)},i,{isActive:v,option:b,index:a,dataKey:o,animationElapsedTime:e.animationElapsedTime,isAnimating:e.isAnimating,isEntrance:e.isEntrance,onTransitionEnd:_}));return y?F.createElement(QO,{zIndex:B_.activeBar},F.createElement(JL,{index:i.originalDataIndex},x)):x}function vR(e){var t=e.shape,n=e.baseProps,r=e.entry,i=e.index,a=e.dataKey;return F.createElement(OL,aR({},n,{name:String(n.name)},r,{isActive:!1,option:t,index:i,dataKey:a,animationElapsedTime:e.animationElapsedTime,isAnimating:e.isAnimating,isEntrance:e.isEntrance}))}function yR(e){var t=e.data,n=e.props,r=e.animationElapsedTime,i=e.isAnimating,a=e.isEntrance,o=ta(n)??{},s=o.id,c=dR(o,ZL),l=n.shape,u=n.dataKey,d=n.activeBar,f=n.onMouseEnter,p=n.onClick,m=n.onMouseLeave,h=dR(n,QL),g=SM(f,u,s),_=CM(m),v=wM(p,u,s);return t?F.createElement(F.Fragment,null,t.map((e,t)=>F.createElement(JL,aR({index:e.originalDataIndex,key:`rectangle-${e?.x}-${e?.y}-${e?.value}-${t}`,className:`recharts-bar-rectangle`},$o(h,e,t),{onMouseEnter:g(e,e.originalDataIndex),onMouseLeave:_(e,e.originalDataIndex),onClick:v(e,e.originalDataIndex)}),d?F.createElement(_R,{shape:l,activeBar:d,baseProps:c,entry:e,index:t,dataKey:u,animationElapsedTime:r,isAnimating:i,isEntrance:a}):F.createElement(vR,{shape:l,baseProps:c,entry:e,index:t,dataKey:u,animationElapsedTime:r,isAnimating:i,isEntrance:a})))):null}var bR=(e,t,n)=>e==null?[]:t===1?e.flatMap(e=>e.status===`removed`?[]:[e.next]):e.flatMap(e=>{if(e.status===`removed`)return n===`horizontal`?[sR(sR({},e.prev),{},{height:Pa(e.prev.height,0,t),y:Pa(e.prev.y,e.prev.y+e.prev.height,t)})]:[sR(sR({},e.prev),{},{width:Pa(e.prev.width,0,t)})];if(e.status===`matched`)return[sR(sR({},e.next),{},{x:Pa(e.prev.x,e.next.x,t),y:Pa(e.prev.y,e.next.y,t),width:Pa(e.prev.width,e.next.width,t),height:Pa(e.prev.height,e.next.height,t)})];var r=e.next;return n===`horizontal`?[sR(sR({},r),{},{height:Pa(0,r.height,t),y:Pa(r.stackedBarStart,r.y,t)})]:[sR(sR({},r),{},{width:Pa(0,r.width,t),x:Pa(r.stackedBarStart,r.x,t)})]});function xR(e){var t=e.props,n=e.previousRectanglesRef,r=t.data,i=t.isAnimationActive,a=t.animationBegin,o=t.animationDuration,s=t.animationEasing,c=t.animationInterpolateFn,l=t.layout,u=JM(t.onAnimationStart,t.onAnimationEnd),d=u.isAnimating,f=u.handleAnimationStart,p=u.handleAnimationEnd;return F.createElement(gR,{showLabels:!d,rects:r},F.createElement(YM,{animationInput:r,animationIdPrefix:`recharts-bar-`,items:r,previousItemsRef:n,isAnimationActive:i,animationBegin:a,animationDuration:o,animationEasing:s,onAnimationStart:f,onAnimationEnd:p,animationInterpolateFn:c,animationMatchBy:t.animationMatchBy,layout:l},(e,n,r)=>F.createElement(ma,null,F.createElement(yR,{props:t,data:e,animationElapsedTime:n,isAnimating:d||n<1,isEntrance:r}))),F.createElement(Xj,{label:t.label}),t.children)}function SR(e){var t=(0,F.useRef)(null);return F.createElement(xR,{previousRectanglesRef:t,props:e})}var CR=0,wR=(e,t)=>{var n=Array.isArray(e.value)?e.value[1]:e.value;return{x:e.x,y:e.y,value:n,errorVal:jd(e,t)}},TR=class extends F.PureComponent{render(){var e=this.props,t=e.hide,n=e.data,r=e.dataKey,i=e.className,a=e.xAxisId,o=e.yAxisId,s=e.needClip,c=e.background,l=e.id;if(t||n==null)return null;var u=Yi(`recharts-bar`,i),d=l;return F.createElement(ma,{className:u,id:l},s&&F.createElement(`defs`,null,F.createElement(DI,{clipPathId:d,xAxisId:a,yAxisId:o})),F.createElement(ma,{className:`recharts-bar-rectangles`,clipPath:s?`url(#clipPath-${d})`:void 0},F.createElement(hR,{data:n,dataKey:r,background:c,allOtherBarProps:this.props}),F.createElement(SR,this.props)))}},ER={activeBar:!1,animationBegin:0,animationDuration:400,animationEasing:`ease`,animationInterpolateFn:bR,animationMatchBy:PM,background:!1,hide:!1,isAnimationActive:`auto`,label:!1,legendType:`rect`,minPointSize:CR,shape:DL,xAxisId:0,yAxisId:0,zIndex:B_.bar};function DR(e){var t=e.xAxisId,n=e.yAxisId,r=e.hide,i=e.legendType,a=e.minPointSize,o=e.activeBar,s=e.animationBegin,c=e.animationDuration,l=e.animationEasing,u=e.isAnimationActive,d=EI(t,n).needClip,f=dp(),p=xf(),m=lM(e.children,Qk),h=G(t=>zL(t,e.id,p,m));if(f!==`vertical`&&f!==`horizontal`)return null;var g,_=h?.[0];return g=_==null||_.height==null||_.width==null?0:f===`vertical`?_.height/2:_.width/2,F.createElement(TI,{xAxisId:t,yAxisId:n,data:h,dataPointFormatter:wR,errorBarOffset:g},F.createElement(TR,aR({},e,{layout:f,needClip:d,data:h,xAxisId:t,yAxisId:n,hide:r,legendType:i,minPointSize:a,activeBar:o,animationBegin:s,animationDuration:c,animationEasing:l,isAnimationActive:u})))}function OR(e){var t=e.layout,n=e.barSettings,r=n.dataKey,i=n.minPointSize,a=n.hasCustomShape,o=e.pos,s=e.bandSize,c=e.xAxis,l=e.yAxis,u=e.xAxisTicks,d=e.yAxisTicks,f=e.stackedData,p=e.displayedData,m=e.offset,h=e.cells,g=e.parentViewBox,_=e.dataStartIndex,v=t===`horizontal`?l:c,y=f?v.scale.domain():null,b=Hd({numericAxis:v}),x=v.scale.map(b);return p.map((e,n)=>{var p,v,S,C,w,T;if(f){var E=f[n+_];if(E==null)return null;p=Id(E,y)}else p=jd(e,r),Array.isArray(p)||(p=[b,p]);var D=kL(i,CR)(p[1],n);if(t===`horizontal`){var O=l.scale.map(p[0]),k=l.scale.map(p[1]);if(O==null||k==null)return null;v=Vd({axis:c,ticks:u,bandSize:s,offset:o.offset,entry:e,index:n}),S=k??O??void 0,C=o.size;var A=O-k;if(w=Da(A)?0:A,T={x:v,y:m.top,width:C,height:m.height},Math.abs(D)>0&&Math.abs(w)<Math.abs(D)){var j=Ea(w||D)*(Math.abs(D)-Math.abs(w));S-=j,w+=j}}else{var ee=c.scale.map(p[0]),M=c.scale.map(p[1]);if(ee==null||M==null)return null;if(v=ee,S=Vd({axis:l,ticks:d,bandSize:s,offset:o.offset,entry:e,index:n}),C=M-ee,w=o.size,T={x:m.left,y:S,width:m.width,height:w},Math.abs(D)>0&&Math.abs(C)<Math.abs(D)){var te=Ea(C||D)*(Math.abs(D)-Math.abs(C));C+=te}}return v==null||S==null||C==null||w==null||!a&&(C===0||w===0)?null:sR(sR({},e),{},{stackedBarStart:x,x:v,y:S,width:C,height:w,value:f?p:p[1],payload:e,background:T,tooltipPosition:{x:v+C/2,y:S+w/2},parentViewBox:g,originalDataIndex:n},h&&h[n]&&h[n].props)}).filter(Boolean)}function kR(e){var t=as(e,ER),n=GL(t.stackId),r=xf();return F.createElement(aN,{id:t.id,type:`bar`},e=>F.createElement(F.Fragment,null,F.createElement(EM,{legendPayload:pR(t)}),F.createElement(mR,{dataKey:t.dataKey,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,formatter:t.formatter,tooltipType:t.tooltipType,id:e}),F.createElement(fN,{type:`bar`,id:e,data:void 0,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,dataKey:t.dataKey,stackId:n,hide:t.hide,barSize:t.barSize,minPointSize:t.minPointSize,maxBarSize:t.maxBarSize,isPanorama:r,hasCustomShape:t.shape!=null&&t.shape!==DL}),F.createElement(QO,{zIndex:t.zIndex},F.createElement(DR,aR({},t,{id:e})))))}var AR=F.memo(kR,Bp);AR.displayName=`Bar`;var jR=[`domain`,`range`],MR=[`domain`,`range`];function NR(e,t){if(e==null)return{};var n,r,i=PR(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function PR(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function FR(e,t){return e===t?!0:Array.isArray(e)&&e.length===2&&Array.isArray(t)&&t.length===2?e[0]===t[0]&&e[1]===t[1]:!1}function IR(e,t){if(e===t)return!0;var n=e.domain,r=e.range,i=NR(e,jR),a=t.domain,o=t.range,s=NR(t,MR);return!FR(n,a)||!FR(r,o)?!1:Bp(i,s)}var LR=[`type`],RR=[`dangerouslySetInnerHTML`,`ticks`,`scale`],zR=[`id`,`scale`];function BR(){return BR=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},BR.apply(null,arguments)}function VR(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function HR(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?VR(Object(n),!0).forEach(function(t){UR(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):VR(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function UR(e,t,n){return(t=WR(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function WR(e){var t=GR(e,`string`);return typeof t==`symbol`?t:t+``}function GR(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function KR(e,t){if(e==null)return{};var n,r,i=qR(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function qR(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function JR(e){var t=Ws(),n=(0,F.useRef)(null),r=fp(),i=e.type,a=KR(e,LR),o=W_(r,`xAxis`,i),s=(0,F.useMemo)(()=>{if(o!=null)return HR(HR({},a),{},{type:o})},[a,o]);return(0,F.useLayoutEffect)(()=>{s!=null&&(n.current===null?t(MN(s)):n.current!==s&&t(NN({prev:n.current,next:s})),n.current=s)},[s,t]),(0,F.useLayoutEffect)(()=>()=>{n.current&&=(t(PN(n.current)),null)},[t]),null}var YR=e=>{var t=e.xAxisId,n=e.className,r=e.height,i=e.label,a=(0,F.useRef)(null),o=(0,F.useRef)(null),s=G(yf),c=xf(),l=Ws(),u=`xAxis`,d=G(e=>CE(e,u,t,c)),f=G(e=>dE(e,t)),p=G(e=>gE(e,t)),m=G(e=>Sw(e,t));if((0,F.useLayoutEffect)(()=>{if(!(r!==`auto`||!f||Oj(i)||(0,F.isValidElement)(i)||m==null)){var e=a.current;if(e){var n=e.getCalculatedHeight();Math.round(f.height)!==Math.round(n)&&l(zN({id:t,height:n}))}}},[d,f,l,i,t,r,m]),f==null||p==null||m==null)return null;e.dangerouslySetInnerHTML,e.ticks,e.scale;var h=KR(e,RR);m.id,m.scale;var g=KR(m,zR);return F.createElement(qF,BR({},h,g,{ref:a,labelRef:o,x:p.x,y:p.y,width:f.width,height:f.height,className:Yi(`recharts-${u} ${u}`,n),viewBox:s,ticks:d,axisType:u,axisId:t}))},XR={allowDataOverflow:xw.allowDataOverflow,allowDecimals:xw.allowDecimals,allowDuplicatedCategory:xw.allowDuplicatedCategory,angle:xw.angle,axisLine:RF.axisLine,height:xw.height,hide:!1,includeHidden:xw.includeHidden,interval:xw.interval,label:!1,minTickGap:xw.minTickGap,mirror:xw.mirror,orientation:xw.orientation,padding:xw.padding,reversed:xw.reversed,scale:xw.scale,tick:xw.tick,tickCount:xw.tickCount,tickLine:RF.tickLine,tickSize:RF.tickSize,type:xw.type,niceTicks:xw.niceTicks,xAxisId:0},ZR=F.memo(e=>{var t=as(e,XR);return F.createElement(F.Fragment,null,F.createElement(JR,{allowDataOverflow:t.allowDataOverflow,allowDecimals:t.allowDecimals,allowDuplicatedCategory:t.allowDuplicatedCategory,angle:t.angle,dataKey:t.dataKey,domain:t.domain,height:t.height,hide:t.hide,id:t.xAxisId,includeHidden:t.includeHidden,interval:t.interval,minTickGap:t.minTickGap,mirror:t.mirror,name:t.name,orientation:t.orientation,padding:t.padding,reversed:t.reversed,scale:t.scale,tick:t.tick,tickCount:t.tickCount,tickFormatter:t.tickFormatter,ticks:t.ticks,type:t.type,unit:t.unit,niceTicks:t.niceTicks}),F.createElement(YR,t))},IR);ZR.displayName=`XAxis`;var QR=[`type`],$R=[`dangerouslySetInnerHTML`,`ticks`,`scale`],ez=[`id`,`scale`];function tz(){return tz=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},tz.apply(null,arguments)}function nz(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function rz(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?nz(Object(n),!0).forEach(function(t){iz(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nz(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function iz(e,t,n){return(t=az(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function az(e){var t=oz(e,`string`);return typeof t==`symbol`?t:t+``}function oz(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function sz(e,t){if(e==null)return{};var n,r,i=cz(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function cz(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function lz(e){var t=Ws(),n=(0,F.useRef)(null),r=fp(),i=e.type,a=sz(e,QR),o=W_(r,`yAxis`,i),s=(0,F.useMemo)(()=>{if(o!=null)return rz(rz({},a),{},{type:o})},[o,a]);return(0,F.useLayoutEffect)(()=>{s!=null&&(n.current===null?t(FN(s)):n.current!==s&&t(IN({prev:n.current,next:s})),n.current=s)},[s,t]),(0,F.useLayoutEffect)(()=>()=>{n.current&&=(t(LN(n.current)),null)},[t]),null}function uz(e){var t=e.yAxisId,n=e.className,r=e.width,i=e.label,a=(0,F.useRef)(null),o=(0,F.useRef)(null),s=G(yf),c=xf(),l=Ws(),u=`yAxis`,d=G(e=>vE(e,t)),f=G(e=>_E(e,t)),p=G(e=>CE(e,u,t,c)),m=G(e=>Tw(e,t));if((0,F.useLayoutEffect)(()=>{if(!(r!==`auto`||!d||Oj(i)||(0,F.isValidElement)(i)||m==null)){var e=a.current;if(e){var n=e.getCalculatedWidth();Math.round(d.width)!==Math.round(n)&&l(RN({id:t,width:n}))}}},[p,d,l,i,t,r,m]),d==null||f==null||m==null)return null;e.dangerouslySetInnerHTML,e.ticks,e.scale;var h=sz(e,$R);m.id,m.scale;var g=sz(m,ez);return F.createElement(qF,tz({},h,g,{ref:a,labelRef:o,x:f.x,y:f.y,tickTextProps:r===`auto`?{width:void 0}:{width:r},width:d.width,height:d.height,className:Yi(`recharts-${u} ${u}`,n),viewBox:s,ticks:p,axisType:u,axisId:t}))}var dz={allowDataOverflow:ww.allowDataOverflow,allowDecimals:ww.allowDecimals,allowDuplicatedCategory:ww.allowDuplicatedCategory,angle:ww.angle,axisLine:RF.axisLine,hide:!1,includeHidden:ww.includeHidden,interval:ww.interval,label:!1,minTickGap:ww.minTickGap,mirror:ww.mirror,orientation:ww.orientation,padding:ww.padding,reversed:ww.reversed,scale:ww.scale,tick:ww.tick,tickCount:ww.tickCount,tickLine:RF.tickLine,tickSize:RF.tickSize,type:ww.type,niceTicks:ww.niceTicks,width:ww.width,yAxisId:0},fz=F.memo(e=>{var t=as(e,dz);return F.createElement(F.Fragment,null,F.createElement(lz,{interval:t.interval,id:t.yAxisId,scale:t.scale,type:t.type,domain:t.domain,allowDataOverflow:t.allowDataOverflow,dataKey:t.dataKey,allowDuplicatedCategory:t.allowDuplicatedCategory,allowDecimals:t.allowDecimals,tickCount:t.tickCount,padding:t.padding,includeHidden:t.includeHidden,reversed:t.reversed,ticks:t.ticks,width:t.width,orientation:t.orientation,mirror:t.mirror,hide:t.hide,unit:t.unit,name:t.name,angle:t.angle,minTickGap:t.minTickGap,tick:t.tick,tickFormatter:t.tickFormatter,niceTicks:t.niceTicks}),F.createElement(uz,t))},IR);fz.displayName=`YAxis`;var pz=K([(e,t)=>t,up,ov,hv,VD,UD,SO,_f],PO);function mz(e){return`getBBox`in e.currentTarget&&typeof e.currentTarget.getBBox==`function`}function hz(e){var t=e.currentTarget.getBoundingClientRect(),n,r;if(mz(e)){var i=e.currentTarget.getBBox();n=i.width>0?t.width/i.width:1,r=i.height>0?t.height/i.height:1}else{var a=e.currentTarget;n=a.offsetWidth>0?t.width/a.offsetWidth:1,r=a.offsetHeight>0?t.height/a.offsetHeight:1}var o=(e,i)=>({relativeX:Math.round((e-t.left)/n),relativeY:Math.round((i-t.top)/r)});return`touches`in e?Array.from(e.touches).map(e=>o(e.clientX,e.clientY)):o(e.clientX,e.clientY)}var gz=cu(`mouseClick`),_z=gd();_z.startListening({actionCreator:gz,effect:(e,t)=>{var n=e.payload,r=pz(t.getState(),hz(n));r?.activeIndex!=null&&t.dispatch(KE({activeIndex:r.activeIndex,activeDataKey:void 0,activeCoordinate:r.activeCoordinate}))}});var vz=cu(`mouseMove`),yz=gd(),bz=null,xz=null,Sz=null;yz.startListening({actionCreator:vz,effect:(e,t)=>{var n=e.payload,r=t.getState().eventSettings,i=r.throttleDelay,a=r.throttledEvents,o=a===`all`||a?.includes(`mousemove`);bz!==null&&(cancelAnimationFrame(bz),bz=null),xz!==null&&(typeof i!=`number`||!o)&&(clearTimeout(xz),xz=null),Sz=hz(n);var s=()=>{var e=t.getState(),n=AE(e,e.tooltip.settings.shared);if(!Sz){bz=null,xz=null;return}if(n===`axis`){var r=pz(e,Sz);r?.activeIndex==null?t.dispatch(UE()):t.dispatch(GE({activeIndex:r.activeIndex,activeDataKey:void 0,activeCoordinate:r.activeCoordinate}))}bz=null,xz=null};if(!o){s();return}i===`raf`?bz=requestAnimationFrame(s):typeof i==`number`&&xz===null&&(xz=setTimeout(s,i))}});function Cz(e,t){return t instanceof HTMLElement?`HTMLElement <${t.tagName} class="${t.className}">`:t===window?`global.window`:e===`children`&&typeof t==`object`&&t?`<<CHILDREN>>`:t}var wz={accessibilityLayer:!0,barCategoryGap:`10%`,barGap:4,barSize:void 0,className:void 0,maxBarSize:void 0,stackOffset:`none`,syncId:void 0,syncMethod:`index`,baseValue:void 0,reverseStackOrder:!1},Tz=Au({name:`rootProps`,initialState:wz,reducers:{updateOptions:(e,t)=>{e.accessibilityLayer=t.payload.accessibilityLayer,e.barCategoryGap=t.payload.barCategoryGap,e.barGap=t.payload.barGap??wz.barGap,e.barSize=t.payload.barSize,e.maxBarSize=t.payload.maxBarSize,e.stackOffset=t.payload.stackOffset,e.syncId=t.payload.syncId,e.syncMethod=t.payload.syncMethod,e.className=t.payload.className,e.baseValue=t.payload.baseValue,e.reverseStackOrder=t.payload.reverseStackOrder}}}),Ez=Tz.reducer,Dz=Tz.actions.updateOptions,Oz=Au({name:`polarOptions`,initialState:null,reducers:{updatePolarOptions:(e,t)=>e===null?t.payload:(e.startAngle=t.payload.startAngle,e.endAngle=t.payload.endAngle,e.cx=t.payload.cx,e.cy=t.payload.cy,e.innerRadius=t.payload.innerRadius,e.outerRadius=t.payload.outerRadius,e)}});Oz.actions.updatePolarOptions;var kz=Oz.reducer,Az=cu(`keyDown`),jz=cu(`focus`),Mz=cu(`blur`),Nz=gd(),Pz=null,Fz=null,Iz=null;Nz.startListening({actionCreator:Az,effect:(e,t)=>{Iz=e.payload,Pz!==null&&(cancelAnimationFrame(Pz),Pz=null);var n=t.getState().eventSettings,r=n.throttleDelay,i=n.throttledEvents,a=i===`all`||i.includes(`keydown`);Fz!==null&&(typeof r!=`number`||!a)&&(clearTimeout(Fz),Fz=null);var o=()=>{try{var e=t.getState();if(e.rootProps.accessibilityLayer===!1)return;var n=e.tooltip.keyboardInteraction,r=Iz;if(r!==`ArrowRight`&&r!==`ArrowLeft`&&r!==`Enter`)return;var i=sD(n,kD(e),rT(e),RD(e)),a=i==null?-1:Number(i),o=!Number.isFinite(a)||a<0,s=UD(e),c=kD(e),l=AE(e,e.tooltip.settings.shared);if(r===`Enter`){if(o)return;var u=DO(e,l,`hover`,String(n.index));t.dispatch(JE({active:!n.active,activeIndex:n.index,activeCoordinate:u}));return}var d=EE(e)===`left-to-right`?1:-1,f=r===`ArrowRight`?1:-1,p;if(o){var m=rT(e),h=RD(e),g=f*d,_=e=>({active:!1,index:String(e),dataKey:void 0,graphicalItemId:void 0,coordinate:void 0});if(p=-1,g>0){for(var v=0;v<c.length;v++)if(sD(_(v),c,m,h)!=null){p=v;break}}else for(var y=c.length-1;y>=0;y--)if(sD(_(y),c,m,h)!=null){p=y;break}if(p<0)return}else{p=a+f*d;var b=s?.length||c.length;if(b===0||p>=b||p<0)return}var x=DO(e,l,`hover`,String(p));t.dispatch(JE({active:!0,activeIndex:p.toString(),activeCoordinate:x}))}finally{Pz=null,Fz=null}};if(!a){o();return}r===`raf`?Pz=requestAnimationFrame(o):typeof r==`number`&&Fz===null&&(o(),Iz=null,Fz=setTimeout(()=>{Iz?o():(Fz=null,Pz=null)},r))}}),Nz.startListening({actionCreator:jz,effect:(e,t)=>{var n=t.getState();if(n.rootProps.accessibilityLayer!==!1){var r=n.tooltip.keyboardInteraction;if(!r.active&&r.index==null){var i=`0`,a=DO(n,AE(n,n.tooltip.settings.shared),`hover`,String(i));t.dispatch(JE({active:!0,activeIndex:i,activeCoordinate:a}))}}}}),Nz.startListening({actionCreator:Mz,effect:(e,t)=>{var n=t.getState();if(n.rootProps.accessibilityLayer!==!1){var r=n.tooltip.keyboardInteraction;r.active&&t.dispatch(JE({active:!1,activeIndex:r.index,activeCoordinate:r.coordinate}))}}});function Lz(e){e.persist();var t=e.currentTarget;return new Proxy(e,{get:(e,n)=>{if(n===`currentTarget`)return t;var r=Reflect.get(e,n);return typeof r==`function`?r.bind(e):r}})}var Rz=cu(`externalEvent`),zz=gd(),Bz=new Map,Vz=new Map,Hz=new Map;zz.startListening({actionCreator:Rz,effect:(e,t)=>{var n=e.payload,r=n.handler,i=n.reactEvent;if(r!=null){var a=i.type,o=Lz(i);Hz.set(a,{handler:r,reactEvent:o});var s=Bz.get(a);s!==void 0&&(cancelAnimationFrame(s),Bz.delete(a));var c=t.getState().eventSettings,l=c.throttleDelay,u=c.throttledEvents,d=u===`all`||u?.includes(a),f=Vz.get(a);f!==void 0&&(typeof l!=`number`||!d)&&(clearTimeout(f),Vz.delete(a));var p=()=>{var e=Hz.get(a);try{if(!e)return;var n=e.handler,r=e.reactEvent,i=t.getState(),o={activeCoordinate:$D(i),activeDataKey:XD(i),activeIndex:JD(i),activeLabel:YD(i),activeTooltipIndex:JD(i),isTooltipActive:eO(i)};n&&n(o,r)}finally{Bz.delete(a),Vz.delete(a),Hz.delete(a)}};if(!d){p();return}if(l===`raf`){var m=requestAnimationFrame(p);Bz.set(a,m)}else if(typeof l==`number`){if(!Vz.has(a)){p();var h=setTimeout(p,l);Vz.set(a,h)}}else p()}}});var Uz=K([K([dD],e=>e.tooltipItemPayloads),(e,t)=>t,(e,t,n)=>n],(e,t,n)=>{if(t!=null){var r=e.find(e=>e.settings.graphicalItemId===n);if(r!=null){var i=r.getPosition;if(i!=null)return i(t)}}}),Wz=cu(`touchMove`),Gz=gd(),Kz=null,qz=null,Jz=null,Yz=null;Gz.startListening({actionCreator:Wz,effect:(e,t)=>{var n=e.payload;if(!(n.touches==null||n.touches.length===0)){Yz=Lz(n);var r=t.getState().eventSettings,i=r.throttleDelay,a=r.throttledEvents,o=a===`all`||a.includes(`touchmove`);Kz!==null&&(cancelAnimationFrame(Kz),Kz=null),qz!==null&&(typeof i!=`number`||!o)&&(clearTimeout(qz),qz=null),Jz=Array.from(n.touches).map(e=>hz({clientX:e.clientX,clientY:e.clientY,currentTarget:n.currentTarget}));var s=()=>{if(Yz!=null){var e=t.getState(),n=AE(e,e.tooltip.settings.shared);if(n===`axis`){var r=Jz?.[0];if(r==null){Kz=null,qz=null;return}var i=pz(e,r);i?.activeIndex!=null&&t.dispatch(GE({activeIndex:i.activeIndex,activeDataKey:void 0,activeCoordinate:i.activeCoordinate}))}else if(n===`item`){var a=Yz.touches[0];if(document.elementFromPoint==null||a==null)return;var o=document.elementFromPoint(a.clientX,a.clientY);if(!o||!o.getAttribute)return;var s=o.getAttribute(of),c=o.getAttribute(`data-recharts-item-id`)??void 0,l=TD(e).find(e=>e.id===c);if(s==null||l==null||c==null)return;var u=l.dataKey,d=Uz(e,s,c);t.dispatch(VE({activeDataKey:u,activeIndex:s,activeCoordinate:d,activeGraphicalItemId:c}))}Kz=null,qz=null}};if(!o){s();return}i===`raf`?Kz=requestAnimationFrame(s):typeof i==`number`&&qz===null&&(s(),Yz=null,qz=setTimeout(()=>{Yz?s():(qz=null,Kz=null)},i))}}});var Xz={throttleDelay:`raf`,throttledEvents:[`mousemove`,`touchmove`,`pointermove`,`scroll`,`wheel`]},Zz=Au({name:`eventSettings`,initialState:Xz,reducers:{setEventSettings:(e,t)=>{t.payload.throttleDelay!=null&&(e.throttleDelay=t.payload.throttleDelay),t.payload.throttledEvents!=null&&(e.throttledEvents=Y(t.payload.throttledEvents))}}}),Qz=Zz.actions.setEventSettings,$z=Zz.reducer,eB=Pc({brush:vP,cartesianAxis:BN,chartData:Ck,errorBars:bI,eventSettings:$z,graphicalItems:dN,layout:Cd,legend:xp,options:gk,polarAxis:tM,polarOptions:kz,referenceElements:EP,renderedTicks:xF,rootProps:Ez,tooltip:YE,zIndex:ZO}),tB=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`Chart`;return bu({reducer:eB,preloadedState:e,middleware:e=>e({serializableCheck:!1,immutableCheck:![`commonjs`,`es6`,`production`].includes(`es6`)}).concat([_z.middleware,yz.middleware,Nz.middleware,zz.middleware,Gz.middleware]),enhancers:e=>{var t=e;return typeof e==`function`&&(t=e()),t.concat(vu({type:`raf`}))},devTools:lm.devToolsEnabled&&{serialize:{replacer:Cz},name:`recharts-${t}`}})};function nB(e){var t=e.preloadedState,n=e.children,r=e.reduxStoreName,i=xf(),a=(0,F.useRef)(null);if(i)return n;a.current??=tB(t,r);var o=Vs;return F.createElement(Lp,{context:o,store:a.current},n)}function rB(e){var t=e.layout,n=e.margin,r=Ws(),i=xf();return(0,F.useEffect)(()=>{i||(r(xd(t)),r(bd(n)))},[r,i,t,n]),null}var iB=(0,F.memo)(rB,Bp);function aB(e){var t=Ws();return(0,F.useEffect)(()=>{t(Dz(e))},[t,e]),null}var oB=(0,F.memo)(e=>{var t=Ws();return(0,F.useEffect)(()=>{t(Qz(e))},[t,e]),null},Bp);function sB(e){var t=e.zIndex,n=e.isPanorama,r=(0,F.useRef)(null),i=Ws();return(0,F.useLayoutEffect)(()=>(r.current&&i(YO({zIndex:t,element:r.current,isPanorama:n})),()=>{i(XO({zIndex:t,isPanorama:n}))}),[i,t,n]),F.createElement(`g`,{tabIndex:-1,ref:r,className:`recharts-zIndex-layer_${t}`})}function cB(e){var t=e.children,n=e.isPanorama,r=G(IO);if(!r||r.length===0)return t;var i=r.filter(e=>e<0),a=r.filter(e=>e>0);return F.createElement(F.Fragment,null,i.map(e=>F.createElement(sB,{key:e,zIndex:e,isPanorama:n})),t,a.map(e=>F.createElement(sB,{key:e,zIndex:e,isPanorama:n})))}var lB=[`children`];function uB(e,t){if(e==null)return{};var n,r,i=dB(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function dB(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function fB(){return fB=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},fB.apply(null,arguments)}var pB={width:`100%`,height:`100%`,display:`block`},mB=(0,F.forwardRef)((e,t)=>{var n=cp(),r=lp(),i=jm();if(!Td(n)||!Td(r))return null;var a=e.children,o=e.otherAttributes,s=e.title,c=e.desc,l,u;return o!=null&&(l=typeof o.tabIndex==`number`?o.tabIndex:i?0:void 0,u=typeof o.role==`string`?o.role:i?`application`:void 0),F.createElement(la,fB({},o,{title:s,desc:c,role:u,tabIndex:l,width:n,height:r,style:pB,ref:t}),a)}),hB=e=>{var t=e.children,n=G(Cf);if(!n)return null;var r=n.width,i=n.height,a=n.y,o=n.x;return F.createElement(la,{width:r,height:i,x:o,y:a},t)},gB=(0,F.forwardRef)((e,t)=>{var n=e.children,r=uB(e,lB);return xf()?F.createElement(hB,null,F.createElement(cB,{isPanorama:!0},n)):F.createElement(mB,fB({ref:t},r),F.createElement(cB,{isPanorama:!1},n))});function _B(e,t){return SB(e)||xB(e,t)||yB(e,t)||vB()}function vB(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
62
62
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function yB(e,t){if(e){if(typeof e==`string`)return bB(e,t);var n={}.toString.call(e).slice(8,-1);return n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`?Array.from(e):n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?bB(e,t):void 0}}function bB(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function xB(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r,i,a,o,s=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,t===0){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw i}}return s}}function SB(e){if(Array.isArray(e))return e}function CB(){var e=Ws(),t=_B((0,F.useState)(null),2),n=t[0],r=t[1],i=G(tf);return(0,F.useEffect)(()=>{if(n!=null){var t=n.getBoundingClientRect().width/n.offsetWidth;Z(t)&&t!==i&&e(Sd(t))}},[n,e,i]),r}function wB(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function TB(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?wB(Object(n),!0).forEach(function(t){EB(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wB(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function EB(e,t,n){return(t=DB(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function DB(e){var t=OB(e,`string`);return typeof t==`symbol`?t:t+``}function OB(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function kB(){return kB=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},kB.apply(null,arguments)}function AB(e,t){return FB(e)||PB(e,t)||MB(e,t)||jB()}function jB(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
63
63
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function MB(e,t){if(e){if(typeof e==`string`)return NB(e,t);var n={}.toString.call(e).slice(8,-1);return n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`?Array.from(e):n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?NB(e,t):void 0}}function NB(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function PB(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r,i,a,o,s=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,t===0){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw i}}return s}}function FB(e){if(Array.isArray(e))return e}var IB=()=>(Pk(),null);function LB(e){if(typeof e==`number`)return e;if(typeof e==`string`){var t=parseFloat(e);if(!Number.isNaN(t))return t}return 0}var RB=(0,F.forwardRef)((e,t)=>{var n=(0,F.useRef)(null),r=AB((0,F.useState)({containerWidth:LB(e.style?.width),containerHeight:LB(e.style?.height)}),2),i=r[0],a=r[1],o=(0,F.useCallback)((e,t)=>{a(n=>{var r=Math.round(e),i=Math.round(t);return n.containerWidth===r&&n.containerHeight===i?n:{containerWidth:r,containerHeight:i}})},[]),s=(0,F.useCallback)(e=>{if(typeof t==`function`&&t(e),n.current!=null&&(n.current.disconnect(),n.current=null),e!=null&&typeof ResizeObserver<`u`){var r=e.getBoundingClientRect(),i=r.width,a=r.height;o(i,a);var s=new ResizeObserver(e=>{var t=e[0];if(t!=null){var n=t.contentRect,r=n.width,i=n.height;o(r,i)}});s.observe(e),n.current=s}},[t,o]);return(0,F.useEffect)(()=>()=>{n.current?.disconnect()},[o]),F.createElement(F.Fragment,null,F.createElement(hp,{width:i.containerWidth,height:i.containerHeight}),F.createElement(`div`,kB({ref:s},e)))}),zB=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height,i=AB((0,F.useState)({containerWidth:LB(n),containerHeight:LB(r)}),2),a=i[0],o=i[1],s=(0,F.useCallback)((e,t)=>{o(n=>{var r=Math.round(e),i=Math.round(t);return n.containerWidth===r&&n.containerHeight===i?n:{containerWidth:r,containerHeight:i}})},[]),c=(0,F.useCallback)(e=>{if(typeof t==`function`&&t(e),e!=null){var n=e.getBoundingClientRect(),r=n.width,i=n.height;s(r,i)}},[t,s]);return F.createElement(F.Fragment,null,F.createElement(hp,{width:a.containerWidth,height:a.containerHeight}),F.createElement(`div`,kB({ref:c},e)))}),BB=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height;return F.createElement(F.Fragment,null,F.createElement(hp,{width:n,height:r}),F.createElement(`div`,kB({ref:t},e)))}),VB=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height;return typeof n==`string`||typeof r==`string`?F.createElement(zB,kB({},e,{ref:t})):typeof n==`number`&&typeof r==`number`?F.createElement(BB,kB({},e,{width:n,height:r,ref:t})):F.createElement(F.Fragment,null,F.createElement(hp,{width:n,height:r}),F.createElement(`div`,kB({ref:t},e)))});function HB(e){return e?RB:VB}var UB=(0,F.forwardRef)((e,t)=>{var n=e.children,r=e.className,i=e.height,a=e.onClick,o=e.onContextMenu,s=e.onDoubleClick,c=e.onMouseDown,l=e.onMouseEnter,u=e.onMouseLeave,d=e.onMouseMove,f=e.onMouseUp,p=e.onTouchEnd,m=e.onTouchMove,h=e.onTouchStart,g=e.style,_=e.width,v=e.responsive,y=e.dispatchTouchEvents,b=y===void 0||y,x=(0,F.useRef)(null),S=Ws(),C=AB((0,F.useState)(null),2),w=C[0],T=C[1],E=AB((0,F.useState)(null),2),D=E[0],O=E[1],k=CB(),A=np(),j=A?.width>0?A.width:_,ee=A?.height>0?A.height:i,M=(0,F.useCallback)(e=>{k(e),typeof t==`function`&&t(e),T(e),O(e),e!=null&&(x.current=e)},[k,t,T,O]),te=(0,F.useCallback)(e=>{S(gz(e)),S(Rz({handler:a,reactEvent:e}))},[S,a]),ne=(0,F.useCallback)(e=>{S(vz(e)),S(Rz({handler:l,reactEvent:e}))},[S,l]),N=(0,F.useCallback)(e=>{S(UE()),S(Rz({handler:u,reactEvent:e}))},[S,u]),P=(0,F.useCallback)(e=>{S(vz(e)),S(Rz({handler:d,reactEvent:e}))},[S,d]),re=(0,F.useCallback)(()=>{S(jz())},[S]),ie=(0,F.useCallback)(()=>{S(Mz())},[S]),ae=(0,F.useCallback)(e=>{S(Az(e.key))},[S]),oe=(0,F.useCallback)(e=>{S(Rz({handler:o,reactEvent:e}))},[S,o]),se=(0,F.useCallback)(e=>{S(Rz({handler:s,reactEvent:e}))},[S,s]),ce=(0,F.useCallback)(e=>{S(Rz({handler:c,reactEvent:e}))},[S,c]),le=(0,F.useCallback)(e=>{S(Rz({handler:f,reactEvent:e}))},[S,f]),ue=(0,F.useCallback)(e=>{S(Rz({handler:h,reactEvent:e}))},[S,h]),de=(0,F.useCallback)(e=>{b&&S(Wz(e)),S(Rz({handler:m,reactEvent:e}))},[S,b,m]),fe=(0,F.useCallback)(e=>{S(Rz({handler:p,reactEvent:e}))},[S,p]),pe=HB(v);return F.createElement(ck.Provider,{value:w},F.createElement(Ya.Provider,{value:D},F.createElement(pe,{width:j??g?.width,height:ee??g?.height,className:Yi(`recharts-wrapper`,r),style:TB({position:`relative`,cursor:`default`,width:j,height:ee},g),onClick:te,onContextMenu:oe,onDoubleClick:se,onFocus:re,onBlur:ie,onKeyDown:ae,onMouseDown:ce,onMouseEnter:ne,onMouseLeave:N,onMouseMove:P,onMouseUp:le,onTouchEnd:fe,onTouchMove:de,onTouchStart:ue,ref:M},F.createElement(IB,null),n)))}),WB=[`width`,`height`,`responsive`,`children`,`className`,`style`,`compact`,`title`,`desc`];function GB(e,t){if(e==null)return{};var n,r,i=KB(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function KB(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var qB=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height,i=e.responsive,a=e.children,o=e.className,s=e.style,c=e.compact,l=e.title,u=e.desc,d=ta(GB(e,WB));return c?F.createElement(F.Fragment,null,F.createElement(hp,{width:n,height:r}),F.createElement(gB,{otherAttributes:d,title:l,desc:u},a)):F.createElement(UB,{className:o,style:s,width:n,height:r,responsive:i??!1,onClick:e.onClick,onMouseLeave:e.onMouseLeave,onMouseEnter:e.onMouseEnter,onMouseMove:e.onMouseMove,onMouseDown:e.onMouseDown,onMouseUp:e.onMouseUp,onContextMenu:e.onContextMenu,onDoubleClick:e.onDoubleClick,onTouchStart:e.onTouchStart,onTouchMove:e.onTouchMove,onTouchEnd:e.onTouchEnd},F.createElement(gB,{otherAttributes:d,title:l,desc:u,ref:t},F.createElement(PP,null,a)))});function JB(){return JB=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},JB.apply(null,arguments)}function YB(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function XB(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?YB(Object(n),!0).forEach(function(t){ZB(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):YB(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function ZB(e,t,n){return(t=QB(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function QB(e){var t=$B(e,`string`);return typeof t==`symbol`?t:t+``}function $B(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var eV=XB({accessibilityLayer:!0,barCategoryGap:`10%`,barGap:4,layout:`horizontal`,margin:{top:5,right:5,bottom:5,left:5},responsive:!1,reverseStackOrder:!1,stackOffset:`none`,syncMethod:`index`},Xz),tV=(0,F.forwardRef)(function(e,t){var n=as(e.categoricalChartProps,eV),r=e.chartName,i=e.defaultTooltipEventType,a=e.validateTooltipEventTypes,o=e.tooltipPayloadSearcher,s=e.categoricalChartProps,c={chartName:r,defaultTooltipEventType:i,validateTooltipEventTypes:a,tooltipPayloadSearcher:o,eventEmitter:void 0};return F.createElement(nB,{preloadedState:{options:c},reduxStoreName:s.id??r},F.createElement(hP,{chartData:s.data}),F.createElement(iB,{layout:n.layout,margin:n.margin}),F.createElement(oB,{throttleDelay:n.throttleDelay,throttledEvents:n.throttledEvents}),F.createElement(aB,{baseValue:n.baseValue,accessibilityLayer:n.accessibilityLayer,barCategoryGap:n.barCategoryGap,maxBarSize:n.maxBarSize,stackOffset:n.stackOffset,barGap:n.barGap,barSize:n.barSize,syncId:n.syncId,syncMethod:n.syncMethod,className:n.className,reverseStackOrder:n.reverseStackOrder}),F.createElement(qB,JB({},n,{ref:t})))}),nV=[`axis`,`item`],rV=(0,F.forwardRef)((e,t)=>F.createElement(tV,{chartName:`BarChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:nV,tooltipPayloadSearcher:mk,categoricalChartProps:e,ref:t})),iV=[`axis`],aV=(0,F.forwardRef)((e,t)=>F.createElement(tV,{chartName:`AreaChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:iV,tooltipPayloadSearcher:mk,categoricalChartProps:e,ref:t}));function oV(){return typeof window>`u`||typeof window.matchMedia!=`function`?!1:!window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function sV(e,t={}){let{duration:n=800,decimals:r=0,enabled:i=!0,format:a}=t,o=i&&oV(),[s,c]=(0,F.useState)(()=>o?0:e),l=(0,F.useRef)(0);return(0,F.useEffect)(()=>{if(!o){c(e);return}let t=performance.now();function r(i){let a=i-t,o=Math.min(a/n,1),s=1-(1-o)**3;c(s*e),o<1&&(l.current=requestAnimationFrame(r))}return l.current=requestAnimationFrame(r),()=>{l.current&&cancelAnimationFrame(l.current)}},[e,n,o]),a?a(s):s.toFixed(r)}var cV={neutral:`text-ink-base`,good:`text-accent-green`,warn:`text-accent-amber`,bad:`text-accent-red`};function lV({label:e,value:t,sub:n,tone:r=`neutral`,hero:i=!1,animate:a=!1,numericValue:o,prefix:s=``,suffix:c=``,decimals:l=0,format:u}){let d=o!=null,f=sV(o??0,{decimals:l,enabled:a&&d,format:u}),p=a&&d?u?f:`${s}${f}${c}`:t,m=i?`text-3xl font-bold mt-1 tabular-nums gradient-text`:`text-3xl font-bold mt-1 tabular-nums ${cV[r]}`;return(0,I.jsxs)(`div`,{className:`px-1`,children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider font-medium`,children:e}),(0,I.jsx)(`div`,{className:m,children:p}),n&&(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted mt-0.5`,children:n})]})}function uV({children:e,index:t=0,className:n=``}){let r=`${t*120}ms`;return(0,I.jsx)(`div`,{className:`animate-card-enter ${n}`,style:{animationDelay:r},children:e})}var dV=6,fV=5,pV=[.01,.02,.05,.1,.25,.5,1,2,5,10,25,50,100,250,500,1e3];function mV(e){if(e<=0)return .01;for(let t of pV)if(t>=e)return t;return pV[pV.length-1]}function hV(e){return e===0?`12am`:e<12?`${e}am`:e===12?`12pm`:`${e-12}pm`}function gV(e){let t=e.reduce((e,t)=>e+t.cost,0),n=e.reduce((e,t)=>Math.max(e,t.cost),0),r=e.find(e=>e.cost===n);return r===void 0||n===0?`Hourly spend today: no activity yet.`:`Hourly spend today: ${wi(t)} total, peak ${wi(n)} at ${hV(r.hour)}`}function _V({hours:e,formatValue:t,ariaLabel:n}){let[r,i]=(0,F.useState)(null),a=e.reduce((e,t)=>Math.max(e,t.cost),0);if(a===0)return null;let o=mV(a/fV),s=e.map(e=>Math.max(0,Math.round(e.cost/o))),c=s.reduce((e,t)=>Math.max(e,t),0);if(c===0)return null;let l=c*7,u=t??(e=>wi(e)),d=n??gV(e),f=r===null?null:e[r],p=f?`${hV(f.hour)}: ${u(f.cost)} (start hour)`:``,m=r===null?0:(r+.5)/e.length*100;return(0,I.jsxs)(`div`,{className:`relative`,children:[(0,I.jsx)(`div`,{role:`img`,"aria-label":d,className:`flex w-full`,style:{height:l},onMouseLeave:()=>i(null),children:e.map((e,t)=>{let n=s[t],r=e.cost>0&&e.cost===a,o=[];for(let e=0;e<n;e++)o.push((0,I.jsx)(`span`,{className:`absolute rounded-sm heatmap-cell`,style:{bottom:e*7,left:`50%`,marginLeft:-6/2,width:dV,height:dV,backgroundColor:r?`var(--color-chart-block-peak)`:`var(--color-chart-block)`,animationDelay:`${t*12+e*6}ms`}},e));return(0,I.jsx)(`div`,{className:`relative flex-1 h-full`,onMouseEnter:()=>i(t),children:o},t)})}),f&&(0,I.jsx)(`div`,{className:`absolute -top-7 px-1.5 py-0.5 bg-bg-elevated border border-border-subtle text-[10px] text-ink-base rounded-md shadow-md pointer-events-none whitespace-nowrap tabular-nums`,style:{left:`${m}%`,transform:`translateX(-50%)`},role:`tooltip`,children:p})]})}function vV(){return(0,I.jsxs)(`svg`,{width:`48`,height:`48`,viewBox:`0 0 48 48`,fill:`none`,"aria-hidden":`true`,children:[(0,I.jsx)(`circle`,{cx:`24`,cy:`24`,r:`20`,stroke:`var(--color-ink-muted)`,strokeWidth:`1`,opacity:`0.3`}),(0,I.jsx)(`circle`,{cx:`24`,cy:`24`,r:`13`,stroke:`var(--color-ink-muted)`,strokeWidth:`1`,opacity:`0.3`}),(0,I.jsx)(`circle`,{cx:`24`,cy:`24`,r:`6`,stroke:`var(--color-ink-muted)`,strokeWidth:`1`,opacity:`0.3`}),(0,I.jsx)(`line`,{x1:`24`,y1:`24`,x2:`24`,y2:`4`,stroke:`var(--color-accent-green)`,strokeWidth:`1.5`,strokeLinecap:`round`,className:`animate-radar-sweep`}),(0,I.jsx)(`circle`,{cx:`24`,cy:`24`,r:`2`,fill:`var(--color-accent-green)`})]})}function yV(){return(0,I.jsxs)(`svg`,{width:`48`,height:`48`,viewBox:`0 0 48 48`,fill:`none`,"aria-hidden":`true`,children:[(0,I.jsx)(`path`,{d:`M16 14 L6 24 L16 34`,stroke:`var(--color-ink-muted)`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,I.jsx)(`path`,{d:`M32 14 L42 24 L32 34`,stroke:`var(--color-ink-muted)`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,I.jsx)(`line`,{x1:`24`,y1:`18`,x2:`24`,y2:`30`,stroke:`var(--color-accent-green)`,strokeWidth:`2`,strokeLinecap:`round`,opacity:`0.8`})]})}function bV(){return(0,I.jsxs)(`svg`,{width:`48`,height:`48`,viewBox:`0 0 48 48`,fill:`none`,"aria-hidden":`true`,children:[(0,I.jsx)(`line`,{x1:`4`,y1:`24`,x2:`44`,y2:`24`,stroke:`var(--color-ink-muted)`,strokeWidth:`1`,opacity:`0.4`}),(0,I.jsx)(`circle`,{cx:`12`,cy:`24`,r:`3`,stroke:`var(--color-ink-muted)`,strokeWidth:`1.5`}),(0,I.jsx)(`circle`,{cx:`24`,cy:`24`,r:`3`,stroke:`var(--color-accent-green)`,strokeWidth:`1.5`}),(0,I.jsx)(`circle`,{cx:`36`,cy:`24`,r:`3`,stroke:`var(--color-ink-muted)`,strokeWidth:`1.5`}),(0,I.jsx)(`line`,{x1:`12`,y1:`16`,x2:`12`,y2:`20`,stroke:`var(--color-ink-muted)`,strokeWidth:`1`,strokeLinecap:`round`,opacity:`0.5`}),(0,I.jsx)(`line`,{x1:`24`,y1:`16`,x2:`24`,y2:`20`,stroke:`var(--color-accent-green)`,strokeWidth:`1`,strokeLinecap:`round`,opacity:`0.7`}),(0,I.jsx)(`line`,{x1:`36`,y1:`16`,x2:`36`,y2:`20`,stroke:`var(--color-ink-muted)`,strokeWidth:`1`,strokeLinecap:`round`,opacity:`0.5`})]})}function xV(){return(0,I.jsxs)(`svg`,{width:`48`,height:`48`,viewBox:`0 0 48 48`,fill:`none`,"aria-hidden":`true`,children:[(0,I.jsx)(`circle`,{cx:`24`,cy:`24`,r:`18`,stroke:`var(--color-ink-muted)`,strokeWidth:`1`,opacity:`0.3`}),(0,I.jsx)(`path`,{d:`M16 24 L22 30 L34 18`,stroke:`var(--color-accent-green)`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}function SV(){return(0,I.jsxs)(`svg`,{width:`48`,height:`48`,viewBox:`0 0 48 48`,fill:`none`,"aria-hidden":`true`,children:[(0,I.jsx)(`circle`,{cx:`24`,cy:`24`,r:`18`,stroke:`var(--color-ink-muted)`,strokeWidth:`1`,opacity:`0.3`}),(0,I.jsx)(`path`,{d:`M24 14 L24 24 L31 28`,stroke:`var(--color-ink-subtle)`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}var CV={radar:vV,code:yV,timeline:bV,checkmark:xV,clock:SV};function wV(){return(0,I.jsx)(`div`,{className:`flex items-center justify-center`,style:{width:48,height:48},"aria-hidden":`true`,children:(0,I.jsx)(`span`,{className:`rounded-full animate-pulse`,style:{width:10,height:10,backgroundColor:`var(--color-accent-green)`,boxShadow:`0 0 0 4px color-mix(in srgb, var(--color-accent-green) 15%, transparent)`}})})}function $({icon:e,title:t,subtitle:n,variant:r=`empty`}){let i=e===void 0?void 0:CV[e];return(0,I.jsxs)(`div`,{className:`py-8 flex flex-col items-center justify-center gap-3`,children:[r===`loading`?(0,I.jsx)(wV,{}):i&&(0,I.jsx)(i,{}),(0,I.jsx)(`span`,{className:`text-sm font-medium text-ink-subtle`,children:t}),n&&(0,I.jsx)(`span`,{className:`text-xs text-ink-muted text-center max-w-[240px]`,children:n})]})}function TV(e){return e===`Read`?`bg-accent-blue`:e===`Edit`||e===`Write`?`bg-accent-green`:e===`Bash`?`bg-accent-purple`:e===`Agent`?`bg-accent-teal`:`bg-ink-subtle`}var EV={thrashing:`Edit/Test Thrashing`,stuck_loop:`Stuck Loop`,blind_editing:`Blind Editing`,re_reading:`Repeated Reads`};function DV(e){let t=Math.floor(e/1e3),n=Math.floor(t/60),r=t%60;return`${n}:${String(r).padStart(2,`0`)}`}function OV({entries:e,segments:t,windowStartMs:n,windowEndMs:r,showTicks:i=!0,gutterClass:a=`w-24`}){let[o,s]=(0,F.useState)(null),c=(0,F.useMemo)(()=>e.map((e,t)=>({entry:e,originalIdx:t})).sort((e,t)=>e.entry.timestamp-t.entry.timestamp),[e]),l=(0,F.useMemo)(()=>{let n=new Map;for(let e=0;e<c.length;e++)n.set(c[e].originalIdx,e);let r=Array(c.length).fill(null);for(let i of t){let t=Math.max(0,i.startIndex),a=Math.min(i.endIndex,e.length-1);for(let e=t;e<=a;e++){let t=n.get(e);t!==void 0&&(r[t]===null||i.severity===`critical`&&r[t].severity!==`critical`)&&(r[t]=i)}}return r},[c,t,e.length]);if(e.length===0)return(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`No tool calls recorded.`});let u=n!==void 0&&r!==void 0,d=u?n:c[0].entry.timestamp,f=c.reduce((e,{entry:t})=>Math.max(e,t.timestamp+(t.durationMs??50)),0),p=Math.max(u?r-n:f-d,1),m=[1e4,3e4,6e4,12e4,3e5,6e5,9e5,18e5].find(e=>p/e<=8)??Math.ceil(p/8),h=[];for(let e=m;e<p;e+=m)h.push(e);let g=Math.min(30,800/Math.max(e.length,1));return(0,I.jsxs)(`div`,{className:`p-2 overflow-x-hidden`,children:[i&&(0,I.jsxs)(`div`,{className:`flex`,children:[(0,I.jsx)(`div`,{className:`${a} shrink-0`}),(0,I.jsx)(`div`,{className:`relative flex-1 h-5 border-b border-bg-line overflow-x-auto`,children:h.map(e=>(0,I.jsx)(`span`,{className:`absolute top-0 text-[9px] text-ink-muted tabular-nums -translate-x-1/2`,style:{left:`${e/p*100}%`},children:DV(e)},e))})]}),(0,I.jsx)(`div`,{className:i?`mt-1`:``,children:c.map(({entry:e,originalIdx:t},n)=>{let r=e.timestamp-d,i=e.durationMs??50,u=r/p*100,f=i/p*100,m=l[n];return(0,I.jsxs)(`div`,{className:`flex items-center h-7 ${m?m.severity===`critical`?`border-l-2 border-l-accent-red`:`border-l-2 border-l-accent-amber`:`border-l-2 border-l-transparent`}`,children:[(0,I.jsx)(`div`,{className:`${a} shrink-0 truncate text-[11px] text-ink-subtle pr-2 text-right`,title:e.toolName,children:Di(e.toolName)}),(0,I.jsxs)(`div`,{className:`relative flex-1 h-full flex items-center`,children:[(0,I.jsx)(`div`,{role:`img`,"aria-label":`${e.toolName} · ${e.durationMs==null?`unknown`:`${e.durationMs}ms`} · ${e.success?`success`:`failed`}`,className:`gantt-bar absolute h-5 rounded-sm opacity-80 ${TV(Di(e.toolName))} ${e.success?``:`ring-1 ring-accent-red/60`}`,style:{left:`${u}%`,width:`${f}%`,minWidth:`4px`,animationDelay:`${Math.round(n*g)}ms`},onMouseEnter:()=>s(n),onMouseLeave:()=>s(null)}),o===n&&(0,I.jsxs)(`div`,{className:`absolute z-50 px-2 py-1.5 rounded-lg bg-bg-elevated border border-bg-line text-[11px] text-ink-base shadow-lg whitespace-nowrap pointer-events-none ${n>=3&&n>c.length-4?`bottom-full mb-1`:`top-full mt-1`}`,style:u>=50?{right:`${Math.max(0,100-u-f)}%`}:{left:`${u}%`},children:[(0,I.jsx)(`div`,{className:`font-medium`,children:e.toolName}),(e.filePath??e.command)&&(0,I.jsx)(`div`,{className:`text-ink-subtle truncate max-w-[200px]`,children:e.filePath??e.command}),(0,I.jsxs)(`div`,{className:`text-ink-muted`,children:[e.durationMs==null?`unknown`:`${e.durationMs}ms`,` ·`,` `,e.success?`success`:`failed`]}),m&&(0,I.jsx)(`div`,{className:`mt-0.5 font-medium ${m.severity===`critical`?`text-accent-red`:`text-accent-amber`}`,children:EV[m.type]??m.type})]})]})]},`${t}-${e.timestamp}`)})})]})}function kV(e){let t=new Map;for(let n of e){let e=n.workflowRunId,r=t.get(e);r?r.push(n):t.set(e,[n])}let n=[];for(let[e,r]of t){let t=[...r].sort((e,t)=>e.startMs-t.startMs),i=t.reduce((e,t)=>Math.min(e,t.startMs),1/0),a=e===null?`Ad-hoc subagents`:r[0]?.workflowName??`Workflow run`;n.push({runId:e,name:a,earliestStartMs:i,agents:t})}return n.sort((e,t)=>e.earliestStartMs-t.earliestStartMs),n}var AV=[`bg-series-1`,`bg-series-2`,`bg-series-3`,`bg-series-4`,`bg-series-5`,`bg-series-6`],jV=`__parent__`,MV=`__adhoc__`;function NV(e){return e===null?MV:`run:${e}`}function PV(e){let t=Math.floor(e/1e3),n=Math.floor(t/60),r=t%60;return`${n}:${String(r).padStart(2,`0`)}`}var FV=15,IV=`w-44`;function LV({status:e}){return e===`completed`?(0,I.jsx)(bn,{size:12,className:`shrink-0 text-accent-green`,"aria-label":`completed`,role:`img`}):e===`failed`?(0,I.jsx)(xn,{size:12,className:`shrink-0 text-accent-red`,"aria-label":`failed`,role:`img`}):e===`running`?(0,I.jsx)(Dn,{size:12,className:`shrink-0 text-accent-cyan animate-spin`,"aria-label":`running`,role:`img`}):e===`cancelled`?(0,I.jsx)(Sn,{size:12,className:`shrink-0 text-accent-amber`,"aria-label":`cancelled`,role:`img`}):null}function RV({sessionId:e,parentEntries:t,agents:n,window:r,onSelectRun:i,runStatusById:a,parentSegments:o}){let[s,c]=(0,F.useState)(`gantt`),l=(0,F.useMemo)(()=>kV(n),[n]),u=(0,F.useMemo)(()=>{let e=[];t.length>0&&e.push(jV);for(let t of l)e.push(NV(t.runId));return e},[l,t.length]),d=(0,F.useMemo)(()=>n.map(e=>e.agentId),[n]),[f,p]=(0,F.useState)(()=>{let e=new Set;for(let t of l)t.agents.length>FV&&e.add(NV(t.runId));return e}),[m,h]=(0,F.useState)(()=>new Set),g=e=>{p(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},_=e=>{h(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},v=e=>{e===`collapsed`?(p(new Set(u)),h(new Set)):e===`agents`?(p(t.length>0?new Set([jV]):new Set),h(new Set)):(p(new Set),h(new Set(d)))},y=(0,F.useMemo)(()=>{let e=t.length>0,n=u.filter(e=>e!==jV),r=!e||f.has(`__parent__`),i=f.size===0,a=u.length>0&&u.every(e=>f.has(e)),o=n.every(e=>!f.has(e)),s=m.size===0,c=d.length>0?d.every(e=>m.has(e)):m.size===0;return a&&s?`collapsed`:i&&c?`expanded`:r&&o&&s?`agents`:null},[f,m,u,d,t.length]),b=t.length,x=(0,F.useMemo)(()=>[...t],[t]);return t.length===0&&n.length===0?(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`No activity recorded.`}):(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-2 mb-2`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(ci,{value:s,onChange:c,options:[{value:`gantt`,label:`Gantt`},{value:`list`,label:`List`}],size:`sm`,tone:`green`,ariaLabel:`Session trace view mode`}),(0,I.jsx)(`div`,{className:`h-4 w-px bg-border-subtle`,"aria-hidden":`true`}),(0,I.jsx)(zV,{active:y,onSelect:v})]}),(0,I.jsxs)(`span`,{className:`text-[10px] uppercase tracking-wider text-ink-muted tabular-nums`,children:[b,` parent call`,b===1?``:`s`,` · `,n.length,` agent`,n.length===1?``:`s`]})]}),s===`gantt`?(0,I.jsx)(VV,{parentRows:x,groups:l,window:r,sessionId:e,onSelectRun:i,runStatusById:a,parentSegments:o,collapsedGroups:f,toggleGroup:g,expandedAgents:m,toggleAgent:_}):(0,I.jsx)(GV,{parentRows:x,groups:l,window:r,sessionId:e,onSelectRun:i,runStatusById:a,collapsedGroups:f,toggleGroup:g,expandedAgents:m,toggleAgent:_})]})}function zV({active:e,onSelect:t}){return(0,I.jsx)(`div`,{role:`group`,"aria-label":`Trace expand level`,className:`inline-flex items-center gap-1`,children:[{value:`collapsed`,label:`Collapsed`},{value:`agents`,label:`Agents`},{value:`expanded`,label:`Expand all`}].map(n=>{let r=e===n.value;return(0,I.jsx)(`button`,{type:`button`,"aria-pressed":r,onClick:()=>t(n.value),className:`px-2 py-0.5 text-[10px] rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 `+(r?`bg-accent-cyan/20 text-accent-cyan font-medium`:`text-ink-muted hover:text-ink-subtle`),children:n.label},n.value)})})}function BV({window:e}){let t=Math.max(e.endMs-e.startMs,1),n=(0,F.useMemo)(()=>{let e=[1e4,3e4,6e4,12e4,3e5,6e5,9e5,18e5].find(e=>t/e<=8)??Math.ceil(t/8),n=[];for(let r=e;r<t;r+=e)n.push(r);return n},[t]);return(0,I.jsxs)(`div`,{className:`flex px-2`,children:[(0,I.jsx)(`div`,{className:`${IV} shrink-0`}),(0,I.jsx)(`div`,{className:`relative flex-1 h-5 border-b border-bg-line overflow-x-auto`,children:n.map(e=>(0,I.jsx)(`span`,{className:`absolute top-0 text-[9px] text-ink-muted tabular-nums -translate-x-1/2`,style:{left:`${e/t*100}%`},children:PV(e)},e))})]})}function VV({parentRows:e,groups:t,window:n,sessionId:r,onSelectRun:i,runStatusById:a,parentSegments:o,collapsedGroups:s,toggleGroup:c,expandedAgents:l,toggleAgent:u}){let d=s.has(jV),f=e.length>0;return(0,I.jsxs)(`div`,{className:`overflow-x-hidden`,children:[(0,I.jsx)(BV,{window:n}),f&&(0,I.jsxs)(`div`,{className:`mb-2 mt-1`,children:[(0,I.jsx)(XV,{collapsed:d,onToggle:()=>c(`__parent__`),label:`Parent`,count:`${e.length} tool call${e.length===1?``:`s`}`}),!d&&(0,I.jsx)(OV,{entries:e,segments:o?[...o]:[],windowStartMs:n.startMs,windowEndMs:n.endMs,showTicks:!1,gutterClass:IV})]}),t.map((e,t)=>{let o=AV[t%AV.length],d=NV(e.runId),f=s.has(d),p=e.runId===null?void 0:a?.[e.runId],m=e.runId!==null&&i?()=>i(e.runId):void 0,h=e.agents.map(e=>e.usd).filter(e=>e!=null),g=h.length>0?h.reduce((e,t)=>e+t,0):null,_=e.agents.reduce((e,t)=>Math.max(e,t.endMs),0),v=_-e.earliestStartMs,y=`${e.agents.length} agent${e.agents.length===1?``:`s`} · ${Ti(g)} · ${PV(Math.max(0,v))} span`;return(0,I.jsx)(`div`,{className:`mb-2`,children:f?(0,I.jsx)(HV,{onToggle:()=>c(d),label:e.name,summary:y,barColor:o,window:n,startMs:e.earliestStartMs,endMs:_,status:p,onOpenRun:m}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(XV,{collapsed:!1,onToggle:()=>c(d),label:e.name,swatchColor:o,count:`${e.agents.length} agent${e.agents.length===1?``:`s`}`,status:p,onOpenRun:m}),e.agents.map(e=>(0,I.jsx)(UV,{agent:e,barColor:o,window:n,sessionId:r,onSelectRun:i,expanded:l.has(e.agentId),onToggle:()=>u(e.agentId)},e.agentId))]})},e.runId??`__adhoc__`)})]})}function HV({onToggle:e,label:t,summary:n,barColor:r,window:i,startMs:a,endMs:o,status:s,onOpenRun:c}){let l=Math.max(i.endMs-i.startMs,1),u=a-i.startMs,d=Math.max(0,u/l*100),f=Math.max(0,o-a)/l*100,p=`${t} · ${n}`,m=s===`failed`,h=`absolute inset-y-0 my-auto h-4 rounded-sm opacity-85 ${r}`+(m?` ring-1 ring-accent-red/60`:``);return(0,I.jsxs)(`div`,{className:`flex items-center h-7 px-2`,children:[(0,I.jsxs)(`div`,{className:`${IV} shrink-0 flex items-center gap-1.5 pr-2`,children:[(0,I.jsxs)(`button`,{type:`button`,onClick:e,"aria-expanded":!1,className:`shrink-0 flex items-center gap-1.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded-sm`,title:n,children:[(0,I.jsx)(yn,{size:13,className:`shrink-0 text-ink-muted`,"aria-hidden":`true`}),(0,I.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-sm shrink-0 ${r}`,"aria-hidden":`true`})]}),c?(0,I.jsx)(`span`,{role:`button`,tabIndex:0,title:`${t} · open run`,onClick:e=>{e.stopPropagation(),c()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),c())},className:`text-[11px] font-medium text-ink-subtle truncate cursor-pointer hover:text-accent-cyan hover:underline underline-offset-2 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:t}):(0,I.jsx)(`span`,{className:`text-[11px] font-medium text-ink-subtle truncate`,title:t,children:t}),(0,I.jsx)(LV,{status:s})]}),(0,I.jsx)(`div`,{className:`relative flex-1 h-full flex items-center`,children:(0,I.jsx)(`div`,{role:`img`,"aria-label":p,title:p,className:h,style:{left:`${d}%`,width:`${f}%`,minWidth:`4px`}})})]})}function UV({agent:e,barColor:t,window:n,sessionId:r,onSelectRun:i,expanded:a,onToggle:o}){let[s,c]=(0,F.useState)(!1),l=Math.max(n.endMs-n.startMs,1),u=e.startMs-n.startMs,d=Math.max(0,u/l*100),f=e.durationMs/l*100,p=e.workflowRunId!==null&&i!==void 0,m=e.workflowRunId,h=d>=50?{right:`${Math.max(0,100-d-f)}%`}:{left:`${d}%`},g=`${e.label} · ${e.model} · ${e.turnCount} turns · ${Ei(e.totalTokens)} tokens · ${Ti(e.usd)} · ${Si(e.durationMs)}`+(p?` · open workflow run`:``),_=`absolute inset-y-0 my-auto h-5 rounded-sm opacity-85 ${t} `+(p?`cursor-pointer hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`:`cursor-default`);return(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`div`,{className:`flex items-center h-7 px-2`,children:[(0,I.jsxs)(`div`,{className:`${IV} shrink-0 flex items-center gap-1 pl-4 pr-2`,children:[(0,I.jsx)(`button`,{type:`button`,onClick:o,"aria-expanded":a,"aria-label":`${a?`Collapse`:`Expand`} calls for ${e.label}`,className:`shrink-0 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:a?(0,I.jsx)(vn,{size:11,className:`text-ink-muted`,"aria-hidden":`true`}):(0,I.jsx)(yn,{size:11,className:`text-ink-muted`,"aria-hidden":`true`})}),(0,I.jsx)(`span`,{className:`truncate text-[11px] text-ink-subtle`,title:e.label,children:e.label})]}),(0,I.jsxs)(`div`,{className:`relative flex-1 h-full flex items-center`,children:[p?(0,I.jsx)(`button`,{type:`button`,"aria-label":g,className:_,style:{left:`${d}%`,width:`${f}%`,minWidth:`4px`},onClick:()=>i(m),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onFocus:()=>c(!0),onBlur:()=>c(!1)}):(0,I.jsx)(`div`,{role:`img`,"aria-label":g,className:_,style:{left:`${d}%`,width:`${f}%`,minWidth:`4px`},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1)}),s&&(0,I.jsxs)(`div`,{className:`absolute z-50 top-full mt-1 px-2 py-1.5 rounded-lg bg-bg-elevated border border-bg-line text-[11px] text-ink-base shadow-lg whitespace-nowrap pointer-events-none`,style:h,children:[(0,I.jsx)(`div`,{className:`font-medium`,children:e.label}),(0,I.jsx)(`div`,{className:`text-ink-subtle font-mono`,children:e.model}),(0,I.jsxs)(`div`,{className:`text-ink-muted`,children:[e.turnCount,` turn`,e.turnCount===1?``:`s`,` ·`,` `,Ei(e.totalTokens),` tokens`]}),(0,I.jsxs)(`div`,{className:`text-ink-muted`,children:[Ti(e.usd),` · `,Si(e.durationMs)]})]})]})]}),a&&(0,I.jsx)(WV,{agentId:e.agentId,sessionId:r,window:n})]})}function WV({agentId:e,sessionId:t,window:n}){let{data:r,isLoading:i,isError:a}=L({queryKey:z.agentCalls(t,e),queryFn:()=>wr(t,e),retry:!1});if(i)return(0,I.jsx)(`div`,{className:`pl-6 py-1 text-[10px] text-ink-muted`,children:`Loading calls…`});if(a)return(0,I.jsx)(`div`,{className:`pl-6 py-1 text-[10px] text-accent-red`,children:`Failed to load calls.`});let o=r?.calls??[];return o.length===0?(0,I.jsx)(`div`,{className:`pl-6 py-1 text-[10px] text-ink-muted`,children:`No calls recorded.`}):(0,I.jsx)(`div`,{className:`pl-3 border-l border-bg-line ml-3`,children:(0,I.jsx)(OV,{entries:[...o],segments:[],windowStartMs:n.startMs,windowEndMs:n.endMs,showTicks:!1,gutterClass:IV})})}function GV({parentRows:e,groups:t,window:n,sessionId:r,onSelectRun:i,runStatusById:a,collapsedGroups:o,toggleGroup:s,expandedAgents:c,toggleAgent:l}){let u=n.startMs,d=o.has(jV),f=(0,F.useMemo)(()=>{let t=1/0,n=0;for(let r of e){r.timestamp<t&&(t=r.timestamp);let e=r.timestamp+(r.durationMs??50);e>n&&(n=e)}return Number.isFinite(t)?Math.max(0,n-t):0},[e]);return(0,I.jsxs)(`div`,{className:`text-[11px]`,children:[e.length>0&&(0,I.jsxs)(`div`,{className:`mb-3`,children:[(0,I.jsx)(XV,{collapsed:d,onToggle:()=>s(`__parent__`),label:`Parent`,count:`${e.length} tool call${e.length===1?``:`s`}`,trailing:(0,I.jsx)(YV,{durationMs:f})}),!d&&(0,I.jsx)(`div`,{className:`flex flex-col`,children:[...e].sort((e,t)=>e.timestamp-t.timestamp).map((e,t)=>(0,I.jsx)(KV,{entry:e,firstTs:u,detail:e.filePath??e.command??``},`${t}-${e.timestamp}`))})]}),t.map((e,t)=>{let u=AV[t%AV.length],d=NV(e.runId),f=o.has(d),p=e.runId===null?void 0:a?.[e.runId],m=e.runId!==null&&i?()=>i(e.runId):void 0,h=e.agents.reduce((e,t)=>e+t.turnCount,0),g=e.agents.reduce((e,t)=>e+t.totalTokens,0),_=e.agents.map(e=>e.usd).filter(e=>e!=null),v=_.length>0?_.reduce((e,t)=>e+t,0):null,y=Math.max(0,e.agents.reduce((e,t)=>Math.max(e,t.endMs),0)-e.earliestStartMs);return(0,I.jsxs)(`div`,{className:`mb-3`,children:[(0,I.jsx)(XV,{collapsed:f,onToggle:()=>s(d),label:e.name,swatchColor:u,count:`${e.agents.length} agent${e.agents.length===1?``:`s`}`,status:p,onOpenRun:m,trailing:(0,I.jsx)(YV,{turns:h,tokens:g,usd:v,durationMs:y})}),!f&&(0,I.jsx)(`div`,{className:`flex flex-col gap-0.5`,children:e.agents.map(e=>(0,I.jsx)(qV,{agent:e,window:n,sessionId:r,onSelectRun:i,expanded:c.has(e.agentId),onToggle:()=>l(e.agentId)},e.agentId))})]},e.runId??`__adhoc__`)})]})}function KV({entry:e,firstTs:t,detail:n}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 px-2 py-0.5`,children:[(0,I.jsxs)(`span`,{className:`w-10 text-ink-muted tabular-nums shrink-0`,children:[`+`,xi(Math.max(0,e.timestamp-t))]}),(0,I.jsx)(`span`,{className:`w-28 truncate font-medium text-ink-base shrink-0`,title:e.toolName,children:Di(e.toolName)}),(0,I.jsx)(`span`,{className:`flex-1 truncate font-mono text-ink-subtle min-w-0`,title:n??``,children:n??``}),(0,I.jsx)(`span`,{className:`w-14 text-right tabular-nums text-ink-muted shrink-0`,children:e.durationMs==null?`—`:`${e.durationMs}ms`}),(0,I.jsx)(`span`,{className:`w-3 text-center shrink-0 ${e.success?`text-accent-green`:`text-accent-red`}`,"aria-label":e.success?`success`:`failed`,children:e.success?`✓`:`✗`})]})}function qV({agent:e,window:t,sessionId:n,onSelectRun:r,expanded:i,onToggle:a}){let o=e.workflowRunId!==null&&r!==void 0,s=e.workflowRunId;return(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 px-2 py-0.5`,children:[(0,I.jsx)(`button`,{type:`button`,onClick:a,"aria-expanded":i,"aria-label":`${i?`Collapse`:`Expand`} calls for ${e.label}`,className:`shrink-0 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:i?(0,I.jsx)(vn,{size:11,className:`text-ink-muted`,"aria-hidden":`true`}):(0,I.jsx)(yn,{size:11,className:`text-ink-muted`,"aria-hidden":`true`})}),o?(0,I.jsx)(`button`,{type:`button`,onClick:()=>r(s),className:`truncate font-medium text-accent-cyan hover:underline text-left shrink-0 max-w-[160px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded-sm`,title:`${e.label} · open workflow run`,children:e.label}):(0,I.jsx)(`span`,{className:`truncate font-medium text-ink-base shrink-0 max-w-[160px]`,title:e.label,children:e.label}),(0,I.jsx)(`span`,{className:`font-mono text-ink-muted truncate min-w-0 flex-1`,title:e.model,children:e.model}),(0,I.jsxs)(`span`,{className:`text-ink-muted tabular-nums shrink-0`,children:[e.turnCount,` turn`,e.turnCount===1?``:`s`]}),(0,I.jsxs)(`span`,{className:`text-ink-muted tabular-nums shrink-0`,children:[Ei(e.totalTokens),` tok`]}),(0,I.jsx)(`span`,{className:`text-accent-amber tabular-nums shrink-0 w-12 text-right`,children:Ti(e.usd)}),(0,I.jsx)(`span`,{className:`text-ink-muted tabular-nums shrink-0 w-12 text-right`,children:Si(e.durationMs)})]}),i&&(0,I.jsx)(JV,{agentId:e.agentId,sessionId:n,firstTs:t.startMs})]})}function JV({agentId:e,sessionId:t,firstTs:n}){let{data:r,isLoading:i,isError:a}=L({queryKey:z.agentCalls(t,e),queryFn:()=>wr(t,e),retry:!1});if(i)return(0,I.jsx)(`div`,{className:`pl-9 py-1 text-[10px] text-ink-muted`,children:`Loading calls…`});if(a)return(0,I.jsx)(`div`,{className:`pl-9 py-1 text-[10px] text-accent-red`,children:`Failed to load calls.`});let o=r?.calls??[];return o.length===0?(0,I.jsx)(`div`,{className:`pl-9 py-1 text-[10px] text-ink-muted`,children:`No calls recorded.`}):(0,I.jsx)(`div`,{className:`pl-6 border-l border-bg-line ml-3 flex flex-col`,children:[...o].sort((e,t)=>e.timestamp-t.timestamp).map((e,t)=>(0,I.jsx)(KV,{entry:e,firstTs:n},`${t}-${e.timestamp}`))})}function YV({turns:e,tokens:t,usd:n,durationMs:r}){return(0,I.jsxs)(`span`,{className:`ml-auto flex items-center gap-2 text-[10px] tabular-nums shrink-0 pl-2`,children:[e!=null&&(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[e,` turn`,e===1?``:`s`]}),t!=null&&(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[Ei(t),` tok`]}),n!=null&&(0,I.jsx)(`span`,{className:`text-accent-amber`,children:wi(n)}),r!=null&&(0,I.jsx)(`span`,{className:`text-ink-muted`,children:Si(r)})]})}function XV({collapsed:e,onToggle:t,label:n,count:r,swatchColor:i,status:a,trailing:o,onOpenRun:s}){return(0,I.jsxs)(`div`,{className:`flex w-full items-center gap-1.5 mb-0.5 px-2 text-left`,children:[(0,I.jsxs)(`button`,{type:`button`,onClick:t,"aria-expanded":!e,className:`flex items-center gap-1.5 shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded-sm`,children:[e?(0,I.jsx)(yn,{size:13,className:`shrink-0 text-ink-muted`,"aria-hidden":`true`}):(0,I.jsx)(vn,{size:13,className:`shrink-0 text-ink-muted`,"aria-hidden":`true`}),i!=null&&(0,I.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-sm shrink-0 ${i}`,"aria-hidden":`true`})]}),s?(0,I.jsx)(`span`,{role:`button`,tabIndex:0,title:`${n} · open run`,onClick:e=>{e.stopPropagation(),s()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),s())},className:`text-[11px] font-medium text-ink-subtle truncate min-w-0 cursor-pointer hover:text-accent-cyan hover:underline underline-offset-2 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:n}):(0,I.jsx)(`span`,{className:`text-[11px] font-medium text-ink-subtle truncate min-w-0`,title:n,children:n}),(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted tabular-nums truncate shrink-0`,children:r}),(0,I.jsx)(LV,{status:a}),o]})}function ZV(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function QV(e,t=16){return e.length<=t?e:`${e.slice(0,6)}…${e.slice(-6)}`}function $V({column:e,sortKey:t,sortDir:n}){return e===t?n===`asc`?(0,I.jsx)(gn,{className:`w-3 h-3 text-accent-amber`,"aria-hidden":`true`}):(0,I.jsx)(mn,{className:`w-3 h-3 text-accent-amber`,"aria-hidden":`true`}):(0,I.jsx)(hn,{className:`w-3 h-3 opacity-30`,"aria-hidden":`true`})}function eH({column:e,label:t,sortKey:n,sortDir:r,onSort:i,className:a=``}){return(0,I.jsx)(`th`,{scope:`col`,"aria-sort":e===n?r===`asc`?`ascending`:`descending`:`none`,className:`px-3 py-2 text-left text-[10px] uppercase tracking-wider text-ink-muted font-semibold whitespace-nowrap select-none ${a}`,children:(0,I.jsxs)(`button`,{type:`button`,onClick:()=>i(e),className:`inline-flex items-center gap-1 cursor-pointer hover:text-ink-subtle transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded-sm`,children:[t,(0,I.jsx)($V,{column:e,sortKey:n,sortDir:r})]})})}function tH({agents:e}){let[t,n]=(0,F.useState)(`tokens`),[r,i]=(0,F.useState)(`desc`),[a,o]=(0,F.useState)(null);function s(e){e===t?i(e=>e===`asc`?`desc`:`asc`):(n(e),i(`desc`))}async function c(e){try{await navigator.clipboard.writeText(e),o(e),setTimeout(()=>o(null),1500)}catch{}}let l=[...e].sort((e,n)=>{let i=e[t]??-1/0,a=n[t]??-1/0;if(typeof i==`string`&&typeof a==`string`)return r===`asc`?i.localeCompare(a):a.localeCompare(i);let o=i,s=a;return r===`asc`?o-s:s-o});return e.length===0?(0,I.jsx)(`div`,{className:`py-6 text-center text-xs text-ink-muted`,children:`No agent data recorded for this run.`}):(0,I.jsx)(`div`,{className:`overflow-x-auto rounded-lg border border-border-subtle`,children:(0,I.jsxs)(`table`,{className:`w-full text-xs`,"aria-label":`Agent activity`,children:[(0,I.jsx)(`thead`,{className:`bg-surface-5 border-b border-border-subtle`,children:(0,I.jsxs)(`tr`,{children:[(0,I.jsx)(eH,{column:`label`,label:`Agent`,sortKey:t,sortDir:r,onSort:s}),(0,I.jsx)(eH,{column:`model`,label:`Model`,sortKey:t,sortDir:r,onSort:s}),(0,I.jsx)(eH,{column:`state`,label:`State`,sortKey:t,sortDir:r,onSort:s}),(0,I.jsx)(eH,{column:`tokens`,label:`Tokens`,sortKey:t,sortDir:r,onSort:s,className:`text-right`}),(0,I.jsx)(eH,{column:`toolCalls`,label:`Tool Calls`,sortKey:t,sortDir:r,onSort:s,className:`text-right`}),(0,I.jsx)(eH,{column:`durationMs`,label:`Duration`,sortKey:t,sortDir:r,onSort:s,className:`text-right`})]})}),(0,I.jsx)(`tbody`,{className:`divide-y divide-border-subtle`,children:l.map(e=>(0,I.jsxs)(`tr`,{className:`hover:bg-surface-5 transition-colors`,children:[(0,I.jsx)(`td`,{className:`px-3 py-2 min-w-0`,children:(0,I.jsxs)(`div`,{className:`flex flex-col gap-0.5 min-w-0`,children:[(0,I.jsx)(`button`,{type:`button`,title:e.agentId,"aria-label":`Copy agent ID ${e.agentId}`,onClick:()=>void c(e.agentId),className:`text-left text-ink-base font-medium truncate hover:text-accent-cyan transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded`,children:a===e.agentId?(0,I.jsx)(`span`,{className:`text-accent-green`,children:`Copied!`}):e.label||QV(e.agentId)}),e.phaseTitle&&(0,I.jsxs)(`span`,{className:`text-[10px] text-ink-muted truncate`,children:[e.phaseTitle,e.attempt>1?` · attempt ${e.attempt}`:``]})]})}),(0,I.jsx)(`td`,{className:`px-3 py-2`,children:(0,I.jsx)(`span`,{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] bg-surface-5 text-ink-subtle font-mono`,children:e.model||`—`})}),(0,I.jsx)(`td`,{className:`px-3 py-2`,children:(0,I.jsx)(`span`,{className:`text-ink-subtle`,children:e.state||`—`})}),(0,I.jsx)(`td`,{className:`px-3 py-2 text-right tabular-nums text-ink-base font-medium`,children:e.tokens>0?ZV(e.tokens):(0,I.jsx)(`span`,{className:`text-ink-muted opacity-40`,children:`—`})}),(0,I.jsx)(`td`,{className:`px-3 py-2 text-right tabular-nums text-ink-muted`,children:e.toolCalls>0?e.toolCalls.toLocaleString():(0,I.jsx)(`span`,{className:`text-ink-muted opacity-40`,children:`—`})}),(0,I.jsx)(`td`,{className:`px-3 py-2 text-right tabular-nums text-ink-muted`,children:e.durationMs==null?(0,I.jsx)(`span`,{className:`text-ink-muted opacity-40`,children:`—`}):Si(e.durationMs)})]},e.agentId))})]})})}function nH(e){return e===`Read`?`bg-accent-blue`:e===`Edit`||e===`Write`?`bg-accent-green`:e===`Bash`?`bg-accent-purple`:e===`Agent`?`bg-accent-teal`:`bg-ink-subtle`}var rH=15;function iH({agents:e,window:t,parentEntries:n,onSelectRun:r}){let[i,a]=(0,F.useState)(null),o=Math.max(t.endMs-t.startMs,1),s=(0,F.useMemo)(()=>{let e=[1e4,3e4,6e4,12e4,3e5,6e5,9e5,18e5].find(e=>o/e<=8)??Math.ceil(o/8),t=[];for(let n=e;n<o;n+=e)t.push(n);return t},[o]),c=(0,F.useMemo)(()=>kV(e),[e]),l=(0,F.useMemo)(()=>n?[...n].sort((e,t)=>e.timestamp-t.timestamp):[],[n]),u=n!==void 0,d=(0,F.useMemo)(()=>c.reduce((e,t)=>e+t.agents.length,0),[c])+ +!!u,[f,p]=(0,F.useState)(()=>{let e=new Set;for(let t of c)t.agents.length>rH&&e.add(NV(t.runId));return e}),m=e=>{p(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};if(e.length===0&&!u)return(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`No subagents ran in this session.`});let h=-1,g=e=>e>=3&&e>d-4?`bottom-full mb-1`:`top-full mt-1`,_=f.has(jV);return(0,I.jsxs)(`div`,{className:`p-2 overflow-x-hidden`,children:[(0,I.jsxs)(`div`,{className:`flex`,children:[(0,I.jsx)(`div`,{className:`w-24 shrink-0`}),(0,I.jsx)(`div`,{className:`relative flex-1 h-5 border-b border-bg-line overflow-x-auto`,children:s.map(e=>(0,I.jsx)(`span`,{className:`absolute top-0 text-[9px] text-ink-muted tabular-nums -translate-x-1/2`,style:{left:`${e/o*100}%`},children:PV(e)},e))})]}),(0,I.jsxs)(`div`,{className:`mt-1`,children:[u&&(0,I.jsxs)(`div`,{className:`mb-2`,children:[(0,I.jsxs)(`button`,{type:`button`,onClick:()=>m(`__parent__`),"aria-expanded":!_,className:`flex w-full items-center gap-1.5 mb-0.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded-sm`,children:[_?(0,I.jsx)(yn,{size:13,className:`shrink-0 text-ink-muted`,"aria-hidden":`true`}):(0,I.jsx)(vn,{size:13,className:`shrink-0 text-ink-muted`,"aria-hidden":`true`}),(0,I.jsx)(`span`,{className:`text-[11px] font-medium text-ink-subtle truncate`,children:`Parent activity`}),(0,I.jsxs)(`span`,{className:`text-[10px] text-ink-muted tabular-nums`,children:[l.length,` tool call`,l.length===1?``:`s`]})]}),!_&&(()=>{h+=1;let e=h;return(0,I.jsxs)(`div`,{className:`flex items-center h-7`,children:[(0,I.jsx)(`div`,{className:`w-24 shrink-0 truncate text-[11px] text-ink-subtle pr-2 text-right`,children:`Parent`}),(0,I.jsx)(`div`,{className:`relative flex-1 h-full flex items-center`,children:l.map((n,r)=>{let s=n.timestamp-t.startMs,c=Math.max(0,s/o*100),l=(n.durationMs??50)/o*100,u=`parent:${r}`,d=Di(n.toolName),f=c>=50?{right:`${Math.max(0,100-c-l)}%`}:{left:`${c}%`};return(0,I.jsxs)(`div`,{className:`contents`,children:[(0,I.jsx)(`div`,{role:`img`,"aria-label":`${n.toolName} · ${n.durationMs==null?`unknown`:`${n.durationMs}ms`} · ${n.success?`success`:`failed`}`,className:`absolute inset-y-0 my-auto h-5 rounded-sm opacity-80 cursor-default ${nH(d)} `+(n.success?``:`ring-1 ring-accent-red/60`),style:{left:`${c}%`,width:`${l}%`,minWidth:`4px`},onMouseEnter:()=>a(u),onMouseLeave:()=>a(null)}),i===u&&(0,I.jsxs)(`div`,{className:`absolute z-50 ${g(e)} px-2 py-1.5 rounded-lg bg-bg-elevated border border-bg-line text-[11px] text-ink-base shadow-lg whitespace-nowrap pointer-events-none`,style:f,children:[(0,I.jsx)(`div`,{className:`font-medium`,children:n.toolName}),(0,I.jsxs)(`div`,{className:`text-ink-muted`,children:[n.durationMs==null?`unknown`:`${n.durationMs}ms`,` `,`· `,n.success?`success`:`failed`]})]})]},u)})})]})})()]}),c.map((e,n)=>{let s=AV[n%AV.length],c=NV(e.runId),l=f.has(c),u=e.agents.map(e=>e.usd).filter(e=>e!=null),d=u.length>0?u.reduce((e,t)=>e+t,0):null,p=e.agents.reduce((e,t)=>Math.max(e,t.endMs),0)-e.earliestStartMs,_=`${e.agents.length} agent${e.agents.length===1?``:`s`} · ${Ti(d)} · ${PV(Math.max(0,p))} span`;return(0,I.jsxs)(`div`,{className:`mb-2`,children:[(0,I.jsxs)(`button`,{type:`button`,onClick:()=>m(c),"aria-expanded":!l,className:`flex w-full items-center gap-1.5 mb-0.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded-sm`,children:[l?(0,I.jsx)(yn,{size:13,className:`shrink-0 text-ink-muted`,"aria-hidden":`true`}):(0,I.jsx)(vn,{size:13,className:`shrink-0 text-ink-muted`,"aria-hidden":`true`}),(0,I.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-sm shrink-0 ${s}`,"aria-hidden":`true`}),(0,I.jsx)(`span`,{className:`text-[11px] font-medium text-ink-subtle truncate`,title:e.name,children:e.name}),l?(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted tabular-nums truncate`,children:_}):(0,I.jsxs)(`span`,{className:`text-[10px] text-ink-muted tabular-nums`,children:[e.agents.length,` agent`,e.agents.length===1?``:`s`]})]}),!l&&e.agents.map(e=>{h+=1;let c=h,l=e.startMs-t.startMs,u=Math.max(0,l/o*100),d=e.durationMs/o*100,f=`${n}:${e.agentId}`,p=e.workflowRunId!==null&&r!==void 0,m=e.workflowRunId,_=u>=50?{right:`${Math.max(0,100-u-d)}%`}:{left:`${u}%`},v=`${e.label} · ${e.model} · ${e.turnCount} turns · ${Ci(e.totalTokens)} tokens · ${Ti(e.usd)} · ${Si(e.durationMs)}`+(p?` · open workflow run`:``),y=`absolute inset-y-0 my-auto h-5 rounded-sm opacity-85 ${s} `+(p?`cursor-pointer hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`:`cursor-default`);return(0,I.jsxs)(`div`,{className:`flex items-center h-7`,children:[(0,I.jsx)(`div`,{className:`w-24 shrink-0 truncate text-[11px] text-ink-subtle pr-2 text-right`,title:e.label,children:e.label}),(0,I.jsxs)(`div`,{className:`relative flex-1 h-full flex items-center`,children:[p?(0,I.jsx)(`button`,{type:`button`,"aria-label":v,className:y,style:{left:`${u}%`,width:`${d}%`,minWidth:`4px`},onClick:()=>r(m),onMouseEnter:()=>a(f),onMouseLeave:()=>a(null),onFocus:()=>a(f),onBlur:()=>a(null)}):(0,I.jsx)(`div`,{role:`img`,"aria-label":v,className:y,style:{left:`${u}%`,width:`${d}%`,minWidth:`4px`},onMouseEnter:()=>a(f),onMouseLeave:()=>a(null)}),i===f&&(0,I.jsxs)(`div`,{className:`absolute z-50 ${g(c)} px-2 py-1.5 rounded-lg bg-bg-elevated border border-bg-line text-[11px] text-ink-base shadow-lg whitespace-nowrap pointer-events-none`,style:_,children:[(0,I.jsx)(`div`,{className:`font-medium`,children:e.label}),(0,I.jsx)(`div`,{className:`text-ink-subtle font-mono`,children:e.model}),(0,I.jsxs)(`div`,{className:`text-ink-muted`,children:[e.turnCount,` turn`,e.turnCount===1?``:`s`,` ·`,` `,Ci(e.totalTokens),` tokens`]}),(0,I.jsxs)(`div`,{className:`text-ink-muted`,children:[Ti(e.usd),` ·`,` `,Si(e.durationMs)]})]})]})]},f)})]},e.runId??`__adhoc__`)})]})]})}var aH={running:{tone:`info`,label:`Running`},completed:{tone:`success`,label:`Completed`},failed:{tone:`danger`,label:`Failed`},cancelled:{tone:`warning`,label:`Cancelled`},unknown:{tone:`neutral`,label:`Unknown`}};function oH({status:e}){switch(e){case`completed`:return(0,I.jsx)(bn,{className:`w-4 h-4 text-accent-green`,"aria-hidden":`true`});case`failed`:return(0,I.jsx)(xn,{className:`w-4 h-4 text-accent-red`,"aria-hidden":`true`});case`running`:return(0,I.jsx)(Dn,{className:`w-4 h-4 text-accent-cyan animate-spin`,"aria-hidden":`true`});case`cancelled`:return(0,I.jsx)(Sn,{className:`w-4 h-4 text-accent-amber`,"aria-hidden":`true`});default:return(0,I.jsx)(Sn,{className:`w-4 h-4 text-ink-muted`,"aria-hidden":`true`})}}function sH(e,t,n){let r=[];for(let i of e){if(i.startedAt==null)continue;let e=i.durationMs??0;r.push({agentId:i.agentId,workflowRunId:t,workflowName:n,label:i.label||i.agentId,model:i.model,startMs:i.startedAt,endMs:i.startedAt+e,durationMs:e,turnCount:i.toolCalls,totalTokens:i.tokens,usd:null})}return r}function cH({runId:e,onClose:t}){let n=(0,F.useRef)(null),r=(0,F.useRef)(null);(0,F.useEffect)(()=>{function e(e){if(e.key===`Escape`){t();return}if(e.key===`Tab`&&n.current){let t=n.current.querySelectorAll(`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`),r=t[0],i=t[t.length-1];!e.shiftKey&&document.activeElement===i?(e.preventDefault(),r?.focus()):e.shiftKey&&document.activeElement===r&&(e.preventDefault(),i?.focus())}}return document.addEventListener(`keydown`,e),r.current?.focus(),()=>document.removeEventListener(`keydown`,e)},[t]);let{data:i,isLoading:a,isError:o}=L({queryKey:z.workflowDetail(e),queryFn:()=>Wr(e),refetchInterval:5e3}),s=i?.run,c=(0,F.useMemo)(()=>i?.agents??[],[i?.agents]),l=i?.topology??null,u=s==null?null:aH[s.status]??aH.unknown,d=s!=null&&(s.status===`failed`||s.status===`cancelled`)&&typeof s.errorReason==`string`&&s.errorReason.trim()!==``?s.errorReason:null,f=c.reduce((e,t)=>e+(t.tokens??0),0),p=s?.totalTokens??null,m=p==null?null:p-f,h=(0,F.useMemo)(()=>s==null?[]:sH(c,s.runId,s.workflowName??null),[c,s]),g=(0,F.useMemo)(()=>{if(h.length===0)return{startMs:0,endMs:1};let e=1/0,t=-1/0;for(let n of h)n.startMs<e&&(e=n.startMs),n.endMs>t&&(t=n.endMs);return{startMs:e,endMs:t>e?t:e+1}},[h]);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`fixed inset-0 z-40 bg-black/40 backdrop-blur-sm`,"aria-hidden":`true`,onClick:t}),(0,I.jsxs)(`div`,{ref:n,role:`dialog`,"aria-modal":`true`,"aria-label":`Workflow run details: ${s?.workflowName??e}`,className:`fixed right-0 top-0 bottom-0 z-50 w-[640px] max-w-full flex flex-col bg-bg-panel border-l border-border-medium shadow-2xl overflow-hidden`,children:[(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-3 px-5 py-4 border-b border-border-subtle shrink-0`,children:[(0,I.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[a&&(0,I.jsxs)(`div`,{className:`flex items-center gap-2 text-ink-muted`,children:[(0,I.jsx)(Dn,{className:`w-4 h-4 animate-spin`,"aria-hidden":`true`}),(0,I.jsx)(`span`,{className:`text-sm`,children:`Loading run details…`})]}),o&&(0,I.jsx)(`span`,{className:`text-sm text-accent-red`,children:`Failed to load run details.`}),s!=null&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,I.jsx)(oH,{status:s.status}),(0,I.jsx)(`h2`,{className:`text-sm font-semibold text-ink-base truncate`,children:s.workflowName}),u!=null&&(0,I.jsx)(ri,{tone:u.tone,size:`sm`,bordered:!0,children:u.label}),s.runSource!=null&&(0,I.jsx)(ri,{tone:`neutral`,size:`sm`,children:s.runSource})]}),(0,I.jsxs)(`div`,{className:`mt-1 flex items-center gap-3 text-[10px] text-ink-muted flex-wrap`,children:[(0,I.jsx)(`span`,{className:`font-mono`,children:e}),s.startedAt!=null&&(0,I.jsx)(`span`,{children:new Date(s.startedAt).toLocaleString()}),s.durationMs!=null&&(0,I.jsx)(`span`,{children:Si(s.durationMs)}),s.defaultModel&&(0,I.jsx)(`span`,{className:`font-mono`,children:s.defaultModel})]})]})]}),(0,I.jsx)(`button`,{ref:r,type:`button`,"aria-label":`Close run details`,onClick:t,className:`shrink-0 p-1.5 rounded-md text-ink-muted hover:text-ink-base hover:bg-surface-5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:(0,I.jsx)(Nn,{className:`w-4 h-4`,"aria-hidden":`true`})})]}),(0,I.jsx)(`div`,{className:`flex-1 overflow-y-auto px-5 py-4 space-y-5`,children:s!=null&&(0,I.jsxs)(I.Fragment,{children:[d!=null&&(0,I.jsxs)(B,{tone:`static`,padding:`sm`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Failure reason`}),(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(xn,{className:`w-4 h-4 text-accent-red shrink-0 mt-0.5`,"aria-hidden":`true`}),(0,I.jsx)(`p`,{className:`text-xs text-accent-red font-mono break-words`,children:d})]})]}),(s.totalTokens!=null||p!=null)&&(0,I.jsxs)(B,{tone:`static`,padding:`sm`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Token Reconciliation`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-3`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:`Rollup`}),(0,I.jsx)(`div`,{className:`text-sm font-bold tabular-nums text-ink-base mt-0.5`,children:p==null?`—`:p.toLocaleString()})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:`Agent Sum`}),(0,I.jsx)(`div`,{className:`text-sm font-bold tabular-nums text-ink-base mt-0.5`,children:f.toLocaleString()})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:`Delta`}),(0,I.jsx)(`div`,{className:`text-sm font-bold tabular-nums mt-0.5 ${m===null?`text-ink-muted`:m===0?`text-accent-green`:`text-accent-amber`}`,children:m===null?`—`:m===0?`0`:`${m>0?`+`:``}${m.toLocaleString()}`})]})]}),s.totalUsd!=null&&(0,I.jsxs)(`div`,{className:`mt-2 pt-2 border-t border-border-subtle flex items-center justify-between`,children:[(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:`Total Cost`}),(0,I.jsx)(`span`,{className:`text-xs font-bold text-accent-amber tabular-nums`,children:wi(s.totalUsd)})]})]}),l!=null&&(0,I.jsxs)(B,{tone:`static`,padding:`sm`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Topology`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-3`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:`Declared Phases`}),(0,I.jsx)(`div`,{className:`text-sm font-bold tabular-nums text-ink-base mt-0.5`,children:l.declaredPhases==null?`—`:l.declaredPhases})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:`Observed Phases`}),(0,I.jsx)(`div`,{className:`text-sm font-bold tabular-nums text-ink-base mt-0.5`,children:s.observedPhases==null?`—`:s.observedPhases})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:`Declared Agents`}),(0,I.jsx)(`div`,{className:`text-sm font-bold tabular-nums text-ink-base mt-0.5`,children:l.declaredAgents==null?`—`:l.declaredAgents})]})]}),l.declaredParallelWidths!=null&&l.declaredParallelWidths.length>0&&(0,I.jsxs)(`div`,{className:`mt-2 pt-2 border-t border-border-subtle flex items-center gap-2 flex-wrap`,children:[(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:`Parallel Widths`}),l.declaredParallelWidths.map((e,t)=>(0,I.jsx)(`span`,{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] bg-surface-5 text-ink-subtle font-mono`,children:e},`${e}-${t}`))]})]}),h.length>0&&(0,I.jsxs)(`section`,{"aria-label":`Agent fan-out timeline`,children:[(0,I.jsx)(V,{className:`mb-3`,children:`Fan-out timeline`}),(0,I.jsx)(B,{tone:`static`,padding:`sm`,children:(0,I.jsx)(iH,{agents:h,window:g})})]}),c.length>0?(0,I.jsxs)(`section`,{"aria-label":`Agent activity`,children:[(0,I.jsxs)(V,{className:`mb-3`,children:[`Agents (`,c.length,`)`]}),(0,I.jsx)(tH,{agents:c})]}):(0,I.jsx)(`div`,{className:`py-6 text-center text-xs text-ink-muted`,children:`No agent data recorded for this run.`})]})})]})]})}var lH=[`system`,`tools`,`user`,`assistant`],uH={system:`bg-accent-indigo`,tools:`bg-accent-amber`,user:`bg-accent-blue`,assistant:`bg-accent-green`},dH={system:`shadow-[0_0_8px_rgba(99,102,241,0.4)]`,tools:`shadow-[0_0_8px_rgba(255,178,36,0.4)]`,user:`shadow-[0_0_8px_rgba(0,149,255,0.4)]`,assistant:`shadow-[0_0_8px_rgba(28,231,131,0.4)]`},fH={system:`bg-accent-indigo`,tools:`bg-accent-amber`,user:`bg-accent-blue`,assistant:`bg-accent-green`},pH={system:`System`,tools:`Tools`,user:`User`,assistant:`Assistant`},mH={system:`#6366f1`,tools:`#ffb224`,user:`#0095ff`,assistant:`#1ce783`},hH={fontSize:10,fill:`#6b7280`},gH=`#2a2a3a`;function _H({history:e,contextWindow:t}){let n=(0,F.useId)();return e.length<2?null:(0,I.jsx)(`div`,{className:`mt-2 pt-2 border-t border-surface-3`,children:(0,I.jsx)(ip,{width:`100%`,height:120,children:(0,I.jsxs)(aV,{data:e.map(e=>({turn:e.turnNumber,system:t>0?e.breakdown.system/t*100:0,tools:t>0?e.breakdown.tools/t*100:0,user:t>0?e.breakdown.user/t*100:0,assistant:t>0?e.breakdown.assistant/t*100:0})),margin:{top:4,right:4,bottom:0,left:-20},children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:n,x1:`0`,y1:`1`,x2:`0`,y2:`0`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:`#f59e0b`,stopOpacity:.15}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:`#ef4444`,stopOpacity:.25})]})}),(0,I.jsx)(_I,{strokeDasharray:`3 3`,stroke:gH}),(0,I.jsx)(ZR,{dataKey:`turn`,tick:hH,stroke:gH}),(0,I.jsx)(fz,{domain:[0,100],unit:`%`,tick:hH,stroke:gH}),(0,I.jsx)(Zk,{contentStyle:{backgroundColor:`#1a1a2e`,border:`1px solid #2a2a3a`,fontSize:11},formatter:(e,t)=>[`${e.toFixed(1)}%`,t],labelFormatter:e=>`Turn ${e}`}),(0,I.jsx)(JP,{y1:80,y2:100,fill:`url(#${n})`,ifOverflow:`visible`}),lH.map(e=>(0,I.jsx)(xL,{type:`monotone`,dataKey:e,stackId:`context`,stroke:mH[e],fill:mH[e],fillOpacity:.4,strokeWidth:1,dot:!1},e))]})})})}function vH(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e)}function yH(e,t=``){return{sessionId:t,turnNumber:e.turnCount,totalTokens:e.growth.currentTokens,fillPercent:e.fillPercent,contextWindow:e.contextWindow,breakdown:e.currentBreakdown,growth:{startTokens:e.growth.startTokens,currentTokens:e.growth.currentTokens,delta:e.growth.deltaTokens},topTools:e.toolContributions.map(e=>({tool:e.tool,estimatedTokens:e.estimatedTokens}))}}function bH({data:e,sessionId:t,expandable:n=!0}){let r=Yn(e=>e.contextBySession),i=t?r.get(t)??null:null,[a,o]=(0,F.useState)(null),[s,c]=(0,F.useState)(!1),[l,u]=(0,F.useState)(!1),d=(0,F.useRef)(0),f=(0,F.useRef)(0);(0,F.useEffect)(()=>{u(!1)},[t]);let{data:p}=L({queryKey:t?[`context`,t]:z.context,queryFn:()=>Mr(t??void 0),refetchInterval:1e4,enabled:!e}),{data:m}=L({queryKey:[`context-composition`,t],queryFn:Nr,enabled:l}),{data:h}=L({queryKey:[`context-efficiency`,t],queryFn:Pr,enabled:l}),g=e??p,_=t??``,v=e?yH(e,_):i??(g?yH(g,_):null),y=v?.growth.currentTokens??0,b=Math.min(v?.fillPercent??0,100),x=f.current>0&&b>d.current;if((0,F.useEffect)(()=>{if(f.current>0&&y<f.current*.7){c(!0);let e=setTimeout(()=>c(!1),1e3);return f.current=y,d.current=b,()=>clearTimeout(e)}f.current=y,d.current=b},[b,y]),!v||v.totalTokens===0)return null;let{breakdown:S,growth:C,fillPercent:w,totalTokens:T}=v,E=w>=100,D=v.contextWindow,O=l&&g?.history&&g.history.length>=2?g.history:null;return(0,I.jsxs)(`div`,{className:`group`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between mb-1.5`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,I.jsx)(V,{children:`Context`}),E&&(0,I.jsx)(ri,{tone:`danger`,size:`sm`,uppercase:!0,className:`animate-pulse motion-reduce:animate-none`,children:`at capacity`})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-1 text-[11px] text-ink-subtle tabular-nums`,children:[vH(C.currentTokens),D&&D>0&&(0,I.jsx)(`span`,{className:`text-ink-muted`,children:` / ${vH(D)}`}),C.delta>0&&(0,I.jsxs)(`span`,{className:`text-accent-amber ml-1`,children:[`+`,vH(C.delta)]}),C.delta<0&&(0,I.jsx)(`span`,{className:`text-accent-cyan ml-1`,children:`compacted`}),n&&(g?.history?.length??0)>=2&&(0,I.jsx)(`button`,{onClick:()=>u(e=>!e),className:`ml-1 text-ink-muted hover:text-ink-base transition-colors`,"aria-label":`Toggle context timeline`,"aria-expanded":l,children:l?`▾`:`▸`})]})]}),(0,I.jsxs)(`div`,{className:`relative`,children:[s&&(0,I.jsx)(`div`,{className:`absolute inset-0 rounded-full bg-accent-cyan/20 animate-compact-flash pointer-events-none`}),(0,I.jsx)(`div`,{className:`w-full h-3 bg-surface-3 rounded-full overflow-hidden flex transition-colors duration-150 ${x?`shadow-[0_0_12px_rgba(255,178,36,0.3)]`:``} ${s?`animate-compact`:``}`,children:lH.map(e=>{let t=S[e];if(t<=0)return null;let n=Math.round(t/T*100),r=a===e;return(0,I.jsx)(`div`,{className:`${uH[e]} transition-all duration-500 ease-out cursor-default relative ${r?`brightness-125 ${dH[e]}`:``}`,style:{width:`${t/T*b}%`},title:`${pH[e]}: ${vH(t)} (${n}%)`,onMouseEnter:()=>o(e),onMouseLeave:()=>o(null)},e)})})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 mt-1.5 text-[10px] text-ink-muted`,children:[lH.map(e=>{let t=S[e],n=a===e;return(0,I.jsxs)(`span`,{className:`flex items-center gap-1 transition-colors duration-200 cursor-default ${n?`text-ink-base`:``}`,onMouseEnter:()=>o(e),onMouseLeave:()=>o(null),children:[(0,I.jsx)(`span`,{className:`inline-block w-1.5 h-1.5 rounded-full ${fH[e]} ${n?`scale-150`:``} transition-transform duration-200`}),pH[e],n&&t>0&&(0,I.jsx)(`span`,{className:`text-ink-subtle ml-0.5`,children:vH(t)})]},e)}),(0,I.jsxs)(`span`,{className:`ml-auto tabular-nums ${E?`text-accent-red`:b>=75?`text-accent-amber`:``}`,children:[b.toFixed(0),`%`]})]}),n&&(0,I.jsxs)(`div`,{className:`overflow-hidden transition-all duration-300 ${l?`max-h-56`:`max-h-0`}`,children:[O&&(0,I.jsx)(_H,{history:O,contextWindow:D}),l&&h&&h.repeatedReadRatio!==null&&(0,I.jsxs)(`div`,{className:`mt-2 text-xs text-ink-muted`,children:[(0,I.jsxs)(`span`,{children:[`Repeated reads: `,Math.round(h.repeatedReadRatio*100),`%`]}),h.topRepeatedFiles[0]&&(0,I.jsxs)(`span`,{className:`ml-2`,children:[`top:`,` `,(0,I.jsx)(`code`,{className:`bg-surface-5 px-1 rounded`,children:h.topRepeatedFiles[0].file}),` `,`(`,h.topRepeatedFiles[0].readCount,`x)`]})]}),l&&m&&(0,I.jsxs)(`div`,{className:`mt-1 text-xs text-ink-muted`,children:[`Dominant this turn:`,` `,Object.entries(m.currentBreakdown).sort((e,t)=>t[1]-e[1])[0]?.[0]]})]})]})}var xH={success:`success`,failure:`danger`,unknown:`neutral`};function SH({decisionTree:e,turnCosts:t,contextHistory:n,contextWindow:r,contextComposition:i,contextEfficiency:a,onClose:o}){let s=(0,F.useRef)(null),c=(0,F.useRef)(null);(0,F.useEffect)(()=>{function e(e){if(e.key===`Escape`){o();return}if(e.key===`Tab`&&s.current){let t=s.current.querySelectorAll(`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`),n=t[0],r=t[t.length-1];!e.shiftKey&&document.activeElement===r?(e.preventDefault(),n?.focus()):e.shiftKey&&document.activeElement===n&&(e.preventDefault(),r?.focus())}}return document.addEventListener(`keydown`,e),c.current?.focus(),()=>document.removeEventListener(`keydown`,e)},[o]);let l=e!=null&&e.totalBranches>0,u=t?.turns!=null&&t.turns.length>0,d=(n?.length??0)>=2;return(0,ui.createPortal)((0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`fixed inset-0 z-40 bg-black/40 backdrop-blur-sm`,"aria-hidden":`true`,onClick:o}),(0,I.jsxs)(`div`,{ref:s,role:`dialog`,"aria-modal":`true`,"aria-label":`Session decision-tree and turn-cost detail`,className:`fixed right-0 top-0 bottom-0 z-50 w-[640px] max-w-full flex flex-col bg-bg-panel border-l border-border-medium shadow-2xl overflow-hidden`,children:[(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-3 px-5 py-4 border-b border-border-subtle shrink-0`,children:[(0,I.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,I.jsx)(`h2`,{className:`text-sm font-semibold text-ink-base`,children:`Session Detail`}),(0,I.jsx)(`p`,{className:`mt-1 text-[10px] text-ink-muted`,children:`Decision Tree and Turn Costs below are scoped to the selected session. Context Composition & Efficiency remain live, current-process-only — they reflect this dashboard process’s own current session, not necessarily the one selected above.`})]}),(0,I.jsx)(`button`,{ref:c,type:`button`,"aria-label":`Close session detail`,onClick:o,className:`shrink-0 p-1.5 rounded-md text-ink-muted hover:text-ink-base hover:bg-surface-5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:(0,I.jsx)(Nn,{className:`w-4 h-4`,"aria-hidden":`true`})})]}),(0,I.jsxs)(`div`,{className:`flex-1 overflow-y-auto px-5 py-4 space-y-5`,children:[(0,I.jsxs)(`section`,{"aria-label":`Decision tree`,children:[(0,I.jsx)(V,{className:`mb-3`,children:`Decision Tree`}),(0,I.jsx)(B,{tone:`static`,padding:`sm`,children:l?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-3`,children:[(0,I.jsx)(CH,{label:`Longest failure streak`,value:String(e.longestFailureStreak)}),(0,I.jsx)(CH,{label:`Success rate`,value:e.successRate===null?`—`:`${Math.round(e.successRate*100)}%`}),(0,I.jsx)(CH,{label:`Total branches`,value:String(e.totalBranches)})]}),e.failurePoints.length>0&&(0,I.jsx)(`div`,{className:`mt-3 pt-3 border-t border-border-subtle space-y-2`,children:e.failurePoints.map((e,t)=>(0,I.jsx)(`div`,{className:`flex items-start justify-between gap-2 text-xs`,children:(0,I.jsxs)(`div`,{className:`min-w-0`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 flex-wrap`,children:[(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[`Turn `,e.turnNumber]}),e.toolName&&(0,I.jsx)(`code`,{className:`text-[10px] bg-surface-5 px-1 rounded`,children:e.toolName}),(0,I.jsx)(ri,{tone:xH[e.outcome],size:`sm`,children:e.outcome})]}),(0,I.jsx)(`p`,{className:`mt-0.5 text-ink-subtle break-words`,children:e.reasoning})]})},`${e.turnNumber}-${t}`))}),e.note&&(0,I.jsx)(`p`,{className:`mt-3 pt-3 border-t border-border-subtle text-[10px] text-ink-muted`,children:e.note})]}):(0,I.jsx)(`div`,{className:`py-2 text-center text-xs text-ink-muted`,children:`No decision-tree data yet.`})})]}),(0,I.jsxs)(`section`,{"aria-label":`Turn costs`,children:[(0,I.jsx)(V,{className:`mb-3`,children:`Turn Costs`}),(0,I.jsx)(B,{tone:`static`,padding:`sm`,children:u?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 mb-3 pb-3 border-b border-border-subtle`,children:[(0,I.jsx)(CH,{label:`Total attributed cost`,value:`$${t.totalAttributedCost.toFixed(2)}`}),(0,I.jsx)(CH,{label:`Attribution rate`,value:`${Math.round(t.attributionRate*100)}%`})]}),(0,I.jsx)(`div`,{className:`space-y-2`,children:t.turns.map(e=>(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-2 text-xs`,children:[(0,I.jsxs)(`div`,{className:`min-w-0`,children:[(0,I.jsx)(`div`,{className:`text-ink-base`,children:e.toolNames.join(`, `)}),(0,I.jsxs)(`div`,{className:`text-[10px] text-ink-muted font-mono`,children:[e.model,` · `,Ei(e.inputTokens),` in /`,` `,Ei(e.outputTokens),` out /`,` `,Ei(e.cacheReadTokens),` cache`]})]}),(0,I.jsxs)(`span`,{className:`shrink-0 tabular-nums text-ink-base`,children:[`$`,e.estimatedCostUsd.toFixed(2)]})]},e.turnId))})]}):(0,I.jsx)(`div`,{className:`py-2 text-center text-xs text-ink-muted`,children:`No turn-cost data yet.`})})]}),(0,I.jsxs)(`section`,{"aria-label":`Context timeline`,children:[(0,I.jsx)(V,{className:`mb-3`,children:`Context Timeline`}),(0,I.jsx)(B,{tone:`static`,padding:`sm`,children:d?(0,I.jsx)(_H,{history:n??[],contextWindow:r??0}):(0,I.jsx)(`div`,{className:`py-2 text-center text-xs text-ink-muted`,children:`No context timeline data yet.`})})]}),(0,I.jsxs)(`section`,{"aria-label":`Context composition and efficiency`,children:[(0,I.jsx)(V,{className:`mb-3`,children:`Context Composition & Efficiency`}),(0,I.jsx)(B,{tone:`static`,padding:`sm`,children:!i&&!a?(0,I.jsx)(`div`,{className:`py-2 text-center text-xs text-ink-muted`,children:`No composition/efficiency data yet.`}):(0,I.jsxs)(`div`,{className:`space-y-2 text-xs`,children:[i&&(0,I.jsxs)(`div`,{className:`text-ink-muted`,children:[`Dominant this turn:`,` `,(0,I.jsx)(`span`,{className:`text-ink-base`,children:Object.entries(i.currentBreakdown).sort((e,t)=>t[1]-e[1])[0]?.[0]})]}),a&&a.repeatedReadRatio!==null&&(0,I.jsxs)(`div`,{className:`text-ink-muted`,children:[`Repeated reads:`,` `,(0,I.jsxs)(`span`,{className:`text-ink-base`,children:[Math.round(a.repeatedReadRatio*100),`%`]}),a.topRepeatedFiles[0]&&(0,I.jsxs)(I.Fragment,{children:[` `,`— top:`,` `,(0,I.jsx)(`code`,{className:`bg-surface-5 px-1 rounded`,children:a.topRepeatedFiles[0].file}),` `,`(`,a.topRepeatedFiles[0].readCount,`x)`]})]})]})})]})]})]})]}),document.body)}function CH({label:e,value:t}){return(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:e}),(0,I.jsx)(`div`,{className:`text-sm font-bold tabular-nums text-ink-base mt-0.5`,children:t})]})}var wH=`var(--color-chart-block)`,TH=`var(--color-chart-block-peak)`,EH=10,DH=13;function OH({data:e,maxCount:t,ariaLabel:n}){let r=(0,F.useRef)(null),[i,a]=(0,F.useState)(null);if(e.length===0||e.every(e=>e.count===0))return null;let o=Math.max(t??0,...e.map(e=>e.count),1),s=o*12;return(0,I.jsxs)(`div`,{ref:r,className:`relative`,children:[(0,I.jsx)(`svg`,{width:`100%`,height:s,role:`img`,"aria-label":n,viewBox:`0 0 ${e.length*DH} ${s}`,preserveAspectRatio:`xMidYMax meet`,onMouseLeave:()=>a(null),children:e.map((e,t)=>{let n=[];for(let r=0;r<e.count;r++){let i=e.count===o;n.push((0,I.jsx)(`rect`,{x:t*DH,y:s-(r+1)*12,width:EH,height:EH,rx:1,fill:i?TH:wH,className:`heatmap-cell`,style:{animationDelay:`${t*20+r*10}ms`}},`${t}-${r}`))}return(0,I.jsxs)(`g`,{onMouseEnter:t=>{let n=r.current;if(!n)return;let i=n.getBoundingClientRect(),o=t.currentTarget,s=o.querySelectorAll(`rect.heatmap-cell`),c=(s[s.length-1]??o).getBoundingClientRect();a({x:c.left-i.left+c.width/2,y:c.top-i.top,text:e.tooltip})},children:[(0,I.jsx)(`rect`,{x:t*DH,y:0,width:DH,height:s,fill:`transparent`}),n]},t)})}),i&&(0,I.jsx)(`div`,{className:`absolute px-1.5 py-0.5 bg-bg-elevated border border-border-subtle text-[10px] text-ink-base rounded-md shadow-md pointer-events-none whitespace-nowrap tabular-nums`,style:{left:i.x,top:i.y,transform:`translate(-50%, calc(-100% - 4px))`},children:i.text})]})}var kH=`nr-observe-peak-concurrent`;function AH({current:e,peak:t,allTimePeak:n,buckets:r}){let[i,a]=(0,F.useState)(!1),o=(0,F.useRef)(null),s=r.some(e=>e.count>0);(0,F.useEffect)(()=>{let e=n??t;if(e<=0)return;let r=parseInt(localStorage.getItem(kH)??`0`,10);if(o.current===null&&(o.current=r),e>o.current){localStorage.setItem(kH,String(e)),o.current=e,a(!0);let t=setTimeout(()=>a(!1),3e3);return()=>clearTimeout(t)}},[t,n]);let c=r.map(e=>{let t=new Date(e.timestamp).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`});return{count:e.count,tooltip:`${t} — ${e.count} concurrent`}});return(0,I.jsxs)(B,{padding:`sm`,className:`relative overflow-hidden${i?` new-peak-glow`:``}`,children:[i&&(0,I.jsx)(jH,{}),(0,I.jsx)(V,{className:`mb-1.5`,children:`Concurrent Sessions`}),(0,I.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[(0,I.jsx)(`span`,{className:`text-lg font-semibold text-accent-teal tabular-nums`,children:e}),(0,I.jsxs)(`span`,{className:`text-xs text-ink-muted tabular-nums`,children:[`today peak `,t,n&&n>t?` · all-time ${n}`:``]}),i&&(0,I.jsx)(`span`,{className:`text-[10px] text-accent-green font-semibold animate-bounce`,children:`NEW RECORD!`})]}),s&&(0,I.jsx)(`div`,{className:`mt-2`,children:(0,I.jsx)(OH,{data:c,ariaLabel:`Concurrency over time, peak ${t}`})})]})}function jH(){return(0,I.jsx)(I.Fragment,{children:Array.from({length:12},(e,t)=>{let n=t/12*360,r=40+Math.random()*30;return(0,I.jsx)(`span`,{className:`absolute w-1.5 h-1.5 rounded-full`,style:{left:`50%`,top:`50%`,backgroundColor:t%3==0?`#1CE783`:t%3==1?`#00D4AA`:`#9945FF`,animation:`particle-burst 1s ease-out forwards`,animationDelay:`${t*40}ms`,transform:`translate(-50%, -50%) rotate(${n}deg) translateY(-${r}px)`,opacity:0}},t)})})}var MH=5,NH=[`var(--color-heatmap-0)`,`var(--color-heatmap-1)`,`var(--color-heatmap-2)`,`var(--color-heatmap-3)`,`var(--color-heatmap-4)`];function PH(e,t){if(e===0)return NH[0];let n=e/t;return NH[Math.min(Math.ceil(n*(MH-1)),MH-1)]}function FH(e,t,n){let r=e+n*t;return new Date(r).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`})}function IH({variant:e,buckets:t,maxCount:n,bucketSizeMs:r,startTimestamp:i,width:a,height:o,ariaLabel:s,days:c}){return e===`grid`&&c?(0,I.jsx)(zH,{days:c,maxCount:n,width:a,height:o,ariaLabel:s}):(0,I.jsx)(LH,{buckets:t,maxCount:n,bucketSizeMs:r,startTimestamp:i,width:a,height:o,ariaLabel:s})}function LH({buckets:e,maxCount:t,bucketSizeMs:n=9e5,startTimestamp:r=0,width:i,height:a=24,ariaLabel:o}){let[s,c]=(0,F.useState)(null),l=Math.max(4,Math.min(12,i?(i-e.length*1)/e.length:8)),u=i??e.length*(l+1);return(0,I.jsxs)(`div`,{className:`relative`,children:[(0,I.jsx)(`svg`,{width:u,height:a,role:`img`,"aria-label":o??`Activity heatmap: ${e.length} time buckets`,className:`w-full`,style:{maxWidth:u},viewBox:`0 0 ${u} ${a}`,preserveAspectRatio:`none`,onMouseLeave:()=>c(null),children:e.map((e,i)=>(0,I.jsx)(`rect`,{x:i*(l+1),y:0,width:l,height:a,rx:2,fill:PH(e,t),className:`heatmap-cell`,style:{animationDelay:`${Math.min(i*8,400)}ms`},onMouseEnter:t=>{let a=FH(r,n,i);c({x:t.currentTarget.x.baseVal.value,text:`${a}: ${e} calls`})}},i))}),s&&(0,I.jsx)(`div`,{className:`absolute -top-7 px-1.5 py-0.5 bg-bg-elevated border border-border-subtle text-[10px] text-ink-base rounded-md shadow-md pointer-events-none whitespace-nowrap tabular-nums`,style:{left:s.x},children:s.text})]})}var RH=[`Mon`,``,`Wed`,``,`Fri`,``,`Sun`];function zH({days:e,maxCount:t,ariaLabel:n}){let[r,i]=(0,F.useState)(null),a=(0,F.useMemo)(()=>{if(e.length===0)return{weeks:0,cells:[]};let t=(new Date(e[0].date).getUTCDay()+6)%7,n=[];for(let r=0;r<e.length;r++){let i=r+t,a=i%7,o=Math.floor(i/7);n.push({...e[r],row:a,col:o})}return{weeks:n.length>0?n[n.length-1].col+1:0,cells:n}},[e]),o=28+a.weeks*12,s=(0,F.useMemo)(()=>{let e=[],t=``;for(let n of a.cells){if(n.row!==0)continue;let r=new Date(n.date).toLocaleString(void 0,{month:`short`,timeZone:`UTC`});r!==t&&(e.push({text:r,col:n.col}),t=r)}return e},[a.cells]);return(0,I.jsxs)(`div`,{className:`relative flex justify-center`,children:[(0,I.jsxs)(`svg`,{width:`100%`,height:98,role:`img`,"aria-label":n??`Activity grid: ${e.length} days`,viewBox:`0 0 ${o} 98`,preserveAspectRatio:`xMidYMid meet`,onMouseLeave:()=>i(null),children:[RH.map((e,t)=>e?(0,I.jsx)(`text`,{x:0,y:14+t*12+10-2,className:`fill-ink-muted`,fontSize:10,children:e},t):null),s.map(({text:e,col:t})=>(0,I.jsx)(`text`,{x:28+t*12,y:10,className:`fill-ink-muted`,fontSize:10,children:e},`${e}-${t}`)),a.cells.map((e,n)=>(0,I.jsx)(`rect`,{x:28+e.col*12,y:14+e.row*12,width:10,height:10,rx:2,fill:PH(e.count,t),className:`heatmap-cell`,style:{animationDelay:`${Math.min(n*3,300)}ms`},onMouseEnter:t=>{let n=t.currentTarget;i({x:n.x.baseVal.value,y:n.y.baseVal.value-16,text:`${e.date}: ${e.count} calls`})}},n))]}),r&&(0,I.jsx)(`div`,{className:`absolute px-1.5 py-0.5 bg-bg-elevated border border-border-subtle text-[10px] text-ink-base rounded-md shadow-md pointer-events-none whitespace-nowrap tabular-nums`,style:{left:r.x,top:r.y},children:r.text}),(0,I.jsxs)(`div`,{className:`flex items-center gap-1 mt-1.5 text-[10px] text-ink-muted`,children:[(0,I.jsx)(`span`,{children:`Less`}),NH.map((e,t)=>(0,I.jsx)(`span`,{className:`inline-block w-2.5 h-2.5 rounded-sm`,style:{backgroundColor:e}},t)),(0,I.jsx)(`span`,{children:`More`})]})]})}function BH({theme:e=`observatory`}){return(0,I.jsxs)(`div`,{className:`geo-banner`,"aria-hidden":`true`,children:[e===`observatory`&&(0,I.jsx)(VH,{}),e===`sessions`&&(0,I.jsx)(HH,{}),e===`history`&&(0,I.jsx)(UH,{}),e===`audit`&&(0,I.jsx)(WH,{}),e===`git`&&(0,I.jsx)(GH,{})]})}function VH(){return(0,I.jsxs)(`svg`,{viewBox:`0 0 800 80`,preserveAspectRatio:`xMidYMid slice`,className:`w-full h-full`,children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:`obsSky`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:`#1a3a5c`}),(0,I.jsx)(`stop`,{offset:`40%`,stopColor:`#2d5a7b`}),(0,I.jsx)(`stop`,{offset:`70%`,stopColor:`#e8834a`}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:`#f4a261`})]})}),(0,I.jsx)(`rect`,{width:`800`,height:`80`,fill:`url(#obsSky)`}),(0,I.jsx)(`polygon`,{points:`0,80 0,45 80,38 160,48 240,30 340,42 420,25 500,38 580,32 660,40 740,28 800,35 800,80`,fill:`#1a3a5c`,opacity:`0.7`}),(0,I.jsx)(`polygon`,{points:`0,80 0,55 60,48 140,58 220,42 300,52 380,40 460,50 520,38 600,48 680,42 760,52 800,48 800,80`,fill:`#234e6f`}),(0,I.jsx)(`polygon`,{points:`0,80 0,62 100,58 200,65 300,55 400,60 500,54 600,62 700,56 800,60 800,80`,fill:`#2a6b4a`,opacity:`0.8`}),(0,I.jsx)(`circle`,{cx:`680`,cy:`28`,r:`14`,fill:`#f4a261`,opacity:`0.6`}),(0,I.jsx)(`circle`,{cx:`680`,cy:`28`,r:`8`,fill:`#ffd166`,opacity:`0.5`}),(0,I.jsx)(`ellipse`,{cx:`150`,cy:`56`,rx:`18`,ry:`10`,fill:`#1a3a5c`}),(0,I.jsx)(`line`,{x1:`150`,y1:`46`,x2:`172`,y2:`34`,stroke:`#5ce0d8`,strokeWidth:`1.5`,opacity:`0.8`})]})}function HH(){return(0,I.jsxs)(`svg`,{viewBox:`0 0 800 80`,preserveAspectRatio:`xMidYMid slice`,className:`w-full h-full`,children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:`seaSky`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:`#4aa8c7`}),(0,I.jsx)(`stop`,{offset:`60%`,stopColor:`#3a8fb7`}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:`#2d7a9e`})]})}),(0,I.jsx)(`rect`,{width:`800`,height:`80`,fill:`url(#seaSky)`}),(0,I.jsx)(`polygon`,{points:`600,48 640,35 680,48`,fill:`#2d7a4a`,opacity:`0.4`}),(0,I.jsx)(`polygon`,{points:`700,50 730,40 760,50`,fill:`#3d9b5b`,opacity:`0.3`}),(0,I.jsx)(`polygon`,{points:`0,80 0,15 40,12 80,20 120,18 160,25 180,30 180,80`,fill:`#c05a3c`}),(0,I.jsx)(`polygon`,{points:`0,80 0,25 30,22 60,28 100,25 140,30 160,35 160,80`,fill:`#e8834a`,opacity:`0.6`}),(0,I.jsx)(`polygon`,{points:`20,20 35,8 50,20`,fill:`#3d9b5b`}),(0,I.jsx)(`polygon`,{points:`60,22 72,12 84,24`,fill:`#4aad6b`}),(0,I.jsx)(`polygon`,{points:`100,20 115,10 130,22`,fill:`#3d9b5b`}),(0,I.jsx)(`polygon`,{points:`140,28 150,18 160,28`,fill:`#4aad6b`,opacity:`0.8`}),(0,I.jsx)(`rect`,{x:`120`,y:`30`,width:`8`,height:`50`,fill:`#87ceeb`,opacity:`0.5`}),(0,I.jsx)(`rect`,{x:`122`,y:`30`,width:`4`,height:`50`,fill:`#fff`,opacity:`0.3`}),(0,I.jsx)(`polygon`,{points:`620,80 620,30 660,25 700,32 740,28 780,35 800,30 800,80`,fill:`#c05a3c`,opacity:`0.8`}),(0,I.jsx)(`polygon`,{points:`650,30 665,18 680,30`,fill:`#3d9b5b`}),(0,I.jsx)(`polygon`,{points:`720,32 732,22 744,32`,fill:`#4aad6b`}),(0,I.jsx)(`polygon`,{points:`180,80 180,55 250,52 350,56 450,52 550,55 620,52 620,80`,fill:`#2d7a9e`,opacity:`0.6`}),(0,I.jsx)(`line`,{x1:`200`,y1:`60`,x2:`280`,y2:`58`,stroke:`#5ce0d8`,strokeWidth:`0.8`,opacity:`0.3`}),(0,I.jsx)(`line`,{x1:`350`,y1:`56`,x2:`450`,y2:`55`,stroke:`#5ce0d8`,strokeWidth:`0.8`,opacity:`0.25`}),(0,I.jsx)(`line`,{x1:`480`,y1:`58`,x2:`580`,y2:`56`,stroke:`#87ceeb`,strokeWidth:`0.8`,opacity:`0.3`})]})}function UH(){return(0,I.jsxs)(`svg`,{viewBox:`0 0 800 80`,preserveAspectRatio:`xMidYMid slice`,className:`w-full h-full`,children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:`histSky`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:`#3a7ca5`}),(0,I.jsx)(`stop`,{offset:`60%`,stopColor:`#5bb8d4`}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:`#8ed4c0`})]})}),(0,I.jsx)(`rect`,{width:`800`,height:`80`,fill:`url(#histSky)`}),(0,I.jsx)(`polygon`,{points:`100,50 140,20 180,50`,fill:`#e8834a`,opacity:`0.7`}),(0,I.jsx)(`polygon`,{points:`160,50 210,15 260,50`,fill:`#d4694a`,opacity:`0.6`}),(0,I.jsx)(`polygon`,{points:`550,50 600,18 650,50`,fill:`#e8834a`,opacity:`0.6`}),(0,I.jsx)(`polygon`,{points:`620,50 660,22 700,50`,fill:`#c05a3c`,opacity:`0.5`}),(0,I.jsx)(`polygon`,{points:`350,50 370,12 390,50`,fill:`#5ce0d8`,opacity:`0.4`}),(0,I.jsx)(`polygon`,{points:`380,50 395,20 410,50`,fill:`#87ceeb`,opacity:`0.3`}),(0,I.jsx)(`polygon`,{points:`700,50 715,25 730,50`,fill:`#5ce0d8`,opacity:`0.35`}),(0,I.jsx)(`polygon`,{points:`300,80 380,50 420,50 500,80`,fill:`#2a5a6b`,opacity:`0.6`}),(0,I.jsx)(`line`,{x1:`390`,y1:`52`,x2:`350`,y2:`78`,stroke:`#f4a261`,strokeWidth:`1`,opacity:`0.4`}),(0,I.jsx)(`line`,{x1:`410`,y1:`52`,x2:`450`,y2:`78`,stroke:`#f4a261`,strokeWidth:`1`,opacity:`0.4`}),(0,I.jsx)(`polygon`,{points:`0,80 0,55 80,52 160,58 240,50 320,55 500,52 580,56 660,50 740,55 800,52 800,80`,fill:`#2d8a4a`,opacity:`0.5`}),(0,I.jsx)(`polygon`,{points:`0,80 0,65 60,62 140,68 220,60 400,65 500,62 600,66 700,60 800,65 800,80`,fill:`#1e6b3a`,opacity:`0.6`}),(0,I.jsx)(`polygon`,{points:`30,65 42,42 54,65`,fill:`#3d9b5b`,opacity:`0.8`}),(0,I.jsx)(`polygon`,{points:`50,65 60,48 70,65`,fill:`#2d8a4a`,opacity:`0.7`}),(0,I.jsx)(`polygon`,{points:`720,65 732,45 744,65`,fill:`#3d9b5b`,opacity:`0.7`}),(0,I.jsx)(`polygon`,{points:`760,65 770,50 780,65`,fill:`#2d8a4a`,opacity:`0.8`})]})}function WH(){return(0,I.jsxs)(`svg`,{viewBox:`0 0 800 80`,preserveAspectRatio:`xMidYMid slice`,className:`w-full h-full`,children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:`auditSky`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:`#1a5c3a`}),(0,I.jsx)(`stop`,{offset:`50%`,stopColor:`#2d7a4a`}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:`#3d9b5b`})]})}),(0,I.jsx)(`rect`,{width:`800`,height:`80`,fill:`url(#auditSky)`}),(0,I.jsx)(`polygon`,{points:`200,0 210,80 220,0`,fill:`#ffd166`,opacity:`0.08`}),(0,I.jsx)(`polygon`,{points:`500,0 510,80 520,0`,fill:`#ffd166`,opacity:`0.06`}),(0,I.jsx)(`polygon`,{points:`650,0 660,80 670,0`,fill:`#fff`,opacity:`0.05`}),(0,I.jsx)(`rect`,{x:`80`,y:`20`,width:`6`,height:`60`,fill:`#1a4a2e`}),(0,I.jsx)(`rect`,{x:`180`,y:`10`,width:`7`,height:`70`,fill:`#1a4a2e`}),(0,I.jsx)(`rect`,{x:`320`,y:`15`,width:`6`,height:`65`,fill:`#1a4a2e`}),(0,I.jsx)(`rect`,{x:`500`,y:`8`,width:`7`,height:`72`,fill:`#1a4a2e`}),(0,I.jsx)(`rect`,{x:`620`,y:`18`,width:`6`,height:`62`,fill:`#1a4a2e`}),(0,I.jsx)(`rect`,{x:`740`,y:`12`,width:`7`,height:`68`,fill:`#1a4a2e`}),(0,I.jsx)(`polygon`,{points:`55,25 83,5 111,25`,fill:`#4aad6b`}),(0,I.jsx)(`polygon`,{points:`60,35 83,15 106,35`,fill:`#3d9b5b`}),(0,I.jsx)(`polygon`,{points:`155,15 183,0 211,18`,fill:`#5bc47a`}),(0,I.jsx)(`polygon`,{points:`160,28 183,8 206,28`,fill:`#4aad6b`}),(0,I.jsx)(`polygon`,{points:`295,20 323,2 351,22`,fill:`#5bc47a`}),(0,I.jsx)(`polygon`,{points:`300,32 323,12 346,32`,fill:`#3d9b5b`}),(0,I.jsx)(`polygon`,{points:`475,12 503,0 531,15`,fill:`#4aad6b`}),(0,I.jsx)(`polygon`,{points:`480,25 503,5 526,25`,fill:`#3d9b5b`}),(0,I.jsx)(`polygon`,{points:`595,22 623,5 651,22`,fill:`#5bc47a`}),(0,I.jsx)(`polygon`,{points:`600,34 623,14 646,34`,fill:`#4aad6b`}),(0,I.jsx)(`polygon`,{points:`715,16 743,0 771,18`,fill:`#5bc47a`}),(0,I.jsx)(`polygon`,{points:`720,30 743,10 766,30`,fill:`#3d9b5b`}),(0,I.jsx)(`polygon`,{points:`0,80 0,68 100,65 200,70 300,64 400,68 500,63 600,67 700,64 800,68 800,80`,fill:`#1e6b3a`}),(0,I.jsx)(`polygon`,{points:`250,80 258,65 266,80`,fill:`#e8834a`,opacity:`0.6`}),(0,I.jsx)(`polygon`,{points:`450,80 456,68 462,80`,fill:`#f4a261`,opacity:`0.5`}),(0,I.jsx)(`polygon`,{points:`650,80 656,66 662,80`,fill:`#e8834a`,opacity:`0.55`})]})}function GH(){return(0,I.jsxs)(`svg`,{viewBox:`0 0 800 80`,preserveAspectRatio:`xMidYMid slice`,className:`w-full h-full`,children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:`gitSky`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:`#2d5a7b`}),(0,I.jsx)(`stop`,{offset:`60%`,stopColor:`#3a8fb7`}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:`#5bb8d4`})]})}),(0,I.jsx)(`rect`,{width:`800`,height:`80`,fill:`url(#gitSky)`}),(0,I.jsx)(`polygon`,{points:`0,80 0,20 60,25 120,18 180,28 220,22 260,30 260,80`,fill:`#2d7a4a`,opacity:`0.7`}),(0,I.jsx)(`polygon`,{points:`540,80 540,22 600,28 660,20 720,25 780,18 800,22 800,80`,fill:`#2d7a4a`,opacity:`0.7`}),(0,I.jsx)(`path`,{d:`M 260,50 Q 320,48 400,45 Q 480,42 540,50`,fill:`none`,stroke:`#5ce0d8`,strokeWidth:`4`,opacity:`0.5`}),(0,I.jsx)(`path`,{d:`M 350,45 Q 370,35 400,28`,fill:`none`,stroke:`#87ceeb`,strokeWidth:`2`,opacity:`0.4`}),(0,I.jsx)(`path`,{d:`M 420,44 Q 440,52 470,60`,fill:`none`,stroke:`#87ceeb`,strokeWidth:`2`,opacity:`0.4`}),(0,I.jsx)(`path`,{d:`M 400,28 Q 430,25 460,30`,fill:`none`,stroke:`#5ce0d8`,strokeWidth:`1.5`,opacity:`0.35`}),(0,I.jsx)(`circle`,{cx:`400`,cy:`45`,r:`3`,fill:`#5ce0d8`,opacity:`0.6`}),(0,I.jsx)(`circle`,{cx:`350`,cy:`45`,r:`2`,fill:`#1ce783`,opacity:`0.5`}),(0,I.jsx)(`circle`,{cx:`460`,cy:`44`,r:`2`,fill:`#1ce783`,opacity:`0.5`}),(0,I.jsx)(`polygon`,{points:`300,65 310,55 320,65`,fill:`#3a6b4a`,opacity:`0.6`}),(0,I.jsx)(`polygon`,{points:`480,62 492,52 504,62`,fill:`#3a6b4a`,opacity:`0.6`}),(0,I.jsx)(`polygon`,{points:`240,35 250,18 260,35`,fill:`#4aad6b`}),(0,I.jsx)(`polygon`,{points:`540,35 550,20 560,35`,fill:`#4aad6b`}),(0,I.jsx)(`polygon`,{points:`270,50 278,38 286,50`,fill:`#3d9b5b`,opacity:`0.8`}),(0,I.jsx)(`polygon`,{points:`520,48 528,36 536,48`,fill:`#3d9b5b`,opacity:`0.8`})]})}function KH(e){return new Intl.DateTimeFormat(`en-US`,{timeZone:e}).resolvedOptions().timeZone}var qH=new Map;function JH(e){let t=KH(e),n=qH.get(t);return n||(n=new Intl.DateTimeFormat(`en-US`,{timeZone:t,year:`numeric`,month:`2-digit`,day:`2-digit`}),qH.set(t,n)),n}var YH=new Map;function XH(e){let t=KH(e),n=YH.get(t);return n||(n=new Intl.DateTimeFormat(`en-US`,{timeZone:t,year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`,hour12:!1}),YH.set(t,n)),n}function ZH(e,t){let n=JH(t).formatToParts(e),r=0,i=0,a=0;for(let e of n)e.type===`year`?r=Number(e.value):e.type===`month`?i=Number(e.value):e.type===`day`&&(a=Number(e.value));return{year:r,month:i,day:a}}function QH(e,t){let n=XH(t).formatToParts(e),r={};for(let e of n)e.type!==`literal`&&(r[e.type]=Number(e.value));let i=r.hour===24?0:r.hour;return Date.UTC(r.year,r.month-1,r.day,i,r.minute,r.second)-e}function $H(e,t,n,r){let i=Date.UTC(e,t-1,n),a=QH(i,r),o=i-a,s=QH(o,r);if(s===a)return o;let c=i-s,l=ZH(c,r);return l.year===e&&l.month===t&&l.day===n?c:o}function eU(e,t){if(t){let{year:n,month:r,day:i}=ZH(e??Date.now(),t);return $H(n,r,i,t)}let n=e==null?new Date:new Date(e);return n.setHours(0,0,0,0),n.getTime()}function tU(e,t,n){if(n){let r=ZH(e,n),i=ZH(t??Date.now(),n);return r.year===i.year&&r.month===i.month&&r.day===i.day}let r=new Date(e),i=t==null?new Date:new Date(t);return r.getFullYear()===i.getFullYear()&&r.getMonth()===i.getMonth()&&r.getDate()===i.getDate()}function nU(e,t){let n=eU(t),r=n+864e5;if(e.endTime<n||e.startTime>=r)return 0;if(e.startTime>=n&&e.endTime<r)return 1;if(e.timeline&&e.timeline.length>0){let t=e.timeline.length,i=e.timeline.filter(e=>e.timestamp>=n&&e.timestamp<r).length;if(t>0)return i/t}return(Math.min(e.endTime,r)-Math.max(e.startTime,n))/Math.max(1,e.endTime-e.startTime)}var rU={weekday:`short`,month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`},iU=3e4,aU={info:`text-ink-muted`,warning:`text-accent-amber`,critical:`text-accent-red`};function oU(e,t){return e===`clean`?`No compute waste detected this session.`:(t===null?null:{stuck_loop:`Address the command output before re-running the same command.`,re_reading:`Read each file once and keep relevant sections in mind.`,thrashing:`Read the test failure output carefully before editing again.`,blind_editing:`Verify changes with tests between edit batches.`,over_delegation:`Handle more work directly instead of spawning sub-agents.`}[t]??null)??`Review anti-patterns to reduce repeated tool calls.`}var sU=1e4,cU={fill:`var(--color-ink-muted)`,fontSize:10},lU=`var(--color-border-subtle)`,uU={background:`var(--color-bg-elevated)`,border:`1px solid var(--color-border-medium)`,borderRadius:8,fontSize:12,color:`var(--color-ink-base)`};function dU(e){return e===`Read`?`var(--color-accent-blue)`:e===`Edit`||e===`Write`?`var(--color-accent-green)`:e===`Bash`?`var(--color-accent-purple)`:e===`Agent`?`var(--color-accent-teal)`:`var(--color-ink-muted)`}function fU(){let e=Yn(e=>e.cost),t=Yn(e=>e.antiPatterns),n=$n(),{data:r}=L({queryKey:[`observability-health`],queryFn:Hr,refetchInterval:3e4}),{data:i,isPending:a}=L({queryKey:z.cost,queryFn:cr,refetchInterval:1e4}),{data:o,isPending:s}=L({queryKey:z.sessionsTodayAggregate,queryFn:ar,refetchInterval:1e4}),{data:c,isPending:l}=L({queryKey:z.sessionsList(200),queryFn:()=>ir(200),refetchInterval:1e4}),{data:u,isPending:d}=L({queryKey:z.antiPatterns,queryFn:lr}),{data:f,isPending:p}=L({queryKey:z.concurrency,queryFn:kr,refetchInterval:1e4}),{data:m,isPending:h}=L({queryKey:z.activityHeatmap(`today`),queryFn:()=>jr(`today`),refetchInterval:3e4}),{data:g,isPending:_}=L({queryKey:z.sessionsLive,queryFn:or,refetchInterval:1e4}),v=(0,F.useMemo)(()=>kU(c??[]),[c]),y=(0,F.useMemo)(()=>AU(c??[]),[c]),b=(0,F.useMemo)(()=>jU(c??[]),[c]),x=(0,F.useMemo)(()=>MU(c??[]),[c]),S=(0,F.useMemo)(()=>(c??[]).flatMap(e=>e.antiPatterns??[]),[c]),C=Math.max(o?.toolCallCount??0,y),w=(a||l||s)&&!e&&v===0&&o===void 0,T=Math.max(e?.todayTotalUsd??0,o?.totalCostUsd??0,v,i?.sessionTodayUsd??0),E=Math.max(u?.length??0,t.length),D=Math.max(o?.antiPatternCount??0,b+E),O=Math.max(o?.subagentUsd??0,n.usd),k=Math.max(o?.subagentTurnCount??0,n.turns),A=o!==void 0||n.turns>0,j=o&&o.totalCostUsd>=T?o.totalCostUsd:T,ee=o&&o.totalCostUsd>=T?o.subagentUsd??0:O,[M,te]=(0,F.useState)(()=>new Date().toLocaleString(void 0,rU)),ne=(0,F.useRef)(Date.now());(0,F.useEffect)(()=>{let e=setInterval(()=>{let e=Date.now();te(new Date(e).toLocaleString(void 0,rU)),tU(e,ne.current)||(ne.current=e,Yn.getState().handleDayRollover())},6e4);return()=>clearInterval(e)},[]);let N=o?.avgEfficiencyScore??null,P=N!==null&&Number.isFinite(N)?`${Math.round(N*100)}%`:`—`,re=N===null?`needs more data`:Math.round(N*100)>=80?`strong session`:Math.round(N*100)>=50?`mixed signals`:`needs attention`;return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(BH,{}),(0,I.jsxs)(`header`,{className:`flex items-baseline justify-between mb-4`,children:[(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Today`}),(0,I.jsx)(`span`,{className:`text-xs text-ink-muted`,children:M})]}),!w&&!s&&!l&&!d&&!p&&!h&&!_&&C===0&&T===0&&D===0?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(uV,{index:0,className:`glass-card p-8 mb-4`,children:(0,I.jsx)($,{icon:`code`,title:`No activity yet today`,subtitle:`Metrics will appear here once you start a coding session with Claude.`})}),(0,I.jsx)(uV,{index:1,className:`mb-3`,children:(0,I.jsx)(pU,{})}),(0,I.jsx)(uV,{index:2,children:(0,I.jsx)(wU,{})})]}):(0,I.jsxs)(I.Fragment,{children:[r?.watcherActive===!1&&k===0&&r?.watcherDisabledReason!==`mode_mismatch`&&(0,I.jsxs)(`div`,{className:`rounded-lg border border-border-subtle bg-surface-5 px-4 py-3 text-sm text-ink-muted mb-4`,children:[`Subagent cost tracking is disabled (`,(0,I.jsx)(`code`,{className:`font-mono text-xs`,children:`NR_AI_ENABLE_SUBAGENT_WATCHER=0`}),`), so spend shown here excludes subagents. Unset that variable (it is on by default) and restart to see full spend.`]}),r?.watcherActive===!1&&k===0&&r?.watcherDisabledReason===`mode_mismatch`&&(0,I.jsxs)(`div`,{className:`rounded-lg border border-border-subtle bg-surface-5 px-4 py-3 text-sm text-ink-muted mb-4`,children:[`This dashboard process isn’t running its own subagent watcher — expected for a background `,(0,I.jsx)(`code`,{className:`font-mono text-xs`,children:`--local`}),` dashboard (the watcher only auto-starts in `,(0,I.jsx)(`code`,{className:`font-mono text-xs`,children:`--stdio`}),` mode). Spend shown here still includes subagent activity from other sessions, read from their persisted totals. To track subagents live from this process too, set`,` `,(0,I.jsx)(`code`,{className:`font-mono text-xs`,children:`NR_AI_WATCHER_MODE=local`}),` and restart.`]}),(0,I.jsx)(uV,{index:0,className:`mb-4`,children:(0,I.jsx)(B,{padding:`lg`,tone:`elevated`,glow:`green`,children:(0,I.jsxs)(`div`,{className:`grid grid-cols-5 gap-4`,children:[(0,I.jsx)(lV,{label:`efficiency`,hero:!0,value:P,sub:re,...N===null?{}:{animate:!0,numericValue:Math.round(N*100),suffix:`%`}}),(0,I.jsx)(lV,{label:`spend today`,tone:`good`,value:w?`…`:wi(T),...w?{}:{animate:!0,numericValue:T,format:wi}}),(0,I.jsx)(lV,{label:`subagent spend`,value:A?wi(O):`—`,sub:`${k} turns`,...A?{animate:!0,numericValue:O,format:wi}:{}}),(0,I.jsx)(lV,{label:`tool calls`,value:String(C),animate:!0,numericValue:C}),(0,I.jsx)(lV,{label:`flags`,tone:D>0?`warn`:`neutral`,value:String(D),animate:!0,numericValue:D})]})})}),(0,I.jsxs)(uV,{index:1,className:`grid grid-cols-2 gap-3 mb-3`,children:[(0,I.jsx)(NU,{todayTotal:j,forecastEod:w?null:e?.forecastEodUsd??o?.forecastEndOfDayUsd??i?.forecast?.forecastEndOfDayUsd??null,hourlySpend:x,subagentUsd:ee,forecastSessionEnd:i?.forecast?.forecastSessionEndUsd??null,forecastWeek:i?.forecast?.forecastEndOfWeekUsd??null,confidenceNote:i?.forecast?.confidenceNote??null}),f&&f.buckets&&(0,I.jsx)(AH,{current:f.current,peak:f.peak,allTimePeak:f.allTimePeak,bucketSizeMs:f.bucketSizeMs,startTimestamp:f.startTimestamp,buckets:f.buckets})]}),D>0&&(0,I.jsx)(uV,{index:2,className:`mb-3`,children:(0,I.jsx)(B,{padding:`sm`,tone:`warning`,className:`text-xs`,children:t.length>0?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ri,{tone:`warning`,size:`sm`,className:`mr-2`,children:t[0].type}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`— `}),(0,I.jsxs)(`span`,{children:[t[0].count,`× on `]}),(0,I.jsx)(`code`,{className:`bg-surface-5 px-1 rounded`,children:t[0].target}),t[0].sessionId&&(0,I.jsxs)(ri,{tone:`neutral`,size:`sm`,className:`ml-2`,children:[`Session: `,CU(t[0].sessionId,g??[])]})]}):u&&u.length>0?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ri,{tone:`warning`,size:`sm`,className:`mr-2`,children:u[0].type}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`— `}),(0,I.jsxs)(`span`,{children:[u[0].count??u[0].iterations??u[0].readCount??u[0].repeatCount??u[0].editCount??u[0].agentCount??`?`,`× on`,` `]}),(0,I.jsx)(`code`,{className:`bg-surface-5 px-1 rounded`,children:u[0].file??u[0].command??`unknown`})]}):S.length>0?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ri,{tone:`warning`,size:`sm`,className:`mr-2`,children:S[0].type}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`— `}),(0,I.jsxs)(`span`,{children:[S[0].count??S[0].iterations??S[0].readCount??S[0].repeatCount??S[0].editCount??S[0].agentCount??`?`,`× on`,` `]}),(0,I.jsx)(`code`,{className:`bg-surface-5 px-1 rounded`,children:S[0].file??S[0].command??`unknown`})]}):(0,I.jsxs)(`span`,{children:[D,` flag(s) detected today — details unavailable.`]})})}),(0,I.jsxs)(uV,{index:3,className:`grid grid-cols-3 gap-3 mb-3`,children:[(0,I.jsx)(mU,{}),(0,I.jsx)(hU,{}),(0,I.jsx)(gU,{aggregate:o}),(0,I.jsx)(bU,{}),(0,I.jsx)(_U,{}),(0,I.jsx)(yU,{aggregate:o}),(0,I.jsx)(`div`,{className:`col-span-3`,children:(0,I.jsx)(pU,{})})]}),(0,I.jsx)(uV,{index:4,children:(0,I.jsx)(SU,{sessions:c??[],liveSessions:g??[]})}),m&&m.buckets?.length>0&&(0,I.jsx)(uV,{index:5,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`sm`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2`,children:[(0,I.jsx)(V,{children:`Activity Today`}),(0,I.jsx)(di,{text:`Tool-call activity in 15-minute blocks across today. Darker blocks mean more calls in that window.`})]}),(0,I.jsx)(IH,{variant:`strip`,buckets:m.buckets,maxCount:m.maxCount,bucketSizeMs:m.bucketSizeMs,startTimestamp:m.startTimestamp,ariaLabel:`Today's activity density in 15-minute blocks`})]})}),(0,I.jsx)(uV,{index:6,children:(0,I.jsx)(wU,{})})]})]})}function pU(){let{data:e,isError:t}=L({queryKey:z.costPerTool,queryFn:()=>Lr(),refetchInterval:sU,retry:!1}),n=e?.costByToolType?Object.entries(e.costByToolType).filter(([,e])=>e.totalCost>0).sort((e,t)=>t[1].totalCost-e[1].totalCost).map(([e,t])=>({tool:e,totalCost:t.totalCost,callCount:t.callCount})):[],r=e!=null&&(e.attributionRate??1)<.5;return t?(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Cost by Tool`}),(0,I.jsx)($,{icon:`radar`,title:`Cost attribution unavailable`,subtitle:`Start a Claude Code session to enable cost attribution.`})]}):e?(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Cost by Tool`}),n.length===0?(0,I.jsx)($,{icon:`radar`,title:`No cost data yet`,subtitle:`Cost attribution appears after token data is recorded.`}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`min-w-0`,style:{height:`${Math.max(96,n.length*28+24)}px`},children:(0,I.jsx)(ip,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(rV,{data:n,layout:`vertical`,children:[(0,I.jsx)(_I,{stroke:lU,strokeDasharray:`3 3`}),(0,I.jsx)(ZR,{type:`number`,tick:cU,stroke:lU,unit:`$`}),(0,I.jsx)(fz,{type:`category`,dataKey:`tool`,tick:cU,tickFormatter:e=>{let t=n.find(t=>t.tool===e),r=Di(e);return t?`${r} (${t.callCount})`:r},stroke:lU,width:90,interval:0}),(0,I.jsx)(Zk,{contentStyle:uU,labelFormatter:e=>Di(String(e))}),(0,I.jsx)(AR,{dataKey:`totalCost`,name:`Cost ($)`,radius:[0,3,3,0],children:n.map(e=>(0,I.jsx)(Qk,{fill:dU(Di(e.tool)),fillOpacity:.8},e.tool))})]})})}),r&&(0,I.jsxs)(`div`,{className:`text-[10px] text-ink-muted italic mt-1`,children:[`Based on `,Math.round((e.attributionRate??0)*100),`% of session cost`]})]})]}):(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Cost by Tool`}),(0,I.jsx)($,{icon:`radar`,title:`No cost data yet`,subtitle:`Cost attribution appears after token data is recorded.`})]})}function mU(){let{data:e}=L({queryKey:z.qualityProxy,queryFn:Tr,refetchInterval:sU});return(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2`,children:[(0,I.jsx)(V,{children:`Quality`}),(0,I.jsx)(di,{text:`Diff apply rate and test pass rate across today's sessions, plus how often you backtracked or self-corrected. Watch for the degrading flag if quality drops mid-session.`})]}),!e||e.totalSignals===0?(0,I.jsx)($,{icon:`checkmark`,title:`Waiting for edits and test runs`,subtitle:`Quality metrics appear after editing files and running tests.`}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-2 text-xs`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Diff Apply `}),(0,I.jsx)(`span`,{className:_i(e.diffApplyRate),children:e.diffApplyRate===null?`—`:`${(e.diffApplyRate*100).toFixed(0)}%`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Test Pass `}),(0,I.jsx)(`span`,{className:_i(e.testPassRate),children:e.testPassRate===null?`—`:`${(e.testPassRate*100).toFixed(0)}%`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Backtracks `}),(0,I.jsx)(`span`,{className:e.backtrackCount>0?`text-accent-amber`:``,children:e.backtrackCount})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Self-corrections `}),(0,I.jsx)(`span`,{className:`text-ink-subtle`,children:e.selfCorrectionCount})]})]}),e.degradationDetected&&(0,I.jsx)(`div`,{className:`text-accent-amber text-xs mt-2`,children:`⚠ Quality degrading`})]})]})}function hU(){let{data:e}=L({queryKey:z.toolSelectionScore,queryFn:Er,refetchInterval:sU});return(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2`,children:[(0,I.jsx)(V,{children:`Tool Selection`}),(0,I.jsx)(di,{text:`Scores how efficiently tools were chosen today: penalizes re-reading a file without editing it, retrying a failing call, or fetching output that's never used.`})]}),!e||Array.isArray(e)||e.totalCalls===0?(0,I.jsx)($,{icon:`radar`,title:`Waiting for tool calls`,subtitle:`Start a Claude Code session to begin scoring. Reflects today's activity across all sessions.`}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,I.jsx)(`span`,{className:`text-2xl font-semibold tabular-nums ${vi(e.score)}`,children:e.score.toFixed(2)}),(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted`,children:`/ 1.0`})]}),(0,I.jsxs)(`div`,{className:`text-[10px] text-ink-muted mt-1`,children:[e.penalizedCalls,` of `,e.totalCalls,` calls penalized`]}),(e.redundantReadCount>0||e.repeatedFailureCount>0||e.unusedOutputCount>0)&&(0,I.jsxs)(`div`,{className:`text-[10px] text-ink-subtle mt-1 space-x-2`,children:[e.redundantReadCount>0&&(0,I.jsxs)(`span`,{children:[`re-reads: `,e.redundantReadCount]}),e.repeatedFailureCount>0&&(0,I.jsxs)(`span`,{children:[`repeat fails: `,e.repeatedFailureCount]}),e.unusedOutputCount>0&&(0,I.jsxs)(`span`,{children:[`unused output: `,e.unusedOutputCount]})]}),(0,I.jsx)(`div`,{className:`text-[10px] text-ink-subtle/60 mt-2`,children:`Penalizes: reading the same file 3+ times without editing, repeated tool failures, fetching large outputs never referenced.`})]})]})}function gU({aggregate:e}){let t=e?.latency,n=t?.byTool?Object.entries(t.byTool).filter(e=>e[1]!==null&&e[1].count>0).sort((e,t)=>t[1].p95-e[1].p95).slice(0,4):[];return(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2`,children:[(0,I.jsx)(V,{children:`Latency (ms)`}),(0,I.jsx)(di,{text:`How long tool calls took today — p50/p95/p99 across all calls, plus the slowest tools by p95.`})]}),!t||!t.overall?(0,I.jsx)($,{icon:`clock`,title:`Waiting for tool calls`,subtitle:`Latency percentiles appear after tool calls complete.`}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex gap-4 text-xs mb-2`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`p50 `}),(0,I.jsx)(`span`,{className:`text-ink-base tabular-nums`,children:t.overall.p50})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`p95 `}),(0,I.jsx)(`span`,{className:`text-ink-base tabular-nums`,children:t.overall.p95})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`p99 `}),(0,I.jsx)(`span`,{className:`text-ink-base tabular-nums`,children:t.overall.p99})]})]}),n.length>0&&(0,I.jsx)(`div`,{className:`space-y-1`,children:n.map(([e,t])=>(0,I.jsxs)(`div`,{className:`flex items-center gap-2 text-xs`,children:[(0,I.jsx)(`span`,{className:`text-ink-muted truncate w-28 shrink-0`,children:Di(e)}),(0,I.jsxs)(`span`,{className:`tabular-nums text-ink-subtle`,children:[t.p95,`ms p95`]})]},e))})]})]})}function _U(){let{data:e}=L({queryKey:z.modelUsage,queryFn:Fr,refetchInterval:sU}),t=e?.byModel?Object.entries(e.byModel).filter(([,e])=>e.requestCount>0).sort((e,t)=>t[1].totalCostUsd-e[1].totalCostUsd).slice(0,4):[];return(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2`,children:[(0,I.jsx)(V,{children:`Model Usage`}),(0,I.jsx)(di,{text:`Cost and request volume per model used today, combining this server's live usage with every other session's saved totals. The live slice resets if the server process restarts.`})]}),!e||t.length===0?(0,I.jsx)($,{icon:`radar`,title:`No model data yet`,subtitle:`Start a Claude Code session to see model cost breakdown. Resets when the process restarts.`}):(0,I.jsxs)(`div`,{className:`space-y-1.5`,children:[t.map(([e,t])=>(0,I.jsxs)(`div`,{className:`flex items-center justify-between text-xs gap-2`,children:[(0,I.jsx)(`span`,{className:`text-ink-muted truncate`,children:e}),(0,I.jsxs)(`div`,{className:`flex gap-3 shrink-0 tabular-nums`,children:[(0,I.jsxs)(`span`,{className:`text-ink-subtle`,children:[t.requestCount,`req`]}),(0,I.jsxs)(`span`,{className:`text-ink-subtle`,children:[Ti(t.costPerMillionTokens),`/1M tok`]}),(0,I.jsx)(`span`,{className:`text-ink-base`,children:wi(t.totalCostUsd)})]})]},e)),e?.mostEfficientModel&&(0,I.jsxs)(`div`,{className:`text-[10px] text-accent-green mt-1`,children:[`Most efficient: `,e.mostEfficientModel]})]})]})}function vU(e,t){let n=t===null?null:`${t}%`;return e===`excellent`?n?`Cache hit rate is ${n}. Cache is well-structured.`:`Cache is well-structured. No changes needed.`:e===`can_improve`?n?`Cache hit rate is ${n}. Placing stable content before variable content in prompts could improve this.`:`Place stable content before variable content in prompts to improve.`:n?`Cache hit rate is ${n}. Restructuring your system prompt so stable context appears at the top could bring this above 60%.`:`Restructure your system prompt so stable context appears at the top.`}function yU({aggregate:e}){let{data:t}=L({queryKey:z.cacheHealth,queryFn:Ir,refetchInterval:sU}),n=e?.cacheHealth,r=!n||n.status===`no_cache_activity`||n.cacheHitRatePct==null;return(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2`,children:[(0,I.jsx)(V,{children:`Cache Health`}),(0,I.jsx)(di,{text:`Prompt cache hit rate today, with a suggestion for improving it — usually by moving stable context earlier in the prompt.`})]}),r?(0,I.jsx)($,{icon:`radar`,title:`No cache data yet`,subtitle:`Appears once token usage with cache reads is reported.`}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-2 mb-1`,children:[(0,I.jsxs)(`span`,{className:`text-2xl font-semibold tabular-nums ${n.status===`excellent`?`text-accent-green`:n.status===`needs_attention`?`text-accent-amber`:`text-ink-base`}`,children:[n.cacheHitRatePct,`%`]}),(0,I.jsx)(ri,{tone:n.status===`needs_attention`?`warning`:`neutral`,size:`sm`,children:n.status===`excellent`?`excellent`:n.status.replace(`_`,` `)})]}),n.totalSavingsUsd>0&&(0,I.jsxs)(`div`,{className:`text-xs text-accent-green mb-1`,children:[`$`,n.totalSavingsUsd.toFixed(4),` saved`]}),t?.week_over_week_delta_pts!=null&&t.week_over_week_delta_pts!==0&&(0,I.jsxs)(`div`,{className:`text-[10px] font-medium mb-1 ${t.week_over_week_delta_pts>0?`text-accent-green`:`text-accent-amber`}`,children:[t.week_over_week_delta_pts>0?`↑`:`↓`,Math.abs(t.week_over_week_delta_pts),`pts vs last week`]}),(0,I.jsx)(`div`,{className:`text-[10px] text-ink-subtle/70 leading-snug`,children:vU(n.status,n.cacheHitRatePct)})]})]})}function bU(){let{data:e,isPending:t}=L({queryKey:z.computeWaste,queryFn:ur,retry:!1});if(t||!e||typeof e.total_tokens_wasted!=`number`)return null;let n=e.status===`clean`?`text-accent-green`:e.status===`moderate`?`text-accent-amber`:`text-accent-red`,r=e.status===`clean`?`clean`:e.status===`moderate`?`moderate`:`needs attention`,i=e.breakdown[0]??null;return(0,I.jsxs)(B,{padding:`sm`,className:`h-full`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2`,children:[(0,I.jsx)(V,{children:`Compute Waste`}),(0,I.jsx)(di,{text:`Tokens wasted today on retried tool calls and anti-pattern activity (stuck loops, redundant reads, thrashing).`})]}),(0,I.jsxs)(`div`,{className:`text-lg font-semibold tabular-nums ${n}`,children:[`~`,e.total_tokens_wasted.toLocaleString(),` wasted tokens`]}),(0,I.jsx)(ri,{tone:e.status===`clean`?`success`:e.status===`moderate`?`warning`:`danger`,size:`sm`,className:`mt-1`,children:r}),(0,I.jsxs)(`div`,{className:`text-xs text-ink-muted mt-1`,children:[`retry: ~`,e.retry_tokens_wasted.toLocaleString(),` · anti-pattern: ~`,e.anti_pattern_tokens_wasted.toLocaleString()]}),i!==null&&(0,I.jsxs)(`div`,{className:`text-[10px] font-medium text-accent-amber mb-1`,children:[i.type.replace(/_/g,` `),` · ~`,i.tokens_wasted.toLocaleString(),` `,`tokens`]}),(0,I.jsx)(`div`,{className:`text-[10px] text-ink-subtle/70 leading-snug`,children:oU(e.status,i?.type??null)})]})}var xU=3e3;function SU({sessions:e,liveSessions:t}){let[n,r]=(0,F.useState)(null),[i,a]=(0,F.useState)(null),[o,s]=(0,F.useState)(!1),[,c]=qt(),l=Yn(e=>e.setActiveSession),{data:u}=L({queryKey:z.sessionCurrent,queryFn:rr}),d=(0,F.useMemo)(()=>{let e=new Set;for(let n of t)e.add(n.sessionId);if(e.size===0)if(u?.liveSessions?.length)for(let t of u.liveSessions)e.add(t);else u?.sessionId&&e.add(u.sessionId);return e},[t,u]),f=(t.length>0?t[0].sessionId:null)??(d.size>0?[...d][0]:null),p=n??f,m=p!==null&&d.has(p),h=n!==null&&!d.has(n);(0,F.useEffect)(()=>{l(p)},[p,l]);let{data:g}=L({queryKey:p?z.sessionReplay(p):[`replay`,`none`],queryFn:()=>Sr(p),enabled:p!==null,retry:!1,refetchInterval:m?xU:!1}),{data:_}=L({queryKey:p?z.sessionSubagents(p):[`subagents`,`none`],queryFn:()=>Cr(p),enabled:p!==null,retry:!1,refetchInterval:m?xU:!1}),{data:v}=L({queryKey:z.workflows,queryFn:Ur,refetchInterval:m?1e4:!1}),{data:y}=L({queryKey:p?[`turn-costs`,p]:[`turn-costs`],queryFn:()=>fr(p??void 0),refetchInterval:1e4}),{data:b}=L({queryKey:p?[`decision-tree`,p]:[`decision-tree`],queryFn:()=>dr(p??void 0),refetchInterval:1e4}),{data:x}=L({queryKey:p?[`context`,p]:z.context,queryFn:()=>Mr(p??void 0),refetchInterval:1e4,enabled:m&&!!p}),{data:S}=L({queryKey:[`context-composition`],queryFn:Nr,refetchInterval:1e4}),{data:C}=L({queryKey:[`context-efficiency`],queryFn:Pr,refetchInterval:1e4}),w=(0,F.useRef)(null);(0,F.useEffect)(()=>{m&&w.current&&(w.current.scrollTop=w.current.scrollHeight)},[g?.timeline.length,m]);let T=(0,F.useMemo)(()=>{let n=Date.now()-360*60*1e3,r=new Map;for(let e of t)r.set(e.sessionId,e);let i=new Map;for(let t of e){if(!t.sessionId)continue;let e=t.startTime!=null&&EU(t.startTime),a=r.has(t.sessionId),o=t.startTime!=null&&t.durationMs!=null?t.startTime+t.durationMs:null,s=o!=null&&o>=n&&EU(o);(e||a||s)&&i.set(t.sessionId,t)}for(let e of t)e.sessionId&&(i.has(e.sessionId)||i.set(e.sessionId,{sessionId:e.sessionId,sessionName:e.sessionName,startTime:e.startTime,toolCallCount:0,estimatedCostUsd:null}));let a=e=>{let t=r.get(e.sessionId);return t?t.lastActivity:e.startTime!=null&&e.durationMs!=null?e.startTime+e.durationMs:e.startTime??0};return[...i.values()].sort((e,t)=>a(t)-a(e)).slice(0,10)},[e,t]),E=(0,F.useMemo)(()=>g?.timeline??[],[g]),D=(0,F.useMemo)(()=>Array.isArray(_?.agents)?_.agents:[],[_]),O=(0,F.useMemo)(()=>{let e=null,t=null;for(let n of E){let r=n.timestamp+(n.durationMs??50);(e===null||n.timestamp<e)&&(e=n.timestamp),(t===null||r>t)&&(t=r)}let n=(_?.agents?.length??0)>0?_.window:null;return n&&(e=e===null?n.startMs:Math.min(e,n.startMs),t=t===null?n.endMs:Math.max(t,n.endMs)),e===null||t===null?{startMs:0,endMs:1}:{startMs:e,endMs:t>e?t:e+1}},[E,_]),k=(0,F.useMemo)(()=>{let e={};if(Array.isArray(v))for(let t of v)t&&typeof t.runId==`string`&&typeof t.status==`string`&&t.parentSessionId===p&&(e[t.runId]=t.status);return e},[v,p]);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`glass-card mb-3 grid grid-cols-[220px_1fr] overflow-hidden`,style:{height:`320px`},children:[(0,I.jsxs)(`div`,{className:`border-r border-border-subtle flex flex-col overflow-hidden`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-1.5 p-2 border-b border-border-subtle shrink-0`,children:[(0,I.jsx)(V,{children:`Session Live Tail`}),(0,I.jsx)(di,{text:`Today's sessions on the left; select one to stream its live tool-call trace on the right.`})]}),(0,I.jsxs)(`div`,{className:`overflow-auto flex-1`,children:[T.map(e=>{let t=d.has(e.sessionId);return(0,I.jsxs)(`button`,{type:`button`,onClick:()=>r(e.sessionId),className:`block w-full text-left p-2 border-b border-border-subtle text-xs transition-colors duration-150 hover:bg-surface-5 `+(p===e.sessionId?`bg-surface-5`:``),children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,I.jsx)(`span`,{className:`font-mono text-ink-base`,children:e.sessionName||e.sessionId.slice(0,8)}),t?(0,I.jsx)(ai,{label:`live`,size:`sm`}):(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted`,title:e.startTime?`Started ${bi(e.startTime)}`:void 0,children:e.startTime?bi(e.startTime+(e.durationMs??0)):``})]}),(0,I.jsxs)(`div`,{className:`flex gap-2 mt-0.5 text-[10px] text-ink-subtle`,children:[(0,I.jsxs)(`span`,{children:[e.toolCallCount??0,` calls`]}),e.estimatedCostUsd!=null&&e.estimatedCostUsd>0?(0,I.jsx)(`span`,{children:wi(e.estimatedCostUsd)}):(0,I.jsx)(`span`,{children:`—`})]})]},e.sessionId)}),d.size===0&&T.length===0&&(0,I.jsx)($,{icon:`code`,title:`No sessions today`,subtitle:`Start coding with Claude to see sessions here.`})]})]}),(0,I.jsxs)(`div`,{className:`flex flex-col overflow-hidden`,children:[p&&(0,I.jsxs)(`div`,{className:`flex items-center justify-between px-2 py-1 border-b border-border-subtle shrink-0`,children:[(0,I.jsx)(V,{children:`Trace`}),(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[h&&(0,I.jsx)(`span`,{"data-testid":`session-ended-badge`,children:(0,I.jsx)(ri,{tone:`neutral`,size:`sm`,uppercase:!0,children:`Session ended`})}),(0,I.jsx)(`button`,{type:`button`,onClick:()=>c(`/sessions?id=${p}`),className:`text-[10px] text-accent-cyan hover:underline transition-colors duration-150`,children:`full session →`})]})]}),(0,I.jsxs)(`div`,{ref:w,className:`overflow-auto flex-1 p-2`,children:[!p&&(0,I.jsx)(`div`,{className:`text-ink-muted text-xs p-2`,children:`Select a session to view its timeline.`}),p&&E.length===0&&D.length===0&&(0,I.jsx)($,{icon:`timeline`,title:m?`Waiting for tool calls`:`No tool calls`,subtitle:m?`Tool calls will appear here in real time.`:`This session has no recorded tool calls.`}),p&&(E.length>0||D.length>0)&&(0,I.jsx)(RV,{sessionId:p,parentEntries:E,agents:D,window:O,runStatusById:k,parentSegments:g?.segments??[],onSelectRun:e=>a(e)},p)]}),m&&p&&(0,I.jsx)(`div`,{className:`border-t border-bg-line px-3 py-2 shrink-0`,children:(0,I.jsx)(bH,{sessionId:p,expandable:!1})}),((b?.totalBranches??0)>0||(y?.turns?.length??0)>0||(x?.history?.length??0)>=2)&&(0,I.jsx)(`div`,{className:`border-t border-bg-line px-3 py-2 shrink-0`,children:(0,I.jsx)(`button`,{type:`button`,onClick:()=>s(!0),className:`text-[10px] text-accent-cyan hover:underline transition-colors duration-150 text-left`,children:(()=>{let e=[];return b&&b.totalBranches>0&&e.push(`${b.longestFailureStreak} failure streak`),y?.turns&&y.turns.length>0&&e.push(`${y.turns.length} turns · $${y.totalAttributedCost.toFixed(2)}`),e.length>0?`${e.join(` · `)} — session detail →`:`session detail →`})()})})]})]}),i!=null&&(0,I.jsx)(cH,{runId:i,onClose:()=>a(null)}),o&&(0,I.jsx)(SH,{decisionTree:b,turnCosts:y,contextHistory:x?.history,contextWindow:x?.contextWindow,contextComposition:S,contextEfficiency:C,onClose:()=>s(!1)})]})}function CU(e,t){let n=t.find(t=>t.sessionId===e);return n?.sessionName?n.sessionName:e.slice(0,8)}function wU(){let{data:e,isLoading:t,error:n}=L({queryKey:z.alertsRecent,queryFn:async()=>{try{return await xr()}catch(e){if(e instanceof tr)return null;throw e}},refetchInterval:iU,retry:!1});if(e===null)return null;let r=[...e??[]].sort((e,t)=>t.firedAt-e.firedAt);return(0,I.jsxs)(B,{padding:`sm`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2`,children:[(0,I.jsx)(V,{children:`Recent Alerts`}),(0,I.jsx)(di,{text:`The most recent alert firings and resolutions from your configured alert rules, newest first.`})]}),t&&(0,I.jsx)($,{variant:`loading`,title:`Loading...`}),n&&(0,I.jsx)(`div`,{className:`text-accent-red text-xs`,children:`Error loading recent alerts.`}),!t&&!n&&r.length===0&&(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`No alerts in recent history.`}),!t&&!n&&r.length>0&&(0,I.jsxs)(`table`,{className:`w-full text-xs`,children:[(0,I.jsx)(`thead`,{className:`text-ink-muted`,children:(0,I.jsxs)(`tr`,{children:[(0,I.jsx)(`th`,{className:`text-left pb-1`,children:`when`}),(0,I.jsx)(`th`,{className:`text-left pb-1`,children:`sev`}),(0,I.jsx)(`th`,{className:`text-left pb-1`,children:`rule`}),(0,I.jsx)(`th`,{className:`text-right pb-1`,children:`value / threshold`}),(0,I.jsx)(`th`,{className:`text-left pb-1 pl-2`,children:`state`})]})}),(0,I.jsx)(`tbody`,{children:r.slice(0,50).map(e=>(0,I.jsxs)(`tr`,{className:`border-t border-border-subtle`,children:[(0,I.jsx)(`td`,{className:`py-1 text-ink-subtle tabular-nums whitespace-nowrap`,children:TU(e.firedAt)}),(0,I.jsxs)(`td`,{className:`py-1`,children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,className:aU[e.severity],children:`●`}),` `,(0,I.jsx)(`span`,{className:`text-ink-subtle uppercase tracking-wider text-[10px]`,children:e.severity})]}),(0,I.jsx)(`td`,{className:`py-1`,children:e.title}),(0,I.jsxs)(`td`,{className:`py-1 text-right tabular-nums`,children:[Ci(e.value),` / `,Ci(e.threshold)]}),(0,I.jsx)(`td`,{className:`py-1 pl-2 `+(e.state===`firing`?`text-accent-amber`:`text-ink-muted`),children:e.state})]},`${e.id}-${e.firedAt}-${e.state}`))})]})]})}function TU(e){let t=Math.max(0,Date.now()-e),n=Math.floor(t/6e4);if(n<1)return`just now`;if(n<60)return`${n}m ago`;let r=Math.floor(n/60);return r<24?`${r}h ago`:`${Math.floor(r/24)}d ago`}var EU=e=>tU(e);function DU(e){if(e.startTime==null)return 0;let t=typeof e.endTime==`number`?e.endTime:typeof e.durationMs==`number`?e.startTime+e.durationMs:Date.now();return nU({startTime:e.startTime,endTime:t})}function OU(e){let t=e.estimatedCostUsd;return t==null||t<=0?0:t*DU(e)}function kU(e){let t=0;for(let n of e)t+=OU(n);return t}function AU(e){let t=0;for(let n of e){let e=DU(n);e>0&&(t+=(n.toolCallCount??0)*e)}return Math.round(t)}function jU(e){let t=0;for(let n of e){let e=DU(n);e>0&&(t+=(n.antiPatterns?.length??0)*e)}return Math.round(t)}function MU(e){let t=Array(24).fill(0),n=eU(),r=n+864e5;for(let i of e){if(!i.startTime||i.estimatedCostUsd==null||i.estimatedCostUsd<=0)continue;let e=i.startTime,a=typeof i.endTime==`number`?i.endTime:typeof i.durationMs==`number`?i.startTime+i.durationMs:Date.now(),o=Math.max(e,n),s=Math.min(a,r);if(s<=o)continue;let c=Math.max(1,a-e),l=s-o,u=i.estimatedCostUsd*(l/c),d=o;for(;d<s;){let e=new Date(d),n=e.getHours(),r=new Date(e);r.setMinutes(0,0,0),r.setHours(n+1);let i=Math.min(s,r.getTime()),a=i-d;t[n]+=a/l*u,d=i}}return t.map((e,t)=>({hour:t,cost:e}))}function NU({todayTotal:e,forecastEod:t,hourlySpend:n,subagentUsd:r=0,forecastSessionEnd:i,forecastWeek:a,confidenceNote:o}){let s=t!==null&&Number.isFinite(t),c=s?Math.max(t,e):0,l=s?c-e:0,u=s&&e>0?l/e*100:0,d=n.some(e=>e.cost>0),f=r>0?Math.max(0,e-r):0;return(0,I.jsxs)(B,{padding:`sm`,className:`mb-3 h-full`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-1.5`,children:[(0,I.jsx)(V,{children:`Forecast · End of Day`}),(0,I.jsx)(di,{text:`Projects today's total spend by midnight, based on the spending trend so far this hour-by-hour.`})]}),s?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[(0,I.jsx)(`span`,{className:`text-lg font-semibold text-accent-cyan tabular-nums`,children:wi(c)}),(0,I.jsx)(`span`,{className:`text-xs text-ink-muted tabular-nums`,children:l>0?(0,I.jsxs)(I.Fragment,{children:[`+`,wi(l),e>0&&` (+${u.toFixed(0)}%)`,` from now`]}):(0,I.jsx)(I.Fragment,{children:`on pace`})})]}),d&&(0,I.jsxs)(`div`,{className:`mt-2`,children:[(0,I.jsx)(_V,{hours:n}),r>0&&(0,I.jsxs)(`div`,{className:`flex gap-3 mt-1 text-[10px] text-ink-muted tabular-nums`,children:[(0,I.jsxs)(`span`,{children:[`parent `,wi(f)]}),(0,I.jsx)(`span`,{className:`text-ink-subtle`,children:`·`}),(0,I.jsxs)(`span`,{children:[`subagent `,wi(r)]})]})]}),(i!==null||a!==null)&&(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-x-3 mt-2 pt-2 border-t border-border-subtle text-xs`,children:[i!==null&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-ink-muted`,children:`End of session`}),(0,I.jsxs)(`div`,{className:`font-mono tabular-nums`,children:[`~$`,i.toFixed(2)]})]}),a!==null&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-ink-muted`,children:`End of week`}),(0,I.jsxs)(`div`,{className:`font-mono tabular-nums`,children:[`~$`,a.toFixed(2)]})]})]}),o&&(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted italic mt-1`,children:o})]}):(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`Insufficient data — forecast appears once burn rate stabilizes.`})]})}function PU(e,t){let{startMs:n,endMs:r,bucketSizeMs:i}=t,a=Math.max(1,Math.ceil((r-n)/i)),o=Array(a).fill(0);for(let t of e){let e=Math.floor((t.timestamp-n)/i);e>=0&&e<a&&o[e]++}return o}function FU(e){return e<6e5?3e4:e<36e5?6e4:e<144e5?3e5:9e5}var IU=50,LU={thrashing:`Edit/Test Thrashing`,stuck_loop:`Stuck Loop`,blind_editing:`Blind Editing`,re_reading:`Repeated Reads`,over_delegation:`Over-Delegation`},RU={running:{tone:`info`,label:`Running`},completed:{tone:`success`,label:`Completed`},failed:{tone:`danger`,label:`Failed`},cancelled:{tone:`warning`,label:`Cancelled`},unknown:{tone:`neutral`,label:`Unknown`}},zU=[{value:`today`,label:`Today`},{value:`7d`,label:`7 days`},{value:`30d`,label:`30 days`},{value:`all`,label:`All`}],BU=[{value:`all`,label:`All sources`},{value:`script`,label:`Script`},{value:`agent_tool`,label:`Agent tool`}],VU=[{value:`all`,label:`All`},{value:`running`,label:`Running`},{value:`completed`,label:`Completed`},{value:`failed`,label:`Failed`},{value:`cancelled`,label:`Cancelled`}];function HU(e,t){if(t===`all`||e==null)return!0;let n=typeof e==`number`?e:Date.parse(e);if(!Number.isFinite(n))return!0;let r=Date.now();return n>={today:new Date().setHours(0,0,0,0),"7d":r-10080*60*1e3,"30d":r-720*60*60*1e3}[t]}function UU(e){let t;try{let n=new URLSearchParams(e);t=n.get(`session`)??n.get(`id`)}catch{return null}if(t==null)return null;let n=t.trim();return n.length===0||n.length>256?null:n}function WU(e){return typeof e.startTime==`number`?e.startTime:new Date(e.startTime??0).getTime()}function GU(e){return WU(e)+(e.durationMs??0)}function KU(e,t){let n=[...e];switch(t){case`date`:n.sort((e,t)=>WU(t)-WU(e));break;case`lastActive`:n.sort((e,t)=>GU(t)-GU(e));break;case`cost`:n.sort((e,t)=>(t.estimatedCostUsd??0)-(e.estimatedCostUsd??0));break;case`calls`:n.sort((e,t)=>(t.toolCallCount??0)-(e.toolCallCount??0));break}return n}function qU(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function JU(){let e=Jt(),[t,n]=(0,F.useState)(()=>UU(window.location.search)),[r,i]=(0,F.useState)(`date`),[a,o]=(0,F.useState)(`all`),[s,c]=(0,F.useState)(`all`),[l,u]=(0,F.useState)(`all`),[d,f]=(0,F.useState)(null),[p,m]=(0,F.useState)(()=>new Set),[h,g]=(0,F.useState)(()=>new Set),_=(0,F.useMemo)(()=>UU(e),[e]);(0,F.useEffect)(()=>{_&&n(_)},[_]);let v=L({queryKey:z.sessionsList(IU),queryFn:()=>ir(IU),refetchInterval:1e4}),{data:y}=L({queryKey:z.workflows,queryFn:Ur,refetchInterval:1e4}),b=L({queryKey:z.sessionCurrent,queryFn:rr,refetchInterval:1e4}),x=(0,F.useMemo)(()=>{let e=new Set;if(b.data?.liveSessions?.length)for(let t of b.data.liveSessions)e.add(t);return e},[b.data]),S=L({queryKey:t?z.sessionDetail(t):[`session`,`none`],queryFn:()=>sr(t),enabled:t!==null,refetchInterval:b.isLoading||t&&x.has(t)?1e4:!1}),C=(0,F.useMemo)(()=>KU(v.data??[],r),[v.data,r]),w=(0,F.useMemo)(()=>Array.isArray(y)?y:[],[y]),T=(0,F.useMemo)(()=>w.filter(e=>!(!HU(e.startedAt,a)||s!==`all`&&e.runSource!==s||l!==`all`&&e.status!==l)),[w,a,s,l]),E=(0,F.useMemo)(()=>{let e=T.length,t=T.reduce((e,t)=>e+(t.agentCount??0),0),n=T.map(e=>e.totalUsd).filter(e=>e!=null),r=n.length>0?n.reduce((e,t)=>e+t,0):null,i=T.some(e=>e.costUnknown===!0),a=T.map(e=>e.durationMs).filter(e=>e!=null);return{totalRuns:e,totalAgents:t,totalSpend:r,spendIsPartial:i,avgDurationMs:a.length>0?a.reduce((e,t)=>e+t,0)/a.length:null}},[T]),D=(0,F.useMemo)(()=>{let e=new Map;for(let t of T){let n=t.parentSessionId;if(typeof n!=`string`)continue;let r=e.get(n);r?r.push(t):e.set(n,[t])}return e},[T]),O=a!==`all`||s!==`all`||l!==`all`,k=s!==`all`||l!==`all`,A=(0,F.useMemo)(()=>{let e=C;return a!==`all`&&(e=e.filter(e=>HU(WU(e),a)||D.has(e.sessionId))),k&&(e=e.filter(e=>D.has(e.sessionId))),e},[C,a,k,D]),j=(0,F.useMemo)(()=>{let e=new Set(A.map(e=>e.sessionId)),t=0;for(let n of T)typeof n.parentSessionId==`string`&&!e.has(n.parentSessionId)&&t++;return t},[T,A]);(0,F.useEffect)(()=>{if(t)return;let e=x.size>0?[...x][0]:null;e?n(e):!b.isLoading&&C.length>0&&n(C[0].sessionId)},[x,C,t,b.isLoading]);let ee=e=>{n(e)},M=(0,F.useCallback)(e=>{m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),te=(0,F.useCallback)(e=>{g(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),ne=(0,F.useCallback)(e=>{f(e)},[]);return(0,I.jsxs)(`section`,{className:`flex flex-col h-full`,children:[(0,I.jsx)(`div`,{className:`h-8 overflow-hidden rounded-lg mb-2 shrink-0`,children:(0,I.jsx)(BH,{theme:`sessions`})}),(0,I.jsx)(`h1`,{className:`text-lg font-semibold gradient-text mb-2 shrink-0`,children:`Sessions`}),(0,I.jsxs)(B,{tone:`static`,padding:`sm`,className:`mb-2 shrink-0`,children:[(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-4 divide-x divide-border-subtle`,children:[(0,I.jsx)(`div`,{className:`px-3 first:pl-0`,children:(0,I.jsx)(lV,{label:`Workflow runs`,value:String(E.totalRuns),numericValue:E.totalRuns,animate:!0})}),(0,I.jsx)(`div`,{className:`px-3`,children:(0,I.jsx)(lV,{label:`Subagents`,value:String(E.totalAgents),numericValue:E.totalAgents,animate:!0})}),(0,I.jsx)(`div`,{className:`px-3`,children:(0,I.jsx)(lV,{label:`Workflow spend`,value:Ti(E.totalSpend)+(E.spendIsPartial?`*`:``),tone:E.totalSpend===null?`neutral`:`warn`,sub:E.spendIsPartial?`*partial — some runs have cost never observed by any process`:void 0})}),(0,I.jsx)(`div`,{className:`px-3`,children:(0,I.jsx)(lV,{label:`Avg duration`,value:E.avgDurationMs===null?`—`:Si(E.avgDurationMs)})})]}),j>0&&(0,I.jsxs)(`div`,{className:`text-[11px] text-ink-subtle mt-2 pt-2 border-t border-border-subtle`,children:[`+`,j,` run`,j===1?``:`s`,` above from `,j===1?`a session`:`sessions`,` outside the`,` `,A.length,` shown below`]})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 flex-wrap mb-2 shrink-0`,children:[(0,I.jsx)(ci,{value:a,onChange:o,options:zU,ariaLabel:`Time window`}),(0,I.jsx)(`div`,{className:`h-4 w-px bg-border-subtle`,"aria-hidden":`true`}),(0,I.jsx)(`div`,{className:`flex items-center gap-1.5`,role:`group`,"aria-label":`Run source filter`,children:BU.map(e=>(0,I.jsx)(`button`,{type:`button`,"aria-pressed":s===e.value,onClick:()=>c(e.value),className:[`px-2.5 py-1 rounded-full text-[11px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,s===e.value?`bg-accent-cyan/20 text-accent-cyan font-medium`:`text-ink-muted hover:text-ink-subtle`].join(` `),children:e.label},e.value))}),(0,I.jsx)(`div`,{className:`h-4 w-px bg-border-subtle`,"aria-hidden":`true`}),(0,I.jsx)(`div`,{className:`flex items-center gap-1.5`,role:`group`,"aria-label":`Status filter`,children:VU.map(e=>{let t=l===e.value;return(0,I.jsx)(`button`,{type:`button`,"aria-pressed":t,onClick:()=>u(e.value),className:[`px-2.5 py-1 rounded-full text-[11px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,t?`bg-accent-green/20 text-accent-green font-medium`:`text-ink-muted hover:text-ink-subtle`].join(` `),children:e.label},e.value)})}),O&&(0,I.jsx)(`button`,{type:`button`,onClick:()=>{o(`all`),c(`all`),u(`all`)},className:`text-[10px] text-ink-muted hover:text-ink-subtle underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded-sm`,children:`Clear filters`})]}),(0,I.jsxs)(`div`,{className:`grid grid-cols-[260px_1fr] gap-3 flex-1 min-h-0`,children:[(0,I.jsxs)(B,{padding:`none`,tone:`static`,className:`overflow-hidden flex flex-col`,children:[(0,I.jsx)(`header`,{className:`p-2 border-b border-border-subtle`,children:(0,I.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,I.jsx)(V,{as:`h2`,children:`List`}),(0,I.jsxs)(`select`,{value:r,onChange:e=>i(e.target.value),className:`text-[10px] bg-surface-5 border border-border-medium rounded-md px-1.5 py-0.5 text-ink-subtle`,children:[(0,I.jsx)(`option`,{value:`date`,children:`Newest`}),(0,I.jsx)(`option`,{value:`lastActive`,children:`Last active`}),(0,I.jsx)(`option`,{value:`cost`,children:`Cost`}),(0,I.jsx)(`option`,{value:`calls`,children:`Calls`})]})]})}),(0,I.jsxs)(`div`,{className:`overflow-auto`,children:[v.isLoading&&(0,I.jsx)($,{variant:`loading`,icon:`timeline`,title:`Loading sessions`}),!v.isLoading&&A.length===0&&x.size===0&&(0,I.jsx)($,{icon:`code`,title:O?`No matching sessions`:`No sessions yet`,subtitle:O?k?`No sessions own a workflow run matching these filters.`:`No sessions in this time window.`:`Start coding with Claude to see your sessions here.`}),A.map(e=>(0,I.jsx)(YU,{row:e,isLive:x.has(e.sessionId),isSelected:t===e.sessionId,isExpanded:p.has(e.sessionId),sortKey:r,runs:D.get(e.sessionId)??[],expandedRuns:h,onSelect:ee,onToggleSession:M,onToggleRun:te,onOpenRun:ne},e.sessionId)),C.length>=IU&&(0,I.jsxs)(`div`,{className:`p-2 text-[10px] text-ink-muted text-center border-t border-border-subtle`,children:[`Only the `,IU,` most recent sessions are loaded`,O?`; filters narrow this further`:``,`.`]})]})]}),(0,I.jsxs)(`div`,{className:`glass-card glass-card-static p-4 overflow-auto`,children:[!t&&(0,I.jsx)($,{icon:`timeline`,title:`Loading sessions`,subtitle:`Selecting the most recent session…`}),t&&S.isLoading&&(0,I.jsx)($,{variant:`loading`,icon:`timeline`,title:`Loading detail`}),t&&S.isError&&(0,I.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-8 gap-4`,children:[(0,I.jsx)($,{icon:`timeline`,title:`Session not found`,subtitle:`This session could not be loaded.`}),(0,I.jsx)(`button`,{type:`button`,onClick:()=>n(null),className:`text-accent-cyan hover:text-accent-cyan/80 text-sm font-medium`,children:`Clear selection`})]}),t&&S.data&&(0,I.jsx)(QU,{data:S.data,isLive:!!t&&x.has(t),onOpenRun:ne})]})]}),d!=null&&(0,I.jsx)(cH,{runId:d,onClose:()=>f(null)})]})}function YU({row:e,isLive:t,isSelected:n,isExpanded:r,sortKey:i,runs:a,expandedRuns:o,onSelect:s,onToggleSession:c,onToggleRun:l,onOpenRun:u}){return(0,I.jsxs)(`div`,{className:`border-b border-border-subtle`,children:[(0,I.jsxs)(`div`,{className:`flex items-stretch text-xs transition-colors duration-150 hover:bg-surface-5 `+(n?`bg-surface-5`:``),children:[(0,I.jsx)(`button`,{type:`button`,"aria-label":r?`Collapse workflows`:`Expand workflows`,"aria-expanded":r,onClick:t=>{t.stopPropagation(),c(e.sessionId)},className:`shrink-0 flex items-center justify-center w-6 text-ink-muted hover:text-ink-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:r?(0,I.jsx)(vn,{size:13,"aria-hidden":`true`}):(0,I.jsx)(yn,{size:13,"aria-hidden":`true`})}),(0,I.jsxs)(`button`,{type:`button`,onClick:()=>s(e.sessionId),className:`flex-1 min-w-0 text-left py-2 pr-2`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0`,children:[(0,I.jsx)(`span`,{className:`font-mono text-ink-base truncate`,children:e.sessionName||e.sessionId.slice(0,8)}),t&&(0,I.jsx)(ai,{size:`sm`,label:`live`,className:`shrink-0`})]}),(0,I.jsxs)(`div`,{className:`flex justify-between mt-1 text-ink-subtle text-[11px] tabular-nums`,children:[(0,I.jsxs)(`span`,{children:[e.toolCallCount??0,` calls`]}),(0,I.jsx)(`span`,{className:`text-ink-muted`,title:i===`lastActive`&&e.startTime?`Started ${yi(e.startTime)}`:void 0,children:e.startTime?yi(i===`lastActive`?GU(e):e.startTime):`—`}),(0,I.jsx)(`span`,{children:Ti(e.estimatedCostUsd)})]})]})]}),r&&(0,I.jsx)(`div`,{className:`pl-3 border-l border-border-subtle ml-3 mb-1`,children:a.length===0?(0,I.jsx)(`div`,{className:`py-1.5 pl-1 text-[10px] text-ink-muted`,children:`No workflows in this session.`}):a.map(e=>(0,I.jsx)(XU,{run:e,isExpanded:o.has(e.runId),onToggleRun:l,onOpenRun:u},e.runId))})]})}function XU({run:e,isExpanded:t,onToggleRun:n,onOpenRun:r}){let{data:i}=L({queryKey:z.workflowDetail(e.runId),queryFn:()=>Wr(e.runId),enabled:t}),a=(0,F.useMemo)(()=>i?.agents??[],[i]),o=RU[e.status]??RU.unknown;return(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`div`,{className:`flex items-stretch hover:bg-surface-5 rounded transition-colors`,children:[(0,I.jsx)(`button`,{type:`button`,"aria-label":t?`Collapse agents`:`Expand agents`,"aria-expanded":t,onClick:t=>{t.stopPropagation(),n(e.runId)},className:`shrink-0 flex items-center justify-center w-5 text-ink-muted hover:text-ink-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:t?(0,I.jsx)(vn,{size:12,"aria-hidden":`true`}):(0,I.jsx)(yn,{size:12,"aria-hidden":`true`})}),(0,I.jsxs)(`button`,{type:`button`,"aria-label":`View workflow run ${e.workflowName??e.runId}`,onClick:()=>r(e.runId),className:`flex-1 min-w-0 flex items-center gap-1.5 text-left py-1.5 pr-1 text-[10px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40 rounded`,children:[(0,I.jsx)(`span`,{className:`flex-1 min-w-0 font-medium text-ink-base truncate`,children:e.workflowName??e.runId}),(0,I.jsxs)(`span`,{className:`text-ink-muted tabular-nums shrink-0`,children:[e.agentCount==null?0:e.agentCount,`a`]}),(0,I.jsx)(`span`,{className:`text-ink-muted tabular-nums shrink-0`,children:Ti(e.totalUsd)}),(0,I.jsx)(ri,{tone:o.tone,size:`sm`,bordered:!0,children:o.label})]})]}),t&&(0,I.jsx)(`div`,{className:`pl-3 border-l border-border-subtle ml-2.5`,children:a.length===0?(0,I.jsx)(`div`,{className:`py-1 pl-1 text-[10px] text-ink-muted`,children:`No agents recorded.`}):a.map(t=>(0,I.jsxs)(`button`,{type:`button`,"aria-label":`View agent ${t.label} in run ${e.workflowName??e.runId}`,onClick:()=>r(e.runId),className:`flex w-full items-center gap-1.5 text-left py-1 pr-1 text-[10px] hover:bg-surface-5 rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-cyan/40`,children:[(0,I.jsx)(`span`,{className:`flex-1 min-w-0 text-ink-subtle truncate`,title:t.label,children:t.label}),(0,I.jsx)(`span`,{className:`font-mono text-ink-muted truncate max-w-[72px] shrink-0`,title:t.model,children:t.model}),(0,I.jsx)(`span`,{className:`text-ink-muted tabular-nums shrink-0`,children:qU(t.tokens)})]},t.agentId))})]})}function ZU(e){return e===`Read`?`bg-accent-blue/80`:e===`Edit`||e===`Write`?`bg-accent-green/80`:e===`Bash`?`bg-accent-purple/80`:e===`Agent`?`bg-accent-teal/80`:`bg-ink-subtle/80`}function QU({data:e,isLive:t,onOpenRun:n}){let r=e.toolBreakdown??{},i=Object.entries(r).sort((e,t)=>t[1]-e[1]),a=e.toolCallCount??0,o=e.durationMs==null?null:Si(e.durationMs),s=e.timeline??[],c=s.length>0?s[0].timestamp:0;return s.length===0&&i.length===0?(0,I.jsx)($,{icon:`timeline`,title:`No tool calls`,subtitle:`This session has no recorded tool calls.`}):(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`flex items-baseline justify-between mb-3`,children:(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`h2`,{className:`text-xs tracking-wider text-ink-muted flex items-center gap-2`,children:[(0,I.jsx)(`span`,{className:`font-mono text-ink-base ${e.sessionName?`font-medium`:`uppercase`}`,children:e.sessionName||e.sessionId.slice(0,8)}),(0,I.jsx)(`span`,{"aria-hidden":`true`,children:`·`}),(0,I.jsxs)(`span`,{className:`uppercase`,children:[a,` calls`]}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,children:`·`}),(0,I.jsx)(`span`,{className:`tabular-nums`,children:o})]}),t&&(0,I.jsx)(ai,{size:`sm`,label:`live`})]}),c>0&&(0,I.jsx)(`div`,{className:`text-[11px] text-ink-subtle mt-0.5`,children:new Date(c).toLocaleString(void 0,{weekday:`short`,month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`})})]})}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-2 mb-4 text-xs`,children:[e.model&&(0,I.jsxs)(`div`,{className:`bg-surface-3 rounded-lg p-2.5`,children:[(0,I.jsx)(V,{children:`Model`}),(0,I.jsx)(`div`,{className:`font-mono`,children:e.model})]}),e.estimatedCostUsd!=null&&(0,I.jsxs)(`div`,{className:`bg-surface-3 rounded-lg p-2.5`,children:[(0,I.jsx)(V,{children:`Cost`}),(0,I.jsx)(`div`,{className:`tabular-nums`,children:wi(e.estimatedCostUsd)})]}),e.outcome&&(0,I.jsxs)(`div`,{className:`bg-surface-3 rounded-lg p-2.5`,children:[(0,I.jsx)(V,{children:`Status`}),(0,I.jsx)(`div`,{className:`capitalize`,children:e.outcome})]})]}),(e.antiPatterns?.length??0)>0&&(0,I.jsxs)(`div`,{className:`mb-4`,children:[(0,I.jsx)(V,{className:`mb-1`,children:`Anti-Patterns`}),(0,I.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:Object.entries((e.antiPatterns??[]).reduce((e,t)=>{let n=t.iterations??t.readCount??t.repeatCount??t.editCount??t.agentCount??1;return e[t.type]=(e[t.type]??0)+n,e},{})).map(([e,t])=>(0,I.jsxs)(ri,{tone:`warning`,size:`sm`,bordered:!0,children:[LU[e]??e,(0,I.jsxs)(`span`,{className:`opacity-70`,children:[`× `,t]})]},e))})]}),(e.qualityProxy||e.toolSelectionScore)&&(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 mb-4`,children:[e.qualityProxy&&(0,I.jsxs)(`div`,{className:`bg-surface-3 rounded-lg p-3`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Session Quality`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-2 text-xs`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Diff Apply `}),(0,I.jsx)(`span`,{className:_i(e.qualityProxy.diffApplyRate),children:e.qualityProxy.diffApplyRate===null?`—`:`${(e.qualityProxy.diffApplyRate*100).toFixed(0)}%`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Test Pass `}),(0,I.jsx)(`span`,{className:_i(e.qualityProxy.testPassRate),children:e.qualityProxy.testPassRate===null?`—`:`${(e.qualityProxy.testPassRate*100).toFixed(0)}%`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Backtracks `}),(0,I.jsx)(`span`,{className:e.qualityProxy.backtrackCount>0?`text-accent-amber`:``,children:e.qualityProxy.backtrackCount})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Self-corrections `}),(0,I.jsx)(`span`,{className:`text-ink-subtle`,children:e.qualityProxy.selfCorrectionCount})]})]})]}),e.toolSelectionScore&&(0,I.jsxs)(`div`,{className:`bg-surface-3 rounded-lg p-3`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Tool Selection`}),(0,I.jsx)(`div`,{className:`text-2xl font-semibold tabular-nums ${vi(e.toolSelectionScore.score)}`,children:e.toolSelectionScore.score.toFixed(2)}),(0,I.jsxs)(`div`,{className:`text-[10px] text-ink-muted mt-1`,children:[`re-reads: `,e.toolSelectionScore.redundantReadCount,` · repeat fails:`,` `,e.toolSelectionScore.repeatedFailureCount,` · unused:`,` `,e.toolSelectionScore.unusedOutputCount]})]})]}),t&&(0,I.jsx)(`div`,{className:`mb-4`,children:(0,I.jsx)(bH,{sessionId:e.sessionId})}),i.length>0&&(0,I.jsx)(eW,{breakdownEntries:i,totalCalls:a,isLive:t,sessionId:e.sessionId},`tools-${e.sessionId}`),(0,I.jsx)(nW,{timeline:s}),(e.filesRead?.length??0)>0&&(0,I.jsxs)(`div`,{className:`mb-4`,children:[(0,I.jsx)(V,{className:`mb-1`,children:`Files Read`}),(0,I.jsx)(`ul`,{className:`text-[11px] text-ink-subtle space-y-0.5`,children:e.filesRead.map(e=>(0,I.jsx)(`li`,{className:`font-mono truncate`,children:e.split(`/`).slice(-2).join(`/`)},e))})]}),(e.filesModified?.length??0)>0&&(0,I.jsxs)(`div`,{className:`mb-4`,children:[(0,I.jsx)(V,{className:`mb-1`,children:`Files Modified`}),(0,I.jsx)(`ul`,{className:`text-[11px] text-ink-subtle space-y-0.5`,children:e.filesModified.map(e=>(0,I.jsx)(`li`,{className:`font-mono truncate`,children:e.split(`/`).slice(-2).join(`/`)},e))})]}),(0,I.jsx)($U,{sessionId:e.sessionId,isLive:t,parentEntries:s,onOpenRun:n},e.sessionId)]})}function $U({sessionId:e,isLive:t,parentEntries:n,onOpenRun:r}){let{data:i,isLoading:a,isError:o}=L({queryKey:z.sessionSubagents(e),queryFn:()=>Cr(e),retry:!1,refetchInterval:t?1e4:!1}),{data:s}=L({queryKey:z.workflows,queryFn:Ur,refetchInterval:t?1e4:3e4}),c=(0,F.useMemo)(()=>{let t={};if(!Array.isArray(s))return t;for(let n of s)n.parentSessionId===e&&(t[n.runId]=n.status);return t},[s,e]),l=(0,F.useMemo)(()=>i?.agents??[],[i]),u=(0,F.useMemo)(()=>{let e=i!==void 0&&(i.agents?.length??0)>0,t=e?i.window.startMs:null,r=e?i.window.endMs:null,a=null,o=null;for(let e of n){let t=e.timestamp,n=e.timestamp+(e.durationMs??50);(a===null||t<a)&&(a=t),(o===null||n>o)&&(o=n)}let s=[a,t].filter(e=>e!==null),c=[o,r].filter(e=>e!==null);return s.length===0||c.length===0?null:{startMs:Math.min(...s),endMs:Math.max(...c)}},[i,n]),d=(0,F.useMemo)(()=>n.map(e=>({timestamp:e.timestamp,toolName:e.toolName,durationMs:e.durationMs,success:e.success,filePath:e.filePath,command:e.command})),[n]);return(0,I.jsxs)(`div`,{className:`mb-4`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Session trace`}),(0,I.jsx)(B,{tone:`static`,padding:`sm`,children:a?(0,I.jsx)($,{variant:`loading`,icon:`radar`,title:`Loading subagents`}):o||i===void 0?(0,I.jsx)(RV,{sessionId:e,parentEntries:d,agents:[],window:u??{startMs:0,endMs:1},onSelectRun:r,runStatusById:c}):(0,I.jsx)(RV,{sessionId:e,parentEntries:d,agents:l,window:u??i.window,onSelectRun:r,runStatusById:c})})]})}function eW({breakdownEntries:e,totalCalls:t,isLive:n,sessionId:r}){let[i,a]=(0,F.useState)(`calls`),{data:o}=L({queryKey:[`context`,r],queryFn:()=>Mr(r),refetchInterval:1e4,enabled:n&&i===`context`}),s=o?.toolContributions??[],c=s.length>0?s[0].estimatedTokens:0;return(0,I.jsxs)(`div`,{className:`mb-4`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,I.jsx)(V,{children:`Tools`}),n&&(0,I.jsx)(ci,{value:i,onChange:a,options:[{value:`calls`,label:`Calls`},{value:`context`,label:`Context`}],size:`sm`,tone:`cyan`,ariaLabel:`Tools view`})]}),(0,I.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[i===`calls`&&e.map(([e,n])=>{let r=t>0?n/t*100:0;return(0,I.jsxs)(`div`,{className:`flex items-center gap-2 text-[11px]`,children:[(0,I.jsx)(`span`,{className:`w-28 text-ink-subtle truncate`,title:e,children:Di(e)}),(0,I.jsx)(`div`,{className:`flex-1 h-3 bg-surface-3 relative rounded`,children:(0,I.jsx)(`div`,{className:`h-3 rounded ${ZU(e)}`,style:{width:`${r}%`}})}),(0,I.jsx)(`span`,{className:`w-10 text-right text-ink-muted tabular-nums`,children:n})]},e)}),i===`context`&&s.map(e=>{let t=c>0?e.estimatedTokens/c*100:0;return(0,I.jsxs)(`div`,{className:`flex items-center gap-2 text-[11px]`,children:[(0,I.jsx)(`span`,{className:`w-28 text-ink-subtle truncate`,title:e.tool,children:Di(e.tool)}),(0,I.jsx)(`div`,{className:`flex-1 h-3 bg-surface-3 relative rounded`,children:(0,I.jsx)(`div`,{className:`h-3 rounded bg-accent-amber/80`,style:{width:`${t}%`}})}),(0,I.jsxs)(`span`,{className:`w-16 text-right text-ink-muted tabular-nums text-[10px]`,children:[`~`,tW(e.estimatedTokens)]})]},e.tool)}),i===`context`&&s.length===0&&(0,I.jsx)(`div`,{className:`text-[11px] text-ink-muted`,children:`No context data available yet`})]})]})}function tW(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function nW({timeline:e}){let t=(0,F.useMemo)(()=>{if(e.length<2)return null;let t=e[0].timestamp,n=e[e.length-1].timestamp,r=n-t;if(r<1e3)return null;let i=FU(r),a=PU(e,{startMs:t,endMs:n+i,bucketSizeMs:i});return{buckets:a,maxCount:Math.max(...a,1),bucketSizeMs:i,startMs:t}},[e]);return t?(0,I.jsxs)(`div`,{className:`mb-4`,children:[(0,I.jsx)(V,{className:`mb-1`,children:`Activity Density`}),(0,I.jsx)(IH,{variant:`strip`,buckets:t.buckets,maxCount:t.maxCount,bucketSizeMs:t.bucketSizeMs,startTimestamp:t.startMs,ariaLabel:`Session activity density`})]}):null}var rW={fill:`var(--color-ink-muted)`,fontSize:10},iW=`var(--color-border-subtle)`,aW={background:`var(--color-bg-elevated)`,border:`1px solid var(--color-border-medium)`,borderRadius:8,fontSize:12,color:`var(--color-ink-base)`},oW=`var(--color-accent-green)`,sW=`var(--color-accent-amber)`,cW=`var(--color-accent-green)`,lW=`var(--color-accent-purple)`,uW=`var(--color-accent-blue)`,dW=`var(--color-accent-teal)`;function fW(e){return e===`Read`?uW:e===`Edit`||e===`Write`?cW:e===`Bash`?lW:e===`Agent`?dW:`var(--color-ink-muted)`}function pW(e){let t=e.toLowerCase();return t===`bug fix`||t===`fix`?`#FF6B6B`:t===`feature`?cW:t===`refactor`?uW:t===`configuration`||t===`config`?sW:t===`test`?dW:t===`docs`?`#C4B5FD`:lW}function mW(e){return typeof e==`string`&&e.length>=10?e.slice(5,10):e}var hW=`Compares session outcomes before and after your most recent change to an instruction file (CLAUDE.md, or the active platform's equivalent) — success rate, token usage, and thrashing incidents. A degraded verdict means sessions got worse after the edit, not better.`;function gW({label:e,value:t}){return(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted uppercase tracking-wider`,children:e}),(0,I.jsx)(`div`,{className:`text-sm font-bold tabular-nums mt-0.5`,children:t})]})}function _W({data:e}){if(!e)return(0,I.jsx)(yW,{title:`Instruction Drift`,tooltip:hW,children:(0,I.jsx)($,{variant:`loading`,title:`Loading drift data…`})});let t=e.recentCorrelations[e.recentCorrelations.length-1];return t?(0,I.jsx)(yW,{title:`Instruction Drift — most recent instruction file change`,tooltip:hW,children:(0,I.jsxs)(`div`,{className:`flex items-center gap-6`,children:[(0,I.jsx)(ri,{tone:{improved:`success`,degraded:`danger`,neutral:`neutral`,insufficient_data:`neutral`}[t.verdict],children:t.verdict}),(0,I.jsx)(gW,{label:`Success`,value:t.successRateDelta===null?`—`:`${t.successRateDelta>0?`+`:``}${Math.round(t.successRateDelta*100)}%`}),(0,I.jsx)(gW,{label:`Tokens`,value:`${t.tokensDelta>0?`+`:``}${t.tokensDelta}`}),(0,I.jsx)(gW,{label:`Thrashing`,value:`${t.thrashingDelta>0?`+`:``}${t.thrashingDelta}`})]})}):(0,I.jsx)(yW,{title:`Instruction Drift`,tooltip:hW,children:(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`No instruction file changes tracked yet.`})})}function vW(){let e=L({queryKey:z.weekly,queryFn:mr}),t=L({queryKey:z.sessionsList(200),queryFn:()=>ir(200)}),n=L({queryKey:z.costPerOutcome(30),queryFn:()=>gr(30)}),r=L({queryKey:z.personalCoach,queryFn:_r}),i=L({queryKey:z.recommendations,queryFn:vr,retry:!1}),a=L({queryKey:z.claudeMdImpact,queryFn:yr,retry:!1}),o=L({queryKey:z.collaborationProfile,queryFn:br,retry:!1}),s=L({queryKey:z.activityHeatmap(`history`),queryFn:()=>jr(`history`,12)}),c=L({queryKey:z.concurrencyHistory(30),queryFn:()=>Ar(30)}),l=L({queryKey:z.instructionDrift,queryFn:Gr}),u=e.isError||t.isError||n.isError||c.isError,d=[...e.data??[]].reverse(),f=d.map(e=>{let t=e.avgEfficiencyScore;return{week:e.week||`?`,efficiency:t===null?null:Math.round(t*100)}}),p=NW(AW(t.data??[],30),30),m=(t.data?.length??0)>=200&&jW(t.data??[],30),h=MW(n.data),g=PW(d),_=LW(t.data??[]),v=RW(t.data??[]),y=new Set((t.data??[]).flatMap(e=>e.toolBreakdown?Object.keys(e.toolBreakdown):[])).size,b=Math.max(0,y-v.length),x=c.data?.dailyPeaks??[],S=x.some(e=>e.peak>0);return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(BH,{theme:`history`}),(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text mb-4`,children:`History`}),u&&(0,I.jsx)(`div`,{className:`text-accent-red text-xs mb-3`,children:`Error loading some history data. Charts below may be incomplete.`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,I.jsx)(yW,{title:`Weekly Efficiency · Last 12`,children:(0,I.jsx)(`div`,{className:`h-44 min-w-0`,children:(0,I.jsx)(ip,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aV,{data:f,children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:`effGradient`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:oW,stopOpacity:.3}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:oW,stopOpacity:0})]})}),(0,I.jsx)(_I,{stroke:iW,strokeDasharray:`3 3`}),(0,I.jsx)(ZR,{dataKey:`week`,tick:rW,stroke:iW,tickFormatter:mW}),(0,I.jsx)(fz,{tick:rW,stroke:iW,domain:[0,100],unit:`%`}),(0,I.jsx)(Zk,{contentStyle:aW}),(0,I.jsx)(xL,{type:`monotone`,dataKey:`efficiency`,stroke:oW,strokeWidth:2,fill:`url(#effGradient)`,dot:{r:2,fill:oW}})]})})})}),(0,I.jsxs)(yW,{title:`Daily Spend · Last 30 Days (most recent 200)`,children:[(0,I.jsx)(`div`,{className:`h-44 min-w-0`,children:(0,I.jsx)(ip,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(rV,{data:p,children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:`costGradient`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:oW,stopOpacity:.9}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:oW,stopOpacity:.4})]})}),(0,I.jsx)(_I,{stroke:iW,strokeDasharray:`3 3`}),(0,I.jsx)(ZR,{dataKey:`day`,tick:rW,stroke:iW,tickFormatter:mW,interval:`preserveStartEnd`,minTickGap:20}),(0,I.jsx)(fz,{tick:rW,stroke:iW,unit:`$`}),(0,I.jsx)(Zk,{contentStyle:aW,labelFormatter:e=>mW(String(e)),cursor:!1}),(0,I.jsx)(AR,{dataKey:`cost`,fill:`url(#costGradient)`,radius:[3,3,0,0]})]})})}),m&&(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted italic mt-1`,children:`Sample doesn't reach back 30 days — early days in this chart may undercount actual spend.`})]}),(0,I.jsx)(yW,{title:`Cost Per Outcome · Last 30 Days`,children:h.length===0?(0,I.jsx)($,{icon:`radar`,title:`No outcomes yet`,subtitle:`Finish a few sessions and check back.`}):(0,I.jsx)(`div`,{className:`min-w-0`,style:{height:`${Math.max(176,h.length*32+40)}px`},children:(0,I.jsx)(ip,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(rV,{data:h,layout:`vertical`,children:[(0,I.jsx)(_I,{stroke:iW,strokeDasharray:`3 3`}),(0,I.jsx)(ZR,{type:`number`,tick:rW,stroke:iW,unit:`$`}),(0,I.jsx)(fz,{type:`category`,dataKey:`outcome`,tick:rW,stroke:iW,width:110}),(0,I.jsx)(Zk,{contentStyle:aW}),(0,I.jsx)(AR,{dataKey:`totalCost`,radius:[0,3,3,0],children:h.map(e=>(0,I.jsx)(Qk,{fill:pW(e.outcome),fillOpacity:.8},e.outcome))})]})})})}),(0,I.jsx)(yW,{title:`Anti-Pattern Frequency · Weekly`,children:g.length===0||g.every(e=>e.count===0)?(0,I.jsx)($,{icon:`checkmark`,title:`No anti-patterns detected`,subtitle:`No anti-patterns detected in the loaded weeks.`}):(0,I.jsx)(`div`,{className:`h-44 min-w-0`,children:(0,I.jsx)(ip,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(rV,{data:g,children:[(0,I.jsx)(`defs`,{children:(0,I.jsxs)(`linearGradient`,{id:`antiPatternGradient`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:sW,stopOpacity:.9}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:sW,stopOpacity:.4})]})}),(0,I.jsx)(_I,{stroke:iW,strokeDasharray:`3 3`}),(0,I.jsx)(ZR,{dataKey:`week`,tick:rW,stroke:iW,tickFormatter:mW}),(0,I.jsx)(fz,{tick:rW,stroke:iW}),(0,I.jsx)(Zk,{contentStyle:aW}),(0,I.jsx)(AR,{dataKey:`count`,fill:`url(#antiPatternGradient)`,radius:[3,3,0,0]})]})})})}),(0,I.jsx)(yW,{title:`Model Performance · Most Recent 200 Sessions`,children:_.length===0?(0,I.jsx)($,{icon:`radar`,title:`No model data yet`,subtitle:`Complete a few sessions to see model performance.`}):(0,I.jsxs)(`div`,{className:`h-44 overflow-y-auto text-xs`,children:[(0,I.jsxs)(`table`,{className:`w-full`,children:[(0,I.jsx)(`thead`,{className:`text-ink-muted sticky top-0 bg-bg-panel`,children:(0,I.jsxs)(`tr`,{children:[(0,I.jsx)(`th`,{className:`text-left pb-1`,children:`Model`}),(0,I.jsx)(`th`,{className:`text-right pb-1`,children:`Sessions`}),(0,I.jsx)(`th`,{className:`text-right pb-1`,children:`Eff.`}),(0,I.jsx)(`th`,{className:`text-right pb-1`,children:`Success`}),(0,I.jsx)(`th`,{className:`text-right pb-1`,children:`Avg $`}),(0,I.jsx)(`th`,{className:`text-right pb-1`,children:`$/1M tok`})]})}),(0,I.jsx)(`tbody`,{children:_.map(e=>(0,I.jsxs)(`tr`,{className:`border-t border-bg-line`,children:[(0,I.jsx)(`td`,{className:`py-1 font-medium`,children:e.model}),(0,I.jsx)(`td`,{className:`py-1 text-right tabular-nums`,children:e.sessions}),(0,I.jsx)(`td`,{className:`py-1 text-right tabular-nums`,children:e.avgEfficiency===null?`—`:`${Math.min(100,Math.round(e.avgEfficiency*100))}%`}),(0,I.jsx)(`td`,{className:`py-1 text-right tabular-nums ${e.flagged?`text-accent-amber`:``}`,children:e.avgSuccessRate===null?`—`:`${Math.min(100,Math.round(e.avgSuccessRate*100))}%`}),(0,I.jsx)(`td`,{className:`py-1 text-right tabular-nums`,children:Ti(e.avgCost)}),(0,I.jsx)(`td`,{className:`py-1 text-right tabular-nums text-ink-subtle`,children:Ti(e.costPerMillionTokens)})]},e.model))})]}),_.some(e=>e.flagged)&&(0,I.jsx)(`div`,{className:`text-accent-amber text-[10px] mt-1`,children:`⚠ Highlighted models had sessions with elevated error rates`})]})}),(0,I.jsxs)(yW,{title:`Top Tools · Most Recent 200 Sessions`,children:[v.length===0?(0,I.jsx)($,{icon:`code`,title:`No tool data yet`,subtitle:`Tool usage data will appear after coding sessions.`}):(0,I.jsx)(`div`,{className:`min-w-0`,style:{height:`${Math.max(176,v.length*28+40)}px`},children:(0,I.jsx)(ip,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(rV,{data:v,layout:`vertical`,children:[(0,I.jsx)(_I,{stroke:iW,strokeDasharray:`3 3`}),(0,I.jsx)(ZR,{type:`number`,tick:rW,stroke:iW}),(0,I.jsx)(fz,{type:`category`,dataKey:`tool`,tick:rW,tickFormatter:Di,stroke:iW,width:120}),(0,I.jsx)(Zk,{contentStyle:aW,labelFormatter:e=>Di(String(e))}),(0,I.jsx)(AR,{dataKey:`count`,radius:[0,3,3,0],children:v.map(e=>(0,I.jsx)(Qk,{fill:fW(Di(e.tool)),fillOpacity:.8},e.tool))})]})})}),b>0&&(0,I.jsxs)(`div`,{className:`text-[10px] text-ink-muted italic mt-1`,children:[`+`,b,` more tool`,b===1?``:`s`,` not shown`]})]})]}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 mt-3`,children:[s.data&&s.data.days.length>0&&(0,I.jsx)(yW,{title:`Activity · Last 12 Weeks`,children:(0,I.jsx)(IH,{variant:`grid`,buckets:[],maxCount:s.data.maxCount,days:s.data.days,ariaLabel:`Daily activity heatmap for the last 12 weeks`})}),(0,I.jsxs)(B,{padding:`md`,className:`flex flex-col`,children:[(0,I.jsxs)(V,{className:`mb-3`,children:[`Peak Concurrent Sessions · Last 30 Days`,S&&`: ${Math.max(...x.map(e=>e.peak))}`]}),S?(0,I.jsx)(`div`,{className:`flex-1 flex items-end justify-center`,children:(0,I.jsx)(zW,{data:x})}):(0,I.jsx)($,{icon:`code`,title:`No concurrent sessions yet`,subtitle:`Run two or more Claude Code sessions at the same time to populate this chart.`})]})]}),(0,I.jsxs)(`div`,{className:`mt-3 space-y-3`,children:[(0,I.jsx)(OW,{data:o.data,isError:o.isError}),(0,I.jsx)(DW,{data:a.data,isError:a.isError})]}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(_W,{data:l.data})}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(kW,{data:r.data})}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(CW,{data:i.data,isError:i.isError})})]})}function yW({title:e,tooltip:t,children:n}){return(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,I.jsx)(V,{children:e}),t&&(0,I.jsx)(di,{text:t})]}),(0,I.jsx)(`div`,{className:`mt-3`,children:n})]})}function bW({thisWeek:e,baseline:t}){let n=e.avgEfficiencyScore!==null&&t.avgEfficiencyScore!==null?Math.round((e.avgEfficiencyScore-t.avgEfficiencyScore)*100):null,r=t.avgCostPerSession>0?(e.avgCostPerSession-t.avgCostPerSession)/t.avgCostPerSession:null,i=t.antiPatternRate>0?(e.antiPatternRate-t.antiPatternRate)/t.antiPatternRate:null,a=Math.round(e.sessionsCount-t.sessionsCount);function o(e){return e===null?`text-ink-muted`:e>=5?`text-accent-green`:e<=-5?`text-accent-amber`:`text-ink-muted`}function s(e){return e===null?`text-ink-muted`:e<=-.15?`text-accent-green`:e>=.25?`text-accent-amber`:`text-ink-muted`}function c(e){return e===null?`text-ink-muted`:e<=-.2?`text-accent-green`:e>=.25?`text-accent-amber`:`text-ink-muted`}function l(e){return e===null?`—`:e===0?`0pts`:`${e>0?`↑`:`↓`}${Math.abs(e)}pts`}function u(e){return e===null?`—`:e===0?`0%`:`${e>0?`↑`:`↓`}${Math.abs(Math.round(e*100))}%`}function d(e){return e===0?`0`:e>0?`+${e}`:`${e}`}let f=e.avgEfficiencyScore===null?`—`:Math.round(e.avgEfficiencyScore*100).toString();return(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-x-4 gap-y-1 text-xs mb-3`,children:[(0,I.jsx)(`span`,{className:`text-ink-muted`}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`This wk`}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`vs baseline`}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Efficiency`}),(0,I.jsx)(`span`,{className:`font-mono`,children:f}),(0,I.jsx)(`span`,{className:o(n),children:l(n)}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Cost / session`}),(0,I.jsxs)(`span`,{className:`font-mono`,children:[`$`,e.avgCostPerSession.toFixed(2)]}),(0,I.jsx)(`span`,{className:s(r),children:u(r)}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Anti-pattern rate`}),(0,I.jsxs)(`span`,{className:`font-mono`,children:[(e.antiPatternRate*100).toFixed(1),`%`]}),(0,I.jsx)(`span`,{className:c(i),children:u(i)}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Sessions`}),(0,I.jsx)(`span`,{className:`font-mono`,children:Math.round(e.sessionsCount)}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:d(a)})]})}function xW(e){return e===`cost_optimization`?`var(--color-accent-amber)`:e===`efficiency`?`var(--color-accent-red)`:e===`prompt_engineering`?`var(--color-accent-blue)`:e===`claudemd`?`var(--color-accent-purple)`:e===`model_selection`?`var(--color-accent-teal)`:`var(--color-ink-muted)`}function SW(e){return e===`high`?`var(--color-accent-amber)`:e===`medium`?`var(--color-accent-blue)`:`var(--color-ink-muted)`}function CW({data:e,isError:t}){if(t)return(0,I.jsx)(yW,{title:`Recommendations`,children:(0,I.jsx)($,{icon:`radar`,title:`Recommendations unavailable`,subtitle:`Connect a full Preflight session to enable recommendations.`})});if(!e)return(0,I.jsx)(yW,{title:`Recommendations`,children:(0,I.jsx)($,{variant:`loading`,title:`Loading recommendations…`})});if(e.recommendations.length===0)return(0,I.jsx)(yW,{title:`Recommendations`,children:(0,I.jsx)($,{icon:`radar`,title:`No recommendations yet`,subtitle:`Keep using Preflight — recommendations appear after a few sessions of data.`})});let n=e.recommendations.filter(e=>e.priority===`high`),r=e.recommendations.filter(e=>e.priority!==`high`);return(0,I.jsx)(yW,{title:`Recommendations`,children:(0,I.jsxs)(`div`,{className:`space-y-3`,children:[n.map(e=>(0,I.jsxs)(`div`,{className:`border-l-2 pl-3`,style:{borderColor:xW(e.category)},children:[(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,I.jsx)(`span`,{className:`text-sm font-medium text-ink-base`,children:e.title}),e.estimatedSavings&&(0,I.jsx)(`span`,{className:`text-[10px] text-accent-green shrink-0`,children:e.estimatedSavings})]}),(0,I.jsx)(`div`,{className:`text-xs text-ink-muted mt-0.5`,children:e.detail}),(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted italic mt-0.5`,children:e.evidence})]},e.id)),r.length>0&&(0,I.jsx)(`div`,{className:n.length>0?`border-t border-border-subtle pt-3`:``,children:(0,I.jsx)(`div`,{className:`space-y-2`,children:r.map(e=>(0,I.jsxs)(`div`,{className:`min-w-0`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full shrink-0`,style:{backgroundColor:SW(e.priority)}}),(0,I.jsx)(`span`,{className:`text-xs text-ink-base`,children:e.title})]}),(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted mt-0.5 pl-3.5`,children:e.detail})]},e.id))})})]})})}function wW(e){return e.startsWith(`Positive`)?`text-accent-green`:e.startsWith(`Negative`)?`text-accent-red`:`text-accent-amber`}function TW(e){if(!e)return`—`;if(e.value===0)return`0pts`;let t=Math.round(Math.abs(e.value)*100);return`${e.value>0?`↑`:`↓`}${t}pts`}function EW(e){if(!e||e.percentChange==null)return`—`;if(e.value===0)return`0%`;let t=Math.round(Math.abs(e.percentChange));return`${e.value>0?`↑`:`↓`}${t}%`}function DW({data:e,isError:t}){if(t)return(0,I.jsx)(yW,{title:`Instruction File Impact`,children:(0,I.jsx)($,{icon:`radar`,title:`Instruction file impact unavailable`})});if(!e)return(0,I.jsx)(yW,{title:`Instruction File Impact`,children:(0,I.jsx)($,{variant:`loading`,title:`Loading instruction file impact…`})});if(e.message||!e.change||!e.before||!e.after||!e.deltas||!e.verdict)return(0,I.jsx)(yW,{title:`Instruction File Impact`,children:(0,I.jsx)($,{icon:`radar`,title:`No instruction file changes yet`,subtitle:`Edit your instruction file (CLAUDE.md, or your platform's equivalent) to start tracking impact.`})});let n=new Date(e.change.timestamp).toLocaleDateString(void 0,{month:`short`,day:`numeric`}),r=e.before.avgEfficiencyScore===null?null:Math.round(e.before.avgEfficiencyScore*100),i=e.after.avgEfficiencyScore===null?null:Math.round(e.after.avgEfficiencyScore*100);return(0,I.jsxs)(yW,{title:`Instruction File Impact`,children:[(0,I.jsxs)(`div`,{className:`text-xs mb-3`,children:[(0,I.jsx)(`span`,{className:`font-medium ${wW(e.verdict)}`,children:e.verdict}),(0,I.jsxs)(`span`,{className:`text-[10px] text-ink-muted`,children:[` · `,e.change.changeType,` `,e.change.filePath.split(`/`).pop(),` · `,n]})]}),(0,I.jsxs)(`div`,{className:`grid grid-cols-4 gap-x-4 gap-y-1 text-xs`,children:[(0,I.jsx)(`span`,{className:`text-ink-muted`}),(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[`Before (n=`,e.before.sessionCount,`)`]}),(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[`After (n=`,e.after.sessionCount,`)`]}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Δ`}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Efficiency`}),(0,I.jsx)(`span`,{className:`font-mono`,children:r??`—`}),(0,I.jsx)(`span`,{className:`font-mono`,children:i??`—`}),(0,I.jsx)(`span`,{className:e.deltas.efficiencyScore==null?`text-ink-muted`:e.deltas.efficiencyScore.improved?`text-accent-green`:`text-accent-amber`,children:TW(e.deltas.efficiencyScore)}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Cost/session`}),(0,I.jsxs)(`span`,{className:`font-mono`,children:[`$`,e.before.avgCostUsd.toFixed(2)]}),(0,I.jsxs)(`span`,{className:`font-mono`,children:[`$`,e.after.avgCostUsd.toFixed(2)]}),(0,I.jsx)(`span`,{className:e.deltas.cost.improved?`text-accent-green`:`text-accent-amber`,children:EW(e.deltas.cost)}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Correction rate`}),(0,I.jsxs)(`span`,{className:`font-mono`,children:[Math.round(e.before.avgCorrectionRate*100),`%`]}),(0,I.jsxs)(`span`,{className:`font-mono`,children:[Math.round(e.after.avgCorrectionRate*100),`%`]}),(0,I.jsx)(`span`,{className:e.deltas.correctionRate.improved?`text-accent-green`:`text-accent-amber`,children:EW(e.deltas.correctionRate)})]}),e.contextTokensForClaudeMd!=null&&e.contextTokensForClaudeMd>0&&(0,I.jsxs)(`div`,{className:`text-[10px] text-ink-muted italic mt-2`,children:[`Instruction file adds ~`,e.contextTokensForClaudeMd.toLocaleString(),` tokens/turn`]})]})}function OW({data:e,isError:t}){if(t)return(0,I.jsx)(yW,{title:`Collaboration Profile`,children:(0,I.jsx)($,{icon:`radar`,title:`Collaboration profile unavailable`})});if(!e)return(0,I.jsx)(yW,{title:`Collaboration Profile`,children:(0,I.jsx)($,{variant:`loading`,title:`Loading collaboration profile…`})});if(e.sessionCount===0)return(0,I.jsx)(yW,{title:`Collaboration Profile`,children:(0,I.jsx)($,{icon:`radar`,title:`No collaboration data yet`,subtitle:`Profile appears after a few sessions.`})});let n=[{name:`Specificity`,key:`specificity`,value:Math.round(e.dimensions.specificity*100),delta:e.teamDeltas.specificity,lowerIsBetter:!1,note:``},{name:`Autonomy`,key:`autonomy`,value:Math.round(e.dimensions.autonomy*100),delta:e.teamDeltas.autonomy,lowerIsBetter:!1,note:``},{name:`Correction-free rate`,key:`correctionRate`,value:Math.round(e.dimensions.correctionRate*100),delta:e.teamDeltas.correctionRate,lowerIsBetter:!1,note:` (higher = better)`},{name:`Task complexity`,key:`taskComplexity`,value:Math.round(e.dimensions.taskComplexity*100),delta:e.teamDeltas.taskComplexity,lowerIsBetter:!1,note:``}];return(0,I.jsxs)(yW,{title:`Collaboration Profile`,children:[(0,I.jsxs)(`div`,{className:`text-xs mb-3`,children:[(0,I.jsx)(`span`,{className:`text-sm font-medium text-ink-base`,children:e.classification}),(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[` · `,e.sessionCount,` sessions`]})]}),e.developerCount<=1&&(0,I.jsx)(`div`,{className:`text-[10px] text-ink-muted italic mb-2`,children:`No team data yet — "vs team" comparisons below will reflect other developers once their sessions are recorded.`}),(0,I.jsx)(`div`,{className:`min-w-0`,style:{height:`${n.length*28+40}px`},children:(0,I.jsx)(ip,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(rV,{data:n,layout:`vertical`,children:[(0,I.jsx)(_I,{stroke:iW,strokeDasharray:`3 3`}),(0,I.jsx)(ZR,{type:`number`,domain:[0,100],tick:rW,stroke:iW,tickFormatter:e=>`${e}%`}),(0,I.jsx)(fz,{type:`category`,dataKey:`name`,tick:rW,stroke:iW,width:110}),(0,I.jsx)(Zk,{contentStyle:aW,formatter:e=>[`${e}%`]}),(0,I.jsx)(AR,{dataKey:`value`,fill:dW,fillOpacity:.8,radius:[0,3,3,0]})]})})}),(0,I.jsx)(`div`,{className:`space-y-1 mt-2`,children:n.map(e=>{let t=Math.round(Math.abs(e.delta)*100),n=e.lowerIsBetter?e.delta<0:e.delta>0,r=e.delta===0?`text-ink-muted`:n?`text-accent-green`:`text-accent-amber`,i=e.delta>0?`+`:e.delta<0?`-`:``,a=e.lowerIsBetter?` (lower = better)`:e.note;return(0,I.jsxs)(`div`,{className:`flex items-center justify-between text-[10px]`,children:[(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[e.name,a]}),(0,I.jsxs)(`span`,{className:r,children:[i,t,`% vs team`]})]},e.key)})})]})}function kW({data:e}){return e?e.status===`insufficient_data`?(0,I.jsx)(yW,{title:`Personal Coach`,children:(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:e.message})}):(0,I.jsx)(yW,{title:`Personal coach`,children:(0,I.jsxs)(`div`,{className:`text-xs space-y-2`,children:[(0,I.jsx)(bW,{thisWeek:e.thisWeek,baseline:e.baseline}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:`text-accent-cyan font-semibold`,children:`Top recommendation: `}),e.topRecommendation]}),e.highlights.length>0&&(0,I.jsx)(`ul`,{className:`list-disc list-inside text-accent-green`,children:e.highlights.map(e=>(0,I.jsx)(`li`,{children:e},`hl-${e}`))}),e.regressions.length>0&&(0,I.jsx)(`ul`,{className:`list-disc list-inside text-accent-amber`,children:e.regressions.map(e=>(0,I.jsx)(`li`,{children:e},`rg-${e}`))}),e.streaks.length>0&&(0,I.jsx)(`ul`,{className:`list-disc list-inside text-ink-muted`,children:e.streaks.map(e=>(0,I.jsx)(`li`,{children:e},`st-${e}`))})]})}):(0,I.jsx)(yW,{title:`Personal Coach`,children:(0,I.jsx)($,{variant:`loading`,title:`Loading coaching insights…`})})}function AW(e,t){let n=new Map;for(let t of e){if(t.estimatedCostUsd==null||t.startTime==null)continue;let e=new Date(t.startTime),r=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;n.set(r,(n.get(r)??0)+t.estimatedCostUsd)}return Array.from(n.entries()).sort((e,t)=>e[0].localeCompare(t[0])).slice(-t).map(([e,t])=>({day:e,cost:Number(t.toFixed(2))}))}function jW(e,t,n=new Date){if(e.length===0)return!1;let r=null;for(let t of e){if(t.startTime==null)continue;let e=new Date(t.startTime).getTime();Number.isNaN(e)||(r===null||e<r)&&(r=e)}if(r===null)return!1;let i=new Date(n);return i.setDate(i.getDate()-(t-1)),i.setHours(0,0,0,0),r>i.getTime()}function MW(e){return e?Object.entries(e.outcomeDistribution).map(([e,t])=>({outcome:e.replace(/_/g,` `),totalCost:Number(t.totalCost.toFixed(2)),count:t.count})).filter(e=>e.totalCost>0).sort((e,t)=>t.totalCost-e.totalCost):[]}function NW(e,t,n=new Date){let r=new Map(e.map(e=>[e.day,e.cost])),i=[];for(let e=t-1;e>=0;e--){let t=new Date(n);t.setDate(t.getDate()-e);let a=`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,`0`)}-${String(t.getDate()).padStart(2,`0`)}`;i.push({day:a,cost:r.get(a)??0})}return i}function PW(e){let t=[];for(let n of e){let e=n.antiPatternCounts??{},r=Object.values(e).reduce((e,t)=>e+t,0);t.push({week:n.week||`?`,count:r})}return t}var FW=.85,IW=.3;function LW(e){let t=new Map;for(let n of e){let e=n.model??`unknown`,r=t.get(e);if(r||(r={sessions:0,effSum:0,effCount:0,successSum:0,successCount:0,costSum:0,costCount:0,blendedCostSum:0,blendedTokensSum:0,lowSuccessSessions:0},t.set(e,r)),r.sessions++,n.efficiencyScore!=null&&(r.effSum+=n.efficiencyScore,r.effCount++),n.toolSuccessRate!=null&&(r.successSum+=n.toolSuccessRate,r.successCount++,n.toolSuccessRate<FW&&r.lowSuccessSessions++),n.estimatedCostUsd!=null){r.costSum+=n.estimatedCostUsd,r.costCount++;let e=(n.tokensInput??0)+(n.tokensOutput??0);e>0&&(r.blendedCostSum+=n.estimatedCostUsd,r.blendedTokensSum+=e)}}let n=[];for(let[e,r]of t)n.push({model:e,sessions:r.sessions,avgEfficiency:r.effCount>0?r.effSum/r.effCount:null,avgSuccessRate:r.successCount>0?r.successSum/r.successCount:null,avgCost:r.costCount>0?r.costSum/r.costCount:null,costPerMillionTokens:r.blendedTokensSum>0?r.blendedCostSum/r.blendedTokensSum*1e6:null,flagged:r.successCount>0&&r.lowSuccessSessions/r.successCount>IW});return n.sort((e,t)=>t.sessions-e.sessions)}function RW(e){let t=new Map;for(let n of e)if(n.toolBreakdown)for(let[e,r]of Object.entries(n.toolBreakdown))t.set(e,(t.get(e)??0)+r);return Array.from(t.entries()).map(([e,t])=>({tool:e,count:t})).sort((e,t)=>t.count-e.count).slice(0,8)}function zW({data:e}){return(0,I.jsx)(OH,{data:e.map(e=>({count:e.peak,tooltip:`${e.date.slice(5)}: ${e.peak}`})),ariaLabel:`Peak concurrent sessions over ${e.length} days`})}var BW=[{key:`all`,label:`All`},{key:`sensitive_file`,label:`Sensitive files`},{key:`destructive_command`,label:`Destructive`},{key:`external_network`,label:`External network`}],VW={critical:`danger`,high:`warning`,medium:`info`},HW={sensitive_file:`Sensitive files`,destructive_command:`Destructive`,external_network:`External network`,other:`Other`};function UW(e){let t=e.map(e=>JSON.stringify(e)).join(`
|
|
64
|
-
`),n=new Blob([t],{type:`application/x-ndjson`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=`audit-${new Date().toISOString().slice(0,10)}.jsonl`,i.rel=`noopener`,document.body.appendChild(i);try{i.click()}finally{document.body.removeChild(i),URL.revokeObjectURL(r)}}function WW(){let[e,t]=(0,F.useState)(`all`),{data:n,isLoading:r,error:i,refetch:a}=L({queryKey:z.audit,queryFn:()=>pr(),refetchInterval:1e4}),o=n??[],s=e===`all`?o:o.filter(t=>t.classification===e),c=s.slice(0,200);return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(BH,{theme:`audit`}),(0,I.jsxs)(`header`,{className:`flex items-baseline justify-between mb-4`,children:[(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Audit`}),(0,I.jsxs)($r,{variant:`secondary`,size:`md`,onClick:()=>UW(c),children:[`Export JSONL (max `,200,` rows)`]})]}),(0,I.jsx)(`div`,{className:`flex gap-2 mb-3 flex-wrap`,children:BW.map(({key:n,label:r})=>(0,I.jsx)($r,{variant:e===n?`primary`:`secondary`,size:`sm`,onClick:()=>t(n),children:r},n))}),r&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}),i&&(0,I.jsxs)(`div`,{className:`text-accent-red text-xs flex items-center gap-2`,children:[(0,I.jsx)(`span`,{children:`Error loading audit log.`}),(0,I.jsx)(`button`,{onClick:()=>void a(),className:`text-[10px] text-ink-muted hover:text-ink-base transition-colors`,children:`Retry`})]}),!r&&!i&&s.length>200&&(0,I.jsxs)(`div`,{className:`text-[11px] text-ink-muted mb-2`,children:[`Showing first `,200,` of `,s.length,` entries.`]}),!r&&!i&&(0,I.jsx)(B,{padding:`sm`,tone:`static`,className:`overflow-hidden`,children:(0,I.jsxs)(`table`,{className:`w-full text-xs`,children:[(0,I.jsx)(`thead`,{className:`text-ink-muted bg-surface-3`,children:(0,I.jsxs)(`tr`,{children:[(0,I.jsx)(`th`,{className:`text-left p-2`,children:`When`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Tool`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Target`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Classification`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Session`})]})}),(0,I.jsxs)(`tbody`,{children:[s.length===0&&(0,I.jsx)(`tr`,{children:(0,I.jsx)(`td`,{colSpan:5,className:`p-3 text-ink-muted text-center`,children:`No matching entries.`})}),c.map(e=>(0,I.jsxs)(`tr`,{className:`border-t border-border-subtle`,children:[(0,I.jsx)(`td`,{className:`p-2 tabular-nums`,children:new Date(e.ts).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`})}),(0,I.jsx)(`td`,{className:`p-2`,children:e.tool}),(0,I.jsx)(`td`,{className:`p-2 font-mono text-[11px] break-all`,title:e.target,children:e.target}),(0,I.jsx)(`td`,{className:`p-2`,children:(0,I.jsx)(ri,{tone:e.severity?VW[e.severity]??`neutral`:`neutral`,size:`sm`,children:HW[e.classification]??e.classification})}),(0,I.jsx)(`td`,{className:`p-2 text-ink-subtle`,children:e.sessionId?(0,I.jsx)(en,{href:`/sessions?session=${encodeURIComponent(e.sessionId)}`,className:`text-accent-cyan hover:underline transition-colors duration-150`,children:e.sessionId}):`—`})]},e.id))]})]})})]})}var GW={info:`border-l-accent-blue bg-accent-blue/5`,warning:`border-l-accent-amber bg-accent-amber/5`,critical:`border-l-accent-red bg-accent-red/5`},KW={info:`info`,warning:`warning`,critical:`danger`},qW={resolved:`text-accent-green`,aborted:`text-accent-red`,pending:`text-accent-amber`},JW={merge_conflict:`bg-accent-red/20 text-accent-red`,rebase_conflict:`bg-accent-red/20 text-accent-red`,merge_abort:`bg-accent-amber/20 text-accent-amber`,rebase_abort:`bg-accent-amber/20 text-accent-amber`,force_push:`bg-accent-red/20 text-accent-red`,reset_hard:`bg-accent-amber/20 text-accent-amber`,commit:`bg-accent-green/20 text-accent-green`,push:`bg-accent-blue/20 text-accent-blue`,pull:`bg-accent-blue/20 text-accent-blue`};function YW(e){return e===null?`—`:e<1e3?`${e}ms`:e<6e4?`${(e/1e3).toFixed(1)}s`:`${(e/6e4).toFixed(1)}m`}function XW(e){return e.replace(/_/g,` `)}function ZW({score:e}){if(e===null)return(0,I.jsx)(`div`,{className:`flex items-center justify-center w-20 h-20 rounded-full border-4 border-border-medium`,children:(0,I.jsx)(`span`,{className:`text-ink-muted text-xs`,children:`N/A`})});let t=Math.max(0,Math.min(100,e)),[n,r]=t>=80?[`text-accent-green`,`border-accent-green`]:t>=60?[`text-accent-amber`,`border-accent-amber`]:[`text-accent-red`,`border-accent-red`],i=2*Math.PI*34,a=i-t/100*i;return(0,I.jsxs)(`div`,{className:`relative w-20 h-20`,children:[(0,I.jsxs)(`svg`,{className:`w-20 h-20 -rotate-90`,viewBox:`0 0 80 80`,children:[(0,I.jsx)(`circle`,{cx:`40`,cy:`40`,r:`34`,fill:`none`,stroke:`rgba(255,255,255,0.08)`,strokeWidth:`6`}),(0,I.jsx)(`circle`,{cx:`40`,cy:`40`,r:`34`,fill:`none`,className:r,stroke:`currentColor`,strokeWidth:`6`,strokeLinecap:`round`,strokeDasharray:i,strokeDashoffset:a,style:{transition:`stroke-dashoffset 0.8s ease-out`}})]}),(0,I.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center text-lg font-bold ${n}`,children:e})]})}function QW(){let{data:e,isLoading:t,error:n}=L({queryKey:z.gitEfficiency,queryFn:Dr,refetchInterval:5e3}),{data:r}=L({queryKey:z.gitEfficiencyRepos,queryFn:Or,refetchInterval:3e4}),i=e?.conflictHistory.filter(e=>e.resolution===`resolved`).length??0;return t?(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}):n?(0,I.jsx)(`div`,{className:`text-accent-red text-xs`,children:`Error loading git efficiency data.`}):!e||e.totalGitCommands===0?(0,I.jsxs)(I.Fragment,{children:[r&&r.repos.length>0&&(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 mb-4`,children:[(0,I.jsx)(V,{as:`div`,className:`mr-1`,children:`Repos Today:`}),r.repos.map(e=>{let t=e.split(`/`).pop()||e;return(0,I.jsx)(ri,{tone:e===r.currentRepo?`success`:`neutral`,size:`sm`,bordered:!0,className:`font-mono`,children:t},e)})]}),(0,I.jsx)($,{icon:`code`,title:`No Git activity yet`,subtitle:`Git efficiency metrics will appear here as git commands are executed during the session.`})]}):(0,I.jsxs)(`section`,{children:[(0,I.jsx)(BH,{theme:`git`}),(0,I.jsxs)(`header`,{className:`flex items-baseline justify-between mb-4`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Git Efficiency`}),e.repoContext.repoName&&(0,I.jsxs)(`div`,{className:`flex items-center gap-2 mt-1 text-[11px] text-ink-muted`,children:[(0,I.jsx)(`span`,{className:`font-mono`,children:e.repoContext.repoName}),e.repoContext.branch&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`/`}),(0,I.jsx)(`span`,{className:`font-mono text-ink-subtle`,children:e.repoContext.branch})]})]}),(0,I.jsx)(`div`,{className:`mt-1 text-[11px] text-ink-muted`,children:`Today's activity across all sessions`}),r&&r.repos.length>0&&(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 mt-2`,children:[(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted uppercase tracking-wider mr-1`,children:`Repos today:`}),r.repos.map(e=>{let t=e.split(`/`).pop()||e;return(0,I.jsx)(ri,{tone:e===r.currentRepo?`success`:`neutral`,size:`sm`,bordered:!0,className:`font-mono`,children:t},e)})]})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,I.jsxs)(`div`,{className:`text-center`,children:[(0,I.jsx)(V,{as:`div`,className:`mb-1`,children:`Prevention`}),(0,I.jsx)(ZW,{score:e.preventionScore})]}),(0,I.jsxs)(`div`,{className:`text-center`,children:[(0,I.jsx)(V,{as:`div`,className:`mb-1`,children:`Efficiency`}),(0,I.jsx)(ZW,{score:e.efficiencyScore})]})]})]}),(0,I.jsx)(uV,{index:0,className:`mb-3`,children:(0,I.jsx)(B,{padding:`lg`,tone:`elevated`,glow:`green`,children:(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-4`,children:[(0,I.jsx)(lV,{label:`commits today`,hero:!0,value:String(e.commitCount),animate:!0,numericValue:e.commitCount}),(0,I.jsx)(lV,{label:`PRs opened`,tone:e.prMetrics.created>0?`good`:`neutral`,value:String(e.prMetrics.created),animate:!0,numericValue:e.prMetrics.created}),(0,I.jsx)(lV,{label:`conflicts`,tone:e.mergeConflicts+e.rebaseConflicts>0?`bad`:`good`,value:String(e.mergeConflicts+e.rebaseConflicts),sub:e.mergeConflicts+e.rebaseConflicts===0?`clean session`:`${i} resolved`,animate:!0,numericValue:e.mergeConflicts+e.rebaseConflicts}),(0,I.jsx)(lV,{label:`behind main`,tone:e.riskIndicators.commitsBehindMain===null?`neutral`:e.riskIndicators.commitsBehindMain>20?`bad`:e.riskIndicators.commitsBehindMain>5?`warn`:`good`,value:e.riskIndicators.commitsBehindMain===null?`—`:String(e.riskIndicators.commitsBehindMain),sub:e.riskIndicators.commitsBehindMain===0?`up to date`:e.riskIndicators.commitsBehindMain!==null&&e.riskIndicators.commitsBehindMain>10?`rebase soon`:void 0,animate:!0,numericValue:e.riskIndicators.commitsBehindMain})]})})}),e.bestPractices.length>0&&(0,I.jsx)(uV,{index:1,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Best Practices`,action:(0,I.jsx)(`span`,{className:`text-[11px] text-ink-muted`,children:(()=>{let t=e.bestPractices.filter(e=>e.status!==`unknown`&&e.status!==`n/a`).length;return t===0?`No data yet`:`${e.bestPractices.filter(e=>e.status===`pass`).length}/${t} passing`})()})}),(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-1.5 mb-2`,children:[e.bestPractices.filter(e=>e.status===`pass`).map(e=>(0,I.jsxs)(ri,{tone:`success`,size:`sm`,bordered:!0,children:[(0,I.jsx)(`span`,{children:`✓`}),` `,e.label]},e.id)),e.bestPractices.filter(e=>e.status===`unknown`||e.status===`n/a`).map(e=>(0,I.jsxs)(ri,{tone:`neutral`,size:`sm`,bordered:!0,children:[(0,I.jsx)(`span`,{children:`●`}),` `,e.label]},e.id))]}),e.bestPractices.filter(e=>e.status===`fail`||e.status===`warn`).map(e=>(0,I.jsxs)(`div`,{className:`flex items-start gap-2 px-2.5 py-2 rounded-lg mt-1.5 ${e.status===`fail`?`bg-accent-red/5 border border-accent-red/20`:`bg-accent-amber/5 border border-accent-amber/20`}`,children:[(0,I.jsx)(`span`,{className:`shrink-0 mt-0.5 text-xs`,children:e.status===`fail`?(0,I.jsx)(`span`,{className:`text-accent-red`,children:`✗`}):(0,I.jsx)(`span`,{className:`text-accent-amber`,children:`⚠`})}),(0,I.jsxs)(`div`,{className:`min-w-0`,children:[(0,I.jsx)(`div`,{className:`text-xs font-medium text-ink-base`,children:e.label}),(0,I.jsx)(`div`,{className:`text-[11px] text-ink-muted mt-0.5 leading-relaxed`,children:e.detail})]})]},e.id))]})}),(e.mergeConflicts>0||e.rebaseConflicts>0)&&(0,I.jsx)(uV,{index:2,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Conflict Resolution`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(lV,{label:`Resolution rate`,value:e.conflictResolutionRate===null?`—`:`${Math.round(e.conflictResolutionRate*100)}%`}),(0,I.jsx)(lV,{label:`Avg resolution time`,value:YW(e.avgConflictResolutionMs)}),(0,I.jsx)(lV,{label:`Aborted ops`,value:String(e.abortedOperations)}),(0,I.jsx)(lV,{label:`Stale branch pulls`,value:String(e.staleBranchPulls)})]}),e.conflictHistory.length>0&&(0,I.jsxs)(`div`,{className:`mt-3`,children:[(0,I.jsx)(V,{as:`h3`,className:`mb-2`,children:`Conflict History`}),(0,I.jsx)(`div`,{className:`space-y-1`,children:e.conflictHistory.map(e=>(0,I.jsxs)(`div`,{className:`flex items-center gap-3 text-xs py-1 border-t border-border-subtle`,children:[(0,I.jsx)(`span`,{className:`tabular-nums text-ink-subtle w-28 shrink-0`,children:new Date(e.timestamp).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`,second:`2-digit`})}),(0,I.jsx)(`span`,{className:`font-medium ${qW[e.resolution]}`,children:e.resolution}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:YW(e.resolutionTimeMs)}),(0,I.jsx)(`span`,{className:`text-ink-subtle font-mono text-[11px] truncate`,children:e.command})]},`${e.timestamp}-${e.command}`))})]})]})}),e.suggestions.length>0&&(0,I.jsx)(uV,{index:3,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Suggestions`}),(0,I.jsx)(`div`,{className:`space-y-2`,children:e.suggestions.map((e,t)=>(0,I.jsx)(`div`,{className:`border-l-[3px] rounded-r-lg px-3 py-2 ${GW[e.severity]}`,children:(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(ri,{tone:KW[e.severity],size:`sm`,className:`font-semibold`,children:e.severity}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:`text-xs text-ink-base`,children:e.message}),(0,I.jsx)(`p`,{className:`text-[11px] text-ink-muted mt-0.5`,children:e.evidence})]})]})},`${e.category}-${e.severity}-${t}`))})]})}),e.commitCount>=2&&(0,I.jsx)(uV,{index:4,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Velocity & Workflow`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(lV,{label:`Avg time between commits`,value:YW(e.velocityMetrics.avgTimeBetweenCommitsMs)}),(0,I.jsx)(lV,{label:`Longest gap`,value:YW(e.velocityMetrics.longestGapMs)}),(0,I.jsx)(lV,{label:`Commit bursts`,value:String(e.velocityMetrics.commitBurstCount)}),(0,I.jsx)(lV,{label:`Worktree ops`,value:String(e.velocityMetrics.worktreeCount)})]}),e.velocityMetrics.buildBeforePush!==null&&(0,I.jsxs)(`div`,{className:`mt-3 text-xs`,children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Verified before push: `}),e.velocityMetrics.buildBeforePush?(0,I.jsx)(`span`,{className:`text-accent-green`,children:`yes (build/test ran first)`}):(0,I.jsx)(`span`,{className:`text-accent-amber`,children:`no build/test detected before push`})]})]})}),(e.prMetrics.created>0||e.prMetrics.merged>0||e.prMetrics.checksViewed>0)&&(0,I.jsx)(uV,{index:5,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Pull Requests`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(lV,{label:`PRs created`,value:String(e.prMetrics.created),tone:e.prMetrics.created>0?`good`:`neutral`}),(0,I.jsx)(lV,{label:`PRs merged`,value:String(e.prMetrics.merged),tone:e.prMetrics.merged>0?`good`:`neutral`}),(0,I.jsx)(lV,{label:`CI checks viewed`,value:String(e.prMetrics.checksViewed)}),(0,I.jsx)(lV,{label:`Time to PR`,value:YW(e.prMetrics.avgTimeToCreateMs)})]}),e.prMetrics.prActivity.length>0&&(0,I.jsxs)(`div`,{className:`mt-3`,children:[(0,I.jsx)(V,{as:`h3`,className:`mb-2`,children:`Activity`}),(0,I.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.prMetrics.prActivity.map(e=>(0,I.jsxs)(ri,{tone:e.action===`create`?`success`:e.action===`merge`?`info`:`neutral`,size:`sm`,children:[e.action,e.prNumber?` #${e.prNumber}`:``]},`${e.timestamp}-${e.action}`))})]})]})}),e.conflictResolutionStrategy.totalResolutions>0&&(0,I.jsx)(uV,{index:6,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Conflict Resolution Strategy`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(lV,{label:`Accept ours`,value:String(e.conflictResolutionStrategy.oursCount)}),(0,I.jsx)(lV,{label:`Accept theirs`,value:String(e.conflictResolutionStrategy.theirsCount)}),(0,I.jsx)(lV,{label:`Manual merge`,value:String(e.conflictResolutionStrategy.manualMergeCount)}),(0,I.jsx)(lV,{label:`Cherry-picks`,value:String(e.conflictResolutionStrategy.cherryPickCount)})]})]})}),(e.resetHards>0||e.discardedChanges>0||e.forcePushes>0)&&(0,I.jsx)(uV,{index:7,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Destructive Operations`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-3`,children:[(0,I.jsx)(lV,{label:`Hard resets`,value:String(e.resetHards)}),(0,I.jsx)(lV,{label:`Discarded changes`,value:String(e.discardedChanges)}),(0,I.jsx)(lV,{label:`Force pushes`,value:String(e.forcePushes)})]})]})}),(0,I.jsx)(uV,{index:8,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Recent Git Activity`}),(0,I.jsx)(`div`,{className:`max-h-64 overflow-auto`,children:(0,I.jsxs)(`table`,{className:`w-full text-xs`,children:[(0,I.jsx)(`thead`,{className:`text-ink-muted bg-surface-3 sticky top-0`,children:(0,I.jsxs)(`tr`,{children:[(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Time`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Type`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Duration`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Status`})]})}),(0,I.jsx)(`tbody`,{children:[...e.gitCommandTimeline].reverse().slice(0,30).map(e=>(0,I.jsxs)(`tr`,{className:`border-t border-border-subtle`,children:[(0,I.jsx)(`td`,{className:`p-2 tabular-nums text-ink-subtle`,children:new Date(e.timestamp).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`,second:`2-digit`})}),(0,I.jsx)(`td`,{className:`p-2`,children:(0,I.jsx)(`span`,{className:`px-1.5 py-0.5 rounded text-[10px] font-medium ${JW[e.type]??`bg-surface-8 text-ink-subtle`}`,children:XW(e.type)})}),(0,I.jsx)(`td`,{className:`p-2 tabular-nums text-ink-subtle`,children:YW(e.durationMs)}),(0,I.jsx)(`td`,{className:`p-2`,children:e.success?(0,I.jsx)(`span`,{className:`text-accent-green`,children:`ok`}):(0,I.jsx)(`span`,{className:`text-accent-red`,children:`fail`})})]},`${e.type}-${e.timestamp}`))})]})})]})})]})}function $W({label:e,value:t}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`span`,{className:`text-xs text-ink-muted w-36 shrink-0`,children:e}),(0,I.jsx)(`span`,{className:`text-xs font-mono text-ink-subtle bg-surface-3 px-2 py-0.5 rounded-md`,children:t??`—`})]})}function eG({label:e,value:t,onChange:n,placeholder:r,min:i}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-36 shrink-0`,children:e}),(0,I.jsx)(`input`,{type:`number`,min:i,step:`any`,value:t??``,placeholder:r??`unlimited`,onChange:e=>{let t=e.target.value;n(t===``?null:Number(t))},className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-32 focus:outline-none focus:border-accent-green text-ink-base placeholder:text-ink-muted`})]})}var tG={ok:`●`,warn:`▲`,fail:`✗`,skip:`–`},nG={ok:`text-accent-green`,warn:`text-accent-amber`,fail:`text-accent-red`,skip:`text-ink-muted`};function rG(){let{data:e,isLoading:t,isError:n,refetch:r}=L({queryKey:z.diagnostics,queryFn:()=>zr(),refetchInterval:6e4,staleTime:55e3}),i=e??[],a=i.some(e=>e.status===`fail`||e.status===`warn`);return(0,I.jsxs)(B,{padding:`md`,className:`mb-4`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,I.jsx)(li,{title:`System Health`}),(0,I.jsx)(`button`,{onClick:()=>void r(),className:`text-[10px] text-ink-muted hover:text-ink-base transition-colors`,children:`Re-check`})]}),t&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Checking system…`}),n&&(0,I.jsx)(`div`,{className:`text-xs text-accent-red`,children:`Failed to load diagnostics.`}),!t&&!n&&!a&&(0,I.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-accent-green`,children:[(0,I.jsx)(`span`,{children:`●`}),(0,I.jsx)(`span`,{children:`System healthy`})]}),!t&&!n&&a&&(0,I.jsx)(`div`,{className:`space-y-1.5`,children:i.map(e=>(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-2 text-xs`,children:[(0,I.jsx)(`span`,{className:`shrink-0 ${nG[e.status]??`text-ink-muted`}`,children:tG[e.status]??`?`}),(0,I.jsx)(`span`,{className:`text-ink-muted w-36 shrink-0`,children:e.check}),(0,I.jsx)(`span`,{className:`text-ink-subtle`,children:e.detail})]}),e.fix&&(e.status===`fail`||e.status===`warn`)&&(0,I.jsxs)(`div`,{className:`ml-[1.25rem] mt-0.5 flex items-center gap-2`,children:[(0,I.jsx)(`span`,{className:`text-[10px] font-mono text-ink-subtle bg-surface-3 px-1.5 py-0.5 rounded`,children:e.fix}),(0,I.jsx)(`button`,{className:`text-[10px] text-ink-muted hover:text-ink-base transition-colors`,onClick:()=>void navigator.clipboard.writeText(e.fix??``),children:`copy`})]})]},e.check))})]})}function iG(){let e=Ye(),{data:t,isLoading:n,error:r}=L({queryKey:z.settings,queryFn:()=>Rr()}),{data:i}=L({queryKey:[`observability-health`],queryFn:Hr,refetchInterval:3e4}),[a,o]=(0,F.useState)(null),[s,c]=(0,F.useState)(void 0),[l,u]=(0,F.useState)(void 0),[d,f]=(0,F.useState)(void 0),[p,m]=(0,F.useState)(void 0),[h,g]=(0,F.useState)(void 0),[_,v]=(0,F.useState)(null),[y,b]=(0,F.useState)(null),x=ut({mutationFn:e=>Br(e),onSuccess:()=>{e.invalidateQueries({queryKey:z.settings}),b(null)},onError:e=>{b(String(e))}});if(n)return(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`});if(r||!t)return(0,I.jsx)(`div`,{className:`text-accent-red text-xs`,children:`Failed to load settings.`});let S=a??t.developer,C=s===void 0?t.teamId:s,w=l===void 0?t.sessionBudgetUsd:l,T=d===void 0?t.dailyBudgetUsd:d,E=p===void 0?t.weeklyBudgetUsd:p,D=h===void 0?t.retainSessionsDays:h;function O(){let e={};a!==null&&(e.developer=a),s!==void 0&&(e.teamId=s),x.mutate(e,{onSuccess:()=>{v(`identity`),setTimeout(()=>v(null),3e3)}})}function k(){let e={};l!==void 0&&(e.sessionBudgetUsd=l),d!==void 0&&(e.dailyBudgetUsd=d),p!==void 0&&(e.weeklyBudgetUsd=p),h!==void 0&&(e.retainSessionsDays=h),x.mutate(e,{onSuccess:()=>{v(`budgets`),setTimeout(()=>v(null),3e3)}})}let A=e=>_===e?(0,I.jsx)(`div`,{className:`mt-2 text-xs text-accent-amber`,children:`Saved. Restart the server for changes to take effect.`}):null;return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(rG,{}),(0,I.jsxs)(`header`,{className:`mb-6`,children:[(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Settings`}),(0,I.jsx)(`p`,{className:`text-xs text-ink-muted mt-1`,children:`Changes are written to config.json on disk. Most require a server restart.`})]}),y&&(0,I.jsx)(`div`,{className:`mb-4 text-xs text-accent-red bg-accent-red/10 border border-accent-red/30 rounded-md px-3 py-2`,children:y}),(0,I.jsxs)(B,{padding:`md`,className:`mb-4`,children:[(0,I.jsx)(li,{title:`Identity & Account`}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-36 shrink-0`,children:`Developer name`}),(0,I.jsx)(`input`,{type:`text`,value:S,maxLength:128,onChange:e=>o(e.target.value),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-48 focus:outline-none focus:border-accent-green text-ink-base`})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-36 shrink-0`,children:`Team ID`}),(0,I.jsx)(`input`,{type:`text`,value:C??``,placeholder:`optional`,onChange:e=>c(e.target.value===``?null:e.target.value),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-48 focus:outline-none focus:border-accent-green text-ink-base placeholder:text-ink-muted`})]}),(0,I.jsx)($W,{label:`Account ID`,value:t.accountId}),(0,I.jsx)($W,{label:`App name`,value:t.appName}),(0,I.jsx)($W,{label:`Mode`,value:t.mode}),(0,I.jsx)($W,{label:`Storage path`,value:t.storagePath}),(0,I.jsx)($W,{label:`High security`,value:t.highSecurity?`enabled`:`disabled`}),(0,I.jsx)($W,{label:`License key`,value:t.licenseKey}),(0,I.jsx)(`div`,{className:`mt-3 flex items-center gap-3`,children:(0,I.jsx)($r,{variant:`primary`,size:`md`,onClick:O,disabled:x.isPending,loading:x.isPending,children:x.isPending?`Saving…`:`Save identity`})}),A(`identity`)]}),(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Cost & Retention`,subtitle:`Budget caps trigger warnings at 50%, 80%, and 100%. Leave blank for no limit.`}),(0,I.jsx)(eG,{label:`Session budget (USD)`,value:w,onChange:u,min:.01}),(0,I.jsx)(eG,{label:`Daily budget (USD)`,value:T,onChange:f,min:.01}),(0,I.jsx)(eG,{label:`Weekly budget (USD)`,value:E,onChange:m,min:.01}),(0,I.jsx)(eG,{label:`Retain sessions (days)`,value:D,onChange:g,placeholder:`forever`,min:1}),(0,I.jsx)(`div`,{className:`mt-3 flex items-center gap-3`,children:(0,I.jsx)($r,{variant:`primary`,size:`md`,onClick:k,disabled:x.isPending,loading:x.isPending,children:x.isPending?`Saving…`:`Save budgets`})}),A(`budgets`)]}),(0,I.jsxs)(`section`,{className:`mt-8`,children:[(0,I.jsx)(V,{children:`Observability`}),(0,I.jsxs)(B,{padding:`md`,className:`mt-3`,children:[(0,I.jsx)(`h3`,{className:`text-sm font-medium text-ink mb-3`,children:`Subagent & Workflow Watcher`}),(0,I.jsx)(`p`,{className:`text-xs text-ink-muted mb-4`,children:`Monitors subagent JSONL transcripts and workflow records to provide accurate cost tracking. Default: enabled in --stdio mode.`}),(0,I.jsxs)(`div`,{className:`flex flex-col gap-2 text-xs text-ink-muted`,children:[(0,I.jsxs)(`div`,{children:[`Subagent watcher:`,` `,i?.watcherActive===!0?(0,I.jsx)(`span`,{className:`text-accent-green`,children:`enabled`}):i?.watcherActive===!1?(0,I.jsx)(`span`,{className:`text-accent-red`,children:`disabled`}):(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`checking…`}),i?.watcherActive===!0&&(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[` `,`(`,i.filesWatched??0,` files watched, `,i.parseErrors??0,` parse errors)`]})]}),(0,I.jsxs)(`div`,{children:[`Set`,` `,(0,I.jsx)(`code`,{className:`font-mono bg-surface-5 px-1 rounded`,children:`NR_AI_ENABLE_SUBAGENT_WATCHER=0`}),` `,`to disable, or`,` `,(0,I.jsx)(`code`,{className:`font-mono bg-surface-5 px-1 rounded`,children:`NR_AI_ENABLE_SUBAGENT_WATCHER=1`}),` `,`to explicitly enable.`]})]})]})]})]})}function aG({pct:e,exceeded:t}){let n=e??0;return(0,I.jsx)(`div`,{className:`w-24 h-1.5 bg-surface-5 rounded-full overflow-hidden`,children:(0,I.jsx)(`div`,{className:`h-full rounded-full ${t?`bg-accent-red`:n>=80?`bg-accent-amber`:`bg-accent-green`}`,style:{width:`${Math.min(n,100)}%`}})})}function oG({label:e,p:t}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`span`,{className:`text-xs text-ink-muted w-20 shrink-0 capitalize`,children:e}),(0,I.jsx)(aG,{pct:t.pctUsed,exceeded:t.exceeded}),(0,I.jsxs)(`span`,{className:`text-xs tabular-nums text-ink-base`,children:[wi(t.spentUsd),t.budgetUsd===null?``:` / ${wi(t.budgetUsd)}`,t.pctUsed===null?``:` (${t.pctUsed.toFixed(0)}%)`]}),t.exceeded&&(0,I.jsx)(ri,{tone:`danger`,size:`sm`,children:`exceeded`})]})}function sG(){let e=Ye(),t=L({queryKey:z.budget,queryFn:()=>hr(),refetchInterval:1e4}),n=L({queryKey:z.settings,queryFn:()=>Rr()}),r=t.data,i=n.data,[a,o]=(0,F.useState)({}),[s,c]=(0,F.useState)(!1),[l,u]=(0,F.useState)(void 0),[d,f]=(0,F.useState)(null),[p,m]=(0,F.useState)(null),h=ut({mutationFn:e=>Br(e),onSuccess:()=>void e.invalidateQueries({queryKey:z.settings})}),g=ut({mutationFn:()=>Vr(),onSuccess:e=>{let t=e.content[0]?.text??``;try{let e=JSON.parse(t);m(e.ok?`Digest sent.`:e.error??`Failed to send.`)}catch{m(`Done.`)}setTimeout(()=>m(null),4e3)},onError:e=>{m(`Error: ${String(e)}`)}});function _(){Object.keys(a).length!==0&&h.mutate({alerts:{personal:a}},{onSuccess:()=>{c(!0),setTimeout(()=>c(!1),3e3)}})}function v(){let e={};l!==void 0&&(e.digestWebhookUrl=l),d!==null&&(e.digestSchedule=d??i?.digestSchedule),h.mutate(e)}function y(e){return a[e]??i?.alerts.personal[e]??0}function b(e,t,n={}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-44 shrink-0`,children:e}),(0,I.jsx)(`input`,{type:`number`,value:y(t),min:n.min,max:n.max,step:n.step??`any`,onChange:e=>o(n=>({...n,[t]:Number(e.target.value)})),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-24 focus:outline-none focus:border-accent-green text-ink-base`})]})}return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(`header`,{className:`mb-6`,children:(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Alerts`})}),(0,I.jsxs)(B,{padding:`md`,className:`mb-4`,children:[(0,I.jsx)(li,{title:`Budget Status`}),t.isLoading&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}),t.isError&&(0,I.jsx)(`div`,{className:`text-accent-red text-xs`,children:`Error loading budget status.`}),r&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(oG,{label:`session`,p:r.session}),(0,I.jsx)(oG,{label:`daily`,p:r.daily}),(0,I.jsx)(oG,{label:`weekly`,p:r.weekly}),r.alerts.length>0&&(0,I.jsxs)(`div`,{className:`mt-3 border-t border-border-subtle pt-3`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Recent Warnings`}),(0,I.jsx)(`div`,{className:`flex flex-col gap-1`,children:r.alerts.slice(-5).reverse().map((e,t)=>(0,I.jsxs)(`div`,{className:`text-xs text-ink-subtle flex gap-2`,children:[(0,I.jsxs)(`span`,{className:`text-accent-amber tabular-nums`,children:[e.thresholdPct,`%`]}),(0,I.jsx)(`span`,{className:`capitalize`,children:e.period}),(0,I.jsxs)(`span`,{className:`text-ink-muted tabular-nums`,children:[wi(e.spentUsd),` / `,wi(e.budgetUsd)]}),(0,I.jsx)(`span`,{className:`text-ink-muted ml-auto tabular-nums`,children:new Date(e.timestamp).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`})})]},t))})]}),r.alerts.length===0&&r.session.budgetUsd===null&&r.daily.budgetUsd===null&&r.weekly.budgetUsd===null&&(0,I.jsxs)(`p`,{className:`text-xs text-ink-muted mt-2`,children:[`No budget caps configured.`,` `,(0,I.jsx)(en,{href:`/settings`,className:`text-accent-cyan hover:underline transition-colors duration-150`,children:`Set limits in Settings`}),` `,`to enable warnings.`]})]})]}),(0,I.jsxs)(B,{padding:`md`,className:`mb-4`,children:[(0,I.jsx)(li,{title:`Alert Thresholds`,subtitle:"Thresholds used by the `deploy-alerts` CLI (`npm run deploy:alerts`) when templating cloud alert conditions. Have no effect on this dashboard or any running session."}),n.isLoading&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}),i&&(0,I.jsxs)(I.Fragment,{children:[b(`Daily cost ($)`,`dailyCostUsd`,{min:0,step:.1}),b(`Session cost ($)`,`sessionCostUsd`,{min:0,step:.1}),b(`Min efficiency score (0–1)`,`efficiencyScoreMin`,{min:0,max:1,step:.05}),b(`Max anti-patterns`,`antiPatternCountMax`,{min:0,step:1}),b(`Max stuck loops`,`stuckLoopCountMax`,{min:0,step:1}),(0,I.jsxs)(`div`,{className:`mt-3 flex items-center gap-3`,children:[(0,I.jsx)($r,{variant:`primary`,size:`md`,onClick:_,disabled:h.isPending||Object.keys(a).length===0,loading:h.isPending,children:h.isPending?`Saving…`:`Save thresholds`}),s&&(0,I.jsx)(`span`,{className:`text-xs text-accent-amber`,children:"Saved. Run `npm run deploy:alerts` to apply these to your cloud alert conditions."})]})]})]}),(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Slack Digest`,subtitle:`Weekly digest sent to a Slack incoming webhook. URL changes take effect immediately.`}),n.isLoading&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}),i&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex items-center gap-2 mb-3`,children:(0,I.jsx)(ri,{tone:i.digestWebhookUrl?`success`:`neutral`,size:`sm`,children:i.digestWebhookUrl?`Configured`:`Not configured`})}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-28 shrink-0`,children:`Webhook URL`}),(0,I.jsx)(`input`,{type:`url`,value:l===void 0?i.digestWebhookUrl??``:l??``,placeholder:`https://hooks.slack.com/...`,onChange:e=>u(e.target.value===``?null:e.target.value),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-72 focus:outline-none focus:border-accent-green text-ink-base placeholder:text-ink-muted`})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsxs)(`label`,{className:`text-xs text-ink-muted w-28 shrink-0`,children:[`Schedule`,(0,I.jsx)(`span`,{className:`block text-[10px] text-ink-muted font-normal`,children:`(cron, restart req.)`})]}),(0,I.jsx)(`input`,{type:`text`,value:d??i.digestSchedule,onChange:e=>f(e.target.value),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-36 focus:outline-none focus:border-accent-green text-ink-base font-mono`}),(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted`,children:`default: Mon 9am`})]}),(0,I.jsxs)(`div`,{className:`mt-3 flex items-center gap-3 flex-wrap`,children:[(0,I.jsx)($r,{variant:`primary`,size:`md`,onClick:v,disabled:h.isPending,loading:h.isPending,children:h.isPending?`Saving…`:`Save`}),i.digestWebhookUrl&&(0,I.jsx)($r,{variant:`danger`,size:`md`,onClick:()=>h.mutate({digestWebhookUrl:null},{onSuccess:()=>u(void 0)}),disabled:h.isPending,children:`Unsubscribe`}),(0,I.jsx)($r,{variant:`secondary`,size:`md`,onClick:()=>g.mutate(),disabled:g.isPending||!i.digestWebhookUrl,loading:g.isPending,children:g.isPending?`Sending…`:`Send test now`}),p&&(0,I.jsx)(`span`,{className:`text-xs text-ink-subtle`,children:p})]})]})]})]})}function cG(){Hi();let e=Yn(e=>e.connected),[t,n]=qt(),[r,i]=(0,F.useState)(!1),{theme:a,toggleTheme:o}=qi(),s=(0,F.useCallback)(()=>i(e=>!e),[]),c=(0,F.useCallback)(()=>i(!1),[]);return Ui({navigate:n,onToggleHelp:s,onToggleTheme:o}),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-col h-full mesh-bg`,children:[(0,I.jsx)(Fi,{}),(0,I.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,I.jsx)(gi,{currentPath:t,onNavigate:n,connected:e,theme:a,onToggleTheme:o}),(0,I.jsx)(`main`,{className:`flex-1 overflow-auto p-6`,children:(0,I.jsx)(Ii,{resetKey:t,children:(0,I.jsxs)(nn,{children:[(0,I.jsx)($t,{path:`/sessions`,component:JU}),(0,I.jsx)($t,{path:`/history`,component:vW}),(0,I.jsx)($t,{path:`/audit`,component:WW}),(0,I.jsx)($t,{path:`/git`,component:QW}),(0,I.jsx)($t,{path:`/settings`,component:iG}),(0,I.jsx)($t,{path:`/alerts`,component:sG}),(0,I.jsx)($t,{path:`/`,component:fU}),(0,I.jsx)($t,{children:(0,I.jsx)(`div`,{className:`text-ink-muted`,children:`Not found`})})]})})})]})]}),(0,I.jsx)(Ri,{open:r,onClose:c})]})}var lG=new Ge({defaultOptions:{queries:{staleTime:5e3,retry:0,refetchOnWindowFocus:!1}}}),uG=document.getElementById(`root`);if(!uG)throw Error(`Mount node #root not found`);(0,dt.createRoot)(uG).render((0,I.jsx)(F.StrictMode,{children:(0,I.jsx)(Xe,{client:lG,children:(0,I.jsx)(cG,{})})}));
|
|
64
|
+
`),n=new Blob([t],{type:`application/x-ndjson`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=`audit-${new Date().toISOString().slice(0,10)}.jsonl`,i.rel=`noopener`,document.body.appendChild(i);try{i.click()}finally{document.body.removeChild(i),URL.revokeObjectURL(r)}}function WW(){let[e,t]=(0,F.useState)(`all`),{data:n,isLoading:r,error:i,refetch:a}=L({queryKey:z.audit,queryFn:()=>pr(),refetchInterval:1e4}),o=n??[],s=e===`all`?o:o.filter(t=>t.classification===e),c=s.slice(0,200);return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(BH,{theme:`audit`}),(0,I.jsxs)(`header`,{className:`flex items-baseline justify-between mb-4`,children:[(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Audit`}),(0,I.jsxs)($r,{variant:`secondary`,size:`md`,onClick:()=>UW(c),children:[`Export JSONL (max `,200,` rows)`]})]}),(0,I.jsx)(`div`,{className:`flex gap-2 mb-3 flex-wrap`,children:BW.map(({key:n,label:r})=>(0,I.jsx)($r,{variant:e===n?`primary`:`secondary`,size:`sm`,onClick:()=>t(n),children:r},n))}),r&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}),i&&(0,I.jsxs)(`div`,{className:`text-accent-red text-xs flex items-center gap-2`,children:[(0,I.jsx)(`span`,{children:`Error loading audit log.`}),(0,I.jsx)(`button`,{onClick:()=>void a(),className:`text-[10px] text-ink-muted hover:text-ink-base transition-colors`,children:`Retry`})]}),!r&&!i&&s.length>200&&(0,I.jsxs)(`div`,{className:`text-[11px] text-ink-muted mb-2`,children:[`Showing first `,200,` of `,s.length,` entries.`]}),!r&&!i&&(0,I.jsx)(B,{padding:`sm`,tone:`static`,className:`overflow-hidden`,children:(0,I.jsxs)(`table`,{className:`w-full text-xs`,children:[(0,I.jsx)(`thead`,{className:`text-ink-muted bg-surface-3`,children:(0,I.jsxs)(`tr`,{children:[(0,I.jsx)(`th`,{className:`text-left p-2`,children:`When`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Tool`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Target`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Classification`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Session`})]})}),(0,I.jsxs)(`tbody`,{children:[s.length===0&&(0,I.jsx)(`tr`,{children:(0,I.jsx)(`td`,{colSpan:5,className:`p-3 text-ink-muted text-center`,children:`No matching entries.`})}),c.map(e=>(0,I.jsxs)(`tr`,{className:`border-t border-border-subtle`,children:[(0,I.jsx)(`td`,{className:`p-2 tabular-nums`,children:new Date(e.ts).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`})}),(0,I.jsx)(`td`,{className:`p-2`,children:e.tool}),(0,I.jsx)(`td`,{className:`p-2 font-mono text-[11px] break-all`,title:e.target,children:e.target}),(0,I.jsx)(`td`,{className:`p-2`,children:(0,I.jsx)(ri,{tone:e.severity?VW[e.severity]??`neutral`:`neutral`,size:`sm`,children:HW[e.classification]??e.classification})}),(0,I.jsx)(`td`,{className:`p-2 text-ink-subtle`,children:e.sessionId?(0,I.jsx)(en,{href:`/sessions?session=${encodeURIComponent(e.sessionId)}`,className:`text-accent-cyan hover:underline transition-colors duration-150`,children:e.sessionId}):`—`})]},e.id))]})]})})]})}var GW={info:`border-l-accent-blue bg-accent-blue/5`,warning:`border-l-accent-amber bg-accent-amber/5`,critical:`border-l-accent-red bg-accent-red/5`},KW={info:`info`,warning:`warning`,critical:`danger`},qW={resolved:`text-accent-green`,aborted:`text-accent-red`,pending:`text-accent-amber`},JW={merge_conflict:`bg-accent-red/20 text-accent-red`,rebase_conflict:`bg-accent-red/20 text-accent-red`,merge_abort:`bg-accent-amber/20 text-accent-amber`,rebase_abort:`bg-accent-amber/20 text-accent-amber`,force_push:`bg-accent-red/20 text-accent-red`,reset_hard:`bg-accent-amber/20 text-accent-amber`,commit:`bg-accent-green/20 text-accent-green`,push:`bg-accent-blue/20 text-accent-blue`,pull:`bg-accent-blue/20 text-accent-blue`};function YW(e){return e===null?`—`:e<1e3?`${e}ms`:e<6e4?`${(e/1e3).toFixed(1)}s`:`${(e/6e4).toFixed(1)}m`}function XW(e){return e.replace(/_/g,` `)}function ZW(e){let t=new Date(e);if(Number.isNaN(t.getTime()))return`—`;let n=t.toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`,second:`2-digit`});return t.toDateString()===new Date().toDateString()?n:`${t.toLocaleDateString(void 0,{month:`short`,day:`numeric`})} ${n}`}function QW({score:e}){if(e===null)return(0,I.jsx)(`div`,{className:`flex items-center justify-center w-20 h-20 rounded-full border-4 border-border-medium`,children:(0,I.jsx)(`span`,{className:`text-ink-muted text-xs`,children:`N/A`})});let t=Math.max(0,Math.min(100,e)),[n,r]=t>=80?[`text-accent-green`,`border-accent-green`]:t>=60?[`text-accent-amber`,`border-accent-amber`]:[`text-accent-red`,`border-accent-red`],i=2*Math.PI*34,a=i-t/100*i;return(0,I.jsxs)(`div`,{className:`relative w-20 h-20`,children:[(0,I.jsxs)(`svg`,{className:`w-20 h-20 -rotate-90`,viewBox:`0 0 80 80`,children:[(0,I.jsx)(`circle`,{cx:`40`,cy:`40`,r:`34`,fill:`none`,stroke:`rgba(255,255,255,0.08)`,strokeWidth:`6`}),(0,I.jsx)(`circle`,{cx:`40`,cy:`40`,r:`34`,fill:`none`,className:r,stroke:`currentColor`,strokeWidth:`6`,strokeLinecap:`round`,strokeDasharray:i,strokeDashoffset:a,style:{transition:`stroke-dashoffset 0.8s ease-out`}})]}),(0,I.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center text-lg font-bold ${n}`,children:e})]})}function $W(){let{data:e,isLoading:t,error:n}=L({queryKey:z.gitEfficiency,queryFn:Dr,refetchInterval:5e3}),{data:r}=L({queryKey:z.gitEfficiencyRepos,queryFn:Or,refetchInterval:3e4}),i=e?.conflictHistory.filter(e=>e.resolution===`resolved`).length??0;return t?(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}):n?(0,I.jsx)(`div`,{className:`text-accent-red text-xs`,children:`Error loading git efficiency data.`}):!e||e.totalGitCommands===0?(0,I.jsxs)(I.Fragment,{children:[r&&r.repos.length>0&&(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 mb-4`,children:[(0,I.jsx)(V,{as:`div`,className:`mr-1`,children:`Repos Today:`}),r.repos.map(e=>{let t=e.split(`/`).pop()||e;return(0,I.jsx)(ri,{tone:e===r.currentRepo?`success`:`neutral`,size:`sm`,bordered:!0,className:`font-mono`,children:t},e)})]}),(0,I.jsx)($,{icon:`code`,title:`No Git activity yet`,subtitle:`Git efficiency metrics will appear here as git commands are executed during the session.`})]}):(0,I.jsxs)(`section`,{children:[(0,I.jsx)(BH,{theme:`git`}),(0,I.jsxs)(`header`,{className:`flex items-baseline justify-between mb-4`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Git Efficiency`}),e.repoContext.repoName&&(0,I.jsxs)(`div`,{className:`flex items-center gap-2 mt-1 text-[11px] text-ink-muted`,children:[(0,I.jsx)(`span`,{className:`font-mono`,children:e.repoContext.repoName}),e.repoContext.branch&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`/`}),(0,I.jsx)(`span`,{className:`font-mono text-ink-subtle`,children:e.repoContext.branch})]})]}),(0,I.jsx)(`div`,{className:`mt-1 text-[11px] text-ink-muted`,children:`Today's activity across all sessions`}),r&&r.repos.length>0&&(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 mt-2`,children:[(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted uppercase tracking-wider mr-1`,children:`Repos today:`}),r.repos.map(e=>{let t=e.split(`/`).pop()||e;return(0,I.jsx)(ri,{tone:e===r.currentRepo?`success`:`neutral`,size:`sm`,bordered:!0,className:`font-mono`,children:t},e)})]})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,I.jsxs)(`div`,{className:`text-center`,children:[(0,I.jsx)(V,{as:`div`,className:`mb-1`,children:`Prevention`}),(0,I.jsx)(QW,{score:e.preventionScore})]}),(0,I.jsxs)(`div`,{className:`text-center`,children:[(0,I.jsx)(V,{as:`div`,className:`mb-1`,children:`Efficiency`}),(0,I.jsx)(QW,{score:e.efficiencyScore})]})]})]}),(0,I.jsx)(uV,{index:0,className:`mb-3`,children:(0,I.jsx)(B,{padding:`lg`,tone:`elevated`,glow:`green`,children:(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-4`,children:[(0,I.jsx)(lV,{label:`commits today`,hero:!0,value:String(e.commitCount),animate:!0,numericValue:e.commitCount}),(0,I.jsx)(lV,{label:`PRs opened`,tone:e.prMetrics.created>0?`good`:`neutral`,value:String(e.prMetrics.created),animate:!0,numericValue:e.prMetrics.created}),(0,I.jsx)(lV,{label:`conflicts`,tone:e.mergeConflicts+e.rebaseConflicts>0?`bad`:`good`,value:String(e.mergeConflicts+e.rebaseConflicts),sub:e.mergeConflicts+e.rebaseConflicts===0?`clean session`:`${i} resolved`,animate:!0,numericValue:e.mergeConflicts+e.rebaseConflicts}),(0,I.jsx)(lV,{label:`behind main`,tone:e.riskIndicators.commitsBehindMain===null?`neutral`:e.riskIndicators.commitsBehindMain>20?`bad`:e.riskIndicators.commitsBehindMain>5?`warn`:`good`,value:e.riskIndicators.commitsBehindMain===null?`—`:String(e.riskIndicators.commitsBehindMain),sub:e.riskIndicators.commitsBehindMain===0?`up to date`:e.riskIndicators.commitsBehindMain!==null&&e.riskIndicators.commitsBehindMain>10?`rebase soon`:void 0,animate:!0,numericValue:e.riskIndicators.commitsBehindMain})]})})}),e.bestPractices.length>0&&(0,I.jsx)(uV,{index:1,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Best Practices`,action:(0,I.jsx)(`span`,{className:`text-[11px] text-ink-muted`,children:(()=>{let t=e.bestPractices.filter(e=>e.status!==`unknown`&&e.status!==`n/a`).length;return t===0?`No data yet`:`${e.bestPractices.filter(e=>e.status===`pass`).length}/${t} passing`})()})}),(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-1.5 mb-2`,children:[e.bestPractices.filter(e=>e.status===`pass`).map(e=>(0,I.jsxs)(ri,{tone:`success`,size:`sm`,bordered:!0,children:[(0,I.jsx)(`span`,{children:`✓`}),` `,e.label]},e.id)),e.bestPractices.filter(e=>e.status===`unknown`||e.status===`n/a`).map(e=>(0,I.jsxs)(ri,{tone:`neutral`,size:`sm`,bordered:!0,children:[(0,I.jsx)(`span`,{children:`●`}),` `,e.label]},e.id))]}),e.bestPractices.filter(e=>e.status===`fail`||e.status===`warn`).map(e=>(0,I.jsxs)(`div`,{className:`flex items-start gap-2 px-2.5 py-2 rounded-lg mt-1.5 ${e.status===`fail`?`bg-accent-red/5 border border-accent-red/20`:`bg-accent-amber/5 border border-accent-amber/20`}`,children:[(0,I.jsx)(`span`,{className:`shrink-0 mt-0.5 text-xs`,children:e.status===`fail`?(0,I.jsx)(`span`,{className:`text-accent-red`,children:`✗`}):(0,I.jsx)(`span`,{className:`text-accent-amber`,children:`⚠`})}),(0,I.jsxs)(`div`,{className:`min-w-0`,children:[(0,I.jsx)(`div`,{className:`text-xs font-medium text-ink-base`,children:e.label}),(0,I.jsx)(`div`,{className:`text-[11px] text-ink-muted mt-0.5 leading-relaxed`,children:e.detail})]})]},e.id))]})}),(e.mergeConflicts>0||e.rebaseConflicts>0)&&(0,I.jsx)(uV,{index:2,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Conflict Resolution`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(lV,{label:`Resolution rate`,value:e.conflictResolutionRate===null?`—`:`${Math.round(e.conflictResolutionRate*100)}%`}),(0,I.jsx)(lV,{label:`Avg resolution time`,value:YW(e.avgConflictResolutionMs)}),(0,I.jsx)(lV,{label:`Aborted ops`,value:String(e.abortedOperations)}),(0,I.jsx)(lV,{label:`Stale branch pulls`,value:String(e.staleBranchPulls)})]}),e.conflictHistory.length>0&&(0,I.jsxs)(`div`,{className:`mt-3`,children:[(0,I.jsx)(V,{as:`h3`,className:`mb-2`,children:`Conflict History`}),(0,I.jsx)(`div`,{className:`space-y-1`,children:e.conflictHistory.map(e=>(0,I.jsxs)(`div`,{className:`flex items-center gap-3 text-xs py-1 border-t border-border-subtle`,children:[(0,I.jsx)(`span`,{className:`tabular-nums text-ink-subtle w-28 shrink-0`,children:new Date(e.timestamp).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`,second:`2-digit`})}),(0,I.jsx)(`span`,{className:`font-medium ${qW[e.resolution]}`,children:e.resolution}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:YW(e.resolutionTimeMs)}),(0,I.jsx)(`span`,{className:`text-ink-subtle font-mono text-[11px] truncate`,children:e.command})]},`${e.timestamp}-${e.command}`))})]})]})}),e.suggestions.length>0&&(0,I.jsx)(uV,{index:3,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Suggestions`}),(0,I.jsx)(`div`,{className:`space-y-2`,children:e.suggestions.map((e,t)=>(0,I.jsx)(`div`,{className:`border-l-[3px] rounded-r-lg px-3 py-2 ${GW[e.severity]}`,children:(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(ri,{tone:KW[e.severity],size:`sm`,className:`font-semibold`,children:e.severity}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:`text-xs text-ink-base`,children:e.message}),(0,I.jsx)(`p`,{className:`text-[11px] text-ink-muted mt-0.5`,children:e.evidence})]})]})},`${e.category}-${e.severity}-${t}`))})]})}),e.commitCount>=2&&(0,I.jsx)(uV,{index:4,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Velocity & Workflow`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(lV,{label:`Avg time between commits`,value:YW(e.velocityMetrics.avgTimeBetweenCommitsMs)}),(0,I.jsx)(lV,{label:`Longest gap`,value:YW(e.velocityMetrics.longestGapMs)}),(0,I.jsx)(lV,{label:`Commit bursts`,value:String(e.velocityMetrics.commitBurstCount)}),(0,I.jsx)(lV,{label:`Worktree ops`,value:String(e.velocityMetrics.worktreeCount)})]}),e.velocityMetrics.buildBeforePush!==null&&(0,I.jsxs)(`div`,{className:`mt-3 text-xs`,children:[(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`Verified before push: `}),e.velocityMetrics.buildBeforePush?(0,I.jsx)(`span`,{className:`text-accent-green`,children:`yes (build/test ran first)`}):(0,I.jsx)(`span`,{className:`text-accent-amber`,children:`no build/test detected before push`})]})]})}),(e.prMetrics.created>0||e.prMetrics.merged>0||e.prMetrics.checksViewed>0)&&(0,I.jsx)(uV,{index:5,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Pull Requests`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(lV,{label:`PRs created`,value:String(e.prMetrics.created),tone:e.prMetrics.created>0?`good`:`neutral`}),(0,I.jsx)(lV,{label:`PRs merged`,value:String(e.prMetrics.merged),tone:e.prMetrics.merged>0?`good`:`neutral`}),(0,I.jsx)(lV,{label:`CI checks viewed`,value:String(e.prMetrics.checksViewed)}),(0,I.jsx)(lV,{label:`Time to PR`,value:YW(e.prMetrics.avgTimeToCreateMs)})]}),e.prMetrics.prActivity.length>0&&(0,I.jsxs)(`div`,{className:`mt-3`,children:[(0,I.jsx)(V,{as:`h3`,className:`mb-2`,children:`Activity`}),(0,I.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.prMetrics.prActivity.map(e=>(0,I.jsxs)(ri,{tone:e.action===`create`?`success`:e.action===`merge`?`info`:`neutral`,size:`sm`,children:[e.action,e.prNumber?` #${e.prNumber}`:``]},`${e.timestamp}-${e.action}`))})]})]})}),e.conflictResolutionStrategy.totalResolutions>0&&(0,I.jsx)(uV,{index:6,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Conflict Resolution Strategy`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(lV,{label:`Accept ours`,value:String(e.conflictResolutionStrategy.oursCount)}),(0,I.jsx)(lV,{label:`Accept theirs`,value:String(e.conflictResolutionStrategy.theirsCount)}),(0,I.jsx)(lV,{label:`Manual merge`,value:String(e.conflictResolutionStrategy.manualMergeCount)}),(0,I.jsx)(lV,{label:`Cherry-picks`,value:String(e.conflictResolutionStrategy.cherryPickCount)})]})]})}),(e.resetHards>0||e.discardedChanges>0||e.forcePushes>0)&&(0,I.jsx)(uV,{index:7,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Destructive Operations`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-3`,children:[(0,I.jsx)(lV,{label:`Hard resets`,value:String(e.resetHards)}),(0,I.jsx)(lV,{label:`Discarded changes`,value:String(e.discardedChanges)}),(0,I.jsx)(lV,{label:`Force pushes`,value:String(e.forcePushes)})]})]})}),(0,I.jsx)(uV,{index:8,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Recent Git Activity`}),(0,I.jsx)(`div`,{className:`max-h-64 overflow-auto`,children:(0,I.jsxs)(`table`,{className:`w-full text-xs`,children:[(0,I.jsx)(`thead`,{className:`text-ink-muted bg-surface-3 sticky top-0`,children:(0,I.jsxs)(`tr`,{children:[(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Time`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Type`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Repo`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Detail`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Duration`}),(0,I.jsx)(`th`,{className:`text-left p-2`,children:`Status`})]})}),(0,I.jsx)(`tbody`,{children:[...e.gitCommandTimeline].sort((e,t)=>t.timestamp-e.timestamp).slice(0,30).map(e=>(0,I.jsxs)(`tr`,{className:`border-t border-border-subtle`,children:[(0,I.jsx)(`td`,{className:`p-2 tabular-nums text-ink-subtle whitespace-nowrap`,children:ZW(e.timestamp)}),(0,I.jsx)(`td`,{className:`p-2`,children:(0,I.jsx)(`span`,{className:`px-1.5 py-0.5 rounded text-[10px] font-medium ${JW[e.type]??`bg-surface-8 text-ink-subtle`}`,children:XW(e.type)})}),(0,I.jsx)(`td`,{className:`p-2 text-ink-subtle whitespace-nowrap`,children:e.repo?e.repo.split(`/`).pop():`—`}),(0,I.jsx)(`td`,{className:`p-2 max-w-xs truncate`,title:e.subject??e.command??void 0,children:e.url?(0,I.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,className:`text-accent-blue hover:underline`,children:e.subject??`view commit`}):e.subject??e.command??`—`}),(0,I.jsx)(`td`,{className:`p-2 tabular-nums text-ink-subtle`,children:YW(e.durationMs)}),(0,I.jsx)(`td`,{className:`p-2`,children:e.success?(0,I.jsx)(`span`,{className:`text-accent-green`,children:`ok`}):(0,I.jsx)(`span`,{className:`text-accent-red`,children:`fail`})})]},`${e.type}-${e.timestamp}`))})]})})]})})]})}function eG({label:e,value:t}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`span`,{className:`text-xs text-ink-muted w-36 shrink-0`,children:e}),(0,I.jsx)(`span`,{className:`text-xs font-mono text-ink-subtle bg-surface-3 px-2 py-0.5 rounded-md`,children:t??`—`})]})}function tG({label:e,value:t,onChange:n,placeholder:r,min:i}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-36 shrink-0`,children:e}),(0,I.jsx)(`input`,{type:`number`,min:i,step:`any`,value:t??``,placeholder:r??`unlimited`,onChange:e=>{let t=e.target.value;n(t===``?null:Number(t))},className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-32 focus:outline-none focus:border-accent-green text-ink-base placeholder:text-ink-muted`})]})}var nG={ok:`●`,warn:`▲`,fail:`✗`,skip:`–`},rG={ok:`text-accent-green`,warn:`text-accent-amber`,fail:`text-accent-red`,skip:`text-ink-muted`};function iG(){let{data:e,isLoading:t,isError:n,refetch:r}=L({queryKey:z.diagnostics,queryFn:()=>zr(),refetchInterval:6e4,staleTime:55e3}),i=e??[],a=i.some(e=>e.status===`fail`||e.status===`warn`);return(0,I.jsxs)(B,{padding:`md`,className:`mb-4`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,I.jsx)(li,{title:`System Health`}),(0,I.jsx)(`button`,{onClick:()=>void r(),className:`text-[10px] text-ink-muted hover:text-ink-base transition-colors`,children:`Re-check`})]}),t&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Checking system…`}),n&&(0,I.jsx)(`div`,{className:`text-xs text-accent-red`,children:`Failed to load diagnostics.`}),!t&&!n&&!a&&(0,I.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-accent-green`,children:[(0,I.jsx)(`span`,{children:`●`}),(0,I.jsx)(`span`,{children:`System healthy`})]}),!t&&!n&&a&&(0,I.jsx)(`div`,{className:`space-y-1.5`,children:i.map(e=>(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-2 text-xs`,children:[(0,I.jsx)(`span`,{className:`shrink-0 ${rG[e.status]??`text-ink-muted`}`,children:nG[e.status]??`?`}),(0,I.jsx)(`span`,{className:`text-ink-muted w-36 shrink-0`,children:e.check}),(0,I.jsx)(`span`,{className:`text-ink-subtle`,children:e.detail})]}),e.fix&&(e.status===`fail`||e.status===`warn`)&&(0,I.jsxs)(`div`,{className:`ml-[1.25rem] mt-0.5 flex items-center gap-2`,children:[(0,I.jsx)(`span`,{className:`text-[10px] font-mono text-ink-subtle bg-surface-3 px-1.5 py-0.5 rounded`,children:e.fix}),(0,I.jsx)(`button`,{className:`text-[10px] text-ink-muted hover:text-ink-base transition-colors`,onClick:()=>void navigator.clipboard.writeText(e.fix??``),children:`copy`})]})]},e.check))})]})}function aG(){let e=Ye(),{data:t,isLoading:n,error:r}=L({queryKey:z.settings,queryFn:()=>Rr()}),{data:i}=L({queryKey:[`observability-health`],queryFn:Hr,refetchInterval:3e4}),[a,o]=(0,F.useState)(null),[s,c]=(0,F.useState)(void 0),[l,u]=(0,F.useState)(void 0),[d,f]=(0,F.useState)(void 0),[p,m]=(0,F.useState)(void 0),[h,g]=(0,F.useState)(void 0),[_,v]=(0,F.useState)(null),[y,b]=(0,F.useState)(null),x=ut({mutationFn:e=>Br(e),onSuccess:()=>{e.invalidateQueries({queryKey:z.settings}),b(null)},onError:e=>{b(String(e))}});if(n)return(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`});if(r||!t)return(0,I.jsx)(`div`,{className:`text-accent-red text-xs`,children:`Failed to load settings.`});let S=a??t.developer,C=s===void 0?t.teamId:s,w=l===void 0?t.sessionBudgetUsd:l,T=d===void 0?t.dailyBudgetUsd:d,E=p===void 0?t.weeklyBudgetUsd:p,D=h===void 0?t.retainSessionsDays:h;function O(){let e={};a!==null&&(e.developer=a),s!==void 0&&(e.teamId=s),x.mutate(e,{onSuccess:()=>{v(`identity`),setTimeout(()=>v(null),3e3)}})}function k(){let e={};l!==void 0&&(e.sessionBudgetUsd=l),d!==void 0&&(e.dailyBudgetUsd=d),p!==void 0&&(e.weeklyBudgetUsd=p),h!==void 0&&(e.retainSessionsDays=h),x.mutate(e,{onSuccess:()=>{v(`budgets`),setTimeout(()=>v(null),3e3)}})}let A=e=>_===e?(0,I.jsx)(`div`,{className:`mt-2 text-xs text-accent-amber`,children:`Saved. Restart the server for changes to take effect.`}):null;return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(iG,{}),(0,I.jsxs)(`header`,{className:`mb-6`,children:[(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Settings`}),(0,I.jsx)(`p`,{className:`text-xs text-ink-muted mt-1`,children:`Changes are written to config.json on disk. Most require a server restart.`})]}),y&&(0,I.jsx)(`div`,{className:`mb-4 text-xs text-accent-red bg-accent-red/10 border border-accent-red/30 rounded-md px-3 py-2`,children:y}),(0,I.jsxs)(B,{padding:`md`,className:`mb-4`,children:[(0,I.jsx)(li,{title:`Identity & Account`}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-36 shrink-0`,children:`Developer name`}),(0,I.jsx)(`input`,{type:`text`,value:S,maxLength:128,onChange:e=>o(e.target.value),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-48 focus:outline-none focus:border-accent-green text-ink-base`})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-36 shrink-0`,children:`Team ID`}),(0,I.jsx)(`input`,{type:`text`,value:C??``,placeholder:`optional`,onChange:e=>c(e.target.value===``?null:e.target.value),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-48 focus:outline-none focus:border-accent-green text-ink-base placeholder:text-ink-muted`})]}),(0,I.jsx)(eG,{label:`Account ID`,value:t.accountId}),(0,I.jsx)(eG,{label:`App name`,value:t.appName}),(0,I.jsx)(eG,{label:`Mode`,value:t.mode}),(0,I.jsx)(eG,{label:`Storage path`,value:t.storagePath}),(0,I.jsx)(eG,{label:`High security`,value:t.highSecurity?`enabled`:`disabled`}),(0,I.jsx)(eG,{label:`License key`,value:t.licenseKey}),(0,I.jsx)(`div`,{className:`mt-3 flex items-center gap-3`,children:(0,I.jsx)($r,{variant:`primary`,size:`md`,onClick:O,disabled:x.isPending,loading:x.isPending,children:x.isPending?`Saving…`:`Save identity`})}),A(`identity`)]}),(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Cost & Retention`,subtitle:`Budget caps trigger warnings at 50%, 80%, and 100%. Leave blank for no limit.`}),(0,I.jsx)(tG,{label:`Session budget (USD)`,value:w,onChange:u,min:.01}),(0,I.jsx)(tG,{label:`Daily budget (USD)`,value:T,onChange:f,min:.01}),(0,I.jsx)(tG,{label:`Weekly budget (USD)`,value:E,onChange:m,min:.01}),(0,I.jsx)(tG,{label:`Retain sessions (days)`,value:D,onChange:g,placeholder:`forever`,min:1}),(0,I.jsx)(`div`,{className:`mt-3 flex items-center gap-3`,children:(0,I.jsx)($r,{variant:`primary`,size:`md`,onClick:k,disabled:x.isPending,loading:x.isPending,children:x.isPending?`Saving…`:`Save budgets`})}),A(`budgets`)]}),(0,I.jsxs)(`section`,{className:`mt-8`,children:[(0,I.jsx)(V,{children:`Observability`}),(0,I.jsxs)(B,{padding:`md`,className:`mt-3`,children:[(0,I.jsx)(`h3`,{className:`text-sm font-medium text-ink mb-3`,children:`Subagent & Workflow Watcher`}),(0,I.jsx)(`p`,{className:`text-xs text-ink-muted mb-4`,children:`Monitors subagent JSONL transcripts and workflow records to provide accurate cost tracking. Default: enabled in --stdio mode.`}),(0,I.jsxs)(`div`,{className:`flex flex-col gap-2 text-xs text-ink-muted`,children:[(0,I.jsxs)(`div`,{children:[`Subagent watcher:`,` `,i?.watcherActive===!0?(0,I.jsx)(`span`,{className:`text-accent-green`,children:`enabled`}):i?.watcherActive===!1?(0,I.jsx)(`span`,{className:`text-accent-red`,children:`disabled`}):(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`checking…`}),i?.watcherActive===!0&&(0,I.jsxs)(`span`,{className:`text-ink-muted`,children:[` `,`(`,i.filesWatched??0,` files watched, `,i.parseErrors??0,` parse errors)`]})]}),(0,I.jsxs)(`div`,{children:[`Set`,` `,(0,I.jsx)(`code`,{className:`font-mono bg-surface-5 px-1 rounded`,children:`NR_AI_ENABLE_SUBAGENT_WATCHER=0`}),` `,`to disable, or`,` `,(0,I.jsx)(`code`,{className:`font-mono bg-surface-5 px-1 rounded`,children:`NR_AI_ENABLE_SUBAGENT_WATCHER=1`}),` `,`to explicitly enable.`]})]})]})]})]})}function oG({pct:e,exceeded:t}){let n=e??0;return(0,I.jsx)(`div`,{className:`w-24 h-1.5 bg-surface-5 rounded-full overflow-hidden`,children:(0,I.jsx)(`div`,{className:`h-full rounded-full ${t?`bg-accent-red`:n>=80?`bg-accent-amber`:`bg-accent-green`}`,style:{width:`${Math.min(n,100)}%`}})})}function sG({label:e,p:t}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`span`,{className:`text-xs text-ink-muted w-20 shrink-0 capitalize`,children:e}),(0,I.jsx)(oG,{pct:t.pctUsed,exceeded:t.exceeded}),(0,I.jsxs)(`span`,{className:`text-xs tabular-nums text-ink-base`,children:[wi(t.spentUsd),t.budgetUsd===null?``:` / ${wi(t.budgetUsd)}`,t.pctUsed===null?``:` (${t.pctUsed.toFixed(0)}%)`]}),t.exceeded&&(0,I.jsx)(ri,{tone:`danger`,size:`sm`,children:`exceeded`})]})}function cG(){let e=Ye(),t=L({queryKey:z.budget,queryFn:()=>hr(),refetchInterval:1e4}),n=L({queryKey:z.settings,queryFn:()=>Rr()}),r=t.data,i=n.data,[a,o]=(0,F.useState)({}),[s,c]=(0,F.useState)(!1),[l,u]=(0,F.useState)(void 0),[d,f]=(0,F.useState)(null),[p,m]=(0,F.useState)(null),h=ut({mutationFn:e=>Br(e),onSuccess:()=>void e.invalidateQueries({queryKey:z.settings})}),g=ut({mutationFn:()=>Vr(),onSuccess:e=>{let t=e.content[0]?.text??``;try{let e=JSON.parse(t);m(e.ok?`Digest sent.`:e.error??`Failed to send.`)}catch{m(`Done.`)}setTimeout(()=>m(null),4e3)},onError:e=>{m(`Error: ${String(e)}`)}});function _(){Object.keys(a).length!==0&&h.mutate({alerts:{personal:a}},{onSuccess:()=>{c(!0),setTimeout(()=>c(!1),3e3)}})}function v(){let e={};l!==void 0&&(e.digestWebhookUrl=l),d!==null&&(e.digestSchedule=d??i?.digestSchedule),h.mutate(e)}function y(e){return a[e]??i?.alerts.personal[e]??0}function b(e,t,n={}){return(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-44 shrink-0`,children:e}),(0,I.jsx)(`input`,{type:`number`,value:y(t),min:n.min,max:n.max,step:n.step??`any`,onChange:e=>o(n=>({...n,[t]:Number(e.target.value)})),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-24 focus:outline-none focus:border-accent-green text-ink-base`})]})}return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(`header`,{className:`mb-6`,children:(0,I.jsx)(`h1`,{className:`text-xl font-semibold gradient-text`,children:`Alerts`})}),(0,I.jsxs)(B,{padding:`md`,className:`mb-4`,children:[(0,I.jsx)(li,{title:`Budget Status`}),t.isLoading&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}),t.isError&&(0,I.jsx)(`div`,{className:`text-accent-red text-xs`,children:`Error loading budget status.`}),r&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(sG,{label:`session`,p:r.session}),(0,I.jsx)(sG,{label:`daily`,p:r.daily}),(0,I.jsx)(sG,{label:`weekly`,p:r.weekly}),r.alerts.length>0&&(0,I.jsxs)(`div`,{className:`mt-3 border-t border-border-subtle pt-3`,children:[(0,I.jsx)(V,{className:`mb-2`,children:`Recent Warnings`}),(0,I.jsx)(`div`,{className:`flex flex-col gap-1`,children:r.alerts.slice(-5).reverse().map((e,t)=>(0,I.jsxs)(`div`,{className:`text-xs text-ink-subtle flex gap-2`,children:[(0,I.jsxs)(`span`,{className:`text-accent-amber tabular-nums`,children:[e.thresholdPct,`%`]}),(0,I.jsx)(`span`,{className:`capitalize`,children:e.period}),(0,I.jsxs)(`span`,{className:`text-ink-muted tabular-nums`,children:[wi(e.spentUsd),` / `,wi(e.budgetUsd)]}),(0,I.jsx)(`span`,{className:`text-ink-muted ml-auto tabular-nums`,children:new Date(e.timestamp).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`})})]},t))})]}),r.alerts.length===0&&r.session.budgetUsd===null&&r.daily.budgetUsd===null&&r.weekly.budgetUsd===null&&(0,I.jsxs)(`p`,{className:`text-xs text-ink-muted mt-2`,children:[`No budget caps configured.`,` `,(0,I.jsx)(en,{href:`/settings`,className:`text-accent-cyan hover:underline transition-colors duration-150`,children:`Set limits in Settings`}),` `,`to enable warnings.`]})]})]}),(0,I.jsxs)(B,{padding:`md`,className:`mb-4`,children:[(0,I.jsx)(li,{title:`Alert Thresholds`,subtitle:"Thresholds used by the `deploy-alerts` CLI (`npm run deploy:alerts`) when templating cloud alert conditions. Have no effect on this dashboard or any running session."}),n.isLoading&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}),i&&(0,I.jsxs)(I.Fragment,{children:[b(`Daily cost ($)`,`dailyCostUsd`,{min:0,step:.1}),b(`Session cost ($)`,`sessionCostUsd`,{min:0,step:.1}),b(`Min efficiency score (0–1)`,`efficiencyScoreMin`,{min:0,max:1,step:.05}),b(`Max anti-patterns`,`antiPatternCountMax`,{min:0,step:1}),b(`Max stuck loops`,`stuckLoopCountMax`,{min:0,step:1}),(0,I.jsxs)(`div`,{className:`mt-3 flex items-center gap-3`,children:[(0,I.jsx)($r,{variant:`primary`,size:`md`,onClick:_,disabled:h.isPending||Object.keys(a).length===0,loading:h.isPending,children:h.isPending?`Saving…`:`Save thresholds`}),s&&(0,I.jsx)(`span`,{className:`text-xs text-accent-amber`,children:"Saved. Run `npm run deploy:alerts` to apply these to your cloud alert conditions."})]})]})]}),(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(li,{title:`Slack Digest`,subtitle:`Weekly digest sent to a Slack incoming webhook. URL changes take effect immediately.`}),n.isLoading&&(0,I.jsx)($,{icon:`clock`,variant:`loading`,title:`Loading...`}),i&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex items-center gap-2 mb-3`,children:(0,I.jsx)(ri,{tone:i.digestWebhookUrl?`success`:`neutral`,size:`sm`,children:i.digestWebhookUrl?`Configured`:`Not configured`})}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsx)(`label`,{className:`text-xs text-ink-muted w-28 shrink-0`,children:`Webhook URL`}),(0,I.jsx)(`input`,{type:`url`,value:l===void 0?i.digestWebhookUrl??``:l??``,placeholder:`https://hooks.slack.com/...`,onChange:e=>u(e.target.value===``?null:e.target.value),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-72 focus:outline-none focus:border-accent-green text-ink-base placeholder:text-ink-muted`})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 py-1.5`,children:[(0,I.jsxs)(`label`,{className:`text-xs text-ink-muted w-28 shrink-0`,children:[`Schedule`,(0,I.jsx)(`span`,{className:`block text-[10px] text-ink-muted font-normal`,children:`(cron, restart req.)`})]}),(0,I.jsx)(`input`,{type:`text`,value:d??i.digestSchedule,onChange:e=>f(e.target.value),className:`text-xs bg-surface-3 border border-border-subtle rounded-md px-2 py-1 w-36 focus:outline-none focus:border-accent-green text-ink-base font-mono`}),(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted`,children:`default: Mon 9am`})]}),(0,I.jsxs)(`div`,{className:`mt-3 flex items-center gap-3 flex-wrap`,children:[(0,I.jsx)($r,{variant:`primary`,size:`md`,onClick:v,disabled:h.isPending,loading:h.isPending,children:h.isPending?`Saving…`:`Save`}),i.digestWebhookUrl&&(0,I.jsx)($r,{variant:`danger`,size:`md`,onClick:()=>h.mutate({digestWebhookUrl:null},{onSuccess:()=>u(void 0)}),disabled:h.isPending,children:`Unsubscribe`}),(0,I.jsx)($r,{variant:`secondary`,size:`md`,onClick:()=>g.mutate(),disabled:g.isPending||!i.digestWebhookUrl,loading:g.isPending,children:g.isPending?`Sending…`:`Send test now`}),p&&(0,I.jsx)(`span`,{className:`text-xs text-ink-subtle`,children:p})]})]})]})]})}function lG(){Hi();let e=Yn(e=>e.connected),[t,n]=qt(),[r,i]=(0,F.useState)(!1),{theme:a,toggleTheme:o}=qi(),s=(0,F.useCallback)(()=>i(e=>!e),[]),c=(0,F.useCallback)(()=>i(!1),[]);return Ui({navigate:n,onToggleHelp:s,onToggleTheme:o}),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-col h-full mesh-bg`,children:[(0,I.jsx)(Fi,{}),(0,I.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,I.jsx)(gi,{currentPath:t,onNavigate:n,connected:e,theme:a,onToggleTheme:o}),(0,I.jsx)(`main`,{className:`flex-1 overflow-auto p-6`,children:(0,I.jsx)(Ii,{resetKey:t,children:(0,I.jsxs)(nn,{children:[(0,I.jsx)($t,{path:`/sessions`,component:JU}),(0,I.jsx)($t,{path:`/history`,component:vW}),(0,I.jsx)($t,{path:`/audit`,component:WW}),(0,I.jsx)($t,{path:`/git`,component:$W}),(0,I.jsx)($t,{path:`/settings`,component:aG}),(0,I.jsx)($t,{path:`/alerts`,component:cG}),(0,I.jsx)($t,{path:`/`,component:fU}),(0,I.jsx)($t,{children:(0,I.jsx)(`div`,{className:`text-ink-muted`,children:`Not found`})})]})})})]})]}),(0,I.jsx)(Ri,{open:r,onClose:c})]})}var uG=new Ge({defaultOptions:{queries:{staleTime:5e3,retry:0,refetchOnWindowFocus:!1}}}),dG=document.getElementById(`root`);if(!dG)throw Error(`Mount node #root not found`);(0,dt.createRoot)(dG).render((0,I.jsx)(F.StrictMode,{children:(0,I.jsx)(Xe,{client:uG,children:(0,I.jsx)(lG,{})})}));
|