@newrelic/preflight 1.14.39 → 1.14.40

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.
@@ -60,5 +60,5 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
60
60
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function OI(e,t){if(e){if(typeof e==`string`)return kI(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)?kI(e,t):void 0}}function kI(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 AI(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 jI(e){if(Array.isArray(e))return e}function MI(e,t){if(e==null)return{};var n,r,i=NI(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 NI(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 PI(){return PI=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},PI.apply(null,arguments)}function FI(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 II(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?FI(Object(n),!0).forEach(function(t){LI(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):FI(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function LI(e,t,n){return(t=RI(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function RI(e){var t=zI(e,`string`);return typeof t==`symbol`?t:t+``}function zI(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 BI={x:0,y:0,width:0,height:0,viewBox:{x:0,y:0,width:0,height:0},orientation:`bottom`,ticks:[],stroke:`#666`,tickLine:!0,axisLine:!0,tick:!0,mirror:!1,minTickGap:5,tickSize:6,tickMargin:2,interval:`preserveEnd`,zIndex:Hv.axis};function VI(e){var t=e.x,n=e.y,r=e.width,i=e.height,a=e.orientation,o=e.mirror,s=e.axisLine,c=e.otherSvgProps;if(!s)return null;var l=II(II(II({},c),no(s)),{},{fill:`none`});if(a===`top`||a===`bottom`){var u=+(a===`top`&&!o||a===`bottom`&&o);l=II(II({},l),{},{x1:t,y1:n+u*i,x2:t+r,y2:n+u*i})}else{var d=+(a===`left`&&!o||a===`right`&&o);l=II(II({},l),{},{x1:t+d*r,y1:n,x2:t+d*r,y2:n+i})}return F.createElement(`line`,PI({},l,{className:Xa(`recharts-cartesian-axis-line`,(0,Eo.default)(s,`className`))}))}function HI(e,t,n,r,i,a,o,s,c){var l,u,d,f,p,m,h=s?-1:1,g=e.tickSize||o,_=K(e.tickCoord)?e.tickCoord:e.coordinate;switch(a){case`top`:l=u=e.coordinate,f=n+ +!s*i,d=f-h*g,m=d-h*c,p=_;break;case`left`:d=f=e.coordinate,u=t+ +!s*r,l=u-h*g,p=l-h*c,m=_;break;case`right`:d=f=e.coordinate,u=t+ +s*r,l=u+h*g,p=l+h*c,m=_;break;default:l=u=e.coordinate,f=n+ +s*i,d=f+h*g,m=d+h*c,p=_;break}return{line:{x1:l,y1:d,x2:u,y2:f},tick:{x:p,y:m}}}function UI(e,t){switch(e){case`left`:return t?`start`:`end`;case`right`:return t?`end`:`start`;default:return`middle`}}function WI(e,t){switch(e){case`left`:case`right`:return`middle`;case`top`:return t?`start`:`end`;default:return t?`end`:`start`}}function GI(e){var t=e.option,n=e.tickProps,r=e.value,i,a=Xa(n.className,`recharts-cartesian-axis-tick-value`);if(F.isValidElement(t))i=F.cloneElement(t,II(II({},n),{},{className:a}));else if(typeof t==`function`)i=t(II(II({},n),{},{className:a}));else{var o=`recharts-cartesian-axis-tick-value`;typeof t!=`boolean`&&(o=Xa(o,iN(t))),i=F.createElement(pM,PI({},n,{className:o}),r)}return i}function KI(e){var t=e.ticks,n=e.axisType,r=e.axisId,i=Gc(),a=(0,F.useRef)(null);return(0,F.useEffect)(()=>{if(!(r==null||n==null)){var e=t.map(e=>({value:e.value,coordinate:e.coordinate,offset:e.offset,index:e.index})),o=a.current;o!=null&&o.axisId===r&&o.axisType===n&&(0,wI.default)(o.ticks,e)||(a.current={ticks:e,axisId:r,axisType:n},i(xI({ticks:e,axisId:r,axisType:n})))}},[i,t,r,n]),(0,F.useEffect)(()=>r==null||n==null?Bo:()=>{i(SI({axisId:r,axisType:n}))},[i,r,n]),null}var qI=(0,F.forwardRef)((e,t)=>{var n=e.ticks,r=n===void 0?[]:n,i=e.tick,a=e.tickLine,o=e.stroke,s=e.tickFormatter,c=e.unit,l=e.padding,u=e.tickTextProps,d=e.orientation,f=e.mirror,p=e.x,m=e.y,h=e.width,g=e.height,_=e.tickSize,v=e.tickMargin,y=e.fontSize,b=e.letterSpacing,x=e.getTicksConfig,S=e.events,C=e.axisType,w=e.axisId,T=gI(II(II({},x),{},{ticks:r}),y,b),E=no(x),D=ro(i),O=nM(E.textAnchor)?E.textAnchor:UI(d,f),k=WI(d,f),A={};typeof a==`object`&&(A=a);var j=II(II({},E),{},{fill:`none`},A),ee=T.map(e=>II({entry:e},HI(e,p,m,h,g,d,_,f,v))),M=ee.map(e=>{var t=e.entry,n=e.line;return F.createElement(ho,{className:`recharts-cartesian-axis-tick`,key:`tick-${t.value}-${t.coordinate}-${t.tickCoord}`},a&&F.createElement(`line`,PI({},j,n,{className:Xa(`recharts-cartesian-axis-tick-line`,(0,Eo.default)(a,`className`))})))}),te=ee.map((e,t)=>{var n=e.entry,r=e.tick,a=II(II({},II(II(II(II({verticalAnchor:k},E),{},{textAnchor:O,stroke:`none`,fill:o},r),{},{index:t,payload:n,visibleTicksCount:T.length,tickFormatter:s,padding:l},u),{},{angle:u?.angle??E.angle??0})),D);return F.createElement(ho,PI({className:`recharts-cartesian-axis-tick-label`,key:`tick-label-${n.value}-${n.coordinate}-${n.tickCoord}`},ec(S,n,t)),i&&F.createElement(GI,{option:i,tickProps:a,value:`${typeof s==`function`?s(n.value,t):n.value}${c||``}`}))});return F.createElement(`g`,{className:`recharts-cartesian-axis-ticks recharts-${C}-ticks`},F.createElement(KI,{ticks:T,axisId:w,axisType:C}),te.length>0&&F.createElement(eA,{zIndex:Hv.label},F.createElement(`g`,{className:`recharts-cartesian-axis-tick-labels recharts-${C}-tick-labels`,ref:t},te)),M.length>0&&F.createElement(`g`,{className:`recharts-cartesian-axis-tick-lines recharts-${C}-tick-lines`},M))}),JI=(0,F.forwardRef)((e,t)=>{var n=e.axisLine,r=e.width,i=e.height,a=e.className,o=e.hide,s=e.ticks,c=e.axisType,l=e.axisId,u=MI(e,TI),d=EI((0,F.useState)(``),2),f=d[0],p=d[1],m=EI((0,F.useState)(``),2),h=m[0],g=m[1],_=(0,F.useRef)(null);(0,F.useImperativeHandle)(t,()=>({getCalculatedWidth:()=>_I({ticks:_.current,label:e.labelRef?.current,labelGapWithTick:5,tickSize:e.tickSize,tickMargin:e.tickMargin}),getCalculatedHeight:()=>vI({ticks:_.current,label:e.labelRef?.current,labelGapWithTick:5,tickSize:e.tickSize,tickMargin:e.tickMargin})}));var v=(0,F.useCallback)(e=>{if(e){var t=e.getElementsByClassName(`recharts-cartesian-axis-tick-value`);_.current=t;var n=t[0];if(n){var r=window.getComputedStyle(n),i=r.fontSize,a=r.letterSpacing;(i!==f||a!==h)&&(p(i),g(a))}}},[f,h]);return o||r!=null&&r<=0||i!=null&&i<=0?null:F.createElement(eA,{zIndex:e.zIndex},F.createElement(ho,{className:Xa(`recharts-cartesian-axis`,a)},F.createElement(VI,{x:e.x,y:e.y,width:r,height:i,orientation:e.orientation,mirror:e.mirror,axisLine:n,otherSvgProps:no(e)}),F.createElement(qI,{ref:v,axisType:c,events:u,fontSize:f,getTicksConfig:e,height:e.height,letterSpacing:h,mirror:e.mirror,orientation:e.orientation,padding:e.padding,stroke:e.stroke,tick:e.tick,tickFormatter:e.tickFormatter,tickLine:e.tickLine,tickMargin:e.tickMargin,tickSize:e.tickSize,tickTextProps:e.tickTextProps,ticks:s,unit:e.unit,width:e.width,x:e.x,y:e.y,axisId:l}),F.createElement(TM,{x:e.x,y:e.y,width:e.width,height:e.height,lowerWidth:e.width,upperWidth:e.width},F.createElement(zM,{label:e.label,labelRef:e.labelRef}),e.children)))}),YI=F.forwardRef((e,t)=>{var n=oc(e,BI);return F.createElement(JI,PI({},n,{ref:t}))});YI.displayName=`CartesianAxis`;var XI=(0,F.createContext)({grid:{stroke:`#ccc`,fill:`none`}});XI.Provider;var ZI=()=>(0,F.useContext)(XI),QI=[`x1`,`y1`,`x2`,`y2`,`key`],$I=[`offset`],eL=[`xAxisId`,`yAxisId`],tL=[`xAxisId`,`yAxisId`];function nL(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 rL(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?nL(Object(n),!0).forEach(function(t){iL(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nL(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function iL(e,t,n){return(t=aL(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function aL(e){var t=oL(e,`string`);return typeof t==`symbol`?t:t+``}function oL(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 sL(){return sL=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},sL.apply(null,arguments)}function cL(e,t){if(e==null)return{};var n,r,i=lL(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 lL(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 uL=e=>{var t=e.fill;if(!t||t===`none`)return null;var n=e.fillOpacity,r=e.x,i=e.y,a=e.width,o=e.height,s=e.ry;return F.createElement(`rect`,{x:r,y:i,ry:s,width:a,height:o,stroke:`none`,fill:t,fillOpacity:n,className:`recharts-cartesian-grid-bg`})};function dL(e){var t=e.option,n=e.lineItemProps,r;if(F.isValidElement(t))r=F.cloneElement(t,n);else if(typeof t==`function`)r=t(n);else{var i=n.x1,a=n.y1,o=n.x2,s=n.y2,c=n.key,l=no(cL(n,QI))??{};l.offset;var u=cL(l,$I),d=Array.isArray(u.strokeDasharray)?u.strokeDasharray.join(`,`):u.strokeDasharray;r=F.createElement(`line`,sL({},u,{strokeDasharray:d,x1:i,y1:a,x2:o,y2:s,fill:`none`,key:c}))}return r}function fL(e){var t=e.x,n=e.width,r=e.horizontal,i=r===void 0||r,a=e.horizontalPoints;if(!i||!a||!a.length)return null;e.xAxisId,e.yAxisId;var o=cL(e,eL),s=a.map((e,r)=>{var a=rL(rL({},o),{},{x1:t,y1:e,x2:t+n,y2:e,key:`line-${r}`,index:r});return F.createElement(dL,{key:`line-${r}`,option:i,lineItemProps:a})});return F.createElement(`g`,{className:`recharts-cartesian-grid-horizontal`},s)}function pL(e){var t=e.y,n=e.height,r=e.vertical,i=r===void 0||r,a=e.verticalPoints;if(!i||!a||!a.length)return null;e.xAxisId,e.yAxisId;var o=cL(e,tL),s=a.map((e,r)=>{var a=rL(rL({},o),{},{x1:e,y1:t,x2:e,y2:t+n,key:`line-${r}`,index:r});return F.createElement(dL,{option:i,lineItemProps:a,key:`line-${r}`})});return F.createElement(`g`,{className:`recharts-cartesian-grid-vertical`},s)}function mL(e){var t=e.horizontalFill,n=e.fillOpacity,r=e.x,i=e.y,a=e.width,o=e.height,s=e.horizontalPoints,c=e.horizontal;if(!(c===void 0||c)||!t||!t.length||s==null)return null;var l=s.map(e=>Math.round(e+i-i)).sort((e,t)=>e-t);i!==l[0]&&l.unshift(0);var u=l.map((e,s)=>{var c=l[s+1],u=c==null?i+o-e:c-e;if(u<=0)return null;var d=s%t.length;return F.createElement(`rect`,{key:`react-${s}`,y:e,x:r,height:u,width:a,stroke:`none`,fill:t[d],fillOpacity:n,className:`recharts-cartesian-grid-bg`})});return F.createElement(`g`,{className:`recharts-cartesian-gridstripes-horizontal`},u)}function hL(e){var t=e.vertical,n=t===void 0||t,r=e.verticalFill,i=e.fillOpacity,a=e.x,o=e.y,s=e.width,c=e.height,l=e.verticalPoints;if(!n||!r||!r.length)return null;var u=l.map(e=>Math.round(e+a-a)).sort((e,t)=>e-t);a!==u[0]&&u.unshift(0);var d=u.map((e,t)=>{var n=u[t+1],l=n==null?a+s-e:n-e;if(l<=0)return null;var d=t%r.length;return F.createElement(`rect`,{key:`react-${t}`,x:e,y:o,width:l,height:c,stroke:`none`,fill:r[d],fillOpacity:i,className:`recharts-cartesian-grid-bg`})});return F.createElement(`g`,{className:`recharts-cartesian-gridstripes-vertical`},d)}var gL=(e,t)=>{var n=e.xAxis,r=e.width,i=e.height,a=e.offset;return If(gI(rL(rL(rL({},BI),n),{},{ticks:Lf(n,!0),viewBox:{x:0,y:0,width:r,height:i}})),a.left,a.left+a.width,t)},_L=(e,t)=>{var n=e.yAxis,r=e.width,i=e.height,a=e.offset;return If(gI(rL(rL(rL({},BI),n),{},{ticks:Lf(n,!0),viewBox:{x:0,y:0,width:r,height:i}})),a.top,a.top+a.height,t)},vL={horizontal:!0,vertical:!0,horizontalPoints:[],verticalPoints:[],verticalFill:[],horizontalFill:[],xAxisId:0,yAxisId:0,syncWithTicks:!1,zIndex:Hv.grid};function yL(e){var t=lm(),n=um(),r=cm(),i=rL(rL({},oc(e,vL)),{},{x:K(e.x)?e.x:r.left,y:K(e.y)?e.y:r.top,width:K(e.width)?e.width:r.width,height:K(e.height)?e.height:r.height}),a=i.xAxisId,o=i.yAxisId,s=i.x,c=i.y,l=i.width,u=i.height,d=i.syncWithTicks,f=i.horizontalValues,p=i.verticalValues,m=Sp(),h=q(e=>wD(e,`xAxis`,a,m)),g=q(e=>wD(e,`yAxis`,o,m)),_=ZI(),v={stroke:i.stroke??_.grid.stroke,strokeWidth:i.strokeWidth??_.grid.strokeWidth,strokeOpacity:i.strokeOpacity??_.grid.strokeOpacity,strokeDasharray:i.strokeDasharray??_.grid.strokeDasharray};if(!Df(l)||!Df(u)||!K(s)||!K(c))return null;var y=i.verticalCoordinatesGenerator||gL,b=i.horizontalCoordinatesGenerator||_L,x=i.horizontalPoints,S=i.verticalPoints;if((!x||!x.length)&&typeof b==`function`){var C=f&&f.length,w=b({yAxis:g?rL(rL({},g),{},{ticks:C?f:g.ticks}):void 0,width:t??l,height:n??u,offset:r},C?!0:d);kp(Array.isArray(w),`horizontalCoordinatesGenerator should return Array but instead it returned [${typeof w}]`),Array.isArray(w)&&(x=w)}if((!S||!S.length)&&typeof y==`function`){var T=p&&p.length,E=y({xAxis:h?rL(rL({},h),{},{ticks:T?p:h.ticks}):void 0,width:t??l,height:n??u,offset:r},T?!0:d);kp(Array.isArray(E),`verticalCoordinatesGenerator should return Array but instead it returned [${typeof E}]`),Array.isArray(E)&&(S=E)}return F.createElement(eA,{zIndex:i.zIndex},F.createElement(`g`,{className:`recharts-cartesian-grid`},F.createElement(uL,{fill:i.fill??_.grid.fill,fillOpacity:i.fillOpacity??_.grid.fillOpacity,x:i.x,y:i.y,width:i.width,height:i.height,ry:i.ry}),F.createElement(mL,sL({},i,{horizontalPoints:x})),F.createElement(hL,sL({},i,{verticalPoints:S})),F.createElement(fL,sL({},i,v,{offset:r,horizontalPoints:x,xAxis:h,yAxis:g})),F.createElement(pL,sL({},i,v,{offset:r,verticalPoints:S,xAxis:h,yAxis:g}))))}yL.displayName=`CartesianGrid`;var bL=Ad({name:`errorBars`,initialState:{},reducers:{addErrorBar:(e,t)=>{var n=t.payload,r=n.itemId,i=n.errorBar;e[r]||(e[r]=[]),e[r].push(i)},replaceErrorBar:(e,t)=>{var n=t.payload,r=n.itemId,i=n.prev,a=n.next;e[r]&&(e[r]=e[r].map(e=>e.dataKey===i.dataKey&&e.direction===i.direction?a:e))},removeErrorBar:(e,t)=>{var n=t.payload,r=n.itemId,i=n.errorBar;e[r]&&(e[r]=e[r].filter(e=>e.dataKey!==i.dataKey||e.direction!==i.direction))}}}),xL=bL.actions;xL.addErrorBar,xL.replaceErrorBar,xL.removeErrorBar;var SL=bL.reducer,CL=[`children`];function wL(e,t){if(e==null)return{};var n,r,i=TL(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 TL(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 EL=(0,F.createContext)({data:[],xAxisId:`xAxis-0`,yAxisId:`yAxis-0`,dataPointFormatter:()=>({x:0,y:0,value:0}),errorBarOffset:0});function DL(e){var t=e.children,n=wL(e,CL);return F.createElement(EL.Provider,{value:n},t)}function OL(e,t){var n=q(t=>TT(t,e)),r=q(e=>OT(e,t)),i=n?.allowDataOverflow??CT.allowDataOverflow,a=r?.allowDataOverflow??ET.allowDataOverflow;return{needClip:i||a,needClipX:i,needClipY:a}}function kL(e){var t=e.xAxisId,n=e.yAxisId,r=e.clipPathId,i=WP(),a=OL(t,n),o=a.needClipX,s=a.needClipY,c=a.needClip,l=q(e=>QE(e,t,!1)),u=q(e=>$E(e,n,!1));if(!c||!i)return null;var d=i.x,f=i.y,p=i.width,m=i.height,h=o&&l?Math.min(l[0],l[1]):d-p/2,g=s&&u?Math.min(u[0],u[1]):f-m/2,_=o&&l?Math.abs(l[1]-l[0]):p*2,v=s&&u?Math.abs(u[1]-u[0]):m*2;return F.createElement(`clipPath`,{id:`clipPath-${r}`},F.createElement(`rect`,{x:h,y:g,width:_,height:v}))}function AL(e){var t=ro(e),n=3,r=2;if(t!=null){var i=t.r,a=t.strokeWidth,o=Number(i),s=Number(a);return(Number.isNaN(o)||o<0)&&(o=n),(Number.isNaN(s)||s<0)&&(s=r),{r:o,strokeWidth:s}}return{r:n,strokeWidth:r}}function jL(e,t){return e.graphicalItems.cartesianItems.find(e=>e.id===t)?.xAxisId??0}function ML(e,t){return e.graphicalItems.cartesianItems.find(e=>e.id===t)?.yAxisId??0}var NL=(e,t,n)=>DD(e,`xAxis`,jL(e,t),n),PL=(e,t,n)=>ED(e,`xAxis`,jL(e,t),n),FL=(e,t,n)=>DD(e,`yAxis`,ML(e,t),n),IL=(e,t,n)=>ED(e,`yAxis`,ML(e,t),n),LL=J([dm,NL,FL,PL,IL],(e,t,n,r,i)=>Ff(e,`xAxis`)?Xf(t,r,!1):Xf(n,i,!1)),RL=J([IT,(e,t)=>t],(e,t)=>e.filter(e=>e.type===`area`).find(e=>e.id===t)),zL=e=>Ff(dm(e),`xAxis`)?`yAxis`:`xAxis`,BL=(e,t)=>zL(e)===`yAxis`?ML(e,t):jL(e,t),VL=(e,t,n)=>cE(e,zL(e),BL(e,t),n),HL=J([dm,NL,FL,PL,IL,J([RL,VL],(e,t)=>{if(!(e==null||t==null)){var n=e.stackId,r=dy(e);if(!(n==null||r==null)){var i=(t[n]?.stackedData)?.find(e=>e.key===r);if(i!=null)return i.map(e=>[e[0],e[1]])}}}),nv,LL,RL,Vv,J([RL,VL],(e,t)=>{if(!(e==null||e.stackId==null||t==null)){var n=t[e.stackId];if(n!=null)return n.graphicalItems.map(e=>e.dataKey).filter(zo)}})],(e,t,n,r,i,a,o,s,c,l,u)=>{var d=o.chartData,f=o.dataStartIndex,p=o.dataEndIndex;if(!(c==null||e!==`horizontal`&&e!==`vertical`||t==null||n==null||r==null||i==null||r.length===0||i.length===0||s==null)){var m=c.data,h=m&&m.length>0?m:d?.slice(f,p+1);if(h!=null)return xR({layout:e,xAxis:t,yAxis:n,xAxisTicks:r,yAxisTicks:i,dataStartIndex:f,areaSettings:c,stackedData:a,displayedData:h,chartBaseValue:l,bandSize:s,stackDataKeys:u})}}),UL=[`animationElapsedTime`,`isAnimating`,`isEntrance`,`layout`,`isRange`,`stroke`,`connectNulls`],WL=[`id`,`baseLine`];function GL(){return GL=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},GL.apply(null,arguments)}function KL(e,t){if(e==null)return{};var n,r,i=qL(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 qL(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 JL(e){var t=e.alpha,n=e.baseLine,r=e.points,i=e.strokeWidth,a=r[0]?.x,o=r[r.length-1]?.x;if(!$(a)||!$(o))return null;var s=t*Math.abs(a-o),c=Math.max(...r.map(e=>e.y||0));return K(n)?c=Math.max(n,c):n&&Array.isArray(n)&&n.length&&(c=Math.max(...n.map(e=>e.y||0),c)),K(c)?F.createElement(`rect`,{x:a<o?a:a-s,y:0,width:s,height:Math.floor(c+(i?parseInt(`${i}`,10):1))}):null}function YL(e){var t=e.alpha,n=e.baseLine,r=e.points,i=e.strokeWidth,a=r[0]?.y,o=r[r.length-1]?.y;if(!$(a)||!$(o))return null;var s=t*Math.abs(a-o),c=Math.max(...r.map(e=>e.x||0));return K(n)?c=Math.max(n,c):n&&Array.isArray(n)&&n.length&&(c=Math.max(...n.map(e=>e.x||0),c)),K(c)?F.createElement(`rect`,{x:0,y:a<o?a:a-s,width:c+(i?parseInt(`${i}`,10):1),height:Math.floor(s)}):null}function XL(e){var t=e.alpha,n=e.layout,r=e.points,i=e.baseLine,a=e.strokeWidth;return n===`vertical`?F.createElement(YL,{alpha:t,points:r,baseLine:i,strokeWidth:a}):F.createElement(JL,{alpha:t,points:r,baseLine:i,strokeWidth:a})}function ZL(e){var t=e.animationElapsedTime,n=t===void 0?1:t,r=e.isAnimating,i=r!==void 0&&r,a=e.isEntrance,o=a!==void 0&&a,s=e.layout,c=e.isRange,l=e.stroke,u=e.connectNulls,d=KL(e,UL),f=s===`vertical`?`vertical`:`horizontal`,p=u??!1,m=iP(),h=d.id,g=d.baseLine,_=no(KL(d,WL)),v=F.createElement(qh,GL({},d,{id:h,baseLine:g,connectNulls:p,stroke:`none`,className:`recharts-area-area`,layout:f})),y=l!==`none`&&F.createElement(qh,GL({},_,{className:`recharts-area-curve`,layout:f,type:d.type,connectNulls:p,fill:`none`,stroke:l,points:d.points})),b=l!==`none`&&c&&Array.isArray(g)&&F.createElement(qh,GL({},_,{className:`recharts-area-curve`,layout:f,type:d.type,connectNulls:p,fill:`none`,stroke:l,points:g}));return o&&(i||n<1)?F.createElement(ho,null,F.createElement(`defs`,null,F.createElement(`clipPath`,{id:m},F.createElement(XL,{alpha:n,points:d.points??[],baseLine:g,layout:f,strokeWidth:d.strokeWidth}))),F.createElement(ho,{clipPath:`url(#${m})`},v,y,b)):F.createElement(F.Fragment,null,v,y,b)}var QL=[`id`],$L=[`activeDot`,`animationBegin`,`animationDuration`,`animationEasing`,`connectNulls`,`dot`,`fill`,`fillOpacity`,`hide`,`isAnimationActive`,`legendType`,`stroke`,`xAxisId`,`yAxisId`];function eR(){return eR=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},eR.apply(null,arguments)}function tR(e,t){if(e==null)return{};var n,r,i=nR(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 nR(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 rR(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 iR(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?rR(Object(n),!0).forEach(function(t){aR(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rR(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function aR(e,t,n){return(t=oR(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function oR(e){var t=sR(e,`string`);return typeof t==`symbol`?t:t+``}function sR(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 cR={activeDot:!0,animationBegin:0,animationDuration:1500,animationEasing:`ease`,animationMatchBy:FN,animationInterpolateFn:(e,t)=>e==null?[]:t===1?e.flatMap(e=>e.status===`removed`?[]:[e.next]):e.flatMap(e=>e.status===`matched`?[iR(iR({},e.next),{},{x:Fo(e.prev.x,e.next.x,t),y:Fo(e.prev.y,e.next.y,t)})]:e.status===`added`?[e.next]:[]),connectNulls:!1,dot:!1,fill:`#3182bd`,fillOpacity:.6,hide:!1,isAnimationActive:`auto`,legendType:`line`,stroke:`#3182bd`,strokeWidth:1,type:`linear`,label:!1,shape:ZL,xAxisId:0,yAxisId:0,zIndex:Hv.area};function lR(e,t){return e&&e!==`none`?e:t}var uR=e=>{var t=e.dataKey,n=e.name,r=e.stroke,i=e.fill,a=e.legendType;return[{inactive:e.hide,dataKey:t,type:a,color:lR(r,i),value:Qf(n,t),payload:e}]},dR=F.memo(e=>{var t=e.dataKey,n=e.data,r=e.stroke,i=e.strokeWidth,a=e.fill,o=e.name,s=e.hide,c=e.unit,l=e.formatter,u=e.tooltipType,d=e.id,f={dataDefinedOnItem:n,getPosition:Bo,settings:{stroke:r,strokeWidth:i,fill:a,dataKey:t,nameKey:void 0,name:Qf(o,t),hide:s,type:u,color:lR(r,a),unit:c,formatter:l,graphicalItemId:d}};return F.createElement(DN,{tooltipEntrySettings:f})});function fR(e){var t=e.clipPathId,n=e.points,r=e.props,i=r.needClip,a=r.dot,o=r.dataKey,s=no(r);return F.createElement(EP,{points:n,dot:a,className:`recharts-area-dots`,dotClassName:`recharts-area-dot`,dataKey:o,baseProps:s,needClip:i,clipPathId:t})}function pR(e){var t=e.showLabels,n=e.children,r=e.points.map(e=>{var t={x:e.x??0,y:e.y??0,width:0,lowerWidth:0,upperWidth:0,height:0};return iR(iR({},t),{},{value:e.value,payload:e.payload,parentViewBox:void 0,viewBox:t,fill:void 0})});return F.createElement(qM,{value:t?r:void 0},n)}function mR(e){var t=e.points,n=e.baseLine,r=e.needClip,i=e.clipPathId,a=e.props,o=e.animationElapsedTime,s=e.isAnimating,c=e.isEntrance,l=a.layout,u=a.type,d=a.stroke,f=a.connectNulls,p=a.isRange,m=a.shape,h=a.id,g=tR(a,QL),_=iR(iR({},io(g)),{},{id:h,points:t,connectNulls:f,type:u,baseLine:n,layout:l,stroke:d,isRange:p,animationElapsedTime:o,isAnimating:s,isEntrance:c});return F.createElement(F.Fragment,null,t?.length>1&&F.createElement(ho,{clipPath:r?`url(#clipPath-${i})`:void 0},F.createElement(CN,{option:m,DefaultShape:cR.shape,shapeProps:_})),F.createElement(fR,{points:t,props:g,clipPathId:i}))}function hR(e,t,n){return K(e)?Fo(K(t)?t:void 0,e,n):Lo(e)||Oo(e)?Fo(K(t)?t:void 0,0,n):e}function gR(e){var t=e.needClip,n=e.clipPathId,r=e.props,i=e.previousPointsRef,a=e.previousBaselineRef,o=r.points,s=r.baseLine,c=r.isAnimationActive,l=r.animationBegin,u=r.animationDuration,d=r.animationEasing,f=r.animationMatchBy,p=r.animationInterpolateFn,m=(0,F.useMemo)(()=>({points:o,baseLine:s}),[o,s]),h=UN(m,a),g=pm(),_=XN(r.onAnimationStart,r.onAnimationEnd),v=_.isAnimating,y=_.handleAnimationStart,b=_.handleAnimationEnd,x=h.startValue;if(g==null)return null;var S=Array.isArray(s)&&Array.isArray(x)?HN(x,s,f):Array.isArray(s)?HN(null,s,f):null;return F.createElement(ZN,{animationInput:m,animationIdPrefix:`recharts-area-`,items:o,previousItemsRef:i,isAnimationActive:c,animationBegin:l,animationDuration:u,animationEasing:d,onAnimationStart:y,onAnimationEnd:b,animationInterpolateFn:p,animationMatchBy:f,layout:g},(e,i,a)=>{var c=i===1?s:Array.isArray(s)?p(S,i,g):a?s:hR(s,x,i);return h.syncStepValue(c,i),F.createElement(pR,{showLabels:!v,points:o},r.children,F.createElement(mR,{points:e,baseLine:c,needClip:t,clipPathId:n,props:r,animationElapsedTime:i,isAnimating:v||i<1,isEntrance:a}),F.createElement(QM,{label:r.label}))})}function _R(e){var t=e.needClip,n=e.clipPathId,r=e.props,i=(0,F.useRef)(null),a=(0,F.useRef)();return F.createElement(gR,{needClip:t,clipPathId:n,props:r,previousPointsRef:i,previousBaselineRef:a})}var vR=class extends F.PureComponent{render(){var e=this.props,t=e.hide,n=e.dot,r=e.points,i=e.className,a=e.top,o=e.left,s=e.needClip,c=e.xAxisId,l=e.yAxisId,u=e.width,d=e.height,f=e.id,p=e.baseLine,m=e.zIndex;if(t)return null;var h=Xa(`recharts-area`,i),g=f,_=AL(n),v=_.r,y=_.strokeWidth,b=fN(n),x=v*2+y,S=s?`url(#clipPath-${b?``:`dots-`}${g})`:void 0;return F.createElement(eA,{zIndex:m},F.createElement(ho,{className:h},s&&F.createElement(`defs`,null,F.createElement(kL,{clipPathId:g,xAxisId:c,yAxisId:l}),!b&&F.createElement(`clipPath`,{id:`clipPath-dots-${g}`},F.createElement(`rect`,{x:o-x/2,y:a-x/2,width:u+x,height:d+x}))),F.createElement(_R,{needClip:s,clipPathId:g,props:this.props})),F.createElement(QP,{points:r,mainColor:lR(this.props.stroke,this.props.fill),itemDataKey:this.props.dataKey,activeDot:this.props.activeDot,clipPath:S}),this.props.isRange&&Array.isArray(p)&&F.createElement(QP,{points:p,mainColor:lR(this.props.stroke,this.props.fill),itemDataKey:this.props.dataKey,activeDot:this.props.activeDot,clipPath:S}))}};function yR(e){var t=e.activeDot,n=e.animationBegin,r=e.animationDuration,i=e.animationEasing,a=e.connectNulls,o=e.dot,s=e.fill,c=e.fillOpacity,l=e.hide,u=e.isAnimationActive,d=e.legendType,f=e.stroke,p=e.xAxisId,m=e.yAxisId,h=tR(e,$L),g=fm(),_=bk(),v=OL(p,m).needClip,y=Sp(),b=q(t=>HL(t,e.id,y))??{},x=b.points,S=b.isRange,C=b.baseLine,w=WP();if(g!==`horizontal`&&g!==`vertical`||w==null||_!==`AreaChart`&&_!==`ComposedChart`)return null;var T=w.height,E=w.width,D=w.x,O=w.y;return!x||!x.length?null:F.createElement(vR,eR({},h,{activeDot:t,animationBegin:n,animationDuration:r,animationEasing:i,baseLine:C,connectNulls:a,dot:o,fill:s,fillOpacity:c,height:T,hide:l,layout:g,isAnimationActive:u,isRange:S,legendType:d,needClip:v,points:x,stroke:f,width:E,left:D,top:O,xAxisId:p,yAxisId:m}))}var bR=(e,t,n,r,i)=>{var a=n??t;if(K(a))return a;var o=e===`horizontal`?i:r,s=o.scale.domain();if(o.type===`number`){var c=Math.max(s[0],s[1]),l=Math.min(s[0],s[1]);return a===`dataMin`?l:a===`dataMax`||c<0?c:Math.max(Math.min(s[0],s[1]),0)}return a===`dataMin`?s[0]:a===`dataMax`?s[1]:s[0]};function xR(e){var t=e.areaSettings,n=t.connectNulls,r=t.baseValue,i=t.dataKey,a=e.stackedData,o=e.layout,s=e.chartBaseValue,c=e.xAxis,l=e.yAxis,u=e.displayedData,d=e.dataStartIndex,f=e.xAxisTicks,p=e.yAxisTicks,m=e.bandSize,h=e.stackDataKeys,g=a&&a.length,_=bR(o,s,r,c,l),v=o===`horizontal`,y=!1,b=u.map((e,t)=>{var r;if(g)r=a[d+t];else{var o=Nf(e,i);Array.isArray(o)?(r=o,y=!0):r=[_,o]}var s=r?.[1]??null,u=Nf(e,i),b=g&&u==null&&h!=null&&h.length>0&&h.every(t=>Nf(e,t)==null),x=s==null||g&&!n&&u==null||b;return v?{x:Hf({axis:c,ticks:f,bandSize:m,entry:e,index:t}),y:x?null:l.scale.map(s)??null,value:r,payload:e}:{x:x?null:c.scale.map(s)??null,y:Hf({axis:l,ticks:p,bandSize:m,entry:e,index:t}),value:r,payload:e}});return{points:b,baseLine:(g||y?b.map(e=>{var t=Array.isArray(e.value)?e.value[0]:null;return v?{x:e.x,y:t!=null&&e.y!=null?l.scale.map(t)??null:null,payload:e.payload}:{x:t==null?null:c.scale.map(t)??null,y:e.y,payload:e.payload}}):v?l.scale.map(_):c.scale.map(_))??0,isRange:y}}function SR(e){var t=oc(e,cR),n=Sp();return F.createElement(sP,{id:t.id,type:`area`},e=>F.createElement(F.Fragment,null,F.createElement(ON,{legendPayload:uR(t)}),F.createElement(dR,{dataKey:t.dataKey,data:t.data,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(mP,{type:`area`,id:e,data:t.data,dataKey:t.dataKey,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,stackId:Vf(t.stackId),hide:t.hide,barSize:void 0,baseValue:t.baseValue,isPanorama:n,connectNulls:t.connectNulls}),F.createElement(yR,eR({},t,{id:e}))))}var CR=F.memo(SR,Vm);CR.displayName=`Area`;var wR=`Invariant failed`;function TR(e,t){if(!e)throw Error(wR)}var ER=[`option`];function DR(e,t){if(e==null)return{};var n,r,i=OR(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 OR(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 kR=__;function AR(e){var t=e.option,n=DR(e,ER);return F.createElement(CN,{option:t,DefaultShape:kR,shapeProps:n,activeClassName:`recharts-active-bar`,inActiveClassName:`recharts-inactive-bar`})}var jR=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0;return(n,r)=>{if(K(e))return e;var i=K(n)||Lo(n);return i?e(n,r):(!i&&TR(!1,`minPointSize callback function received a value with type of ${typeof n}. Currently only numbers or null/undefined are supported.`),t)}},MR=(e,t,n)=>n,NR=J([IT,(e,t)=>t],(e,t)=>e.filter(e=>e.type===`bar`).find(e=>e.id===t)),PR=J([NR],e=>e?.maxBarSize),FR=(e,t,n,r)=>r,IR=J([dm,IT,jL,ML,MR],(e,t,n,r,i)=>t.filter(t=>e===`horizontal`?t.xAxisId===n:t.yAxisId===r).filter(e=>e.isPanorama===i).filter(e=>e.hide===!1).filter(e=>e.type===`bar`)),LR=(e,t,n)=>{var r=dm(e),i=jL(e,t),a=ML(e,t);if(!(i==null||a==null))return r===`horizontal`?cE(e,`yAxis`,a,n):cE(e,`xAxis`,i,n)},RR=J([IR,Pv,(e,t)=>{var n=dm(e),r=jL(e,t),i=ML(e,t);if(!(r==null||i==null))return n===`horizontal`?xD(e,`xAxis`,r):xD(e,`yAxis`,i)}],oF),zR=(e,t,n)=>{var r=NR(e,t);if(r==null)return 0;var i=jL(e,t),a=ML(e,t);if(i==null||a==null)return 0;var o=dm(e),s=jv(e),c=r.maxBarSize,l=Lo(c)?s:c,u,d;return o===`horizontal`?(u=DD(e,`xAxis`,i,n),d=ED(e,`xAxis`,i,n)):(u=DD(e,`yAxis`,a,n),d=ED(e,`yAxis`,a,n)),Xf(u,d,!0)??l??0},BR=(e,t,n)=>{var r=dm(e),i=jL(e,t),a=ML(e,t);if(!(i==null||a==null)){var o,s;return r===`horizontal`?(o=DD(e,`xAxis`,i,n),s=ED(e,`xAxis`,i,n)):(o=DD(e,`yAxis`,a,n),s=ED(e,`yAxis`,a,n)),Xf(o,s)}},VR=J([vp,bp,(e,t,n)=>{var r=jL(e,t);if(r!=null)return DD(e,`xAxis`,r,n)},(e,t,n)=>{var r=ML(e,t);if(r!=null)return DD(e,`yAxis`,r,n)},(e,t,n)=>{var r=jL(e,t);if(r!=null)return ED(e,`xAxis`,r,n)},(e,t,n)=>{var r=ML(e,t);if(r!=null)return ED(e,`yAxis`,r,n)},J([J([RR,jv,Mv,Nv,zR,BR,PR],pF),NR],hF),dm,nv,BR,J([LR,NR],mF),NR,FR],(e,t,n,r,i,a,o,s,c,l,u,d,f)=>{var p=c.chartData,m=c.dataStartIndex,h=c.dataEndIndex;if(!(d==null||o==null||t==null||s!==`horizontal`&&s!==`vertical`||n==null||r==null||i==null||a==null||l==null)){var g=d.data,_=g!=null&&g.length>0?g:p?.slice(m,h+1);if(_!=null)return Az({layout:s,barSettings:d,pos:o,parentViewBox:t,bandSize:l,xAxis:n,yAxis:r,xAxisTicks:i,yAxisTicks:a,stackedData:u,displayedData:_,offset:e,cells:f,dataStartIndex:m})}}),HR=[`index`];function UR(){return UR=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},UR.apply(null,arguments)}function WR(e,t){if(e==null)return{};var n,r,i=GR(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 GR(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 KR=(0,F.createContext)(void 0),qR=e=>{var t=(0,F.useContext)(KR);if(t!=null)return t.stackId;if(e!=null)return Vf(e)},JR=(e,t)=>`recharts-bar-stack-clip-path-${e}-${t}`,YR=e=>{var t=(0,F.useContext)(KR);if(t!=null){var n=t.stackId;return`url(#${JR(n,e)})`}},XR=e=>{var t=e.index,n=WR(e,HR),r=YR(t);return F.createElement(ho,UR({className:`recharts-bar-stack-layer`,clipPath:r},n))},ZR=[`onMouseEnter`,`onMouseLeave`,`onClick`],QR=[`value`,`background`,`tooltipPosition`],$R=[`id`],ez=[`onMouseEnter`,`onClick`,`onMouseLeave`];function tz(e,t){return oz(e)||az(e,t)||rz(e,t)||nz()}function nz(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
61
61
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function rz(e,t){if(e){if(typeof e==`string`)return iz(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)?iz(e,t):void 0}}function iz(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 az(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 oz(e){if(Array.isArray(e))return e}function sz(){return sz=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},sz.apply(null,arguments)}function cz(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 lz(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?cz(Object(n),!0).forEach(function(t){uz(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):cz(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function uz(e,t,n){return(t=dz(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function dz(e){var t=fz(e,`string`);return typeof t==`symbol`?t:t+``}function fz(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 pz(e,t){if(e==null)return{};var n,r,i=mz(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 mz(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 hz=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:Qf(n,t),payload:e}]},gz=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:Bo,settings:{stroke:n,strokeWidth:r,fill:i,dataKey:t,nameKey:void 0,name:Qf(a,t),hide:o,type:l,color:i,unit:s,formatter:c,graphicalItemId:u}};return F.createElement(DN,{tooltipEntrySettings:d})});function _z(e){var t=q(XO),n=e.data,r=e.dataKey,i=e.background,a=e.allOtherBarProps,o=a.onMouseEnter,s=a.onMouseLeave,c=a.onClick,l=pz(a,ZR),u=wN(o,r,a.id),d=TN(s),f=EN(c,r,a.id);if(!i||n==null)return null;var p=ro(i);return F.createElement(eA,{zIndex:gF(i,Hv.barBackground)},n.map((e,n)=>{e.value;var a=e.background;e.tooltipPosition;var o=pz(e,QR);if(!a)return null;var s=u(e,e.originalDataIndex),c=d(e,e.originalDataIndex),m=f(e,e.originalDataIndex),h=lz(lz(lz(lz(lz({option:i,isActive:String(e.originalDataIndex)===t},o),{},{fill:`#eee`},a),p),ec(l,e,n)),{},{onMouseEnter:s,onMouseLeave:c,onClick:m,dataKey:r,index:n,className:`recharts-bar-background-rectangle`});return F.createElement(AR,sz({key:`background-bar-${n}`},h))}))}function vz(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 lz(lz({},t),{},{value:e.value,payload:e.payload,parentViewBox:e.parentViewBox,viewBox:t,fill:e.fill})});return F.createElement(qM,{value:t?r:void 0},n)}function yz(e){var t=e.shape,n=e.activeBar,r=e.baseProps,i=e.entry,a=e.index,o=e.dataKey,s=q(XO),c=q(QO),l=n&&String(i.originalDataIndex)===s&&(c==null||o===c),u=s!=null&&(String(i.originalDataIndex)!==s||c!=null&&o!==c),d=tz((0,F.useState)(!1),2),f=d[0],p=d[1],m=tz((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(AR,sz({},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(eA,{zIndex:Hv.activeBar},F.createElement(XR,{index:i.originalDataIndex},x)):x}function bz(e){var t=e.shape,n=e.baseProps,r=e.entry,i=e.index,a=e.dataKey;return F.createElement(AR,sz({},n,{name:String(n.name)},r,{isActive:!1,option:t,index:i,dataKey:a,animationElapsedTime:e.animationElapsedTime,isAnimating:e.isAnimating,isEntrance:e.isEntrance}))}function xz(e){var t=e.data,n=e.props,r=e.animationElapsedTime,i=e.isAnimating,a=e.isEntrance,o=no(n)??{},s=o.id,c=pz(o,$R),l=n.shape,u=n.dataKey,d=n.activeBar,f=n.onMouseEnter,p=n.onClick,m=n.onMouseLeave,h=pz(n,ez),g=wN(f,u,s),_=TN(m),v=EN(p,u,s);return t?F.createElement(F.Fragment,null,t.map((e,t)=>F.createElement(XR,sz({index:e.originalDataIndex,key:`rectangle-${e?.x}-${e?.y}-${e?.value}-${t}`,className:`recharts-bar-rectangle`},ec(h,e,t),{onMouseEnter:g(e,e.originalDataIndex),onMouseLeave:_(e,e.originalDataIndex),onClick:v(e,e.originalDataIndex)}),d?F.createElement(yz,{shape:l,activeBar:d,baseProps:c,entry:e,index:t,dataKey:u,animationElapsedTime:r,isAnimating:i,isEntrance:a}):F.createElement(bz,{shape:l,baseProps:c,entry:e,index:t,dataKey:u,animationElapsedTime:r,isAnimating:i,isEntrance:a})))):null}var Sz=(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`?[lz(lz({},e.prev),{},{height:Fo(e.prev.height,0,t),y:Fo(e.prev.y,e.prev.y+e.prev.height,t)})]:[lz(lz({},e.prev),{},{width:Fo(e.prev.width,0,t)})];if(e.status===`matched`)return[lz(lz({},e.next),{},{x:Fo(e.prev.x,e.next.x,t),y:Fo(e.prev.y,e.next.y,t),width:Fo(e.prev.width,e.next.width,t),height:Fo(e.prev.height,e.next.height,t)})];var r=e.next;return n===`horizontal`?[lz(lz({},r),{},{height:Fo(0,r.height,t),y:Fo(r.stackedBarStart,r.y,t)})]:[lz(lz({},r),{},{width:Fo(0,r.width,t),x:Fo(r.stackedBarStart,r.x,t)})]});function Cz(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=XN(t.onAnimationStart,t.onAnimationEnd),d=u.isAnimating,f=u.handleAnimationStart,p=u.handleAnimationEnd;return F.createElement(vz,{showLabels:!d,rects:r},F.createElement(ZN,{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(ho,null,F.createElement(xz,{props:t,data:e,animationElapsedTime:n,isAnimating:d||n<1,isEntrance:r}))),F.createElement(QM,{label:t.label}),t.children)}function wz(e){var t=(0,F.useRef)(null);return F.createElement(Cz,{previousRectanglesRef:t,props:e})}var Tz=0,Ez=(e,t)=>{var n=Array.isArray(e.value)?e.value[1]:e.value;return{x:e.x,y:e.y,value:n,errorVal:Nf(e,t)}},Dz=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=Xa(`recharts-bar`,i),d=l;return F.createElement(ho,{className:u,id:l},s&&F.createElement(`defs`,null,F.createElement(kL,{clipPathId:d,xAxisId:a,yAxisId:o})),F.createElement(ho,{className:`recharts-bar-rectangles`,clipPath:s?`url(#clipPath-${d})`:void 0},F.createElement(_z,{data:n,dataKey:r,background:c,allOtherBarProps:this.props}),F.createElement(wz,this.props)))}},Oz={activeBar:!1,animationBegin:0,animationDuration:400,animationEasing:`ease`,animationInterpolateFn:Sz,animationMatchBy:IN,background:!1,hide:!1,isAnimationActive:`auto`,label:!1,legendType:`rect`,minPointSize:Tz,shape:kR,xAxisId:0,yAxisId:0,zIndex:Hv.bar};function kz(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=OL(t,n).needClip,f=fm(),p=Sp(),m=dN(e.children,ej),h=q(t=>VR(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(DL,{xAxisId:t,yAxisId:n,data:h,dataPointFormatter:Ez,errorBarOffset:g},F.createElement(Dz,sz({},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 Az(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=Wf({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=Rf(E,y)}else p=Nf(e,r),Array.isArray(p)||(p=[b,p]);var D=jR(i,Tz)(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=Uf({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=Oo(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=Do(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=Uf({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=Do(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:lz(lz({},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 jz(e){var t=oc(e,Oz),n=qR(t.stackId),r=Sp();return F.createElement(sP,{id:t.id,type:`bar`},e=>F.createElement(F.Fragment,null,F.createElement(ON,{legendPayload:hz(t)}),F.createElement(gz,{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(mP,{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!==kR}),F.createElement(eA,{zIndex:t.zIndex},F.createElement(kz,sz({},t,{id:e})))))}var Mz=F.memo(jz,Vm);Mz.displayName=`Bar`;var Nz=[`domain`,`range`],Pz=[`domain`,`range`];function Fz(e,t){if(e==null)return{};var n,r,i=Iz(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 Iz(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,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 Rz(e,t){if(e===t)return!0;var n=e.domain,r=e.range,i=Fz(e,Nz),a=t.domain,o=t.range,s=Fz(t,Pz);return!Lz(n,a)||!Lz(r,o)?!1:Vm(i,s)}var zz=[`type`],Bz=[`dangerouslySetInnerHTML`,`ticks`,`scale`],Vz=[`id`,`scale`];function Hz(){return Hz=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},Hz.apply(null,arguments)}function Uz(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 Wz(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Uz(Object(n),!0).forEach(function(t){Gz(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Uz(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Gz(e,t,n){return(t=Kz(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Kz(e){var t=qz(e,`string`);return typeof t==`symbol`?t:t+``}function qz(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 Jz(e,t){if(e==null)return{};var n,r,i=Yz(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 Yz(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 Xz(e){var t=Gc(),n=(0,F.useRef)(null),r=pm(),i=e.type,a=Jz(e,zz),o=Kv(r,`xAxis`,i),s=(0,F.useMemo)(()=>{if(o!=null)return Wz(Wz({},a),{},{type:o})},[a,o]);return(0,F.useLayoutEffect)(()=>{s!=null&&(n.current===null?t(PP(s)):n.current!==s&&t(FP({prev:n.current,next:s})),n.current=s)},[s,t]),(0,F.useLayoutEffect)(()=>()=>{n.current&&=(t(IP(n.current)),null)},[t]),null}var Zz=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=q(bp),c=Sp(),l=Gc(),u=`xAxis`,d=q(e=>TD(e,u,t,c)),f=q(e=>pD(e,t)),p=q(e=>vD(e,t)),m=q(e=>wT(e,t));if((0,F.useLayoutEffect)(()=>{if(!(r!==`auto`||!f||AM(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(VP({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=Jz(e,Bz);m.id,m.scale;var g=Jz(m,Vz);return F.createElement(YI,Hz({},h,g,{ref:a,labelRef:o,x:p.x,y:p.y,width:f.width,height:f.height,className:Xa(`recharts-${u} ${u}`,n),viewBox:s,ticks:d,axisType:u,axisId:t}))},Qz={allowDataOverflow:CT.allowDataOverflow,allowDecimals:CT.allowDecimals,allowDuplicatedCategory:CT.allowDuplicatedCategory,angle:CT.angle,axisLine:BI.axisLine,height:CT.height,hide:!1,includeHidden:CT.includeHidden,interval:CT.interval,label:!1,minTickGap:CT.minTickGap,mirror:CT.mirror,orientation:CT.orientation,padding:CT.padding,reversed:CT.reversed,scale:CT.scale,tick:CT.tick,tickCount:CT.tickCount,tickLine:BI.tickLine,tickSize:BI.tickSize,type:CT.type,niceTicks:CT.niceTicks,xAxisId:0},$z=F.memo(e=>{var t=oc(e,Qz);return F.createElement(F.Fragment,null,F.createElement(Xz,{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(Zz,t))},Rz);$z.displayName=`XAxis`;var eB=[`type`],tB=[`dangerouslySetInnerHTML`,`ticks`,`scale`],nB=[`id`,`scale`];function rB(){return rB=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},rB.apply(null,arguments)}function iB(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 aB(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?iB(Object(n),!0).forEach(function(t){oB(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):iB(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function oB(e,t,n){return(t=sB(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function sB(e){var t=cB(e,`string`);return typeof t==`symbol`?t:t+``}function cB(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 lB(e,t){if(e==null)return{};var n,r,i=uB(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 uB(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 dB(e){var t=Gc(),n=(0,F.useRef)(null),r=pm(),i=e.type,a=lB(e,eB),o=Kv(r,`yAxis`,i),s=(0,F.useMemo)(()=>{if(o!=null)return aB(aB({},a),{},{type:o})},[o,a]);return(0,F.useLayoutEffect)(()=>{s!=null&&(n.current===null?t(LP(s)):n.current!==s&&t(RP({prev:n.current,next:s})),n.current=s)},[s,t]),(0,F.useLayoutEffect)(()=>()=>{n.current&&=(t(zP(n.current)),null)},[t]),null}function fB(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=q(bp),c=Sp(),l=Gc(),u=`yAxis`,d=q(e=>bD(e,t)),f=q(e=>yD(e,t)),p=q(e=>TD(e,u,t,c)),m=q(e=>DT(e,t));if((0,F.useLayoutEffect)(()=>{if(!(r!==`auto`||!d||AM(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(BP({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=lB(e,tB);m.id,m.scale;var g=lB(m,nB);return F.createElement(YI,rB({},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:Xa(`recharts-${u} ${u}`,n),viewBox:s,ticks:p,axisType:u,axisId:t}))}var pB={allowDataOverflow:ET.allowDataOverflow,allowDecimals:ET.allowDecimals,allowDuplicatedCategory:ET.allowDuplicatedCategory,angle:ET.angle,axisLine:BI.axisLine,hide:!1,includeHidden:ET.includeHidden,interval:ET.interval,label:!1,minTickGap:ET.minTickGap,mirror:ET.mirror,orientation:ET.orientation,padding:ET.padding,reversed:ET.reversed,scale:ET.scale,tick:ET.tick,tickCount:ET.tickCount,tickLine:BI.tickLine,tickSize:BI.tickSize,type:ET.type,niceTicks:ET.niceTicks,width:ET.width,yAxisId:0},mB=F.memo(e=>{var t=oc(e,pB);return F.createElement(F.Fragment,null,F.createElement(dB,{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(fB,t))},Rz);mB.displayName=`YAxis`;var hB=J([(e,t)=>t,dm,cy,_y,UO,GO,wk,vp],Ik);function gB(e){return`getBBox`in e.currentTarget&&typeof e.currentTarget.getBBox==`function`}function _B(e){var t=e.currentTarget.getBoundingClientRect(),n,r;if(gB(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 vB=ld(`mouseClick`),yB=_f();yB.startListening({actionCreator:vB,effect:(e,t)=>{var n=e.payload,r=hB(t.getState(),_B(n));r?.activeIndex!=null&&t.dispatch(JD({activeIndex:r.activeIndex,activeDataKey:void 0,activeCoordinate:r.activeCoordinate}))}});var bB=ld(`mouseMove`),xB=_f(),SB=null,CB=null,wB=null;xB.startListening({actionCreator:bB,effect:(e,t)=>{var n=e.payload,r=t.getState().eventSettings,i=r.throttleDelay,a=r.throttledEvents,o=a===`all`||a?.includes(`mousemove`);SB!==null&&(cancelAnimationFrame(SB),SB=null),CB!==null&&(typeof i!=`number`||!o)&&(clearTimeout(CB),CB=null),wB=_B(n);var s=()=>{var e=t.getState(),n=MD(e,e.tooltip.settings.shared);if(!wB){SB=null,CB=null;return}if(n===`axis`){var r=hB(e,wB);r?.activeIndex==null?t.dispatch(GD()):t.dispatch(qD({activeIndex:r.activeIndex,activeDataKey:void 0,activeCoordinate:r.activeCoordinate}))}SB=null,CB=null};if(!o){s();return}i===`raf`?SB=requestAnimationFrame(s):typeof i==`number`&&CB===null&&(CB=setTimeout(s,i))}});function TB(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 EB={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},DB=Ad({name:`rootProps`,initialState:EB,reducers:{updateOptions:(e,t)=>{e.accessibilityLayer=t.payload.accessibilityLayer,e.barCategoryGap=t.payload.barCategoryGap,e.barGap=t.payload.barGap??EB.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}}}),OB=DB.reducer,kB=DB.actions.updateOptions,AB=Ad({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)}});AB.actions.updatePolarOptions;var jB=AB.reducer,MB=ld(`keyDown`),NB=ld(`focus`),PB=ld(`blur`),FB=_f(),IB=null,LB=null,RB=null;FB.startListening({actionCreator:MB,effect:(e,t)=>{RB=e.payload,IB!==null&&(cancelAnimationFrame(IB),IB=null);var n=t.getState().eventSettings,r=n.throttleDelay,i=n.throttledEvents,a=i===`all`||i.includes(`keydown`);LB!==null&&(typeof r!=`number`||!a)&&(clearTimeout(LB),LB=null);var o=()=>{try{var e=t.getState();if(e.rootProps.accessibilityLayer===!1)return;var n=e.tooltip.keyboardInteraction,r=RB;if(r!==`ArrowRight`&&r!==`ArrowLeft`&&r!==`Enter`)return;var i=lO(n,jO(e),aE(e),BO(e)),a=i==null?-1:Number(i),o=!Number.isFinite(a)||a<0,s=GO(e),c=jO(e),l=MD(e,e.tooltip.settings.shared);if(r===`Enter`){if(o)return;var u=kk(e,l,`hover`,String(n.index));t.dispatch(XD({active:!n.active,activeIndex:n.index,activeCoordinate:u}));return}var d=OD(e)===`left-to-right`?1:-1,f=r===`ArrowRight`?1:-1,p;if(o){var m=aE(e),h=BO(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(lO(_(v),c,m,h)!=null){p=v;break}}else for(var y=c.length-1;y>=0;y--)if(lO(_(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=kk(e,l,`hover`,String(p));t.dispatch(XD({active:!0,activeIndex:p.toString(),activeCoordinate:x}))}finally{IB=null,LB=null}};if(!a){o();return}r===`raf`?IB=requestAnimationFrame(o):typeof r==`number`&&LB===null&&(o(),RB=null,LB=setTimeout(()=>{RB?o():(LB=null,IB=null)},r))}}),FB.startListening({actionCreator:NB,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=kk(n,MD(n,n.tooltip.settings.shared),`hover`,String(i));t.dispatch(XD({active:!0,activeIndex:i,activeCoordinate:a}))}}}}),FB.startListening({actionCreator:PB,effect:(e,t)=>{var n=t.getState();if(n.rootProps.accessibilityLayer!==!1){var r=n.tooltip.keyboardInteraction;r.active&&t.dispatch(XD({active:!1,activeIndex:r.index,activeCoordinate:r.coordinate}))}}});function zB(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 BB=ld(`externalEvent`),VB=_f(),HB=new Map,UB=new Map,WB=new Map;VB.startListening({actionCreator:BB,effect:(e,t)=>{var n=e.payload,r=n.handler,i=n.reactEvent;if(r!=null){var a=i.type,o=zB(i);WB.set(a,{handler:r,reactEvent:o});var s=HB.get(a);s!==void 0&&(cancelAnimationFrame(s),HB.delete(a));var c=t.getState().eventSettings,l=c.throttleDelay,u=c.throttledEvents,d=u===`all`||u?.includes(a),f=UB.get(a);f!==void 0&&(typeof l!=`number`||!d)&&(clearTimeout(f),UB.delete(a));var p=()=>{var e=WB.get(a);try{if(!e)return;var n=e.handler,r=e.reactEvent,i=t.getState(),o={activeCoordinate:tk(i),activeDataKey:QO(i),activeIndex:XO(i),activeLabel:ZO(i),activeTooltipIndex:XO(i),isTooltipActive:nk(i)};n&&n(o,r)}finally{HB.delete(a),UB.delete(a),WB.delete(a)}};if(!d){p();return}if(l===`raf`){var m=requestAnimationFrame(p);HB.set(a,m)}else if(typeof l==`number`){if(!UB.has(a)){p();var h=setTimeout(p,l);UB.set(a,h)}}else p()}}});var GB=J([J([pO],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)}}}),KB=ld(`touchMove`),qB=_f(),JB=null,YB=null,XB=null,ZB=null;qB.startListening({actionCreator:KB,effect:(e,t)=>{var n=e.payload;if(!(n.touches==null||n.touches.length===0)){ZB=zB(n);var r=t.getState().eventSettings,i=r.throttleDelay,a=r.throttledEvents,o=a===`all`||a.includes(`touchmove`);JB!==null&&(cancelAnimationFrame(JB),JB=null),YB!==null&&(typeof i!=`number`||!o)&&(clearTimeout(YB),YB=null),XB=Array.from(n.touches).map(e=>_B({clientX:e.clientX,clientY:e.clientY,currentTarget:n.currentTarget}));var s=()=>{if(ZB!=null){var e=t.getState(),n=MD(e,e.tooltip.settings.shared);if(n===`axis`){var r=XB?.[0];if(r==null){JB=null,YB=null;return}var i=hB(e,r);i?.activeIndex!=null&&t.dispatch(qD({activeIndex:i.activeIndex,activeDataKey:void 0,activeCoordinate:i.activeCoordinate}))}else if(n===`item`){var a=ZB.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(sp),c=o.getAttribute(`data-recharts-item-id`)??void 0,l=DO(e).find(e=>e.id===c);if(s==null||l==null||c==null)return;var u=l.dataKey,d=GB(e,s,c);t.dispatch(UD({activeDataKey:u,activeIndex:s,activeCoordinate:d,activeGraphicalItemId:c}))}JB=null,YB=null}};if(!o){s();return}i===`raf`?JB=requestAnimationFrame(s):typeof i==`number`&&YB===null&&(s(),ZB=null,YB=setTimeout(()=>{ZB?s():(YB=null,JB=null)},i))}}});var QB={throttleDelay:`raf`,throttledEvents:[`mousemove`,`touchmove`,`pointermove`,`scroll`,`wheel`]},$B=Ad({name:`eventSettings`,initialState:QB,reducers:{setEventSettings:(e,t)=>{t.payload.throttleDelay!=null&&(e.throttleDelay=t.payload.throttleDelay),t.payload.throttledEvents!=null&&(e.throttledEvents=Z(t.payload.throttledEvents))}}}),eV=$B.actions.setEventSettings,tV=$B.reducer,nV=Fl({brush:bF,cartesianAxis:HP,chartData:TA,errorBars:SL,eventSettings:tV,graphicalItems:pP,layout:Tf,legend:Sm,options:vA,polarAxis:rN,polarOptions:jB,referenceElements:OF,renderedTicks:CI,rootProps:OB,tooltip:ZD,zIndex:$k}),rV=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`Chart`;return bd({reducer:nV,preloadedState:e,middleware:e=>e({serializableCheck:!1,immutableCheck:![`commonjs`,`es6`,`production`].includes(`es6`)}).concat([yB.middleware,xB.middleware,FB.middleware,VB.middleware,qB.middleware]),enhancers:e=>{var t=e;return typeof e==`function`&&(t=e()),t.concat(yd({type:`raf`}))},devTools:uh.devToolsEnabled&&{serialize:{replacer:TB},name:`recharts-${t}`}})};function iV(e){var t=e.preloadedState,n=e.children,r=e.reduxStoreName,i=Sp(),a=(0,F.useRef)(null);if(i)return n;a.current??=rV(t,r);var o=Hc;return F.createElement(Rm,{context:o,store:a.current},n)}function aV(e){var t=e.layout,n=e.margin,r=Gc(),i=Sp();return(0,F.useEffect)(()=>{i||(r(Sf(t)),r(xf(n)))},[r,i,t,n]),null}var oV=(0,F.memo)(aV,Vm);function sV(e){var t=Gc();return(0,F.useEffect)(()=>{t(kB(e))},[t,e]),null}var cV=(0,F.memo)(e=>{var t=Gc();return(0,F.useEffect)(()=>{t(eV(e))},[t,e]),null},Vm);function lV(e){var t=e.zIndex,n=e.isPanorama,r=(0,F.useRef)(null),i=Gc();return(0,F.useLayoutEffect)(()=>(r.current&&i(Zk({zIndex:t,element:r.current,isPanorama:n})),()=>{i(Qk({zIndex:t,isPanorama:n}))}),[i,t,n]),F.createElement(`g`,{tabIndex:-1,ref:r,className:`recharts-zIndex-layer_${t}`})}function uV(e){var t=e.children,n=e.isPanorama,r=q(Rk);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(lV,{key:e,zIndex:e,isPanorama:n})),t,a.map(e=>F.createElement(lV,{key:e,zIndex:e,isPanorama:n})))}var dV=[`children`];function fV(e,t){if(e==null)return{};var n,r,i=pV(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 pV(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 mV(){return mV=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},mV.apply(null,arguments)}var hV={width:`100%`,height:`100%`,display:`block`},gV=(0,F.forwardRef)((e,t)=>{var n=lm(),r=um(),i=Mh();if(!Df(n)||!Df(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(lo,mV({},o,{title:s,desc:c,role:u,tabIndex:l,width:n,height:r,style:hV,ref:t}),a)}),_V=e=>{var t=e.children,n=q(wp);if(!n)return null;var r=n.width,i=n.height,a=n.y,o=n.x;return F.createElement(lo,{width:r,height:i,x:o,y:a},t)},vV=(0,F.forwardRef)((e,t)=>{var n=e.children,r=fV(e,dV);return Sp()?F.createElement(_V,null,F.createElement(uV,{isPanorama:!0},n)):F.createElement(gV,mV({ref:t},r),F.createElement(uV,{isPanorama:!1},n))});function yV(e,t){return wV(e)||CV(e,t)||xV(e,t)||bV()}function bV(){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 xV(e,t){if(e){if(typeof e==`string`)return SV(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)?SV(e,t):void 0}}function SV(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 CV(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 wV(e){if(Array.isArray(e))return e}function TV(){var e=Gc(),t=yV((0,F.useState)(null),2),n=t[0],r=t[1],i=q(rp);return(0,F.useEffect)(()=>{if(n!=null){var t=n.getBoundingClientRect().width/n.offsetWidth;$(t)&&t!==i&&e(wf(t))}},[n,e,i]),r}function EV(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 DV(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?EV(Object(n),!0).forEach(function(t){OV(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):EV(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function OV(e,t,n){return(t=kV(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kV(e){var t=AV(e,`string`);return typeof t==`symbol`?t:t+``}function AV(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 jV(){return jV=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},jV.apply(null,arguments)}function MV(e,t){return LV(e)||IV(e,t)||PV(e,t)||NV()}function NV(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
63
- In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function PV(e,t){if(e){if(typeof e==`string`)return FV(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)?FV(e,t):void 0}}function FV(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 IV(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 LV(e){if(Array.isArray(e))return e}var RV=()=>(IA(),null);function zV(e){if(typeof e==`number`)return e;if(typeof e==`string`){var t=parseFloat(e);if(!Number.isNaN(t))return t}return 0}var BV=(0,F.forwardRef)((e,t)=>{var n=(0,F.useRef)(null),r=MV((0,F.useState)({containerWidth:zV(e.style?.width),containerHeight:zV(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(gm,{width:i.containerWidth,height:i.containerHeight}),F.createElement(`div`,jV({ref:s},e)))}),VV=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height,i=MV((0,F.useState)({containerWidth:zV(n),containerHeight:zV(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(gm,{width:a.containerWidth,height:a.containerHeight}),F.createElement(`div`,jV({ref:c},e)))}),HV=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height;return F.createElement(F.Fragment,null,F.createElement(gm,{width:n,height:r}),F.createElement(`div`,jV({ref:t},e)))}),UV=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height;return typeof n==`string`||typeof r==`string`?F.createElement(VV,jV({},e,{ref:t})):typeof n==`number`&&typeof r==`number`?F.createElement(HV,jV({},e,{width:n,height:r,ref:t})):F.createElement(F.Fragment,null,F.createElement(gm,{width:n,height:r}),F.createElement(`div`,jV({ref:t},e)))});function WV(e){return e?BV:UV}var GV=(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=Gc(),C=MV((0,F.useState)(null),2),w=C[0],T=C[1],E=MV((0,F.useState)(null),2),D=E[0],O=E[1],k=TV(),A=rm(),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(vB(e)),S(BB({handler:a,reactEvent:e}))},[S,a]),ne=(0,F.useCallback)(e=>{S(bB(e)),S(BB({handler:l,reactEvent:e}))},[S,l]),N=(0,F.useCallback)(e=>{S(GD()),S(BB({handler:u,reactEvent:e}))},[S,u]),P=(0,F.useCallback)(e=>{S(bB(e)),S(BB({handler:d,reactEvent:e}))},[S,d]),re=(0,F.useCallback)(()=>{S(NB())},[S]),ie=(0,F.useCallback)(()=>{S(PB())},[S]),ae=(0,F.useCallback)(e=>{S(MB(e.key))},[S]),oe=(0,F.useCallback)(e=>{S(BB({handler:o,reactEvent:e}))},[S,o]),se=(0,F.useCallback)(e=>{S(BB({handler:s,reactEvent:e}))},[S,s]),ce=(0,F.useCallback)(e=>{S(BB({handler:c,reactEvent:e}))},[S,c]),le=(0,F.useCallback)(e=>{S(BB({handler:f,reactEvent:e}))},[S,f]),ue=(0,F.useCallback)(e=>{S(BB({handler:h,reactEvent:e}))},[S,h]),de=(0,F.useCallback)(e=>{b&&S(KB(e)),S(BB({handler:m,reactEvent:e}))},[S,b,m]),fe=(0,F.useCallback)(e=>{S(BB({handler:p,reactEvent:e}))},[S,p]),pe=WV(v);return F.createElement(uA.Provider,{value:w},F.createElement(Xo.Provider,{value:D},F.createElement(pe,{width:j??g?.width,height:ee??g?.height,className:Xa(`recharts-wrapper`,r),style:DV({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(RV,null),n)))}),KV=[`width`,`height`,`responsive`,`children`,`className`,`style`,`compact`,`title`,`desc`];function qV(e,t){if(e==null)return{};var n,r,i=JV(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 JV(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 YV=(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=no(qV(e,KV));return c?F.createElement(F.Fragment,null,F.createElement(gm,{width:n,height:r}),F.createElement(vV,{otherAttributes:d,title:l,desc:u},a)):F.createElement(GV,{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(vV,{otherAttributes:d,title:l,desc:u,ref:t},F.createElement(IF,null,a)))});function XV(){return XV=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},XV.apply(null,arguments)}function ZV(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 QV(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ZV(Object(n),!0).forEach(function(t){$V(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ZV(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function $V(e,t,n){return(t=eH(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function eH(e){var t=tH(e,`string`);return typeof t==`symbol`?t:t+``}function tH(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 nH=QV({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`},QB),rH=(0,F.forwardRef)(function(e,t){var n=oc(e.categoricalChartProps,nH),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(iV,{preloadedState:{options:c},reduxStoreName:s.id??r},F.createElement(_F,{chartData:s.data}),F.createElement(oV,{layout:n.layout,margin:n.margin}),F.createElement(cV,{throttleDelay:n.throttleDelay,throttledEvents:n.throttledEvents}),F.createElement(sV,{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(YV,XV({},n,{ref:t})))}),iH=[`axis`,`item`],aH=(0,F.forwardRef)((e,t)=>F.createElement(rH,{chartName:`BarChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:iH,tooltipPayloadSearcher:gA,categoricalChartProps:e,ref:t})),oH=[`axis`],sH=(0,F.forwardRef)((e,t)=>F.createElement(rH,{chartName:`AreaChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:oH,tooltipPayloadSearcher:gA,categoricalChartProps:e,ref:t})),cH=[`system`,`tools`,`user`,`assistant`],lH={system:`bg-accent-indigo`,tools:`bg-accent-amber`,user:`bg-accent-blue`,assistant:`bg-accent-green`},uH={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)]`},dH={system:`bg-accent-indigo`,tools:`bg-accent-amber`,user:`bg-accent-blue`,assistant:`bg-accent-green`},fH={system:`System`,tools:`Tools`,user:`User`,assistant:`Assistant`},pH={system:`#6366f1`,tools:`#ffb224`,user:`#0095ff`,assistant:`#1ce783`},mH={fontSize:10,fill:`#6b7280`},hH=`#2a2a3a`;function gH({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)(am,{width:`100%`,height:120,children:(0,I.jsxs)(sH,{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)(yL,{strokeDasharray:`3 3`,stroke:hH}),(0,I.jsx)($z,{dataKey:`turn`,tick:mH,stroke:hH}),(0,I.jsx)(mB,{domain:[0,100],unit:`%`,tick:mH,stroke:hH}),(0,I.jsx)($A,{contentStyle:{backgroundColor:`#1a1a2e`,border:`1px solid #2a2a3a`,fontSize:11},formatter:(e,t)=>[`${e.toFixed(1)}%`,t],labelFormatter:e=>`Turn ${e}`}),(0,I.jsx)(XF,{y1:80,y2:100,fill:`url(#${n})`,ifOverflow:`visible`}),cH.map(e=>(0,I.jsx)(CR,{type:`monotone`,dataKey:e,stackId:`context`,stroke:pH[e],fill:pH[e],fillOpacity:.4,strokeWidth:1,dot:!1},e))]})})})}function _H(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e)}function vH(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 yH({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?vH(e,_):i??(g?vH(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)(ni,{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:[_H(C.currentTokens),D&&D>0&&(0,I.jsx)(`span`,{className:`text-ink-muted`,children:` / ${_H(D)}`}),C.delta>0&&(0,I.jsxs)(`span`,{className:`text-accent-amber ml-1`,children:[`+`,_H(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:cH.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:`${lH[e]} transition-all duration-500 ease-out cursor-default relative ${r?`brightness-125 ${uH[e]}`:``}`,style:{width:`${t/T*b}%`},title:`${fH[e]}: ${_H(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:[cH.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 ${dH[e]} ${n?`scale-150`:``} transition-transform duration-200`}),fH[e],n&&t>0&&(0,I.jsx)(`span`,{className:`text-ink-subtle ml-0.5`,children:_H(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)(gH,{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 bH={success:`success`,failure:`danger`,unknown:`neutral`};function xH({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,li.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)(SH,{label:`Longest failure streak`,value:String(e.longestFailureStreak)}),(0,I.jsx)(SH,{label:`Success rate`,value:e.successRate===null?`—`:`${Math.round(e.successRate*100)}%`}),(0,I.jsx)(SH,{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)(ni,{tone:bH[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)(SH,{label:`Total attributed cost`,value:`$${t.totalAttributedCost.toFixed(2)}`}),(0,I.jsx)(SH,{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,` · `,Ti(e.inputTokens),` in /`,` `,Ti(e.outputTokens),` out /`,` `,Ti(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)(gH,{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 SH({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 CH=`var(--color-chart-block)`,wH=`var(--color-chart-block-peak)`,TH=10,EH=13;function DH({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*EH} ${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*EH,y:s-(r+1)*12,width:TH,height:TH,rx:1,fill:i?wH:CH,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*EH,y:0,width:EH,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 OH=`nr-observe-peak-concurrent`;function kH({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(OH)??`0`,10);if(o.current===null&&(o.current=r),e>o.current){localStorage.setItem(OH,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)(AH,{}),(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)(DH,{data:c,ariaLabel:`Concurrency over time, peak ${t}`})})]})}function AH(){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 jH=5,MH=[`var(--color-heatmap-0)`,`var(--color-heatmap-1)`,`var(--color-heatmap-2)`,`var(--color-heatmap-3)`,`var(--color-heatmap-4)`];function NH(e,t){if(e===0)return MH[0];let n=e/t;return MH[Math.min(Math.ceil(n*(jH-1)),jH-1)]}function PH(e,t,n){let r=e+n*t;return new Date(r).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`})}function FH({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)(RH,{days:c,maxCount:n,width:a,height:o,ariaLabel:s}):(0,I.jsx)(IH,{buckets:t,maxCount:n,bucketSizeMs:r,startTimestamp:i,width:a,height:o,ariaLabel:s})}function IH({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:NH(e,t),className:`heatmap-cell`,style:{animationDelay:`${Math.min(i*8,400)}ms`},onMouseEnter:t=>{let a=PH(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 LH=[`Mon`,``,`Wed`,``,`Fri`,``,`Sun`];function RH({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:[LH.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:NH(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`}),MH.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 zH({theme:e=`observatory`}){return(0,I.jsxs)(`div`,{className:`geo-banner`,"aria-hidden":`true`,children:[e===`observatory`&&(0,I.jsx)(BH,{}),e===`sessions`&&(0,I.jsx)(VH,{}),e===`history`&&(0,I.jsx)(HH,{}),e===`audit`&&(0,I.jsx)(UH,{}),e===`git`&&(0,I.jsx)(WH,{})]})}function BH(){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 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:`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 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:`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 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:`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 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:`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 GH(e){let t=e==null?new Date:new Date(e);return t.setHours(0,0,0,0),t.getTime()}function KH(e,t){let n=new Date(e),r=t==null?new Date:new Date(t);return n.getFullYear()===r.getFullYear()&&n.getMonth()===r.getMonth()&&n.getDate()===r.getDate()}function qH(e,t){let n=GH(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 JH={weekday:`short`,month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`},YH=3e4,XH={info:`text-ink-muted`,warning:`text-accent-amber`,critical:`text-accent-red`};function ZH(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 QH=1e4;function $H(){let e=Yn(e=>e.cost),t=Yn(e=>e.antiPatterns),n=$n(),{data:r}=L({queryKey:[`observability-health`],queryFn:Vr,refetchInterval:3e4}),{isPending:i}=L({queryKey:z.cost,queryFn:cr}),{data:a,isPending:o}=L({queryKey:z.sessionsTodayAggregate,queryFn:ar,refetchInterval:1e4}),{data:s,isPending:c}=L({queryKey:z.sessionsList(200),queryFn:()=>ir(200),refetchInterval:1e4}),{data:l,isPending:u}=L({queryKey:z.antiPatterns,queryFn:lr}),{data:d,isPending:f}=L({queryKey:z.concurrency,queryFn:kr,refetchInterval:1e4}),{data:p,isPending:m}=L({queryKey:z.activityHeatmap(`today`),queryFn:()=>jr(`today`),refetchInterval:3e4}),{data:h,isPending:g}=L({queryKey:z.sessionsLive,queryFn:or,refetchInterval:1e4}),_=(0,F.useMemo)(()=>hU(s??[]),[s]),v=(0,F.useMemo)(()=>gU(s??[]),[s]),y=(0,F.useMemo)(()=>_U(s??[]),[s]),b=(0,F.useMemo)(()=>vU(s??[]),[s]),x=(0,F.useMemo)(()=>(s??[]).flatMap(e=>e.antiPatterns??[]),[s]),S=Math.max(a?.toolCallCount??0,v),C=(i||c||o)&&!e&&_===0&&a===void 0,w=Math.max(e?.todayTotalUsd??0,a?.totalCostUsd??0,_),T=Math.max(l?.length??0,t.length),E=Math.max(a?.antiPatternCount??0,y+T),D=Math.max(a?.subagentUsd??0,n.usd),O=Math.max(a?.subagentTurnCount??0,n.turns),k=a!==void 0||n.turns>0,[A,j]=(0,F.useState)(()=>new Date().toLocaleString(void 0,JH)),ee=(0,F.useRef)(Date.now());(0,F.useEffect)(()=>{let e=setInterval(()=>{let e=Date.now();j(new Date(e).toLocaleString(void 0,JH)),KH(e,ee.current)||(ee.current=e,Yn.getState().handleDayRollover())},6e4);return()=>clearInterval(e)},[]);let M=a?.avgEfficiencyScore??null,te=M!==null&&Number.isFinite(M)?`${Math.round(M*100)}%`:`—`,ne=M===null?`needs more data`:Math.round(M*100)>=80?`strong session`:Math.round(M*100)>=50?`mixed signals`:`needs attention`;return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(zH,{}),(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:A})]}),!C&&!o&&!c&&!u&&!f&&!m&&!g&&S===0&&w===0&&E===0?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Xi,{index:0,className:`glass-card p-8 mb-4`,children:(0,I.jsx)(W,{icon:`code`,title:`No activity yet today`,subtitle:`Metrics will appear here once you start a coding session with Claude.`})}),(0,I.jsx)(Xi,{index:1,children:(0,I.jsx)(uU,{})})]}):(0,I.jsxs)(I.Fragment,{children:[r?.watcherActive===!1&&O===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&&O===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)(Xi,{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)(U,{label:`efficiency`,hero:!0,value:te,sub:ne,...M===null?{}:{animate:!0,numericValue:Math.round(M*100),suffix:`%`}}),(0,I.jsx)(U,{label:`spend today`,tone:`good`,value:C?`…`:Ci(w),...C?{}:{animate:!0,numericValue:w,format:Ci}}),(0,I.jsx)(U,{label:`subagent spend`,value:k?Ci(D):`—`,sub:`${O} turns`,...k?{animate:!0,numericValue:D,format:Ci}:{}}),(0,I.jsx)(U,{label:`tool calls`,value:String(S),animate:!0,numericValue:S}),(0,I.jsx)(U,{label:`flags`,tone:E>0?`warn`:`neutral`,value:String(E),animate:!0,numericValue:E})]})})}),(0,I.jsxs)(Xi,{index:1,className:`grid grid-cols-2 gap-3 mb-3`,children:[(0,I.jsx)(yU,{todayTotal:w,forecastEod:C?null:e?.forecastEodUsd??a?.forecastEndOfDayUsd??null,hourlySpend:b,subagentUsd:D}),d&&d.buckets&&(0,I.jsx)(kH,{current:d.current,peak:d.peak,allTimePeak:d.allTimePeak,bucketSizeMs:d.bucketSizeMs,startTimestamp:d.startTimestamp,buckets:d.buckets})]}),E>0&&(0,I.jsx)(Xi,{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)(ni,{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)(ni,{tone:`neutral`,size:`sm`,className:`ml-2`,children:[`Session: `,lU(t[0].sessionId,h??[])]})]}):l&&l.length>0?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ni,{tone:`warning`,size:`sm`,className:`mr-2`,children:l[0].type}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`— `}),(0,I.jsxs)(`span`,{children:[l[0].count??l[0].iterations??l[0].readCount??l[0].repeatCount??l[0].editCount??l[0].agentCount??`?`,`× on`,` `]}),(0,I.jsx)(`code`,{className:`bg-surface-5 px-1 rounded`,children:l[0].file??l[0].command??`unknown`})]}):x.length>0?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ni,{tone:`warning`,size:`sm`,className:`mr-2`,children:x[0].type}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:`— `}),(0,I.jsxs)(`span`,{children:[x[0].count??x[0].iterations??x[0].readCount??x[0].repeatCount??x[0].editCount??x[0].agentCount??`?`,`× on`,` `]}),(0,I.jsx)(`code`,{className:`bg-surface-5 px-1 rounded`,children:x[0].file??x[0].command??`unknown`})]}):(0,I.jsxs)(`span`,{children:[E,` flag(s) detected today — details unavailable.`]})})}),(0,I.jsxs)(Xi,{index:3,className:`grid grid-cols-3 gap-3 mb-3`,children:[(0,I.jsx)(eU,{}),(0,I.jsx)(tU,{}),(0,I.jsx)(nU,{aggregate:a}),(0,I.jsx)(rU,{}),(0,I.jsx)(aU,{aggregate:a}),(0,I.jsx)(oU,{})]}),(0,I.jsx)(Xi,{index:4,children:(0,I.jsx)(cU,{sessions:s??[],liveSessions:h??[]})}),p&&p.buckets?.length>0&&(0,I.jsx)(Xi,{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)(ui,{text:`Tool-call activity in 15-minute blocks across today. Darker blocks mean more calls in that window.`})]}),(0,I.jsx)(FH,{variant:`strip`,buckets:p.buckets,maxCount:p.maxCount,bucketSizeMs:p.bucketSizeMs,startTimestamp:p.startTimestamp,ariaLabel:`Today's activity density in 15-minute blocks`})]})}),(0,I.jsx)(Xi,{index:6,children:(0,I.jsx)(uU,{})})]})]})}function eU(){let{data:e}=L({queryKey:z.qualityProxy,queryFn:Tr,refetchInterval:QH});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)(ui,{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)(W,{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:gi(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:gi(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 tU(){let{data:e}=L({queryKey:z.toolSelectionScore,queryFn:Er,refetchInterval:QH});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)(ui,{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)(W,{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 ${_i(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 nU({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)(ui,{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)(W,{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:Ei(e)}),(0,I.jsxs)(`span`,{className:`tabular-nums text-ink-subtle`,children:[t.p95,`ms p95`]})]},e))})]})]})}function rU(){let{data:e}=L({queryKey:z.modelUsage,queryFn:Fr,refetchInterval:QH}),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)(ui,{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)(W,{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:[wi(t.costPerMillionTokens),`/1M tok`]}),(0,I.jsx)(`span`,{className:`text-ink-base`,children:Ci(t.totalCostUsd)})]})]},e)),e?.mostEfficientModel&&(0,I.jsxs)(`div`,{className:`text-[10px] text-accent-green mt-1`,children:[`Most efficient: `,e.mostEfficientModel]})]})]})}function iU(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 aU({aggregate:e}){let{data:t}=L({queryKey:z.cacheHealth,queryFn:Ir,refetchInterval:QH}),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)(ui,{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)(W,{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)(ni,{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:iU(n.status,n.cacheHitRatePct)})]})]})}function oU(){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)(ui,{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)(ni,{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:ZH(e.status,i?.type??null)})]})}var sU=3e3;function cU({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?sU:!1}),{data:_}=L({queryKey:p?z.sessionSubagents(p):[`subagents`,`none`],queryFn:()=>Cr(p),enabled:p!==null,retry:!1,refetchInterval:m?sU:!1}),{data:v}=L({queryKey:z.workflows,queryFn:Hr,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&&fU(t.startTime),a=r.has(t.sessionId),o=t.startTime!=null&&t.durationMs!=null?t.startTime+t.durationMs:null,s=o!=null&&o>=n&&fU(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)(ui,{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)(ii,{label:`live`,size:`sm`}):(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted`,title:e.startTime?`Started ${yi(e.startTime)}`:void 0,children:e.startTime?yi(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:Ci(e.estimatedCostUsd)}):(0,I.jsx)(`span`,{children:`—`})]})]},e.sessionId)}),d.size===0&&T.length===0&&(0,I.jsx)(W,{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)(ni,{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)(W,{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)(wa,{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)(yH,{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)(Ja,{runId:i,onClose:()=>a(null)}),o&&(0,I.jsx)(xH,{decisionTree:b,turnCosts:y,contextHistory:x?.history,contextWindow:x?.contextWindow,contextComposition:S,contextEfficiency:C,onClose:()=>s(!1)})]})}function lU(e,t){let n=t.find(t=>t.sessionId===e);return n?.sessionName?n.sessionName:e.slice(0,8)}function uU(){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:YH,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)(ui,{text:`The most recent alert firings and resolutions from your configured alert rules, newest first.`})]}),t&&(0,I.jsx)(W,{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:dU(e.firedAt)}),(0,I.jsxs)(`td`,{className:`py-1`,children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,className:XH[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:[Si(e.value),` / `,Si(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 dU(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 fU=e=>KH(e);function pU(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 qH({startTime:e.startTime,endTime:t})}function mU(e){let t=e.estimatedCostUsd;return t==null||t<=0?0:t*pU(e)}function hU(e){let t=0;for(let n of e)t+=mU(n);return t}function gU(e){let t=0;for(let n of e){let e=pU(n);e>0&&(t+=(n.toolCallCount??0)*e)}return Math.round(t)}function _U(e){let t=0;for(let n of e){let e=pU(n);e>0&&(t+=(n.antiPatterns?.length??0)*e)}return Math.round(t)}function vU(e){let t=Array(24).fill(0),n=GH(),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 yU({todayTotal:e,forecastEod:t,hourlySpend:n,subagentUsd:r=0}){let i=t!==null&&Number.isFinite(t),a=i?Math.max(t,e):0,o=i?a-e:0,s=i&&e>0?o/e*100:0,c=n.some(e=>e.cost>0),l=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)(ui,{text:`Projects today's total spend by midnight, based on the spending trend so far this hour-by-hour.`})]}),i?(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:Ci(a)}),(0,I.jsx)(`span`,{className:`text-xs text-ink-muted tabular-nums`,children:o>0?(0,I.jsxs)(I.Fragment,{children:[`+`,Ci(o),e>0&&` (+${s.toFixed(0)}%)`,` from now`]}):(0,I.jsx)(I.Fragment,{children:`on pace`})})]}),c&&(0,I.jsxs)(`div`,{className:`mt-2`,children:[(0,I.jsx)(ra,{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 `,Ci(l)]}),(0,I.jsx)(`span`,{className:`text-ink-subtle`,children:`·`}),(0,I.jsxs)(`span`,{children:[`subagent `,Ci(r)]})]})]})]}):(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`Insufficient data — forecast appears once burn rate stabilizes.`})]})}function bU(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 xU(e){return e<6e5?3e4:e<36e5?6e4:e<144e5?3e5:9e5}var SU=50,CU={thrashing:`Edit/Test Thrashing`,stuck_loop:`Stuck Loop`,blind_editing:`Blind Editing`,re_reading:`Repeated Reads`,over_delegation:`Over-Delegation`},wU={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`}},TU=[{value:`today`,label:`Today`},{value:`7d`,label:`7 days`},{value:`30d`,label:`30 days`},{value:`all`,label:`All`}],EU=[{value:`all`,label:`All sources`},{value:`script`,label:`Script`},{value:`agent_tool`,label:`Agent tool`}],DU=[{value:`all`,label:`All`},{value:`running`,label:`Running`},{value:`completed`,label:`Completed`},{value:`failed`,label:`Failed`},{value:`cancelled`,label:`Cancelled`}];function OU(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 kU(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 AU(e){return typeof e.startTime==`number`?e.startTime:new Date(e.startTime??0).getTime()}function jU(e){return AU(e)+(e.durationMs??0)}function MU(e,t){let n=[...e];switch(t){case`date`:n.sort((e,t)=>AU(t)-AU(e));break;case`lastActive`:n.sort((e,t)=>jU(t)-jU(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 NU(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function PU(){let e=Jt(),[t,n]=(0,F.useState)(()=>kU(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)(()=>kU(e),[e]);(0,F.useEffect)(()=>{_&&n(_)},[_]);let v=L({queryKey:z.sessionsList(SU),queryFn:()=>ir(SU),refetchInterval:1e4}),{data:y}=L({queryKey:z.workflows,queryFn:Hr,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)(()=>MU(v.data??[],r),[v.data,r]),w=(0,F.useMemo)(()=>Array.isArray(y)?y:[],[y]),T=(0,F.useMemo)(()=>w.filter(e=>!(!OU(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=(0,F.useMemo)(()=>O?C.filter(e=>D.has(e.sessionId)):C,[O,C,D]),A=(0,F.useMemo)(()=>{let e=new Set(k.map(e=>e.sessionId)),t=0;for(let n of T)typeof n.parentSessionId==`string`&&!e.has(n.parentSessionId)&&t++;return t},[T,k]);(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 j=e=>{n(e)},ee=(0,F.useCallback)(e=>{m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),M=(0,F.useCallback)(e=>{g(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),te=(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)(zH,{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)(U,{label:`Workflow runs`,value:String(E.totalRuns),numericValue:E.totalRuns,animate:!0})}),(0,I.jsx)(`div`,{className:`px-3`,children:(0,I.jsx)(U,{label:`Subagents`,value:String(E.totalAgents),numericValue:E.totalAgents,animate:!0})}),(0,I.jsx)(`div`,{className:`px-3`,children:(0,I.jsx)(U,{label:`Workflow spend`,value:wi(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)(U,{label:`Avg duration`,value:E.avgDurationMs===null?`—`:xi(E.avgDurationMs)})})]}),A>0&&(0,I.jsxs)(`div`,{className:`text-[11px] text-ink-subtle mt-2 pt-2 border-t border-border-subtle`,children:[`+`,A,` run`,A===1?``:`s`,` above from `,A===1?`a session`:`sessions`,` outside the`,` `,k.length,` shown below`]})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 flex-wrap mb-2 shrink-0`,children:[(0,I.jsx)(si,{value:a,onChange:o,options:TU,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:EU.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:DU.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)(W,{variant:`loading`,icon:`timeline`,title:`Loading sessions`}),!v.isLoading&&k.length===0&&x.size===0&&(0,I.jsx)(W,{icon:`code`,title:O?`No matching sessions`:`No sessions yet`,subtitle:O?`No sessions own a workflow run matching these filters.`:`Start coding with Claude to see your sessions here.`}),k.map(e=>(0,I.jsx)(FU,{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:j,onToggleSession:ee,onToggleRun:M,onOpenRun:te},e.sessionId)),C.length>=SU&&(0,I.jsxs)(`div`,{className:`p-2 text-[10px] text-ink-muted text-center border-t border-border-subtle`,children:[`Only the `,SU,` 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)(W,{icon:`timeline`,title:`Loading sessions`,subtitle:`Selecting the most recent session…`}),t&&S.isLoading&&(0,I.jsx)(W,{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)(W,{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)(RU,{data:S.data,isLive:!!t&&x.has(t),onOpenRun:te})]})]}),d!=null&&(0,I.jsx)(Ja,{runId:d,onClose:()=>f(null)})]})}function FU({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)(ii,{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 ${vi(e.startTime)}`:void 0,children:e.startTime?vi(i===`lastActive`?jU(e):e.startTime):`—`}),(0,I.jsx)(`span`,{children:wi(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)(IU,{run:e,isExpanded:o.has(e.runId),onToggleRun:l,onOpenRun:u},e.runId))})]})}function IU({run:e,isExpanded:t,onToggleRun:n,onOpenRun:r}){let{data:i}=L({queryKey:z.workflowDetail(e.runId),queryFn:()=>Ur(e.runId),enabled:t}),a=(0,F.useMemo)(()=>i?.agents??[],[i]),o=wU[e.status]??wU.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:wi(e.totalUsd)}),(0,I.jsx)(ni,{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:NU(t.tokens)})]},t.agentId))})]})}function LU(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 RU({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:xi(e.durationMs),s=e.timeline??[],c=s.length>0?s[0].timestamp:0;return s.length===0&&i.length===0?(0,I.jsx)(W,{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)(ii,{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:Ci(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)(ni,{tone:`warning`,size:`sm`,bordered:!0,children:[CU[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:gi(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:gi(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 ${_i(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)(yH,{sessionId:e.sessionId})}),i.length>0&&(0,I.jsx)(BU,{breakdownEntries:i,totalCalls:a,isLive:t,sessionId:e.sessionId},`tools-${e.sessionId}`),(0,I.jsx)(HU,{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)(zU,{sessionId:e.sessionId,isLive:t,parentEntries:s,onOpenRun:n},e.sessionId)]})}function zU({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:Hr,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)(W,{variant:`loading`,icon:`radar`,title:`Loading subagents`}):o||i===void 0?(0,I.jsx)(wa,{sessionId:e,parentEntries:d,agents:[],window:u??{startMs:0,endMs:1},onSelectRun:r,runStatusById:c}):(0,I.jsx)(wa,{sessionId:e,parentEntries:d,agents:l,window:u??i.window,onSelectRun:r,runStatusById:c})})]})}function BU({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)(si,{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:Ei(e)}),(0,I.jsx)(`div`,{className:`flex-1 h-3 bg-surface-3 relative rounded`,children:(0,I.jsx)(`div`,{className:`h-3 rounded ${LU(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:Ei(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:[`~`,VU(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 VU(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function HU({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=xU(r),a=bU(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)(FH,{variant:`strip`,buckets:t.buckets,maxCount:t.maxCount,bucketSizeMs:t.bucketSizeMs,startTimestamp:t.startMs,ariaLabel:`Session activity density`})]}):null}var UU={fill:`var(--color-ink-muted)`,fontSize:10},WU=`var(--color-border-subtle)`,GU={background:`var(--color-bg-elevated)`,border:`1px solid var(--color-border-medium)`,borderRadius:8,fontSize:12,color:`var(--color-ink-base)`},KU=`var(--color-accent-green)`,qU=`var(--color-accent-amber)`,JU=`var(--color-accent-green)`,YU=`var(--color-accent-purple)`,XU=`var(--color-accent-blue)`,ZU=`var(--color-accent-teal)`;function QU(e){return e===`Read`?XU:e===`Edit`||e===`Write`?JU:e===`Bash`?YU:e===`Agent`?ZU:`var(--color-ink-muted)`}function $U(e){let t=e.toLowerCase();return t===`bug fix`||t===`fix`?`#FF6B6B`:t===`feature`?JU:t===`refactor`?XU:t===`configuration`||t===`config`?qU:t===`test`?ZU:t===`docs`?`#C4B5FD`:YU}function eW(e){return typeof e==`string`&&e.length>=10?e.slice(5,10):e}var tW=`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 nW({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 rW({data:e}){if(!e)return(0,I.jsx)(aW,{title:`Instruction Drift`,tooltip:tW,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading drift data…`})});let t=e.recentCorrelations[e.recentCorrelations.length-1];return t?(0,I.jsx)(aW,{title:`Instruction Drift — most recent instruction file change`,tooltip:tW,children:(0,I.jsxs)(`div`,{className:`flex items-center gap-6`,children:[(0,I.jsx)(ni,{tone:{improved:`success`,degraded:`danger`,neutral:`neutral`,insufficient_data:`neutral`}[t.verdict],children:t.verdict}),(0,I.jsx)(nW,{label:`Success`,value:t.successRateDelta===null?`—`:`${t.successRateDelta>0?`+`:``}${Math.round(t.successRateDelta*100)}%`}),(0,I.jsx)(nW,{label:`Tokens`,value:`${t.tokensDelta>0?`+`:``}${t.tokensDelta}`}),(0,I.jsx)(nW,{label:`Thrashing`,value:`${t.thrashingDelta>0?`+`:``}${t.thrashingDelta}`})]})}):(0,I.jsx)(aW,{title:`Instruction Drift`,tooltip:tW,children:(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`No instruction file changes tracked yet.`})})}function iW(){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:Wr}),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=yW(gW(t.data??[],30),30),m=(t.data?.length??0)>=200&&_W(t.data??[],30),h=vW(n.data),g=bW(d),_=SW(t.data??[]),v=CW(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)(zH,{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)(aW,{title:`Weekly Efficiency · Last 12`,children:(0,I.jsx)(`div`,{className:`h-44 min-w-0`,children:(0,I.jsx)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(sH,{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:KU,stopOpacity:.3}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:KU,stopOpacity:0})]})}),(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{dataKey:`week`,tick:UU,stroke:WU,tickFormatter:eW}),(0,I.jsx)(mB,{tick:UU,stroke:WU,domain:[0,100],unit:`%`}),(0,I.jsx)($A,{contentStyle:GU}),(0,I.jsx)(CR,{type:`monotone`,dataKey:`efficiency`,stroke:KU,strokeWidth:2,fill:`url(#effGradient)`,dot:{r:2,fill:KU}})]})})})}),(0,I.jsxs)(aW,{title:`Daily Spend · Last 30 Days (most recent 200)`,children:[(0,I.jsx)(`div`,{className:`h-44 min-w-0`,children:(0,I.jsx)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{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:KU,stopOpacity:.9}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:KU,stopOpacity:.4})]})}),(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{dataKey:`day`,tick:UU,stroke:WU,tickFormatter:eW,interval:`preserveStartEnd`,minTickGap:20}),(0,I.jsx)(mB,{tick:UU,stroke:WU,unit:`$`}),(0,I.jsx)($A,{contentStyle:GU,labelFormatter:e=>eW(String(e)),cursor:!1}),(0,I.jsx)(Mz,{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)(aW,{title:`Cost Per Outcome · Last 30 Days`,children:h.length===0?(0,I.jsx)(W,{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)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{data:h,layout:`vertical`,children:[(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{type:`number`,tick:UU,stroke:WU,unit:`$`}),(0,I.jsx)(mB,{type:`category`,dataKey:`outcome`,tick:UU,stroke:WU,width:110}),(0,I.jsx)($A,{contentStyle:GU}),(0,I.jsx)(Mz,{dataKey:`totalCost`,radius:[0,3,3,0],children:h.map(e=>(0,I.jsx)(ej,{fill:$U(e.outcome),fillOpacity:.8},e.outcome))})]})})})}),(0,I.jsx)(aW,{title:`Anti-Pattern Frequency · Weekly`,children:g.length===0?(0,I.jsx)(W,{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)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{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:qU,stopOpacity:.9}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:qU,stopOpacity:.4})]})}),(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{dataKey:`week`,tick:UU,stroke:WU,tickFormatter:eW}),(0,I.jsx)(mB,{tick:UU,stroke:WU}),(0,I.jsx)($A,{contentStyle:GU}),(0,I.jsx)(Mz,{dataKey:`count`,fill:`url(#antiPatternGradient)`,radius:[3,3,0,0]})]})})})}),(0,I.jsx)(aW,{title:`Model Performance · Most Recent 200 Sessions`,children:_.length===0?(0,I.jsx)(W,{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:wi(e.avgCost)}),(0,I.jsx)(`td`,{className:`py-1 text-right tabular-nums text-ink-subtle`,children:wi(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)(aW,{title:`Top Tools · Most Recent 200 Sessions`,children:[v.length===0?(0,I.jsx)(W,{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)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{data:v,layout:`vertical`,children:[(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{type:`number`,tick:UU,stroke:WU}),(0,I.jsx)(mB,{type:`category`,dataKey:`tool`,tick:UU,tickFormatter:Ei,stroke:WU,width:120}),(0,I.jsx)($A,{contentStyle:GU,labelFormatter:e=>Ei(String(e))}),(0,I.jsx)(Mz,{dataKey:`count`,radius:[0,3,3,0],children:v.map(e=>(0,I.jsx)(ej,{fill:QU(Ei(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)(aW,{title:`Activity · Last 12 Weeks`,children:(0,I.jsx)(FH,{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)(wW,{data:x})}):(0,I.jsx)(W,{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)(mW,{data:o.data,isError:o.isError}),(0,I.jsx)(pW,{data:a.data,isError:a.isError})]}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(rW,{data:l.data})}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(hW,{data:r.data})}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(lW,{data:i.data,isError:i.isError})})]})}function aW({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)(ui,{text:t})]}),(0,I.jsx)(`div`,{className:`mt-3`,children:n})]})}function oW({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 sW(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 cW(e){return e===`high`?`var(--color-accent-amber)`:e===`medium`?`var(--color-accent-blue)`:`var(--color-ink-muted)`}function lW({data:e,isError:t}){if(t)return(0,I.jsx)(aW,{title:`Recommendations`,children:(0,I.jsx)(W,{icon:`radar`,title:`Recommendations unavailable`,subtitle:`Connect a full Preflight session to enable recommendations.`})});if(!e)return(0,I.jsx)(aW,{title:`Recommendations`,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading recommendations…`})});if(e.recommendations.length===0)return(0,I.jsx)(aW,{title:`Recommendations`,children:(0,I.jsx)(W,{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)(aW,{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:sW(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:cW(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 uW(e){return e.startsWith(`Positive`)?`text-accent-green`:e.startsWith(`Negative`)?`text-accent-red`:`text-accent-amber`}function dW(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 fW(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 pW({data:e,isError:t}){if(t)return(0,I.jsx)(aW,{title:`Instruction File Impact`,children:(0,I.jsx)(W,{icon:`radar`,title:`Instruction file impact unavailable`})});if(!e)return(0,I.jsx)(aW,{title:`Instruction File Impact`,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading instruction file impact…`})});if(e.message||!e.change||!e.before||!e.after||!e.deltas||!e.verdict)return(0,I.jsx)(aW,{title:`Instruction File Impact`,children:(0,I.jsx)(W,{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)(aW,{title:`Instruction File Impact`,children:[(0,I.jsxs)(`div`,{className:`text-xs mb-3`,children:[(0,I.jsx)(`span`,{className:`font-medium ${uW(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:dW(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:fW(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:fW(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 mW({data:e,isError:t}){if(t)return(0,I.jsx)(aW,{title:`Collaboration Profile`,children:(0,I.jsx)(W,{icon:`radar`,title:`Collaboration profile unavailable`})});if(!e)return(0,I.jsx)(aW,{title:`Collaboration Profile`,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading collaboration profile…`})});if(e.sessionCount===0)return(0,I.jsx)(aW,{title:`Collaboration Profile`,children:(0,I.jsx)(W,{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},{name:`Autonomy`,key:`autonomy`,value:Math.round(e.dimensions.autonomy*100),delta:e.teamDeltas.autonomy,lowerIsBetter:!1},{name:`Correction rate`,key:`correctionRate`,value:Math.round(e.dimensions.correctionRate*100),delta:e.teamDeltas.correctionRate,lowerIsBetter:!0},{name:`Task complexity`,key:`taskComplexity`,value:Math.round(e.dimensions.taskComplexity*100),delta:e.teamDeltas.taskComplexity,lowerIsBetter:!1}];return(0,I.jsxs)(aW,{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)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{data:n,layout:`vertical`,children:[(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{type:`number`,domain:[0,100],tick:UU,stroke:WU,tickFormatter:e=>`${e}%`}),(0,I.jsx)(mB,{type:`category`,dataKey:`name`,tick:UU,stroke:WU,width:110}),(0,I.jsx)($A,{contentStyle:GU,formatter:e=>[`${e}%`]}),(0,I.jsx)(Mz,{dataKey:`value`,fill:ZU,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)`:``;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 hW({data:e}){return e?e.status===`insufficient_data`?(0,I.jsx)(aW,{title:`Personal Coach`,children:(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:e.message})}):(0,I.jsx)(aW,{title:`Personal coach`,children:(0,I.jsxs)(`div`,{className:`text-xs space-y-2`,children:[(0,I.jsx)(oW,{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)(aW,{title:`Personal Coach`,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading coaching insights…`})})}function gW(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 _W(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 vW(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 yW(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 bW(e){let t=[];for(let n of e){let e=n.antiPatternCounts??{},r=Object.values(e).reduce((e,t)=>e+t,0);r>0&&t.push({week:n.week||`?`,count:r})}return t}var xW=.85;function SW(e){let t=new Map;for(let n of e){let e=n.model??`unknown`,r=t.get(e);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<xW&&r.lowSuccessSessions++),n.estimatedCostUsd!=null&&(r.costSum+=n.estimatedCostUsd,r.costCount++,(n.tokensInput!=null||n.tokensOutput!=null)&&(r.blendedCostSum+=n.estimatedCostUsd,r.blendedTokensSum+=(n.tokensInput??0)+(n.tokensOutput??0)))}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.lowSuccessSessions>0});return n.sort((e,t)=>t.sessions-e.sessions)}function CW(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 wW({data:e}){return(0,I.jsx)(DH,{data:e.map(e=>({count:e.peak,tooltip:`${e.date.slice(5)}: ${e.peak}`})),ariaLabel:`Peak concurrent sessions over ${e.length} days`})}var TW=[{key:`all`,label:`All`},{key:`sensitive_file`,label:`Sensitive files`},{key:`destructive_command`,label:`Destructive`},{key:`external_network`,label:`External network`}],EW={critical:`danger`,high:`warning`,medium:`info`};function DW(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 OW(){let[e,t]=(0,F.useState)(`all`),{data:n,isLoading:r,error:i}=L({queryKey:z.audit,queryFn:()=>pr()}),a=n??[],o=e===`all`?a:a.filter(t=>t.classification===e),s=o.slice(0,200);return(0,I.jsxs)(`section`,{children:[(0,I.jsx)(zH,{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)(Qr,{variant:`secondary`,size:`md`,onClick:()=>DW(s),children:[`Export JSONL (max `,200,` rows)`]})]}),(0,I.jsx)(`div`,{className:`flex gap-2 mb-3 flex-wrap`,children:TW.map(({key:n,label:r})=>(0,I.jsx)(Qr,{variant:e===n?`primary`:`secondary`,size:`sm`,onClick:()=>t(n),children:r},n))}),r&&(0,I.jsx)(W,{icon:`clock`,variant:`loading`,title:`Loading...`}),i&&(0,I.jsx)(`div`,{className:`text-accent-red text-xs`,children:`Error loading audit log.`}),!r&&!i&&o.length>200&&(0,I.jsxs)(`div`,{className:`text-[11px] text-ink-muted mb-2`,children:[`Showing first `,200,` of `,o.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:[o.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.`})}),s.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]`,children:e.target}),(0,I.jsx)(`td`,{className:`p-2`,children:(0,I.jsx)(ni,{tone:e.severity?EW[e.severity]??`neutral`:`neutral`,size:`sm`,children:TW.find(t=>t.key===e.classification)?.label??e.classification})}),(0,I.jsx)(`td`,{className:`p-2 text-ink-subtle`,children:e.sessionId??`—`})]},`${e.ts}-${e.tool}-${e.target}`))]})]})})]})}var kW={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`},AW={info:`info`,warning:`warning`,critical:`danger`},jW={resolved:`text-accent-green`,aborted:`text-accent-red`,pending:`text-accent-amber`},MW={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 NW(e){return e===null?`—`:e<1e3?`${e}ms`:e<6e4?`${(e/1e3).toFixed(1)}s`:`${(e/6e4).toFixed(1)}m`}function PW(e){return e.replace(/_/g,` `)}function FW({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 IW(){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)(W,{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)(ni,{tone:e===r.currentRepo?`success`:`neutral`,size:`sm`,bordered:!0,className:`font-mono`,children:t},e)})]}),(0,I.jsx)(W,{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)(zH,{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)(ni,{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)(FW,{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)(FW,{score:e.efficiencyScore})]})]})]}),(0,I.jsx)(Xi,{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)(U,{label:`commits today`,hero:!0,value:String(e.commitCount),animate:!0,numericValue:e.commitCount}),(0,I.jsx)(U,{label:`PRs opened`,tone:e.prMetrics.created>0?`good`:`neutral`,value:String(e.prMetrics.created),animate:!0,numericValue:e.prMetrics.created}),(0,I.jsx)(U,{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)(U,{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)(Xi,{index:1,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{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)(ni,{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)(ni,{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)(Xi,{index:2,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Conflict Resolution`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(U,{label:`Resolution rate`,value:e.conflictResolutionRate===null?`—`:`${Math.round(e.conflictResolutionRate*100)}%`}),(0,I.jsx)(U,{label:`Avg resolution time`,value:NW(e.avgConflictResolutionMs)}),(0,I.jsx)(U,{label:`Aborted ops`,value:String(e.abortedOperations)}),(0,I.jsx)(U,{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 ${jW[e.resolution]}`,children:e.resolution}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:NW(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)(Xi,{index:3,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{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 ${kW[e.severity]}`,children:(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(ni,{tone:AW[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)(Xi,{index:4,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Velocity & Workflow`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(U,{label:`Avg time between commits`,value:NW(e.velocityMetrics.avgTimeBetweenCommitsMs)}),(0,I.jsx)(U,{label:`Longest gap`,value:NW(e.velocityMetrics.longestGapMs)}),(0,I.jsx)(U,{label:`Commit bursts`,value:String(e.velocityMetrics.commitBurstCount)}),(0,I.jsx)(U,{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)(Xi,{index:5,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Pull Requests`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(U,{label:`PRs created`,value:String(e.prMetrics.created),tone:e.prMetrics.created>0?`good`:`neutral`}),(0,I.jsx)(U,{label:`PRs merged`,value:String(e.prMetrics.merged),tone:e.prMetrics.merged>0?`good`:`neutral`}),(0,I.jsx)(U,{label:`CI checks viewed`,value:String(e.prMetrics.checksViewed)}),(0,I.jsx)(U,{label:`Time to PR`,value:NW(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)(ni,{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)(Xi,{index:6,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Conflict Resolution Strategy`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(U,{label:`Accept ours`,value:String(e.conflictResolutionStrategy.oursCount)}),(0,I.jsx)(U,{label:`Accept theirs`,value:String(e.conflictResolutionStrategy.theirsCount)}),(0,I.jsx)(U,{label:`Manual merge`,value:String(e.conflictResolutionStrategy.manualMergeCount)}),(0,I.jsx)(U,{label:`Cherry-picks`,value:String(e.conflictResolutionStrategy.cherryPickCount)})]})]})}),(e.resetHards>0||e.discardedChanges>0||e.forcePushes>0)&&(0,I.jsx)(Xi,{index:7,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Destructive Operations`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-3`,children:[(0,I.jsx)(U,{label:`Hard resets`,value:String(e.resetHards)}),(0,I.jsx)(U,{label:`Discarded changes`,value:String(e.discardedChanges)}),(0,I.jsx)(U,{label:`Force pushes`,value:String(e.forcePushes)})]})]})}),(0,I.jsx)(Xi,{index:8,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{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 ${MW[e.type]??`bg-surface-8 text-ink-subtle`}`,children:PW(e.type)})}),(0,I.jsx)(`td`,{className:`p-2 tabular-nums text-ink-subtle`,children:NW(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 LW({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 RW({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 zW={ok:`●`,warn:`▲`,fail:`✗`,skip:`–`},BW={ok:`text-accent-green`,warn:`text-accent-amber`,fail:`text-accent-red`,skip:`text-ink-muted`};function VW(){let{data:e,isLoading:t,isError:n,refetch:r}=L({queryKey:z.diagnostics,queryFn:()=>Rr(),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)(ci,{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)(W,{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 ${BW[e.status]??`text-ink-muted`}`,children:zW[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 HW(){let e=Ye(),{data:t,isLoading:n,error:r}=L({queryKey:z.settings,queryFn:()=>Lr()}),{data:i}=L({queryKey:[`observability-health`],queryFn:Vr,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=>zr(e),onSuccess:()=>{e.invalidateQueries({queryKey:z.settings}),b(null)},onError:e=>{b(String(e))}});if(n)return(0,I.jsx)(W,{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)(VW,{}),(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)(ci,{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)(LW,{label:`Account ID`,value:t.accountId}),(0,I.jsx)(LW,{label:`App name`,value:t.appName}),(0,I.jsx)(LW,{label:`Mode`,value:t.mode}),(0,I.jsx)(LW,{label:`Storage path`,value:t.storagePath}),(0,I.jsx)(LW,{label:`High security`,value:t.highSecurity?`enabled`:`disabled`}),(0,I.jsx)(LW,{label:`License key`,value:t.licenseKey}),(0,I.jsx)(`div`,{className:`mt-3 flex items-center gap-3`,children:(0,I.jsx)(Qr,{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)(ci,{title:`Cost & Retention`,subtitle:`Budget caps trigger warnings at 50%, 80%, and 100%. Leave blank for no limit.`}),(0,I.jsx)(RW,{label:`Session budget (USD)`,value:w,onChange:u,min:.01}),(0,I.jsx)(RW,{label:`Daily budget (USD)`,value:T,onChange:f,min:.01}),(0,I.jsx)(RW,{label:`Weekly budget (USD)`,value:E,onChange:m,min:.01}),(0,I.jsx)(RW,{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)(Qr,{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 UW({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 WW({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)(UW,{pct:t.pctUsed,exceeded:t.exceeded}),(0,I.jsxs)(`span`,{className:`text-xs tabular-nums text-ink-base`,children:[Ci(t.spentUsd),t.budgetUsd===null?``:` / ${Ci(t.budgetUsd)}`,t.pctUsed===null?``:` (${t.pctUsed.toFixed(0)}%)`]}),t.exceeded&&(0,I.jsx)(ni,{tone:`danger`,size:`sm`,children:`exceeded`})]})}function GW(){let e=Ye(),t=L({queryKey:z.budget,queryFn:()=>hr(),refetchInterval:1e4}),n=L({queryKey:z.settings,queryFn:()=>Lr()}),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=>zr(e),onSuccess:()=>void e.invalidateQueries({queryKey:z.settings})}),g=ut({mutationFn:()=>Br(),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)(ci,{title:`Budget Status`}),t.isLoading&&(0,I.jsx)(W,{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)(WW,{label:`session`,p:r.session}),(0,I.jsx)(WW,{label:`daily`,p:r.daily}),(0,I.jsx)(WW,{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:[Ci(e.spentUsd),` / `,Ci(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)(ci,{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)(W,{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)(Qr,{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)(ci,{title:`Slack Digest`,subtitle:`Weekly digest sent to a Slack incoming webhook. URL changes take effect immediately.`}),n.isLoading&&(0,I.jsx)(W,{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)(ni,{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)(Qr,{variant:`primary`,size:`md`,onClick:v,disabled:h.isPending,loading:h.isPending,children:h.isPending?`Saving…`:`Save`}),i.digestWebhookUrl&&(0,I.jsx)(Qr,{variant:`danger`,size:`md`,onClick:()=>h.mutate({digestWebhookUrl:null},{onSuccess:()=>u(void 0)}),disabled:h.isPending,children:`Unsubscribe`}),(0,I.jsx)(Qr,{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 KW(){Vi();let e=Yn(e=>e.connected),[t,n]=qt(),[r,i]=(0,F.useState)(!1),{theme:a,toggleTheme:o}=Ki(),s=(0,F.useCallback)(()=>i(e=>!e),[]),c=(0,F.useCallback)(()=>i(!1),[]);return Hi({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)(Pi,{}),(0,I.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,I.jsx)(hi,{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)(Fi,{resetKey:t,children:(0,I.jsxs)(nn,{children:[(0,I.jsx)($t,{path:`/sessions`,component:PU}),(0,I.jsx)($t,{path:`/history`,component:iW}),(0,I.jsx)($t,{path:`/audit`,component:OW}),(0,I.jsx)($t,{path:`/git`,component:IW}),(0,I.jsx)($t,{path:`/settings`,component:HW}),(0,I.jsx)($t,{path:`/alerts`,component:GW}),(0,I.jsx)($t,{path:`/`,component:$H}),(0,I.jsx)($t,{children:(0,I.jsx)(`div`,{className:`text-ink-muted`,children:`Not found`})})]})})})]})]}),(0,I.jsx)(Li,{open:r,onClose:c})]})}var qW=new Ge({defaultOptions:{queries:{staleTime:5e3,retry:0,refetchOnWindowFocus:!1}}}),JW=document.getElementById(`root`);if(!JW)throw Error(`Mount node #root not found`);(0,dt.createRoot)(JW).render((0,I.jsx)(F.StrictMode,{children:(0,I.jsx)(Xe,{client:qW,children:(0,I.jsx)(KW,{})})}));
63
+ In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function PV(e,t){if(e){if(typeof e==`string`)return FV(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)?FV(e,t):void 0}}function FV(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 IV(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 LV(e){if(Array.isArray(e))return e}var RV=()=>(IA(),null);function zV(e){if(typeof e==`number`)return e;if(typeof e==`string`){var t=parseFloat(e);if(!Number.isNaN(t))return t}return 0}var BV=(0,F.forwardRef)((e,t)=>{var n=(0,F.useRef)(null),r=MV((0,F.useState)({containerWidth:zV(e.style?.width),containerHeight:zV(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(gm,{width:i.containerWidth,height:i.containerHeight}),F.createElement(`div`,jV({ref:s},e)))}),VV=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height,i=MV((0,F.useState)({containerWidth:zV(n),containerHeight:zV(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(gm,{width:a.containerWidth,height:a.containerHeight}),F.createElement(`div`,jV({ref:c},e)))}),HV=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height;return F.createElement(F.Fragment,null,F.createElement(gm,{width:n,height:r}),F.createElement(`div`,jV({ref:t},e)))}),UV=(0,F.forwardRef)((e,t)=>{var n=e.width,r=e.height;return typeof n==`string`||typeof r==`string`?F.createElement(VV,jV({},e,{ref:t})):typeof n==`number`&&typeof r==`number`?F.createElement(HV,jV({},e,{width:n,height:r,ref:t})):F.createElement(F.Fragment,null,F.createElement(gm,{width:n,height:r}),F.createElement(`div`,jV({ref:t},e)))});function WV(e){return e?BV:UV}var GV=(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=Gc(),C=MV((0,F.useState)(null),2),w=C[0],T=C[1],E=MV((0,F.useState)(null),2),D=E[0],O=E[1],k=TV(),A=rm(),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(vB(e)),S(BB({handler:a,reactEvent:e}))},[S,a]),ne=(0,F.useCallback)(e=>{S(bB(e)),S(BB({handler:l,reactEvent:e}))},[S,l]),N=(0,F.useCallback)(e=>{S(GD()),S(BB({handler:u,reactEvent:e}))},[S,u]),P=(0,F.useCallback)(e=>{S(bB(e)),S(BB({handler:d,reactEvent:e}))},[S,d]),re=(0,F.useCallback)(()=>{S(NB())},[S]),ie=(0,F.useCallback)(()=>{S(PB())},[S]),ae=(0,F.useCallback)(e=>{S(MB(e.key))},[S]),oe=(0,F.useCallback)(e=>{S(BB({handler:o,reactEvent:e}))},[S,o]),se=(0,F.useCallback)(e=>{S(BB({handler:s,reactEvent:e}))},[S,s]),ce=(0,F.useCallback)(e=>{S(BB({handler:c,reactEvent:e}))},[S,c]),le=(0,F.useCallback)(e=>{S(BB({handler:f,reactEvent:e}))},[S,f]),ue=(0,F.useCallback)(e=>{S(BB({handler:h,reactEvent:e}))},[S,h]),de=(0,F.useCallback)(e=>{b&&S(KB(e)),S(BB({handler:m,reactEvent:e}))},[S,b,m]),fe=(0,F.useCallback)(e=>{S(BB({handler:p,reactEvent:e}))},[S,p]),pe=WV(v);return F.createElement(uA.Provider,{value:w},F.createElement(Xo.Provider,{value:D},F.createElement(pe,{width:j??g?.width,height:ee??g?.height,className:Xa(`recharts-wrapper`,r),style:DV({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(RV,null),n)))}),KV=[`width`,`height`,`responsive`,`children`,`className`,`style`,`compact`,`title`,`desc`];function qV(e,t){if(e==null)return{};var n,r,i=JV(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 JV(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 YV=(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=no(qV(e,KV));return c?F.createElement(F.Fragment,null,F.createElement(gm,{width:n,height:r}),F.createElement(vV,{otherAttributes:d,title:l,desc:u},a)):F.createElement(GV,{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(vV,{otherAttributes:d,title:l,desc:u,ref:t},F.createElement(IF,null,a)))});function XV(){return XV=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},XV.apply(null,arguments)}function ZV(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 QV(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ZV(Object(n),!0).forEach(function(t){$V(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ZV(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function $V(e,t,n){return(t=eH(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function eH(e){var t=tH(e,`string`);return typeof t==`symbol`?t:t+``}function tH(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 nH=QV({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`},QB),rH=(0,F.forwardRef)(function(e,t){var n=oc(e.categoricalChartProps,nH),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(iV,{preloadedState:{options:c},reduxStoreName:s.id??r},F.createElement(_F,{chartData:s.data}),F.createElement(oV,{layout:n.layout,margin:n.margin}),F.createElement(cV,{throttleDelay:n.throttleDelay,throttledEvents:n.throttledEvents}),F.createElement(sV,{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(YV,XV({},n,{ref:t})))}),iH=[`axis`,`item`],aH=(0,F.forwardRef)((e,t)=>F.createElement(rH,{chartName:`BarChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:iH,tooltipPayloadSearcher:gA,categoricalChartProps:e,ref:t})),oH=[`axis`],sH=(0,F.forwardRef)((e,t)=>F.createElement(rH,{chartName:`AreaChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:oH,tooltipPayloadSearcher:gA,categoricalChartProps:e,ref:t})),cH=[`system`,`tools`,`user`,`assistant`],lH={system:`bg-accent-indigo`,tools:`bg-accent-amber`,user:`bg-accent-blue`,assistant:`bg-accent-green`},uH={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)]`},dH={system:`bg-accent-indigo`,tools:`bg-accent-amber`,user:`bg-accent-blue`,assistant:`bg-accent-green`},fH={system:`System`,tools:`Tools`,user:`User`,assistant:`Assistant`},pH={system:`#6366f1`,tools:`#ffb224`,user:`#0095ff`,assistant:`#1ce783`},mH={fontSize:10,fill:`#6b7280`},hH=`#2a2a3a`;function gH({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)(am,{width:`100%`,height:120,children:(0,I.jsxs)(sH,{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)(yL,{strokeDasharray:`3 3`,stroke:hH}),(0,I.jsx)($z,{dataKey:`turn`,tick:mH,stroke:hH}),(0,I.jsx)(mB,{domain:[0,100],unit:`%`,tick:mH,stroke:hH}),(0,I.jsx)($A,{contentStyle:{backgroundColor:`#1a1a2e`,border:`1px solid #2a2a3a`,fontSize:11},formatter:(e,t)=>[`${e.toFixed(1)}%`,t],labelFormatter:e=>`Turn ${e}`}),(0,I.jsx)(XF,{y1:80,y2:100,fill:`url(#${n})`,ifOverflow:`visible`}),cH.map(e=>(0,I.jsx)(CR,{type:`monotone`,dataKey:e,stackId:`context`,stroke:pH[e],fill:pH[e],fillOpacity:.4,strokeWidth:1,dot:!1},e))]})})})}function _H(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e)}function vH(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 yH({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?vH(e,_):i??(g?vH(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)(ni,{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:[_H(C.currentTokens),D&&D>0&&(0,I.jsx)(`span`,{className:`text-ink-muted`,children:` / ${_H(D)}`}),C.delta>0&&(0,I.jsxs)(`span`,{className:`text-accent-amber ml-1`,children:[`+`,_H(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:cH.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:`${lH[e]} transition-all duration-500 ease-out cursor-default relative ${r?`brightness-125 ${uH[e]}`:``}`,style:{width:`${t/T*b}%`},title:`${fH[e]}: ${_H(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:[cH.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 ${dH[e]} ${n?`scale-150`:``} transition-transform duration-200`}),fH[e],n&&t>0&&(0,I.jsx)(`span`,{className:`text-ink-subtle ml-0.5`,children:_H(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)(gH,{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 bH={success:`success`,failure:`danger`,unknown:`neutral`};function xH({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,li.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)(SH,{label:`Longest failure streak`,value:String(e.longestFailureStreak)}),(0,I.jsx)(SH,{label:`Success rate`,value:e.successRate===null?`—`:`${Math.round(e.successRate*100)}%`}),(0,I.jsx)(SH,{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)(ni,{tone:bH[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)(SH,{label:`Total attributed cost`,value:`$${t.totalAttributedCost.toFixed(2)}`}),(0,I.jsx)(SH,{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,` · `,Ti(e.inputTokens),` in /`,` `,Ti(e.outputTokens),` out /`,` `,Ti(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)(gH,{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 SH({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 CH=`var(--color-chart-block)`,wH=`var(--color-chart-block-peak)`,TH=10,EH=13;function DH({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*EH} ${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*EH,y:s-(r+1)*12,width:TH,height:TH,rx:1,fill:i?wH:CH,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*EH,y:0,width:EH,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 OH=`nr-observe-peak-concurrent`;function kH({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(OH)??`0`,10);if(o.current===null&&(o.current=r),e>o.current){localStorage.setItem(OH,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)(AH,{}),(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)(DH,{data:c,ariaLabel:`Concurrency over time, peak ${t}`})})]})}function AH(){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 jH=5,MH=[`var(--color-heatmap-0)`,`var(--color-heatmap-1)`,`var(--color-heatmap-2)`,`var(--color-heatmap-3)`,`var(--color-heatmap-4)`];function NH(e,t){if(e===0)return MH[0];let n=e/t;return MH[Math.min(Math.ceil(n*(jH-1)),jH-1)]}function PH(e,t,n){let r=e+n*t;return new Date(r).toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`})}function FH({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)(RH,{days:c,maxCount:n,width:a,height:o,ariaLabel:s}):(0,I.jsx)(IH,{buckets:t,maxCount:n,bucketSizeMs:r,startTimestamp:i,width:a,height:o,ariaLabel:s})}function IH({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:NH(e,t),className:`heatmap-cell`,style:{animationDelay:`${Math.min(i*8,400)}ms`},onMouseEnter:t=>{let a=PH(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 LH=[`Mon`,``,`Wed`,``,`Fri`,``,`Sun`];function RH({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:[LH.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:NH(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`}),MH.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 zH({theme:e=`observatory`}){return(0,I.jsxs)(`div`,{className:`geo-banner`,"aria-hidden":`true`,children:[e===`observatory`&&(0,I.jsx)(BH,{}),e===`sessions`&&(0,I.jsx)(VH,{}),e===`history`&&(0,I.jsx)(HH,{}),e===`audit`&&(0,I.jsx)(UH,{}),e===`git`&&(0,I.jsx)(WH,{})]})}function BH(){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 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:`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 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:`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 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:`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 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:`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 GH(e){let t=e==null?new Date:new Date(e);return t.setHours(0,0,0,0),t.getTime()}function KH(e,t){let n=new Date(e),r=t==null?new Date:new Date(t);return n.getFullYear()===r.getFullYear()&&n.getMonth()===r.getMonth()&&n.getDate()===r.getDate()}function qH(e,t){let n=GH(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 JH={weekday:`short`,month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`},YH=3e4,XH={info:`text-ink-muted`,warning:`text-accent-amber`,critical:`text-accent-red`};function ZH(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 QH=1e4;function $H(){let e=Yn(e=>e.cost),t=Yn(e=>e.antiPatterns),n=$n(),{data:r}=L({queryKey:[`observability-health`],queryFn:Vr,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)(()=>hU(c??[]),[c]),y=(0,F.useMemo)(()=>gU(c??[]),[c]),b=(0,F.useMemo)(()=>_U(c??[]),[c]),x=(0,F.useMemo)(()=>vU(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,JH)),ne=(0,F.useRef)(Date.now());(0,F.useEffect)(()=>{let e=setInterval(()=>{let e=Date.now();te(new Date(e).toLocaleString(void 0,JH)),KH(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)(zH,{}),(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)(Xi,{index:0,className:`glass-card p-8 mb-4`,children:(0,I.jsx)(W,{icon:`code`,title:`No activity yet today`,subtitle:`Metrics will appear here once you start a coding session with Claude.`})}),(0,I.jsx)(Xi,{index:1,children:(0,I.jsx)(uU,{})})]}):(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)(Xi,{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)(U,{label:`efficiency`,hero:!0,value:P,sub:re,...N===null?{}:{animate:!0,numericValue:Math.round(N*100),suffix:`%`}}),(0,I.jsx)(U,{label:`spend today`,tone:`good`,value:w?`…`:Ci(T),...w?{}:{animate:!0,numericValue:T,format:Ci}}),(0,I.jsx)(U,{label:`subagent spend`,value:A?Ci(O):`—`,sub:`${k} turns`,...A?{animate:!0,numericValue:O,format:Ci}:{}}),(0,I.jsx)(U,{label:`tool calls`,value:String(C),animate:!0,numericValue:C}),(0,I.jsx)(U,{label:`flags`,tone:D>0?`warn`:`neutral`,value:String(D),animate:!0,numericValue:D})]})})}),(0,I.jsxs)(Xi,{index:1,className:`grid grid-cols-2 gap-3 mb-3`,children:[(0,I.jsx)(yU,{todayTotal:j,forecastEod:w?null:e?.forecastEodUsd??o?.forecastEndOfDayUsd??i?.forecast?.forecastEndOfDayUsd??null,hourlySpend:x,subagentUsd:ee}),f&&f.buckets&&(0,I.jsx)(kH,{current:f.current,peak:f.peak,allTimePeak:f.allTimePeak,bucketSizeMs:f.bucketSizeMs,startTimestamp:f.startTimestamp,buckets:f.buckets})]}),D>0&&(0,I.jsx)(Xi,{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)(ni,{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)(ni,{tone:`neutral`,size:`sm`,className:`ml-2`,children:[`Session: `,lU(t[0].sessionId,g??[])]})]}):u&&u.length>0?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ni,{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)(ni,{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)(Xi,{index:3,className:`grid grid-cols-3 gap-3 mb-3`,children:[(0,I.jsx)(eU,{}),(0,I.jsx)(tU,{}),(0,I.jsx)(nU,{aggregate:o}),(0,I.jsx)(rU,{}),(0,I.jsx)(aU,{aggregate:o}),(0,I.jsx)(oU,{})]}),(0,I.jsx)(Xi,{index:4,children:(0,I.jsx)(cU,{sessions:c??[],liveSessions:g??[]})}),m&&m.buckets?.length>0&&(0,I.jsx)(Xi,{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)(ui,{text:`Tool-call activity in 15-minute blocks across today. Darker blocks mean more calls in that window.`})]}),(0,I.jsx)(FH,{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)(Xi,{index:6,children:(0,I.jsx)(uU,{})})]})]})}function eU(){let{data:e}=L({queryKey:z.qualityProxy,queryFn:Tr,refetchInterval:QH});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)(ui,{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)(W,{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:gi(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:gi(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 tU(){let{data:e}=L({queryKey:z.toolSelectionScore,queryFn:Er,refetchInterval:QH});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)(ui,{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)(W,{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 ${_i(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 nU({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)(ui,{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)(W,{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:Ei(e)}),(0,I.jsxs)(`span`,{className:`tabular-nums text-ink-subtle`,children:[t.p95,`ms p95`]})]},e))})]})]})}function rU(){let{data:e}=L({queryKey:z.modelUsage,queryFn:Fr,refetchInterval:QH}),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)(ui,{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)(W,{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:[wi(t.costPerMillionTokens),`/1M tok`]}),(0,I.jsx)(`span`,{className:`text-ink-base`,children:Ci(t.totalCostUsd)})]})]},e)),e?.mostEfficientModel&&(0,I.jsxs)(`div`,{className:`text-[10px] text-accent-green mt-1`,children:[`Most efficient: `,e.mostEfficientModel]})]})]})}function iU(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 aU({aggregate:e}){let{data:t}=L({queryKey:z.cacheHealth,queryFn:Ir,refetchInterval:QH}),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)(ui,{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)(W,{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)(ni,{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:iU(n.status,n.cacheHitRatePct)})]})]})}function oU(){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)(ui,{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)(ni,{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:ZH(e.status,i?.type??null)})]})}var sU=3e3;function cU({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?sU:!1}),{data:_}=L({queryKey:p?z.sessionSubagents(p):[`subagents`,`none`],queryFn:()=>Cr(p),enabled:p!==null,retry:!1,refetchInterval:m?sU:!1}),{data:v}=L({queryKey:z.workflows,queryFn:Hr,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&&fU(t.startTime),a=r.has(t.sessionId),o=t.startTime!=null&&t.durationMs!=null?t.startTime+t.durationMs:null,s=o!=null&&o>=n&&fU(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)(ui,{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)(ii,{label:`live`,size:`sm`}):(0,I.jsx)(`span`,{className:`text-[10px] text-ink-muted`,title:e.startTime?`Started ${yi(e.startTime)}`:void 0,children:e.startTime?yi(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:Ci(e.estimatedCostUsd)}):(0,I.jsx)(`span`,{children:`—`})]})]},e.sessionId)}),d.size===0&&T.length===0&&(0,I.jsx)(W,{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)(ni,{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)(W,{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)(wa,{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)(yH,{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)(Ja,{runId:i,onClose:()=>a(null)}),o&&(0,I.jsx)(xH,{decisionTree:b,turnCosts:y,contextHistory:x?.history,contextWindow:x?.contextWindow,contextComposition:S,contextEfficiency:C,onClose:()=>s(!1)})]})}function lU(e,t){let n=t.find(t=>t.sessionId===e);return n?.sessionName?n.sessionName:e.slice(0,8)}function uU(){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:YH,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)(ui,{text:`The most recent alert firings and resolutions from your configured alert rules, newest first.`})]}),t&&(0,I.jsx)(W,{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:dU(e.firedAt)}),(0,I.jsxs)(`td`,{className:`py-1`,children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,className:XH[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:[Si(e.value),` / `,Si(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 dU(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 fU=e=>KH(e);function pU(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 qH({startTime:e.startTime,endTime:t})}function mU(e){let t=e.estimatedCostUsd;return t==null||t<=0?0:t*pU(e)}function hU(e){let t=0;for(let n of e)t+=mU(n);return t}function gU(e){let t=0;for(let n of e){let e=pU(n);e>0&&(t+=(n.toolCallCount??0)*e)}return Math.round(t)}function _U(e){let t=0;for(let n of e){let e=pU(n);e>0&&(t+=(n.antiPatterns?.length??0)*e)}return Math.round(t)}function vU(e){let t=Array(24).fill(0),n=GH(),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 yU({todayTotal:e,forecastEod:t,hourlySpend:n,subagentUsd:r=0}){let i=t!==null&&Number.isFinite(t),a=i?Math.max(t,e):0,o=i?a-e:0,s=i&&e>0?o/e*100:0,c=n.some(e=>e.cost>0),l=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)(ui,{text:`Projects today's total spend by midnight, based on the spending trend so far this hour-by-hour.`})]}),i?(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:Ci(a)}),(0,I.jsx)(`span`,{className:`text-xs text-ink-muted tabular-nums`,children:o>0?(0,I.jsxs)(I.Fragment,{children:[`+`,Ci(o),e>0&&` (+${s.toFixed(0)}%)`,` from now`]}):(0,I.jsx)(I.Fragment,{children:`on pace`})})]}),c&&(0,I.jsxs)(`div`,{className:`mt-2`,children:[(0,I.jsx)(ra,{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 `,Ci(l)]}),(0,I.jsx)(`span`,{className:`text-ink-subtle`,children:`·`}),(0,I.jsxs)(`span`,{children:[`subagent `,Ci(r)]})]})]})]}):(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`Insufficient data — forecast appears once burn rate stabilizes.`})]})}function bU(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 xU(e){return e<6e5?3e4:e<36e5?6e4:e<144e5?3e5:9e5}var SU=50,CU={thrashing:`Edit/Test Thrashing`,stuck_loop:`Stuck Loop`,blind_editing:`Blind Editing`,re_reading:`Repeated Reads`,over_delegation:`Over-Delegation`},wU={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`}},TU=[{value:`today`,label:`Today`},{value:`7d`,label:`7 days`},{value:`30d`,label:`30 days`},{value:`all`,label:`All`}],EU=[{value:`all`,label:`All sources`},{value:`script`,label:`Script`},{value:`agent_tool`,label:`Agent tool`}],DU=[{value:`all`,label:`All`},{value:`running`,label:`Running`},{value:`completed`,label:`Completed`},{value:`failed`,label:`Failed`},{value:`cancelled`,label:`Cancelled`}];function OU(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 kU(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 AU(e){return typeof e.startTime==`number`?e.startTime:new Date(e.startTime??0).getTime()}function jU(e){return AU(e)+(e.durationMs??0)}function MU(e,t){let n=[...e];switch(t){case`date`:n.sort((e,t)=>AU(t)-AU(e));break;case`lastActive`:n.sort((e,t)=>jU(t)-jU(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 NU(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function PU(){let e=Jt(),[t,n]=(0,F.useState)(()=>kU(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)(()=>kU(e),[e]);(0,F.useEffect)(()=>{_&&n(_)},[_]);let v=L({queryKey:z.sessionsList(SU),queryFn:()=>ir(SU),refetchInterval:1e4}),{data:y}=L({queryKey:z.workflows,queryFn:Hr,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)(()=>MU(v.data??[],r),[v.data,r]),w=(0,F.useMemo)(()=>Array.isArray(y)?y:[],[y]),T=(0,F.useMemo)(()=>w.filter(e=>!(!OU(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=(0,F.useMemo)(()=>O?C.filter(e=>D.has(e.sessionId)):C,[O,C,D]),A=(0,F.useMemo)(()=>{let e=new Set(k.map(e=>e.sessionId)),t=0;for(let n of T)typeof n.parentSessionId==`string`&&!e.has(n.parentSessionId)&&t++;return t},[T,k]);(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 j=e=>{n(e)},ee=(0,F.useCallback)(e=>{m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),M=(0,F.useCallback)(e=>{g(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),te=(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)(zH,{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)(U,{label:`Workflow runs`,value:String(E.totalRuns),numericValue:E.totalRuns,animate:!0})}),(0,I.jsx)(`div`,{className:`px-3`,children:(0,I.jsx)(U,{label:`Subagents`,value:String(E.totalAgents),numericValue:E.totalAgents,animate:!0})}),(0,I.jsx)(`div`,{className:`px-3`,children:(0,I.jsx)(U,{label:`Workflow spend`,value:wi(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)(U,{label:`Avg duration`,value:E.avgDurationMs===null?`—`:xi(E.avgDurationMs)})})]}),A>0&&(0,I.jsxs)(`div`,{className:`text-[11px] text-ink-subtle mt-2 pt-2 border-t border-border-subtle`,children:[`+`,A,` run`,A===1?``:`s`,` above from `,A===1?`a session`:`sessions`,` outside the`,` `,k.length,` shown below`]})]}),(0,I.jsxs)(`div`,{className:`flex items-center gap-3 flex-wrap mb-2 shrink-0`,children:[(0,I.jsx)(si,{value:a,onChange:o,options:TU,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:EU.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:DU.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)(W,{variant:`loading`,icon:`timeline`,title:`Loading sessions`}),!v.isLoading&&k.length===0&&x.size===0&&(0,I.jsx)(W,{icon:`code`,title:O?`No matching sessions`:`No sessions yet`,subtitle:O?`No sessions own a workflow run matching these filters.`:`Start coding with Claude to see your sessions here.`}),k.map(e=>(0,I.jsx)(FU,{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:j,onToggleSession:ee,onToggleRun:M,onOpenRun:te},e.sessionId)),C.length>=SU&&(0,I.jsxs)(`div`,{className:`p-2 text-[10px] text-ink-muted text-center border-t border-border-subtle`,children:[`Only the `,SU,` 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)(W,{icon:`timeline`,title:`Loading sessions`,subtitle:`Selecting the most recent session…`}),t&&S.isLoading&&(0,I.jsx)(W,{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)(W,{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)(RU,{data:S.data,isLive:!!t&&x.has(t),onOpenRun:te})]})]}),d!=null&&(0,I.jsx)(Ja,{runId:d,onClose:()=>f(null)})]})}function FU({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)(ii,{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 ${vi(e.startTime)}`:void 0,children:e.startTime?vi(i===`lastActive`?jU(e):e.startTime):`—`}),(0,I.jsx)(`span`,{children:wi(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)(IU,{run:e,isExpanded:o.has(e.runId),onToggleRun:l,onOpenRun:u},e.runId))})]})}function IU({run:e,isExpanded:t,onToggleRun:n,onOpenRun:r}){let{data:i}=L({queryKey:z.workflowDetail(e.runId),queryFn:()=>Ur(e.runId),enabled:t}),a=(0,F.useMemo)(()=>i?.agents??[],[i]),o=wU[e.status]??wU.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:wi(e.totalUsd)}),(0,I.jsx)(ni,{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:NU(t.tokens)})]},t.agentId))})]})}function LU(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 RU({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:xi(e.durationMs),s=e.timeline??[],c=s.length>0?s[0].timestamp:0;return s.length===0&&i.length===0?(0,I.jsx)(W,{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)(ii,{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:Ci(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)(ni,{tone:`warning`,size:`sm`,bordered:!0,children:[CU[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:gi(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:gi(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 ${_i(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)(yH,{sessionId:e.sessionId})}),i.length>0&&(0,I.jsx)(BU,{breakdownEntries:i,totalCalls:a,isLive:t,sessionId:e.sessionId},`tools-${e.sessionId}`),(0,I.jsx)(HU,{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)(zU,{sessionId:e.sessionId,isLive:t,parentEntries:s,onOpenRun:n},e.sessionId)]})}function zU({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:Hr,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)(W,{variant:`loading`,icon:`radar`,title:`Loading subagents`}):o||i===void 0?(0,I.jsx)(wa,{sessionId:e,parentEntries:d,agents:[],window:u??{startMs:0,endMs:1},onSelectRun:r,runStatusById:c}):(0,I.jsx)(wa,{sessionId:e,parentEntries:d,agents:l,window:u??i.window,onSelectRun:r,runStatusById:c})})]})}function BU({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)(si,{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:Ei(e)}),(0,I.jsx)(`div`,{className:`flex-1 h-3 bg-surface-3 relative rounded`,children:(0,I.jsx)(`div`,{className:`h-3 rounded ${LU(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:Ei(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:[`~`,VU(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 VU(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function HU({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=xU(r),a=bU(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)(FH,{variant:`strip`,buckets:t.buckets,maxCount:t.maxCount,bucketSizeMs:t.bucketSizeMs,startTimestamp:t.startMs,ariaLabel:`Session activity density`})]}):null}var UU={fill:`var(--color-ink-muted)`,fontSize:10},WU=`var(--color-border-subtle)`,GU={background:`var(--color-bg-elevated)`,border:`1px solid var(--color-border-medium)`,borderRadius:8,fontSize:12,color:`var(--color-ink-base)`},KU=`var(--color-accent-green)`,qU=`var(--color-accent-amber)`,JU=`var(--color-accent-green)`,YU=`var(--color-accent-purple)`,XU=`var(--color-accent-blue)`,ZU=`var(--color-accent-teal)`;function QU(e){return e===`Read`?XU:e===`Edit`||e===`Write`?JU:e===`Bash`?YU:e===`Agent`?ZU:`var(--color-ink-muted)`}function $U(e){let t=e.toLowerCase();return t===`bug fix`||t===`fix`?`#FF6B6B`:t===`feature`?JU:t===`refactor`?XU:t===`configuration`||t===`config`?qU:t===`test`?ZU:t===`docs`?`#C4B5FD`:YU}function eW(e){return typeof e==`string`&&e.length>=10?e.slice(5,10):e}var tW=`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 nW({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 rW({data:e}){if(!e)return(0,I.jsx)(aW,{title:`Instruction Drift`,tooltip:tW,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading drift data…`})});let t=e.recentCorrelations[e.recentCorrelations.length-1];return t?(0,I.jsx)(aW,{title:`Instruction Drift — most recent instruction file change`,tooltip:tW,children:(0,I.jsxs)(`div`,{className:`flex items-center gap-6`,children:[(0,I.jsx)(ni,{tone:{improved:`success`,degraded:`danger`,neutral:`neutral`,insufficient_data:`neutral`}[t.verdict],children:t.verdict}),(0,I.jsx)(nW,{label:`Success`,value:t.successRateDelta===null?`—`:`${t.successRateDelta>0?`+`:``}${Math.round(t.successRateDelta*100)}%`}),(0,I.jsx)(nW,{label:`Tokens`,value:`${t.tokensDelta>0?`+`:``}${t.tokensDelta}`}),(0,I.jsx)(nW,{label:`Thrashing`,value:`${t.thrashingDelta>0?`+`:``}${t.thrashingDelta}`})]})}):(0,I.jsx)(aW,{title:`Instruction Drift`,tooltip:tW,children:(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:`No instruction file changes tracked yet.`})})}function iW(){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:Wr}),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=yW(gW(t.data??[],30),30),m=(t.data?.length??0)>=200&&_W(t.data??[],30),h=vW(n.data),g=bW(d),_=CW(t.data??[]),v=wW(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)(zH,{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)(aW,{title:`Weekly Efficiency · Last 12`,children:(0,I.jsx)(`div`,{className:`h-44 min-w-0`,children:(0,I.jsx)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(sH,{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:KU,stopOpacity:.3}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:KU,stopOpacity:0})]})}),(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{dataKey:`week`,tick:UU,stroke:WU,tickFormatter:eW}),(0,I.jsx)(mB,{tick:UU,stroke:WU,domain:[0,100],unit:`%`}),(0,I.jsx)($A,{contentStyle:GU}),(0,I.jsx)(CR,{type:`monotone`,dataKey:`efficiency`,stroke:KU,strokeWidth:2,fill:`url(#effGradient)`,dot:{r:2,fill:KU}})]})})})}),(0,I.jsxs)(aW,{title:`Daily Spend · Last 30 Days (most recent 200)`,children:[(0,I.jsx)(`div`,{className:`h-44 min-w-0`,children:(0,I.jsx)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{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:KU,stopOpacity:.9}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:KU,stopOpacity:.4})]})}),(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{dataKey:`day`,tick:UU,stroke:WU,tickFormatter:eW,interval:`preserveStartEnd`,minTickGap:20}),(0,I.jsx)(mB,{tick:UU,stroke:WU,unit:`$`}),(0,I.jsx)($A,{contentStyle:GU,labelFormatter:e=>eW(String(e)),cursor:!1}),(0,I.jsx)(Mz,{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)(aW,{title:`Cost Per Outcome · Last 30 Days`,children:h.length===0?(0,I.jsx)(W,{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)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{data:h,layout:`vertical`,children:[(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{type:`number`,tick:UU,stroke:WU,unit:`$`}),(0,I.jsx)(mB,{type:`category`,dataKey:`outcome`,tick:UU,stroke:WU,width:110}),(0,I.jsx)($A,{contentStyle:GU}),(0,I.jsx)(Mz,{dataKey:`totalCost`,radius:[0,3,3,0],children:h.map(e=>(0,I.jsx)(ej,{fill:$U(e.outcome),fillOpacity:.8},e.outcome))})]})})})}),(0,I.jsx)(aW,{title:`Anti-Pattern Frequency · Weekly`,children:g.length===0||g.every(e=>e.count===0)?(0,I.jsx)(W,{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)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{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:qU,stopOpacity:.9}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:qU,stopOpacity:.4})]})}),(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{dataKey:`week`,tick:UU,stroke:WU,tickFormatter:eW}),(0,I.jsx)(mB,{tick:UU,stroke:WU}),(0,I.jsx)($A,{contentStyle:GU}),(0,I.jsx)(Mz,{dataKey:`count`,fill:`url(#antiPatternGradient)`,radius:[3,3,0,0]})]})})})}),(0,I.jsx)(aW,{title:`Model Performance · Most Recent 200 Sessions`,children:_.length===0?(0,I.jsx)(W,{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:wi(e.avgCost)}),(0,I.jsx)(`td`,{className:`py-1 text-right tabular-nums text-ink-subtle`,children:wi(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)(aW,{title:`Top Tools · Most Recent 200 Sessions`,children:[v.length===0?(0,I.jsx)(W,{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)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{data:v,layout:`vertical`,children:[(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{type:`number`,tick:UU,stroke:WU}),(0,I.jsx)(mB,{type:`category`,dataKey:`tool`,tick:UU,tickFormatter:Ei,stroke:WU,width:120}),(0,I.jsx)($A,{contentStyle:GU,labelFormatter:e=>Ei(String(e))}),(0,I.jsx)(Mz,{dataKey:`count`,radius:[0,3,3,0],children:v.map(e=>(0,I.jsx)(ej,{fill:QU(Ei(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)(aW,{title:`Activity · Last 12 Weeks`,children:(0,I.jsx)(FH,{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)(TW,{data:x})}):(0,I.jsx)(W,{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)(mW,{data:o.data,isError:o.isError}),(0,I.jsx)(pW,{data:a.data,isError:a.isError})]}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(rW,{data:l.data})}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(hW,{data:r.data})}),(0,I.jsx)(`div`,{className:`mt-3`,children:(0,I.jsx)(lW,{data:i.data,isError:i.isError})})]})}function aW({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)(ui,{text:t})]}),(0,I.jsx)(`div`,{className:`mt-3`,children:n})]})}function oW({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 sW(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 cW(e){return e===`high`?`var(--color-accent-amber)`:e===`medium`?`var(--color-accent-blue)`:`var(--color-ink-muted)`}function lW({data:e,isError:t}){if(t)return(0,I.jsx)(aW,{title:`Recommendations`,children:(0,I.jsx)(W,{icon:`radar`,title:`Recommendations unavailable`,subtitle:`Connect a full Preflight session to enable recommendations.`})});if(!e)return(0,I.jsx)(aW,{title:`Recommendations`,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading recommendations…`})});if(e.recommendations.length===0)return(0,I.jsx)(aW,{title:`Recommendations`,children:(0,I.jsx)(W,{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)(aW,{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:sW(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:cW(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 uW(e){return e.startsWith(`Positive`)?`text-accent-green`:e.startsWith(`Negative`)?`text-accent-red`:`text-accent-amber`}function dW(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 fW(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 pW({data:e,isError:t}){if(t)return(0,I.jsx)(aW,{title:`Instruction File Impact`,children:(0,I.jsx)(W,{icon:`radar`,title:`Instruction file impact unavailable`})});if(!e)return(0,I.jsx)(aW,{title:`Instruction File Impact`,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading instruction file impact…`})});if(e.message||!e.change||!e.before||!e.after||!e.deltas||!e.verdict)return(0,I.jsx)(aW,{title:`Instruction File Impact`,children:(0,I.jsx)(W,{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)(aW,{title:`Instruction File Impact`,children:[(0,I.jsxs)(`div`,{className:`text-xs mb-3`,children:[(0,I.jsx)(`span`,{className:`font-medium ${uW(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:dW(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:fW(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:fW(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 mW({data:e,isError:t}){if(t)return(0,I.jsx)(aW,{title:`Collaboration Profile`,children:(0,I.jsx)(W,{icon:`radar`,title:`Collaboration profile unavailable`})});if(!e)return(0,I.jsx)(aW,{title:`Collaboration Profile`,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading collaboration profile…`})});if(e.sessionCount===0)return(0,I.jsx)(aW,{title:`Collaboration Profile`,children:(0,I.jsx)(W,{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)(aW,{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)(am,{width:`100%`,height:`100%`,minWidth:1,minHeight:1,children:(0,I.jsxs)(aH,{data:n,layout:`vertical`,children:[(0,I.jsx)(yL,{stroke:WU,strokeDasharray:`3 3`}),(0,I.jsx)($z,{type:`number`,domain:[0,100],tick:UU,stroke:WU,tickFormatter:e=>`${e}%`}),(0,I.jsx)(mB,{type:`category`,dataKey:`name`,tick:UU,stroke:WU,width:110}),(0,I.jsx)($A,{contentStyle:GU,formatter:e=>[`${e}%`]}),(0,I.jsx)(Mz,{dataKey:`value`,fill:ZU,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 hW({data:e}){return e?e.status===`insufficient_data`?(0,I.jsx)(aW,{title:`Personal Coach`,children:(0,I.jsx)(`div`,{className:`text-ink-muted text-xs`,children:e.message})}):(0,I.jsx)(aW,{title:`Personal coach`,children:(0,I.jsxs)(`div`,{className:`text-xs space-y-2`,children:[(0,I.jsx)(oW,{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)(aW,{title:`Personal Coach`,children:(0,I.jsx)(W,{variant:`loading`,title:`Loading coaching insights…`})})}function gW(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 _W(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 vW(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 yW(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 bW(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 xW=.85,SW=.3;function CW(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<xW&&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>SW});return n.sort((e,t)=>t.sessions-e.sessions)}function wW(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 TW({data:e}){return(0,I.jsx)(DH,{data:e.map(e=>({count:e.peak,tooltip:`${e.date.slice(5)}: ${e.peak}`})),ariaLabel:`Peak concurrent sessions over ${e.length} days`})}var EW=[{key:`all`,label:`All`},{key:`sensitive_file`,label:`Sensitive files`},{key:`destructive_command`,label:`Destructive`},{key:`external_network`,label:`External network`}],DW={critical:`danger`,high:`warning`,medium:`info`},OW={sensitive_file:`Sensitive files`,destructive_command:`Destructive`,external_network:`External network`,other:`Other`};function kW(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 AW(){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)(zH,{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)(Qr,{variant:`secondary`,size:`md`,onClick:()=>kW(c),children:[`Export JSONL (max `,200,` rows)`]})]}),(0,I.jsx)(`div`,{className:`flex gap-2 mb-3 flex-wrap`,children:EW.map(({key:n,label:r})=>(0,I.jsx)(Qr,{variant:e===n?`primary`:`secondary`,size:`sm`,onClick:()=>t(n),children:r},n))}),r&&(0,I.jsx)(W,{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)(ni,{tone:e.severity?DW[e.severity]??`neutral`:`neutral`,size:`sm`,children:OW[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 jW={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`},MW={info:`info`,warning:`warning`,critical:`danger`},NW={resolved:`text-accent-green`,aborted:`text-accent-red`,pending:`text-accent-amber`},PW={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 FW(e){return e===null?`—`:e<1e3?`${e}ms`:e<6e4?`${(e/1e3).toFixed(1)}s`:`${(e/6e4).toFixed(1)}m`}function IW(e){return e.replace(/_/g,` `)}function LW({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 RW(){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)(W,{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)(ni,{tone:e===r.currentRepo?`success`:`neutral`,size:`sm`,bordered:!0,className:`font-mono`,children:t},e)})]}),(0,I.jsx)(W,{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)(zH,{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)(ni,{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)(LW,{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)(LW,{score:e.efficiencyScore})]})]})]}),(0,I.jsx)(Xi,{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)(U,{label:`commits today`,hero:!0,value:String(e.commitCount),animate:!0,numericValue:e.commitCount}),(0,I.jsx)(U,{label:`PRs opened`,tone:e.prMetrics.created>0?`good`:`neutral`,value:String(e.prMetrics.created),animate:!0,numericValue:e.prMetrics.created}),(0,I.jsx)(U,{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)(U,{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)(Xi,{index:1,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{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)(ni,{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)(ni,{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)(Xi,{index:2,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Conflict Resolution`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(U,{label:`Resolution rate`,value:e.conflictResolutionRate===null?`—`:`${Math.round(e.conflictResolutionRate*100)}%`}),(0,I.jsx)(U,{label:`Avg resolution time`,value:FW(e.avgConflictResolutionMs)}),(0,I.jsx)(U,{label:`Aborted ops`,value:String(e.abortedOperations)}),(0,I.jsx)(U,{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 ${NW[e.resolution]}`,children:e.resolution}),(0,I.jsx)(`span`,{className:`text-ink-muted`,children:FW(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)(Xi,{index:3,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{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 ${jW[e.severity]}`,children:(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(ni,{tone:MW[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)(Xi,{index:4,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Velocity & Workflow`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(U,{label:`Avg time between commits`,value:FW(e.velocityMetrics.avgTimeBetweenCommitsMs)}),(0,I.jsx)(U,{label:`Longest gap`,value:FW(e.velocityMetrics.longestGapMs)}),(0,I.jsx)(U,{label:`Commit bursts`,value:String(e.velocityMetrics.commitBurstCount)}),(0,I.jsx)(U,{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)(Xi,{index:5,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Pull Requests`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(U,{label:`PRs created`,value:String(e.prMetrics.created),tone:e.prMetrics.created>0?`good`:`neutral`}),(0,I.jsx)(U,{label:`PRs merged`,value:String(e.prMetrics.merged),tone:e.prMetrics.merged>0?`good`:`neutral`}),(0,I.jsx)(U,{label:`CI checks viewed`,value:String(e.prMetrics.checksViewed)}),(0,I.jsx)(U,{label:`Time to PR`,value:FW(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)(ni,{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)(Xi,{index:6,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Conflict Resolution Strategy`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3`,children:[(0,I.jsx)(U,{label:`Accept ours`,value:String(e.conflictResolutionStrategy.oursCount)}),(0,I.jsx)(U,{label:`Accept theirs`,value:String(e.conflictResolutionStrategy.theirsCount)}),(0,I.jsx)(U,{label:`Manual merge`,value:String(e.conflictResolutionStrategy.manualMergeCount)}),(0,I.jsx)(U,{label:`Cherry-picks`,value:String(e.conflictResolutionStrategy.cherryPickCount)})]})]})}),(e.resetHards>0||e.discardedChanges>0||e.forcePushes>0)&&(0,I.jsx)(Xi,{index:7,className:`mb-3`,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{title:`Destructive Operations`}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-3`,children:[(0,I.jsx)(U,{label:`Hard resets`,value:String(e.resetHards)}),(0,I.jsx)(U,{label:`Discarded changes`,value:String(e.discardedChanges)}),(0,I.jsx)(U,{label:`Force pushes`,value:String(e.forcePushes)})]})]})}),(0,I.jsx)(Xi,{index:8,children:(0,I.jsxs)(B,{padding:`md`,children:[(0,I.jsx)(ci,{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 ${PW[e.type]??`bg-surface-8 text-ink-subtle`}`,children:IW(e.type)})}),(0,I.jsx)(`td`,{className:`p-2 tabular-nums text-ink-subtle`,children:FW(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 zW({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 BW({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 VW={ok:`●`,warn:`▲`,fail:`✗`,skip:`–`},HW={ok:`text-accent-green`,warn:`text-accent-amber`,fail:`text-accent-red`,skip:`text-ink-muted`};function UW(){let{data:e,isLoading:t,isError:n,refetch:r}=L({queryKey:z.diagnostics,queryFn:()=>Rr(),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)(ci,{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)(W,{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 ${HW[e.status]??`text-ink-muted`}`,children:VW[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 WW(){let e=Ye(),{data:t,isLoading:n,error:r}=L({queryKey:z.settings,queryFn:()=>Lr()}),{data:i}=L({queryKey:[`observability-health`],queryFn:Vr,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=>zr(e),onSuccess:()=>{e.invalidateQueries({queryKey:z.settings}),b(null)},onError:e=>{b(String(e))}});if(n)return(0,I.jsx)(W,{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)(UW,{}),(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)(ci,{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)(zW,{label:`Account ID`,value:t.accountId}),(0,I.jsx)(zW,{label:`App name`,value:t.appName}),(0,I.jsx)(zW,{label:`Mode`,value:t.mode}),(0,I.jsx)(zW,{label:`Storage path`,value:t.storagePath}),(0,I.jsx)(zW,{label:`High security`,value:t.highSecurity?`enabled`:`disabled`}),(0,I.jsx)(zW,{label:`License key`,value:t.licenseKey}),(0,I.jsx)(`div`,{className:`mt-3 flex items-center gap-3`,children:(0,I.jsx)(Qr,{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)(ci,{title:`Cost & Retention`,subtitle:`Budget caps trigger warnings at 50%, 80%, and 100%. Leave blank for no limit.`}),(0,I.jsx)(BW,{label:`Session budget (USD)`,value:w,onChange:u,min:.01}),(0,I.jsx)(BW,{label:`Daily budget (USD)`,value:T,onChange:f,min:.01}),(0,I.jsx)(BW,{label:`Weekly budget (USD)`,value:E,onChange:m,min:.01}),(0,I.jsx)(BW,{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)(Qr,{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 GW({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 KW({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)(GW,{pct:t.pctUsed,exceeded:t.exceeded}),(0,I.jsxs)(`span`,{className:`text-xs tabular-nums text-ink-base`,children:[Ci(t.spentUsd),t.budgetUsd===null?``:` / ${Ci(t.budgetUsd)}`,t.pctUsed===null?``:` (${t.pctUsed.toFixed(0)}%)`]}),t.exceeded&&(0,I.jsx)(ni,{tone:`danger`,size:`sm`,children:`exceeded`})]})}function qW(){let e=Ye(),t=L({queryKey:z.budget,queryFn:()=>hr(),refetchInterval:1e4}),n=L({queryKey:z.settings,queryFn:()=>Lr()}),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=>zr(e),onSuccess:()=>void e.invalidateQueries({queryKey:z.settings})}),g=ut({mutationFn:()=>Br(),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)(ci,{title:`Budget Status`}),t.isLoading&&(0,I.jsx)(W,{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)(KW,{label:`session`,p:r.session}),(0,I.jsx)(KW,{label:`daily`,p:r.daily}),(0,I.jsx)(KW,{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:[Ci(e.spentUsd),` / `,Ci(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)(ci,{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)(W,{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)(Qr,{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)(ci,{title:`Slack Digest`,subtitle:`Weekly digest sent to a Slack incoming webhook. URL changes take effect immediately.`}),n.isLoading&&(0,I.jsx)(W,{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)(ni,{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)(Qr,{variant:`primary`,size:`md`,onClick:v,disabled:h.isPending,loading:h.isPending,children:h.isPending?`Saving…`:`Save`}),i.digestWebhookUrl&&(0,I.jsx)(Qr,{variant:`danger`,size:`md`,onClick:()=>h.mutate({digestWebhookUrl:null},{onSuccess:()=>u(void 0)}),disabled:h.isPending,children:`Unsubscribe`}),(0,I.jsx)(Qr,{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 JW(){Vi();let e=Yn(e=>e.connected),[t,n]=qt(),[r,i]=(0,F.useState)(!1),{theme:a,toggleTheme:o}=Ki(),s=(0,F.useCallback)(()=>i(e=>!e),[]),c=(0,F.useCallback)(()=>i(!1),[]);return Hi({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)(Pi,{}),(0,I.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,I.jsx)(hi,{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)(Fi,{resetKey:t,children:(0,I.jsxs)(nn,{children:[(0,I.jsx)($t,{path:`/sessions`,component:PU}),(0,I.jsx)($t,{path:`/history`,component:iW}),(0,I.jsx)($t,{path:`/audit`,component:AW}),(0,I.jsx)($t,{path:`/git`,component:RW}),(0,I.jsx)($t,{path:`/settings`,component:WW}),(0,I.jsx)($t,{path:`/alerts`,component:qW}),(0,I.jsx)($t,{path:`/`,component:$H}),(0,I.jsx)($t,{children:(0,I.jsx)(`div`,{className:`text-ink-muted`,children:`Not found`})})]})})})]})]}),(0,I.jsx)(Li,{open:r,onClose:c})]})}var YW=new Ge({defaultOptions:{queries:{staleTime:5e3,retry:0,refetchOnWindowFocus:!1}}}),XW=document.getElementById(`root`);if(!XW)throw Error(`Mount node #root not found`);(0,dt.createRoot)(XW).render((0,I.jsx)(F.StrictMode,{children:(0,I.jsx)(Xe,{client:YW,children:(0,I.jsx)(JW,{})})}));