@misha_misha/agentwatch 0.0.4 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -4
- package/dist/index.js +3273 -494
- package/dist/web/assets/ActiveShapeUtils-CtEvtbYg.js +1 -0
- package/dist/web/assets/Bar-DEgd_1jq.js +1 -0
- package/dist/web/assets/BarChart-CLHGmIz1.js +1 -0
- package/dist/web/assets/CartesianChart-DgJKUG1O.js +1 -0
- package/dist/web/assets/CategoricalChart-DEGrE0Qv.js +33 -0
- package/dist/web/assets/ErrorBarContext-BMnGmrrB.js +1 -0
- package/dist/web/assets/Legend-CEa2zCmi.js +4 -0
- package/dist/web/assets/Line-CCyE37cb.js +1 -0
- package/dist/web/assets/LineChart-DmMubyEd.js +1 -0
- package/dist/web/assets/ProjectActivity-BG5hEcJl.js +1 -0
- package/dist/web/assets/ProjectYield-vVxXaT6e.js +1 -0
- package/dist/web/assets/SessionActivity-BUzJpWwc.js +1 -0
- package/dist/web/assets/SessionCompaction-Dx3tbM9N.js +1 -0
- package/dist/web/assets/{SessionDiffs-LZrXV0AY.js → SessionDiffs-CDUkVqua.js} +3 -3
- package/dist/web/assets/SessionGraph-DWP1YyP0.js +1 -0
- package/dist/web/assets/SessionReplay-kz1EhiaI.js +1 -0
- package/dist/web/assets/SessionTokens-BjuXcVM2.js +1 -0
- package/dist/web/assets/SessionYield-DXF-Xb5T.js +1 -0
- package/dist/web/assets/Settings-CXCDYvsc.js +1 -0
- package/dist/web/assets/Trends-wdNqOtnn.js +1 -0
- package/dist/web/assets/arrow-left-B-iQ08P0.js +1 -0
- package/dist/web/assets/chart-column-BwF4X7mz.js +1 -0
- package/dist/web/assets/clsx-DnEFlO87.js +1 -0
- package/dist/web/assets/{clsx-DsHpp3Uj.js → createLucideIcon-Bjwrp8ZV.js} +1 -1
- package/dist/web/assets/dist-BYqqB4pa.js +1 -0
- package/dist/web/assets/file-pen-CHXP3wF7.js +1 -0
- package/dist/web/assets/getRadiusAndStrokeWidthFromDot-CFcPogcT.js +1 -0
- package/dist/web/assets/graphicalItemSelectors-DJeUEv0O.js +1 -0
- package/dist/web/assets/index-CJArQihV.js +2 -0
- package/dist/web/assets/index-CTAomrBX.css +1 -0
- package/dist/web/assets/play-ONoP4Jfr.js +1 -0
- package/dist/web/assets/tooltipContext-BT7phkqZ.js +1 -0
- package/dist/web/assets/triangle-alert-BhvAiLmv.js +1 -0
- package/dist/web/assets/useMutation-CfQYV-vU.js +1 -0
- package/dist/web/index.html +12 -11
- package/package.json +1 -1
- package/dist/web/assets/CartesianChart-CZSKepVZ.js +0 -33
- package/dist/web/assets/LineChart-BYjz-1bE.js +0 -1
- package/dist/web/assets/SessionCompaction-Duzo69wv.js +0 -1
- package/dist/web/assets/SessionGraph-Bb1BdCWf.js +0 -1
- package/dist/web/assets/SessionReplay-C3AZoYFc.js +0 -1
- package/dist/web/assets/SessionTokens-B6wfOhyn.js +0 -1
- package/dist/web/assets/Settings-HKanGbBq.js +0 -1
- package/dist/web/assets/Trends-p9DnVxWQ.js +0 -1
- package/dist/web/assets/arrow-left-Bg6VjX8-.js +0 -1
- package/dist/web/assets/chart-column-Brz7pC96.js +0 -1
- package/dist/web/assets/dist-w_zu0rIf.js +0 -1
- package/dist/web/assets/file-pen-DWwu4Q-r.js +0 -1
- package/dist/web/assets/graphicalItemSelectors-Dk1a_HU_.js +0 -4
- package/dist/web/assets/index-Bu9taSiK.js +0 -2
- package/dist/web/assets/index-CJPUO3dh.css +0 -1
- package/dist/web/assets/play-B0mJPrwl.js +0 -1
- package/dist/web/assets/triangle-alert-Bx2lGvGN.js +0 -1
- package/dist/web/assets/useMutation-BvFLVjYz.js +0 -1
- /package/dist/web/assets/{format-zw6IoTwZ.js → format-zsCsqELF.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,j as t}from"./createLucideIcon-Bjwrp8ZV.js";var n=e(t()),r=[`children`];function i(e,t){if(e==null)return{};var n,r,i=a(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function a(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 o=(0,n.createContext)({data:[],xAxisId:`xAxis-0`,yAxisId:`yAxis-0`,dataPointFormatter:()=>({x:0,y:0,value:0}),errorBarOffset:0});function s(e){var{children:t}=e,a=i(e,r);return n.createElement(o.Provider,{value:a},t)}export{s as t};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{A as e,P as t,j as n}from"./createLucideIcon-Bjwrp8ZV.js";import{t as r}from"./clsx-DnEFlO87.js";import{Bn as i,Fn as a,Hn as o,Ln as s,Pn as c,Rn as l,Un as u,an as d,cn as f,dn as p,er as m,in as h,nr as g,rn as _,un as v,zn as y}from"./CategoricalChart-DEGrE0Qv.js";var b=t(e()),x=t(n());function S(){return S=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},S.apply(null,arguments)}function C(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 w(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?C(Object(n),!0).forEach(function(t){T(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function T(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){var t=D(e,`string`);return typeof t==`symbol`?t:t+``}function D(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 O=32,k={align:`center`,iconSize:14,inactiveColor:`#ccc`,layout:`horizontal`,verticalAlign:`middle`,labelStyle:{}};function A(e){if(typeof e==`object`&&e&&`strokeDasharray`in e)return String(e.strokeDasharray)}function j(e){var{data:t,iconType:n,inactiveColor:r}=e,i=O/2,a=O/6,o=O/3,s=t.inactive?r:t.color,c=n??t.type;if(c===`none`)return null;if(c===`plainline`)return x.createElement(`line`,{strokeWidth:4,fill:`none`,stroke:s,strokeDasharray:A(t.payload),x1:0,y1:i,x2:O,y2:i,className:`recharts-legend-icon`});if(c===`line`)return x.createElement(`path`,{strokeWidth:4,fill:`none`,stroke:s,d:`M0,${i}h${o}
|
|
2
|
+
A${a},${a},0,1,1,${2*o},${i}
|
|
3
|
+
H${O}M${2*o},${i}
|
|
4
|
+
A${a},${a},0,1,1,${o},${i}`,className:`recharts-legend-icon`});if(c===`rect`)return x.createElement(`path`,{stroke:`none`,fill:s,d:`M0,${O/8}h${O}v${O*3/4}h${-O}z`,className:`recharts-legend-icon`});if(x.isValidElement(t.legendIcon)){var l=w({},t);return delete l.legendIcon,x.cloneElement(t.legendIcon,l)}return x.createElement(u,{fill:s,cx:i,cy:i,size:O,sizeType:`diameter`,type:c})}function M(e){var{payload:t,iconSize:n,layout:i,formatter:a,inactiveColor:s,iconType:c,labelStyle:l}=e,u={x:0,y:0,width:O,height:O},d={display:i===`horizontal`?`inline-block`:`block`,marginRight:10},f={display:`inline-block`,verticalAlign:`middle`,marginRight:4};return t.map((t,i)=>{var p=t.formatter||a,m=r({"recharts-legend-item":!0,[`legend-item-${i}`]:!0,inactive:t.inactive});if(t.type===`none`)return null;var h=typeof l==`object`?w({},l):{};h.color=t.inactive?s:h.color||t.color;var _=p?p(t.value,t,i):t.value;return x.createElement(`li`,S({className:m,style:d,key:`legend-item-${i}`},o(e,t,i)),x.createElement(g,{width:n,height:n,viewBox:u,style:f,"aria-label":`${t.value} legend icon`},x.createElement(j,{data:t,iconType:c,inactiveColor:s})),x.createElement(`span`,{className:`recharts-legend-item-text`,style:h},_))})}var N=e=>{var t=i(e,k),{payload:n,layout:r,align:a}=t;if(!n||!n.length)return null;var o={padding:0,margin:0,textAlign:r===`horizontal`?a:`left`};return x.createElement(`ul`,{className:`recharts-default-legend`,style:o},x.createElement(M,S({},t,{payload:n})))};function P(){return l(a)}var F=[`contextPayload`];function I(){return I=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},I.apply(null,arguments)}function L(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 R(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?L(Object(n),!0).forEach(function(t){z(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function z(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e){var t=V(e,`string`);return typeof t==`symbol`?t:t+``}function V(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 H(e,t){if(e==null)return{};var n,r,i=U(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 U(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 W(e){return e.value}function G(e){var{contextPayload:t}=e,n=H(e,F),r=y(t,e.payloadUniqBy,W),i=R(R({},n),{},{payload:r});return x.isValidElement(e.content)?x.cloneElement(e.content,i):typeof e.content==`function`?x.createElement(e.content,i):x.createElement(N,i)}function K(e,t,n,r,i,a){var{layout:o,align:s,verticalAlign:c}=t,l,u;return(!e||(e.left===void 0||e.left===null)&&(e.right===void 0||e.right===null))&&(l=s===`center`&&o===`vertical`?{left:((r||0)-a.width)/2}:s===`right`?{right:n&&n.right||0}:{left:n&&n.left||0}),(!e||(e.top===void 0||e.top===null)&&(e.bottom===void 0||e.bottom===null))&&(u=c===`middle`?{top:((i||0)-a.height)/2}:c===`bottom`?{bottom:n&&n.bottom||0}:{top:n&&n.top||0}),R(R({},l),u)}function q(e){var t=s();return(0,x.useEffect)(()=>{t(h(e))},[t,e]),null}function J(e){var t=s();return(0,x.useEffect)(()=>(t(d(e)),()=>{t(d({width:0,height:0}))}),[t,e]),null}function Y(e,t,n,r){return e===`vertical`&&t!=null?{height:t}:e===`horizontal`?{width:n||r}:null}var X={align:`center`,iconSize:14,inactiveColor:`#ccc`,itemSorter:`value`,layout:`horizontal`,verticalAlign:`bottom`};function Z(e){var t=i(e,X),n=P(),r=m(),a=p(),{width:o,height:s,wrapperStyle:l,portal:u}=t,[d,h]=c([n]),g=v(),_=f();if(g==null||_==null)return null;var y=g-(a?.left||0)-(a?.right||0),S=Y(t.layout,s,o,y),C=u?l:R(R({position:`absolute`,width:S?.width||o||`auto`,height:S?.height||s||`auto`},K(l,t,a,g,_,d)),l),w=u??r;return w==null||n==null?null:(0,b.createPortal)(x.createElement(`div`,{className:`recharts-legend-wrapper`,style:C,ref:h},x.createElement(q,{layout:t.layout,align:t.align,verticalAlign:t.verticalAlign,itemSorter:t.itemSorter}),!u&&x.createElement(J,{width:d.width,height:d.height}),x.createElement(G,I({},t,S,{margin:a,chartWidth:g,chartHeight:_,contextPayload:n}))),w)}var Q=x.memo(Z,_);Q.displayName=`Legend`;export{Q as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,j as t}from"./createLucideIcon-Bjwrp8ZV.js";import{t as n}from"./clsx-DnEFlO87.js";import{$t as r,A as i,An as a,Bn as o,C as s,E as c,Gn as l,In as u,Lt as d,M as f,N as p,O as m,On as h,Qt as g,Rn as _,St as v,T as y,U as b,Zn as x,ar as S,ft as C,gn as w,h as T,kn as E,ln as D,on as O,qn as k,qt as A,rn as j,rr as M,tr as ee,wn as N,xn as P,xt as F}from"./CategoricalChart-DEGrE0Qv.js";import{n as te,r as ne,t as re}from"./getRadiusAndStrokeWidthFromDot-CFcPogcT.js";import{t as ie}from"./ActiveShapeUtils-CtEvtbYg.js";import{a as ae,i as oe}from"./CartesianChart-DgJKUG1O.js";import{t as se}from"./ErrorBarContext-BMnGmrrB.js";var I=(e,t,n,r)=>C(e,`xAxis`,t,r),L=(e,t,n,r)=>F(e,`xAxis`,t,r),R=(e,t,n,r)=>C(e,`yAxis`,n,r),z=(e,t,n,r)=>F(e,`yAxis`,n,r),ce=u([O,I,R,L,z],(e,t,n,r,i)=>a(e,`xAxis`)?P(t,r,!1):P(n,i,!1)),le=(e,t,n,r,i)=>i;function B(e){return e.type===`line`}var V=u([O,I,R,L,z,u([v,le],(e,t)=>e.filter(B).find(e=>e.id===t)),ce,A],(e,t,n,r,i,a,o,s)=>{var{chartData:c,dataStartIndex:l,dataEndIndex:u}=s;if(!(a==null||t==null||n==null||r==null||i==null||r.length===0||i.length===0||o==null||e!==`horizontal`&&e!==`vertical`)){var{dataKey:d,data:f}=a,p=f!=null&&f.length>0?f:c?.slice(l,u+1);if(p!=null)return Ee({layout:e,xAxis:t,yAxis:n,xAxisTicks:r,yAxisTicks:i,dataKey:d,bandSize:o,displayedData:p})}}),H=e(t()),U=[`id`],W=[`type`,`layout`,`connectNulls`,`needClip`,`shape`],ue=[`activeDot`,`animateNewValues`,`animationBegin`,`animationDuration`,`animationEasing`,`connectNulls`,`dot`,`hide`,`isAnimationActive`,`label`,`legendType`,`xAxisId`,`yAxisId`,`id`];function G(){return G=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},G.apply(null,arguments)}function K(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 q(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?K(Object(n),!0).forEach(function(t){de(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function de(e,t,n){return(t=fe(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){var t=pe(e,`string`);return typeof t==`symbol`?t:t+``}function pe(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 J(e,t){if(e==null)return{};var n,r,i=me(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 me(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 Y=e=>{var{dataKey:t,name:n,stroke:r,legendType:i,hide:a}=e;return[{inactive:a,dataKey:t,type:i,color:r,value:h(n,t),payload:e}]},he=H.memo(e=>{var{dataKey:t,data:n,stroke:r,strokeWidth:i,fill:a,name:o,hide:s,unit:c,tooltipType:l,id:u}=e,d={dataDefinedOnItem:n,getPosition:x,settings:{stroke:r,strokeWidth:i,fill:a,dataKey:t,nameKey:void 0,name:h(o,t),hide:s,type:l,color:r,unit:c,graphicalItemId:u}};return H.createElement(m,{tooltipEntrySettings:d})}),X=(e,t)=>`${t}px ${e}px`;function ge(e,t){for(var n=e.length%2==0?e:[...e,0],r=[],i=0;i<t;++i)r.push(...n);return r}var _e=(e,t,n)=>{var r=n.reduce((e,t)=>e+t,0);if(!r)return X(t,e);for(var i=Math.floor(e/r),a=e%r,o=[],s=0,c=0;s<n.length;c+=(l=n[s])??0,++s){var l,u=n[s];if(u!=null&&c+u>a){o=[...n.slice(0,s),a-c];break}}var d=o.length%2==0?[0,t]:[t];return[...ge(n,i),...o,...d].map(e=>`${e}px`).join(`, `)};function ve(e){var{clipPathId:t,points:n,props:r}=e,{dot:i,dataKey:a,needClip:o}=r,{id:s}=r,c=S(J(r,U));return H.createElement(ne,{points:n,dot:i,className:`recharts-line-dots`,dotClassName:`recharts-line-dot`,dataKey:a,baseProps:c,needClip:o,clipPathId:t})}function ye(e){var{showLabels:t,children:n,points:r}=e,i=(0,H.useMemo)(()=>r?.map(e=>{var t={x:e.x??0,y:e.y??0,width:0,lowerWidth:0,upperWidth:0,height:0};return q(q({},t),{},{value:e.value,payload:e.payload,viewBox:t,parentViewBox:void 0,fill:void 0})}),[r]);return H.createElement(f,{value:t?i:void 0},n)}function Z(e){var{clipPathId:t,pathRef:n,points:r,strokeDasharray:i,props:a}=e,{type:o,layout:s,connectNulls:c,needClip:l,shape:u}=a,d=q(q({},M(J(a,W))),{},{fill:`none`,className:`recharts-line-curve`,clipPath:l?`url(#clipPath-${t})`:void 0,points:r,type:o,layout:s,connectNulls:c,strokeDasharray:i??a.strokeDasharray});return H.createElement(H.Fragment,null,r?.length>1&&H.createElement(ie,G({shapeType:`curve`,option:u},d,{pathRef:n})),H.createElement(ve,{points:r,clipPathId:t,props:a}))}function be(e){try{return e&&e.getTotalLength&&e.getTotalLength()||0}catch{return 0}}function xe(e){var{clipPathId:t,props:n,pathRef:i,previousPointsRef:a,longestAnimatedLengthRef:o}=e,{points:s,strokeDasharray:c,isAnimationActive:u,animationBegin:d,animationDuration:f,animationEasing:m,animateNewValues:h,width:_,height:v,onAnimationEnd:y,onAnimationStart:b}=n,x=a.current,S=g(s,`recharts-line-`),C=(0,H.useRef)(S),[w,T]=(0,H.useState)(!1),E=!w,D=(0,H.useCallback)(()=>{typeof y==`function`&&y(),T(!1)},[y]),O=(0,H.useCallback)(()=>{typeof b==`function`&&b(),T(!0)},[b]),k=be(i.current),A=(0,H.useRef)(0);C.current!==S&&(A.current=o.current,C.current=S);var j=A.current;return H.createElement(ye,{points:s,showLabels:E},n.children,H.createElement(r,{animationId:S,begin:d,duration:f,isActive:u,easing:m,onAnimationEnd:D,onAnimationStart:O,key:S},e=>{var r=l(j,k+j,e),d=Math.min(r,k),f=u?c?_e(d,k,`${c}`.split(/[,\s]+/gim).map(e=>parseFloat(e))):X(k,d):c==null?void 0:String(c);if(e>0&&k>0&&(a.current=s,o.current=Math.max(o.current,d)),x){var p=x.length/s.length,m=e===1?s:s.map((t,n)=>{var r=Math.floor(n*p);if(x[r]){var i=x[r];return q(q({},t),{},{x:l(i.x,t.x,e),y:l(i.y,t.y,e)})}return h?q(q({},t),{},{x:l(_*2,t.x,e),y:l(v/2,t.y,e)}):q(q({},t),{},{x:t.x,y:t.y})});return a.current=m,H.createElement(Z,{props:n,points:m,clipPathId:t,pathRef:i,strokeDasharray:f})}return H.createElement(Z,{props:n,points:s,clipPathId:t,pathRef:i,strokeDasharray:f})}),H.createElement(p,{label:n.label}))}function Se(e){var{clipPathId:t,props:n}=e,r=(0,H.useRef)(null),i=(0,H.useRef)(0),a=(0,H.useRef)(null);return H.createElement(xe,{props:n,clipPathId:t,previousPointsRef:r,longestAnimatedLengthRef:i,pathRef:a})}var Ce=(e,t)=>({x:e.x??void 0,y:e.y??void 0,value:e.value,errorVal:E(e.payload,t)}),we=class extends H.Component{render(){var{hide:e,dot:t,points:r,className:a,xAxisId:o,yAxisId:s,top:c,left:l,width:u,height:d,id:f,needClip:p,zIndex:m}=this.props;if(e)return null;var h=n(`recharts-line`,a),g=f,{r:_,strokeWidth:v}=re(t),y=i(t),x=_*2+v,S=p?`url(#clipPath-${y?``:`dots-`}${g})`:void 0;return H.createElement(b,{zIndex:m},H.createElement(ee,{className:h},p&&H.createElement(`defs`,null,H.createElement(oe,{clipPathId:g,xAxisId:o,yAxisId:s}),!y&&H.createElement(`clipPath`,{id:`clipPath-dots-${g}`},H.createElement(`rect`,{x:l-x/2,y:c-x/2,width:u+x,height:d+x}))),H.createElement(se,{xAxisId:o,yAxisId:s,data:r,dataPointFormatter:Ce,errorBarOffset:0},H.createElement(Se,{props:this.props,clipPathId:g}))),H.createElement(te,{activeDot:this.props.activeDot,points:r,mainColor:this.props.stroke,itemDataKey:this.props.dataKey,clipPath:S}))}},Q={activeDot:!0,animateNewValues:!0,animationBegin:0,animationDuration:1500,animationEasing:`ease`,connectNulls:!1,dot:!0,fill:`#fff`,hide:!1,isAnimationActive:`auto`,label:!1,legendType:`line`,stroke:`#3182bd`,strokeWidth:1,xAxisId:0,yAxisId:0,zIndex:d.line,type:`linear`};function Te(e){var t=o(e,Q),{activeDot:n,animateNewValues:r,animationBegin:i,animationDuration:a,animationEasing:s,connectNulls:c,dot:l,hide:u,isAnimationActive:d,label:f,legendType:p,xAxisId:m,yAxisId:h,id:g}=t,v=J(t,ue),{needClip:y}=ae(m,h),b=T(),x=D(),S=w(),C=_(e=>V(e,m,h,S,g));if(x!==`horizontal`&&x!==`vertical`||C==null||b==null)return null;var{height:E,width:O,x:k,y:A}=b;return H.createElement(we,G({},v,{id:g,connectNulls:c,dot:l,activeDot:n,animateNewValues:r,animationBegin:i,animationDuration:a,animationEasing:s,isAnimationActive:d,hide:u,label:f,legendType:p,xAxisId:m,yAxisId:h,points:C,layout:x,height:E,width:O,left:k,top:A,needClip:y}))}function Ee(e){var{layout:t,xAxis:n,yAxis:r,xAxisTicks:i,yAxisTicks:a,dataKey:o,bandSize:s,displayedData:c}=e;return c.map((e,c)=>{var l=E(e,o);if(t===`horizontal`)return{x:N({axis:n,ticks:i,bandSize:s,entry:e,index:c}),y:(k(l)?null:r.scale.map(l))??null,value:l,payload:e};var u=k(l)?null:n.scale.map(l),d=N({axis:r,ticks:a,bandSize:s,entry:e,index:c});return u==null||d==null?null:{x:u,y:d,value:l,payload:e}}).filter(Boolean)}function De(e){var t=o(e,Q),n=w();return H.createElement(y,{id:t.id,type:`line`},e=>H.createElement(H.Fragment,null,H.createElement(c,{legendPayload:Y(t)}),H.createElement(he,{dataKey:t.dataKey,data:t.data,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,tooltipType:t.tooltipType,id:e}),H.createElement(s,{type:`line`,id:e,data:t.data,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,dataKey:t.dataKey,hide:t.hide,isPanorama:n}),H.createElement(Te,G({},t,{id:e}))))}var $=H.memo(De,j);$.displayName=`Line`;export{$ as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,j as t}from"./createLucideIcon-Bjwrp8ZV.js";import{H as n}from"./CategoricalChart-DEGrE0Qv.js";import{t as r}from"./CartesianChart-DgJKUG1O.js";var i=e(t()),a=[`axis`],o=(0,i.forwardRef)((e,t)=>i.createElement(r,{chartName:`LineChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:a,tooltipPayloadSearcher:n,categoricalChartProps:e,ref:t}));export{o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,s as i}from"./createLucideIcon-Bjwrp8ZV.js";import{l as a,n as o}from"./dist-BYqqB4pa.js";import{t as s}from"./arrow-left-B-iQ08P0.js";import{t as c}from"./clsx-DnEFlO87.js";import{o as l}from"./format-zsCsqELF.js";import{$ as u,$n as d,$t as f,Bn as p,D as m,Ft as h,G as g,Gn as _,Gt as v,H as y,Hn as b,In as x,K as S,Ln as C,Lt as w,N as T,O as ee,On as E,P as te,Pt as ne,Q as re,Qt as ie,R as ae,Rn as D,T as oe,U as se,Ut as ce,V as le,Wn as O,Wt as ue,Xn as k,Xt as A,Yn as j,Yt as de,Z as fe,_t as pe,a as me,ar as M,at as he,bn as ge,ct as _e,et as ve,gt as ye,ht as be,i as xe,it as Se,j as Ce,jt as we,k as N,kn as P,lt as Te,mn as F,n as Ee,nt as De,o as Oe,on as I,or as ke,p as Ae,pt as L,q as je,r as Me,rt as Ne,s as Pe,t as Fe,tn as Ie,tr as R,tt as Le,vn as Re,vt as ze,w as Be,yn as Ve}from"./CategoricalChart-DEGrE0Qv.js";import{t as He}from"./Legend-CEa2zCmi.js";import{i as z,n as Ue,r as We,t as Ge}from"./tooltipContext-BT7phkqZ.js";import{t as Ke}from"./ActiveShapeUtils-CtEvtbYg.js";var qe=e=>e.graphicalItems.polarItems,B=x([qe,L,x([h,ne],_e)],Ne),V=x([x([B],De),ue],ve),Je=x([V,L,B],fe);x([V,L,B],(e,t,n)=>n.length>0?e.flatMap(e=>n.flatMap(n=>({value:P(e,t.dataKey??n.dataKey),errorDomain:[]}))).filter(Boolean):t?.dataKey==null?e.map(e=>({value:e,errorDomain:[]})):e.map(e=>({value:P(e,t.dataKey),errorDomain:[]})));var Ye=()=>void 0,Xe=x([L,I,V,Je,ce,h,x([L,be,ye,Ye,x([V,L,B,Te,h,v],Le),Ye,I,h],he)],re);x([pe,x([L,Xe,x([Xe,ze,pe],Se),h],u)],we);function Ze(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 H(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Ze(Object(n),!0).forEach(function(t){Qe(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ze(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Qe(e,t,n){return(t=$e(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function $e(e){var t=et(e,`string`);return typeof t==`symbol`?t:t+``}function et(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 U=x([qe,(e,t)=>t],(e,t)=>e.filter(e=>e.type===`pie`).find(e=>e.id===t)),tt=[],W=(e,t,n)=>n?.length===0?tt:n,nt=x([ue,U,W],(e,t,n)=>{var{chartData:r}=e;if(t!=null){var i=t?.data!=null&&t.data.length>0?t.data:r;if((!i||!i.length)&&n!=null&&(i=n.map(e=>H(H({},t.presentationProps),e.props))),i!=null)return i}}),rt=x([nt,U,W],(e,t,n)=>{if(!(e==null||t==null))return e.map((e,r)=>{var i,a=P(e,t.nameKey,t.name),o=n!=null&&(i=n[r])!=null&&(i=i.props)!=null&&i.fill?n[r].props.fill:typeof e==`object`&&e&&`fill`in e?e.fill:t.fill;return{value:E(a,t.dataKey),color:o,payload:e,type:t.legendType}})}),it=x([nt,U,W,Re],(e,t,n,r)=>{if(!(t==null||e==null))return Dt({offset:r,pieSettings:t,displayedData:e,cells:n})}),G=e(n()),at=e(d()),ot=[`key`],st=[`onMouseEnter`,`onClick`,`onMouseLeave`],ct=[`id`],lt=[`id`];function K(){return K=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},K.apply(null,arguments)}function q(e,t){if(e==null)return{};var n,r,i=ut(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 ut(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 dt(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 J(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?dt(Object(n),!0).forEach(function(t){ft(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):dt(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function ft(e,t,n){return(t=pt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function pt(e){var t=mt(e,`string`);return typeof t==`symbol`?t:t+``}function mt(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 ht(e){var t=(0,G.useMemo)(()=>N(e.children,z),[e.children]),n=D(n=>rt(n,e.id,t));return n==null?null:G.createElement(m,{legendPayload:n})}function gt(e){if(!(e==null||typeof e==`boolean`||typeof e==`function`)){if(G.isValidElement(e)){var t=e.props?.fill;return typeof t==`string`?t:void 0}var{fill:n}=e;return typeof n==`string`?n:void 0}}var _t=G.memo(e=>{var{dataKey:t,nameKey:n,sectors:r,stroke:i,strokeWidth:a,fill:o,name:s,hide:c,tooltipType:l,id:u,activeShape:d}=e,f=gt(d),p={dataDefinedOnItem:r.map(e=>{var t=e.tooltipPayload;return f==null||t==null?t:t.map(e=>J(J({},e),{},{color:f,fill:f}))}),getPosition:e=>r[Number(e)]?.tooltipPosition,settings:{stroke:i,strokeWidth:a,fill:o,dataKey:t,nameKey:n,name:E(s,t),hide:c,type:l,color:o,unit:``,graphicalItemId:u}};return G.createElement(ee,{tooltipEntrySettings:p})}),vt=(e,t)=>e>t?`start`:e<t?`end`:`middle`,yt=(e,t,n)=>O(typeof t==`function`?t(e):t,n,n*.8),bt=(e,t,n)=>{var{top:r,left:i,width:a,height:o}=t,s=de(a,o);return{cx:i+O(e.cx,a,a/2),cy:r+O(e.cy,o,o/2),innerRadius:O(e.innerRadius,s,0),outerRadius:yt(n,e.outerRadius,s),maxRadius:e.maxRadius||Math.sqrt(a*a+o*o)/2}},xt=(e,t)=>k(t-e)*Math.min(Math.abs(t-e),360),St=(e,t)=>{if(G.isValidElement(e))return G.cloneElement(e,t);if(typeof e==`function`)return e(t);var n=c(`recharts-pie-label-line`,typeof e==`boolean`?``:e.className),{key:r}=t,i=q(t,ot);return G.createElement(Ie,K({},i,{type:`linear`,className:n}))},Ct=(e,t,n)=>{if(G.isValidElement(e))return G.cloneElement(e,t);var r=n;if(typeof e==`function`&&(r=e(t),G.isValidElement(r)))return r;var i=c(`recharts-pie-label-text`,Ce(e));return G.createElement(ae,K({},t,{alignmentBaseline:`middle`,className:i}),r)};function wt(e){var{sectors:t,props:n,showLabels:r}=e,{label:i,labelLine:a,dataKey:o}=n;if(!r||!i||!t)return null;var s=M(n),c=ke(i),l=ke(a),u=typeof i==`object`&&`offsetRadius`in i&&typeof i.offsetRadius==`number`&&i.offsetRadius||20,d=t.map((e,t)=>{var n=(e.startAngle+e.endAngle)/2,r=A(e.cx,e.cy,e.outerRadius+u,n),d=J(J(J(J({},s),e),{},{stroke:`none`},c),{},{index:t,textAnchor:vt(r.x,e.cx)},r),f=J(J(J(J({},s),e),{},{fill:`none`,stroke:e.fill},l),{},{index:t,points:[A(e.cx,e.cy,e.outerRadius,n),r],key:`line`});return G.createElement(se,{zIndex:w.label,key:`label-${e.startAngle}-${e.endAngle}-${e.midAngle}-${t}`},G.createElement(R,null,a&&St(a,f),Ct(i,d,P(e,o))))});return G.createElement(R,{className:`recharts-pie-labels`},d)}function Tt(e){var{sectors:t,props:n,showLabels:r}=e,{label:i}=n;return typeof i==`object`&&i&&`position`in i?G.createElement(T,{label:i}):G.createElement(wt,{sectors:t,props:n,showLabels:r})}function Et(e){var{sectors:t,activeShape:n,inactiveShape:r,allOtherPieProps:i,shape:a,id:o}=e,s=D(je),c=D(g),l=D(S),{onMouseEnter:u,onClick:d,onMouseLeave:f}=i,p=q(i,st),m=Ue(u,i.dataKey,o),h=We(f),_=Ge(d,i.dataKey,o);return t==null||t.length===0?null:G.createElement(G.Fragment,null,t.map((e,u)=>{if(e?.startAngle===0&&e?.endAngle===0&&t.length!==1)return null;var d=l==null||l===o,f=String(u)===s&&(c==null||i.dataKey===c)&&d,g=n&&f?n:s?r:null,v=J(J({},e),{},{stroke:e.stroke,tabIndex:-1,[ge]:u,[Ve]:o});return G.createElement(R,K({key:`sector-${e?.startAngle}-${e?.endAngle}-${e.midAngle}-${u}`,tabIndex:-1,className:`recharts-pie-sector`},b(p,e,u),{onMouseEnter:m(e,u),onMouseLeave:h(e,u),onClick:_(e,u)}),G.createElement(Ke,K({option:a??g,index:u,shapeType:`sector`,isActive:f},v)))}))}function Dt(e){var{pieSettings:t,displayedData:n,cells:r,offset:i}=e,{cornerRadius:a,startAngle:o,endAngle:s,dataKey:c,nameKey:l,tooltipType:u}=t,d=Math.abs(t.minAngle),f=xt(o,s),p=Math.abs(f),m=n.length<=1?0:t.paddingAngle??0,h=n.filter(e=>P(e,c,0)!==0).length,g=(p>=360?h:h-1)*m,_=n.reduce((e,t)=>{var n=P(t,c,0);return e+(j(n)?n:0)},0),v=d>0&&_>0&&n.some(e=>{var t=P(e,c,0),n=(j(t)?t:0)/_;return t!==0&&n*p<d})?d:0,y=p-h*v-g,b;if(_>0){var x;b=n.map((e,n)=>{var s=P(e,c,0),d=P(e,l,n),p=bt(t,i,e),h=(j(s)?s:0)/_,g,b=J(J({},e),r&&r[n]&&r[n].props),S=b!=null&&`fill`in b&&typeof b.fill==`string`?b.fill:t.fill;g=n?x.endAngle+k(f)*m*(s===0?0:1):o;var C=g+k(f)*((s===0?0:v)+h*y),w=(g+C)/2,T=(p.innerRadius+p.outerRadius)/2,ee=[{name:d,value:s,payload:b,dataKey:c,type:u,color:S,fill:S,graphicalItemId:t.id}],E=A(p.cx,p.cy,T,w);return x=J(J(J(J({},t.presentationProps),{},{percent:h,cornerRadius:typeof a==`string`?parseFloat(a):a,name:d,tooltipPayload:ee,midAngle:w,middleRadius:T,tooltipPosition:E},b),p),{},{value:s,dataKey:c,startAngle:g,endAngle:C,payload:b,paddingAngle:s===0?0:k(f)*m}),x})}return b}function Ot(e){var{showLabels:t,sectors:n,children:r}=e,i=(0,G.useMemo)(()=>!t||!n?[]:n.map(e=>({value:e.value,payload:e.payload,clockWise:!1,parentViewBox:void 0,viewBox:{cx:e.cx,cy:e.cy,innerRadius:e.innerRadius,outerRadius:e.outerRadius,startAngle:e.startAngle,endAngle:e.endAngle,clockWise:!1},fill:e.fill})),[n,t]);return G.createElement(te,{value:t?i:void 0},r)}function kt(e){var{props:t,previousSectorsRef:n,id:r}=e,{sectors:i,isAnimationActive:a,animationBegin:o,animationDuration:s,animationEasing:c,activeShape:l,inactiveShape:u,onAnimationStart:d,onAnimationEnd:p}=t,m=ie(t,`recharts-pie-`),h=n.current,[g,v]=(0,G.useState)(!1),y=(0,G.useCallback)(()=>{typeof p==`function`&&p(),v(!1)},[p]),b=(0,G.useCallback)(()=>{typeof d==`function`&&d(),v(!0)},[d]);return G.createElement(Ot,{showLabels:!g,sectors:i},G.createElement(f,{animationId:m,begin:o,duration:s,isActive:a,easing:c,onAnimationStart:b,onAnimationEnd:y,key:m},e=>{var a=[],o=(i&&i[0])?.startAngle??0;return i?.forEach((t,n)=>{var r=h&&h[n],i=n>0?(0,at.default)(t,`paddingAngle`,0):0;if(r){var s=_(r.endAngle-r.startAngle,t.endAngle-t.startAngle,e),c=J(J({},t),{},{startAngle:o+i,endAngle:o+s+i});a.push(c),o=c.endAngle}else{var{endAngle:l,startAngle:u}=t,d=_(0,l-u,e),f=J(J({},t),{},{startAngle:o+i,endAngle:o+d+i});a.push(f),o=f.endAngle}}),n.current=a,G.createElement(R,null,G.createElement(Et,{sectors:a,activeShape:l,inactiveShape:u,allOtherPieProps:t,shape:t.shape,id:r}))}),G.createElement(Tt,{showLabels:!g,sectors:i,props:t}),t.children)}var At={animationBegin:400,animationDuration:1500,animationEasing:`ease`,cx:`50%`,cy:`50%`,dataKey:`value`,endAngle:360,fill:`#808080`,hide:!1,innerRadius:0,isAnimationActive:`auto`,label:!1,labelLine:!0,legendType:`rect`,minAngle:0,nameKey:`name`,outerRadius:`80%`,paddingAngle:0,rootTabIndex:0,startAngle:0,stroke:`#fff`,zIndex:w.area};function jt(e){var{id:t}=e,n=q(e,ct),{hide:r,className:i,rootTabIndex:a}=e,o=(0,G.useMemo)(()=>N(e.children,z),[e.children]),s=D(e=>it(e,t,o)),l=(0,G.useRef)(null),u=c(`recharts-pie`,i);return r||s==null?(l.current=null,G.createElement(R,{tabIndex:a,className:u})):G.createElement(se,{zIndex:e.zIndex},G.createElement(_t,{dataKey:e.dataKey,nameKey:e.nameKey,sectors:s,stroke:e.stroke,strokeWidth:e.strokeWidth,fill:e.fill,name:e.name,hide:e.hide,tooltipType:e.tooltipType,id:t,activeShape:e.activeShape}),G.createElement(R,{tabIndex:a,className:u},G.createElement(kt,{props:J(J({},n),{},{sectors:s}),previousSectorsRef:l,id:t})))}function Mt(e){var t=p(e,At),{id:n}=t,r=q(t,lt),i=M(r);return G.createElement(oe,{id:n,type:`pie`},e=>G.createElement(G.Fragment,null,G.createElement(Be,{type:`pie`,id:e,data:r.data,dataKey:r.dataKey,hide:r.hide,angleAxisId:0,radiusAxisId:0,name:r.name,nameKey:r.nameKey,tooltipType:r.tooltipType,legendType:r.legendType,fill:r.fill,cx:r.cx,cy:r.cy,startAngle:r.startAngle,endAngle:r.endAngle,paddingAngle:r.paddingAngle,minAngle:r.minAngle,innerRadius:r.innerRadius,outerRadius:r.outerRadius,cornerRadius:r.cornerRadius,presentationProps:i,maxRadius:t.maxRadius}),G.createElement(ht,K({},r,{id:e})),G.createElement(jt,K({},r,{id:e}))))}var Y=Mt;Y.displayName=`Pie`;function Nt(e){var t=C();return(0,G.useEffect)(()=>{t(Pe(e))},[t,e]),null}var Pt=[`layout`];function X(){return X=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},X.apply(null,arguments)}function Ft(e,t){if(e==null)return{};var n,r,i=It(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 It(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 Lt(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 Rt(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Lt(Object(n),!0).forEach(function(t){zt(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Lt(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function zt(e,t,n){return(t=Bt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Bt(e){var t=Vt(e,`string`);return typeof t==`symbol`?t:t+``}function Vt(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 Ht=Rt({accessibilityLayer:!0,stackOffset:`none`,barCategoryGap:`10%`,barGap:4,margin:{top:5,right:5,bottom:5,left:5},reverseStackOrder:!1,syncMethod:`index`,layout:`radial`,responsive:!1,cx:`50%`,cy:`50%`,innerRadius:0,outerRadius:`80%`},Oe),Ut=(0,G.forwardRef)(function(e,t){var n=p(e.categoricalChartProps,Ht),{layout:r}=n,i=Ft(n,Pt),{chartName:a,defaultTooltipEventType:o,validateTooltipEventTypes:s,tooltipPayloadSearcher:c}=e,l={chartName:a,defaultTooltipEventType:o,validateTooltipEventTypes:s,tooltipPayloadSearcher:c,eventEmitter:void 0};return G.createElement(me,{preloadedState:{options:l},reduxStoreName:n.id??a},G.createElement(Ae,{chartData:n.data}),G.createElement(xe,{layout:r,margin:n.margin}),G.createElement(Ee,{throttleDelay:n.throttleDelay,throttledEvents:n.throttledEvents}),G.createElement(Me,{baseValue:void 0,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}),G.createElement(Nt,{cx:n.cx,cy:n.cy,startAngle:n.startAngle,endAngle:n.endAngle,innerRadius:n.innerRadius,outerRadius:n.outerRadius}),G.createElement(Fe,X({},i,{ref:t})))});function Wt(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 Gt(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Wt(Object(n),!0).forEach(function(t){Kt(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wt(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Kt(e,t,n){return(t=qt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function qt(e){var t=Jt(e,`string`);return typeof t==`symbol`?t:t+``}function Jt(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 Yt=[`item`],Xt=Gt(Gt({},Ht),{},{layout:`centric`,startAngle:0,endAngle:360}),Zt=(0,G.forwardRef)((e,t)=>{var n=p(e,Xt);return G.createElement(Ut,{chartName:`PieChart`,defaultTooltipEventType:`item`,validateTooltipEventTypes:Yt,tooltipPayloadSearcher:y,categoricalChartProps:n,ref:t})}),Z=i(),Qt={coding:`#3fb950`,debugging:`#f85149`,exploration:`#58a6ff`,planning:`#bc8cff`,refactor:`#d29922`,testing:`#39d353`,docs:`#8b949e`,chat:`#7d8590`,config:`#e3b341`,review:`#a371f7`,devops:`#ff7b72`,research:`#79c0ff`};function Q(e){return Qt[e]??`#7d8590`}function $t(){let{name:e=``}=a(),n=decodeURIComponent(e),i=t({queryKey:[`project-activity`,e],queryFn:()=>r.projectActivity(e),refetchInterval:5e3}),c=i.data?.buckets??[],u=c.reduce((e,t)=>e+t.eventCount,0),d=c.reduce((e,t)=>e+t.costUsd,0);return(0,Z.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,Z.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,Z.jsx)(o,{to:`/projects/${encodeURIComponent(n)}`,className:`text-fg-dim hover:text-accent`,children:(0,Z.jsx)(s,{className:`w-4 h-4 inline`})}),(0,Z.jsx)(`h1`,{className:`text-lg font-bold`,children:`activity`}),(0,Z.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:n})]}),i.isLoading&&(0,Z.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`loading…`}),!i.isLoading&&u===0&&(0,Z.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`no classified events yet for this project.`}),!i.isLoading&&u>0&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`px-5 py-4 grid grid-cols-2 md:grid-cols-4 gap-3 border-b border-bg-border`,children:[(0,Z.jsx)($,{label:`categories`,value:String(c.length)}),(0,Z.jsx)($,{label:`events`,value:String(u)}),(0,Z.jsx)($,{label:`total cost`,value:l(d)}),(0,Z.jsx)($,{label:`sessions`,value:String(c.reduce((e,t)=>e+(t.sessionsTouched??0),0))})]}),(0,Z.jsxs)(`div`,{className:`p-5 grid grid-cols-1 md:grid-cols-2 gap-4`,children:[(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`events by category`}),(0,Z.jsx)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg p-3`,style:{height:300},children:(0,Z.jsx)(F,{children:(0,Z.jsxs)(Zt,{children:[(0,Z.jsx)(Y,{data:c,dataKey:`eventCount`,nameKey:`category`,cx:`50%`,cy:`50%`,outerRadius:90,label:e=>`${e.name??``} ${e.percent==null?``:`${(e.percent*100).toFixed(0)}%`}`,children:c.map(e=>(0,Z.jsx)(z,{fill:Q(e.category)},e.category))}),(0,Z.jsx)(le,{contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11}}),(0,Z.jsx)(He,{wrapperStyle:{fontSize:11}})]})})})]}),(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`cost by category`}),(0,Z.jsx)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg p-3`,style:{height:300},children:(0,Z.jsx)(F,{children:(0,Z.jsxs)(Zt,{children:[(0,Z.jsx)(Y,{data:c.filter(e=>e.costUsd>0),dataKey:`costUsd`,nameKey:`category`,cx:`50%`,cy:`50%`,outerRadius:90,label:e=>`${e.name??``} ${e.percent==null?``:`${(e.percent*100).toFixed(0)}%`}`,children:c.filter(e=>e.costUsd>0).map(e=>(0,Z.jsx)(z,{fill:Q(e.category)},e.category))}),(0,Z.jsx)(le,{contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11}}),(0,Z.jsx)(He,{wrapperStyle:{fontSize:11}})]})})})]})]}),(0,Z.jsxs)(`div`,{className:`px-5 pb-6`,children:[(0,Z.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`per-category breakdown`}),(0,Z.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,Z.jsx)(`thead`,{className:`text-left text-xs uppercase text-fg-muted`,children:(0,Z.jsxs)(`tr`,{children:[(0,Z.jsx)(`th`,{className:`py-1`,children:`category`}),(0,Z.jsx)(`th`,{className:`py-1`,children:`events`}),(0,Z.jsx)(`th`,{className:`py-1`,children:`cost`}),(0,Z.jsx)(`th`,{className:`py-1`,children:`sessions touched`}),(0,Z.jsx)(`th`,{className:`py-1`,children:`% events`}),(0,Z.jsx)(`th`,{className:`py-1`,children:`% cost`})]})}),(0,Z.jsx)(`tbody`,{children:c.map(e=>(0,Z.jsxs)(`tr`,{className:`mono text-xs border-b border-bg-border/30`,children:[(0,Z.jsxs)(`td`,{className:`py-1.5 flex items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`inline-block w-2.5 h-2.5 rounded-sm`,style:{background:Q(e.category)}}),e.category]}),(0,Z.jsx)(`td`,{className:`py-1.5`,children:e.eventCount}),(0,Z.jsx)(`td`,{className:`py-1.5`,children:l(e.costUsd)}),(0,Z.jsx)(`td`,{className:`py-1.5`,children:e.sessionsTouched??`—`}),(0,Z.jsx)(`td`,{className:`py-1.5 text-fg-dim`,children:`${(e.eventCount/u*100).toFixed(1)}%`}),(0,Z.jsx)(`td`,{className:`py-1.5 text-fg-dim`,children:d>0?`${(e.costUsd/d*100).toFixed(1)}%`:`—`})]},e.category))})]})]})]})]})}function $({label:e,value:t}){return(0,Z.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-md px-3 py-2`,children:[(0,Z.jsx)(`div`,{className:`text-[10px] uppercase text-fg-muted`,children:e}),(0,Z.jsx)(`div`,{className:`mono`,children:t})]})}export{$t as ProjectActivityPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,s as i}from"./createLucideIcon-Bjwrp8ZV.js";import{l as a,n as o}from"./dist-BYqqB4pa.js";import{t as s}from"./arrow-left-B-iQ08P0.js";import{o as c}from"./format-zsCsqELF.js";import{H as l,V as u,mn as d}from"./CategoricalChart-DEGrE0Qv.js";import{t as f}from"./Legend-CEa2zCmi.js";import{t as p}from"./Bar-DEgd_1jq.js";import{n as m,o as h,r as g,t as _}from"./CartesianChart-DgJKUG1O.js";import{t as v}from"./Line-CCyE37cb.js";var y=e(n()),b=[`axis`],x=(0,y.forwardRef)((e,t)=>y.createElement(_,{chartName:`ComposedChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:b,tooltipPayloadSearcher:l,categoricalChartProps:e,ref:t})),S=i();function C(){let{name:e=``}=a(),n=decodeURIComponent(e),i=t({queryKey:[`project-yield`,e],queryFn:()=>r.projectYield(e),refetchInterval:1e4});return(0,S.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,S.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,S.jsx)(o,{to:`/projects/${encodeURIComponent(n)}`,className:`text-fg-dim hover:text-accent`,children:(0,S.jsx)(s,{className:`w-4 h-4 inline`})}),(0,S.jsx)(`h1`,{className:`text-lg font-bold`,children:`yield`}),(0,S.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:n})]}),i.isLoading&&(0,S.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`loading…`}),!i.isLoading&&i.data&&i.data.ok===!1&&(0,S.jsxs)(`div`,{className:`p-6 text-fg-dim`,children:[(0,S.jsxs)(`div`,{className:`text-sm`,children:[`no yield data: `,(0,S.jsx)(`span`,{className:`mono`,children:i.data.reason})]}),(0,S.jsxs)(`div`,{className:`mt-2 text-xs text-fg-muted`,children:[`yield correlates project sessions with the commits landed during their windows. Requires the project to be a git repo under`,` `,(0,S.jsx)(`span`,{className:`mono`,children:`WORKSPACE_ROOT`}),`.`]})]}),!i.isLoading&&i.data&&i.data.ok===!0&&(0,S.jsx)(w,{data:i.data})]})}function w({data:e}){let[t,n]=(0,y.useState)(`cost`),r=e.yield,i=(0,y.useMemo)(()=>{let e=0,t=0;for(let n of r.weekly)e+=n.costUsd,t+=n.commits;let n=t>0?e/t:null;return{cost:e,commits:t,overallPerCommit:n}},[r.weekly]),a=(0,y.useMemo)(()=>{let e=[...r.spendWithoutCommit];return t===`cost`?e.sort((e,t)=>t.costUsd-e.costUsd):t===`lines`?e.sort((e,t)=>t.totalInsertions+t.totalDeletions-(e.totalInsertions+e.totalDeletions)):e.sort((e,t)=>t.totalFilesChanged-e.totalFilesChanged),e},[r.spendWithoutCommit,t]),s=r.weekly.length===0&&r.spendWithoutCommit.length===0;return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`px-5 py-4 grid grid-cols-2 md:grid-cols-4 gap-3 border-b border-bg-border`,children:[(0,S.jsx)(E,{label:`weeks tracked`,value:String(r.weekly.length)}),(0,S.jsx)(E,{label:`total cost`,value:c(i.cost)}),(0,S.jsx)(E,{label:`total commits`,value:String(i.commits)}),(0,S.jsx)(E,{label:`overall $/commit`,value:i.overallPerCommit==null?`—`:c(i.overallPerCommit)})]}),(0,S.jsxs)(`div`,{className:`px-5 py-2 text-xs text-fg-muted`,children:[`repo `,(0,S.jsx)(`span`,{className:`mono`,children:e.repoPath})]}),s?(0,S.jsx)(`div`,{className:`p-6 text-fg-dim text-sm`,children:`no sessions or commits in window for this project yet.`}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`p-5`,children:[(0,S.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`weekly spend vs commits ($/commit overlay)`}),(0,S.jsx)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg p-3`,style:{height:320},children:(0,S.jsx)(d,{children:(0,S.jsxs)(x,{data:r.weekly,children:[(0,S.jsx)(h,{strokeDasharray:`3 3`,stroke:`#2b3139`}),(0,S.jsx)(g,{dataKey:`weekStart`,stroke:`#7d8590`,tick:{fontSize:10},tickFormatter:e=>e.slice(0,10)}),(0,S.jsx)(m,{yAxisId:`left`,stroke:`#7d8590`,tick:{fontSize:10},tickFormatter:e=>`$${e.toFixed(0)}`}),(0,S.jsx)(m,{yAxisId:`right`,orientation:`right`,stroke:`#7d8590`,tick:{fontSize:10}}),(0,S.jsx)(u,{contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11},formatter:(e,t)=>{let n=typeof e==`number`?e:Number(e??0);return t===`costUsd`?[c(n),`cost`]:t===`costPerCommit`?[n?c(n):`—`,`$/commit`]:[String(n),String(t??``)]}}),(0,S.jsx)(f,{wrapperStyle:{fontSize:11}}),(0,S.jsx)(p,{yAxisId:`left`,dataKey:`costUsd`,name:`cost`,fill:`#58a6ff66`}),(0,S.jsx)(p,{yAxisId:`right`,dataKey:`commits`,name:`commits`,fill:`#3fb95066`}),(0,S.jsx)(v,{yAxisId:`left`,type:`monotone`,dataKey:`costPerCommit`,name:`$/commit`,stroke:`#d29922`,strokeWidth:2,dot:!1,connectNulls:!0})]})})})]}),(0,S.jsxs)(`div`,{className:`px-5 pb-6`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-3 mb-2`,children:[(0,S.jsx)(`div`,{className:`text-xs uppercase text-fg-muted`,children:`spend without commit`}),(0,S.jsxs)(`span`,{className:`text-xs text-fg-dim`,children:[a.length,` session`,a.length===1?``:`s`]}),(0,S.jsxs)(`div`,{className:`ml-auto flex items-center gap-2 text-xs`,children:[(0,S.jsx)(`span`,{className:`text-fg-muted`,children:`sort:`}),(0,S.jsx)(T,{k:`cost`,cur:t,onClick:n,children:`cost`}),(0,S.jsx)(T,{k:`lines`,cur:t,onClick:n,children:`lines`}),(0,S.jsx)(T,{k:`files`,cur:t,onClick:n,children:`files`})]})]}),a.length===0?(0,S.jsx)(`div`,{className:`text-sm text-fg-dim`,children:`every session in this project landed at least one commit. ✨`}):(0,S.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,S.jsx)(`thead`,{className:`text-left text-xs uppercase text-fg-muted`,children:(0,S.jsxs)(`tr`,{children:[(0,S.jsx)(`th`,{className:`py-1`,children:`session`}),(0,S.jsx)(`th`,{className:`py-1 w-24 text-right`,children:`cost`}),(0,S.jsx)(`th`,{className:`py-1 w-20 text-right`,children:`files`}),(0,S.jsx)(`th`,{className:`py-1 w-20 text-right text-success`,children:`+`}),(0,S.jsx)(`th`,{className:`py-1 w-20 text-right text-danger`,children:`−`})]})}),(0,S.jsx)(`tbody`,{children:a.map(e=>(0,S.jsxs)(`tr`,{className:`mono text-xs border-b border-bg-border/30`,children:[(0,S.jsx)(`td`,{className:`py-1.5`,children:(0,S.jsx)(o,{to:`/sessions/${encodeURIComponent(e.sessionId)}`,className:`hover:text-accent`,children:e.sessionId.slice(0,24)})}),(0,S.jsx)(`td`,{className:`py-1.5 text-right`,children:c(e.costUsd)}),(0,S.jsx)(`td`,{className:`py-1.5 text-right`,children:e.totalFilesChanged}),(0,S.jsxs)(`td`,{className:`py-1.5 text-right text-success`,children:[`+`,e.totalInsertions]}),(0,S.jsxs)(`td`,{className:`py-1.5 text-right text-danger`,children:[`−`,e.totalDeletions]})]},e.sessionId))})]})]})]})]})}function T({k:e,cur:t,onClick:n,children:r}){return(0,S.jsx)(`button`,{type:`button`,onClick:()=>n(e),className:e===t?`px-2 py-0.5 rounded bg-accent/20 text-accent border border-accent/40`:`px-2 py-0.5 rounded border border-bg-border text-fg-dim hover:text-accent`,children:r})}function E({label:e,value:t}){return(0,S.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-md px-3 py-2`,children:[(0,S.jsx)(`div`,{className:`text-[10px] uppercase text-fg-muted`,children:e}),(0,S.jsx)(`div`,{className:`mono`,children:t})]})}export{C as ProjectYieldPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,s as i}from"./createLucideIcon-Bjwrp8ZV.js";import{l as a,n as o}from"./dist-BYqqB4pa.js";import{t as s}from"./arrow-left-B-iQ08P0.js";import{o as c}from"./format-zsCsqELF.js";import{V as l,mn as u}from"./CategoricalChart-DEGrE0Qv.js";import{t as d}from"./Legend-CEa2zCmi.js";import{t as f}from"./Bar-DEgd_1jq.js";import{n as p,o as m,r as h}from"./CartesianChart-DgJKUG1O.js";import{t as g}from"./BarChart-CLHGmIz1.js";var _=e(n(),1),v=i(),y={coding:`#3fb950`,debugging:`#f85149`,exploration:`#58a6ff`,planning:`#bc8cff`,refactor:`#d29922`,testing:`#39d353`,docs:`#8b949e`,chat:`#7d8590`,config:`#e3b341`,review:`#a371f7`,devops:`#ff7b72`,research:`#79c0ff`};function b(e){return y[e]??`#7d8590`}function x(e){return e.slice(0,16).replace(`T`,` `)}function S(){let{id:e=``}=a(),n=t({queryKey:[`session`,e],queryFn:()=>r.session(e),refetchInterval:5e3}),i=t({queryKey:[`session-activity`,e],queryFn:()=>r.sessionActivity(e),refetchInterval:5e3}),{chartData:y,categories:S}=(0,_.useMemo)(()=>{let e=n.data?.events??[];if(e.length===0)return{chartData:[],categories:[]};let t=new Set,r=new Map;for(let n of e){let e=n.details?.category??`chat`;t.add(e);let i=x(n.ts),a=r.get(i);a||(a={_bucket:0},r.set(i,a)),a[e]=(a[e]??0)+1}return{chartData:Array.from(r.entries()).sort(([e],[t])=>e<t?-1:1).map(([e,t])=>({bucket:e,...t})),categories:Array.from(t).sort()}},[n.data]),w=i.data?.buckets??[],T=w.reduce((e,t)=>e+t.costUsd,0),E=w.reduce((e,t)=>e+t.eventCount,0),D=n.isLoading||i.isLoading;return(0,v.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,v.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,v.jsx)(o,{to:`/sessions/${encodeURIComponent(e)}`,className:`text-fg-dim hover:text-accent`,children:(0,v.jsx)(s,{className:`w-4 h-4 inline`})}),(0,v.jsx)(`h1`,{className:`text-lg font-bold`,children:`activity`}),(0,v.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:e.slice(0,16)})]}),D&&(0,v.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`loading…`}),!D&&E===0&&(0,v.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`no classified events yet for this session.`}),!D&&E>0&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(`div`,{className:`px-5 py-4 grid grid-cols-2 md:grid-cols-4 gap-3 border-b border-bg-border`,children:[(0,v.jsx)(C,{label:`categories`,value:String(w.length)}),(0,v.jsx)(C,{label:`events`,value:String(E)}),(0,v.jsx)(C,{label:`total cost`,value:c(T)}),(0,v.jsx)(C,{label:`span`,value:y.length>0?`${y[0].bucket.slice(11)} – ${y[y.length-1].bucket.slice(11)}`:`—`})]}),(0,v.jsxs)(`div`,{className:`p-5`,children:[(0,v.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`events × category over time (1-min buckets)`}),(0,v.jsx)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg p-3`,style:{height:320},children:(0,v.jsx)(u,{children:(0,v.jsxs)(g,{data:y,children:[(0,v.jsx)(m,{strokeDasharray:`3 3`,stroke:`#2b3139`}),(0,v.jsx)(h,{dataKey:`bucket`,stroke:`#7d8590`,tick:{fontSize:10}}),(0,v.jsx)(p,{stroke:`#7d8590`,tick:{fontSize:10}}),(0,v.jsx)(l,{contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11}}),(0,v.jsx)(d,{wrapperStyle:{fontSize:11}}),S.map(e=>(0,v.jsx)(f,{dataKey:e,stackId:`cat`,fill:b(e)},e))]})})})]}),(0,v.jsxs)(`div`,{className:`px-5 pb-6`,children:[(0,v.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`per-category summary`}),(0,v.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,v.jsx)(`thead`,{className:`text-left text-xs uppercase text-fg-muted`,children:(0,v.jsxs)(`tr`,{children:[(0,v.jsx)(`th`,{className:`py-1`,children:`category`}),(0,v.jsx)(`th`,{className:`py-1`,children:`events`}),(0,v.jsx)(`th`,{className:`py-1`,children:`cost`}),(0,v.jsx)(`th`,{className:`py-1`,children:`% events`}),(0,v.jsx)(`th`,{className:`py-1`,children:`% cost`})]})}),(0,v.jsx)(`tbody`,{children:w.map(e=>(0,v.jsxs)(`tr`,{className:`mono text-xs border-b border-bg-border/30`,children:[(0,v.jsxs)(`td`,{className:`py-1.5 flex items-center gap-2`,children:[(0,v.jsx)(`span`,{className:`inline-block w-2.5 h-2.5 rounded-sm`,style:{background:b(e.category)}}),e.category]}),(0,v.jsx)(`td`,{className:`py-1.5`,children:e.eventCount}),(0,v.jsx)(`td`,{className:`py-1.5`,children:c(e.costUsd)}),(0,v.jsx)(`td`,{className:`py-1.5 text-fg-dim`,children:E>0?`${(e.eventCount/E*100).toFixed(1)}%`:`—`}),(0,v.jsx)(`td`,{className:`py-1.5 text-fg-dim`,children:T>0?`${(e.costUsd/T*100).toFixed(1)}%`:`—`})]},e.category))})]})]})]})]})}function C({label:e,value:t}){return(0,v.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-md px-3 py-2`,children:[(0,v.jsx)(`div`,{className:`text-[10px] uppercase text-fg-muted`,children:e}),(0,v.jsx)(`div`,{className:`mono`,children:t})]})}export{S as SessionActivityPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,s as i}from"./createLucideIcon-Bjwrp8ZV.js";import{l as a,n as o}from"./dist-BYqqB4pa.js";import{t as s}from"./arrow-left-B-iQ08P0.js";import{t as c}from"./clsx-DnEFlO87.js";import{i as l}from"./format-zsCsqELF.js";import{Bn as u,F as d,I as f,Jn as p,Ln as m,Lt as h,Nn as g,Ot as ee,Rn as _,U as v,V as y,d as b,dt as x,f as S,gn as te,mn as C,pn as w,rr as T,tr as E,u as D,wt as O}from"./CategoricalChart-DEGrE0Qv.js";import{n as k,o as A,r as j,s as M}from"./CartesianChart-DgJKUG1O.js";import{t as N}from"./Line-CCyE37cb.js";import{t as P}from"./LineChart-DmMubyEd.js";var F=class{constructor(e){var{x:t,y:n}=e;this.xAxisScale=t,this.yAxisScale=n}map(e,t){var{position:n}=t;return{x:this.xAxisScale.map(e.x,{position:n})??0,y:this.yAxisScale.map(e.y,{position:n})??0}}mapWithFallback(e,t){var{position:n,fallback:r}=t,i=r===`rangeMin`?this.yAxisScale.rangeMin():r===`rangeMax`?this.yAxisScale.rangeMax():0,a=r===`rangeMin`?this.xAxisScale.rangeMin():r===`rangeMax`?this.xAxisScale.rangeMax():0;return{x:this.xAxisScale.map(e.x,{position:n})??a,y:this.yAxisScale.map(e.y,{position:n})??i}}isInRange(e){var{x:t,y:n}=e,r=t==null||this.xAxisScale.isInRange(t),i=n==null||this.yAxisScale.isInRange(n);return r&&i}},I=e(n());function L(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 R(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?L(Object(n),!0).forEach(function(t){z(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function z(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e){var t=V(e,`string`);return typeof t==`symbol`?t:t+``}function V(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 H(){return H=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},H.apply(null,arguments)}var U=(e,t)=>{var n;if(I.isValidElement(e))n=I.cloneElement(e,t);else if(typeof e==`function`)n=e(t);else{if(!g(t.x1)||!g(t.y1)||!g(t.x2)||!g(t.y2))return null;n=I.createElement(`line`,H({},t,{className:`recharts-reference-line-line`}))}return n},W=(e,t,n,r,i,a)=>{var{x:o,width:s}=a,c=i.map(e,{position:n});if(!g(c)||t===`discard`&&!i.isInRange(c))return null;var l=[{x:o+s,y:c},{x:o,y:c}];return r===`left`?l.reverse():l},G=(e,t,n,r,i,a)=>{var{y:o,height:s}=a,c=i.map(e,{position:n});if(!g(c)||t===`discard`&&!i.isInRange(c))return null;var l=[{x:c,y:o+s},{x:c,y:o}];return r===`top`?l.reverse():l},K=(e,t,n,r)=>{var i=[r.mapWithFallback(e[0],{position:n,fallback:`rangeMin`}),r.mapWithFallback(e[1],{position:n,fallback:`rangeMax`})];return t===`discard`&&i.some(e=>!r.isInRange(e))?null:i},q=(e,t,n,r,i,a,o)=>{var{x:s,y:c,segment:l,ifOverflow:u}=o,d=p(s);return p(c)?W(c,u,r,a,t,n):d?G(s,u,r,i,e,n):l!=null&&l.length===2?K(l,u,r,new F({x:e,y:t})):null};function J(e){var t=m();return(0,I.useEffect)(()=>(t(b(e)),()=>{t(S(e))})),null}function Y(e){var{xAxisId:t,yAxisId:n,shape:r,className:i,ifOverflow:a}=e,o=te(),s=D(),l=_(e=>O(e,t)),u=_(e=>ee(e,n)),p=_(e=>x(e,`xAxis`,t,o)),m=_(e=>x(e,`yAxis`,n,o)),h=w();if(!s||!h||l==null||u==null||p==null||m==null)return null;var g=q(p,m,h,e.position,l.orientation,u.orientation,e);if(!g)return null;var y=g[0],b=g[1];if(y==null||b==null)return null;var{x:S,y:C}=y,{x:k,y:A}=b,j=R(R({clipPath:a===`hidden`?`url(#${s})`:void 0},T(e)),{},{x1:S,y1:C,x2:k,y2:A}),N=M({x1:S,y1:C,x2:k,y2:A});return I.createElement(v,{zIndex:e.zIndex},I.createElement(E,{className:c(`recharts-reference-line`,i)},U(r,j),I.createElement(d,H({},N,{lowerWidth:N.width,upperWidth:N.width}),I.createElement(f,{label:e.label}),e.children)))}var X={ifOverflow:`discard`,xAxisId:0,yAxisId:0,fill:`none`,label:!1,stroke:`#ccc`,fillOpacity:1,strokeWidth:1,position:`middle`,zIndex:h.line};function Z(e){var t=u(e,X);return I.createElement(I.Fragment,null,I.createElement(J,{yAxisId:t.yAxisId,xAxisId:t.xAxisId,ifOverflow:t.ifOverflow,x:t.x,y:t.y,segment:t.segment}),I.createElement(Y,t))}Z.displayName=`ReferenceLine`;var Q=i();function ne(){let{id:e=``}=a(),n=t({queryKey:[`session-compaction`,e],queryFn:()=>r.sessionCompaction(e),refetchInterval:3e3});if(n.isLoading)return(0,Q.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`loading…`});let i=n.data?.series;if(!i)return(0,Q.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`no series data`});let c=i.points.map((e,t)=>({i:t,time:l(e.ts),kind:e.kind,fill:Math.round(e.fillBefore*100),fillAfter:e.fillAfter==null?null:Math.round(e.fillAfter*100),label:e.label})),u=c.filter(e=>e.kind===`compaction`);return(0,Q.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,Q.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,Q.jsx)(o,{to:`/sessions/${encodeURIComponent(e)}`,className:`text-fg-dim hover:text-accent`,children:(0,Q.jsx)(s,{className:`w-4 h-4 inline`})}),(0,Q.jsx)(`h1`,{className:`text-lg font-bold`,children:`context / compaction`}),(0,Q.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:e.slice(0,16)})]}),(0,Q.jsxs)(`div`,{className:`px-5 py-4 grid grid-cols-4 gap-3 border-b border-bg-border`,children:[(0,Q.jsx)($,{label:`context window`,value:i.contextWindow.toLocaleString()}),(0,Q.jsx)($,{label:`max fill`,value:`${Math.round(i.maxFill*100)}%`}),(0,Q.jsx)($,{label:`compactions`,value:String(i.compactionCount)}),(0,Q.jsx)($,{label:`turns`,value:String(i.points.filter(e=>e.kind===`turn`).length)})]}),(0,Q.jsxs)(`div`,{className:`p-5`,children:[(0,Q.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`context fill % over time`}),(0,Q.jsx)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg p-3`,style:{height:340},children:(0,Q.jsx)(C,{children:(0,Q.jsxs)(P,{data:c,children:[(0,Q.jsx)(A,{strokeDasharray:`3 3`,stroke:`#2b3139`}),(0,Q.jsx)(j,{dataKey:`i`,stroke:`#7d8590`,tick:{fontSize:10}}),(0,Q.jsx)(k,{domain:[0,100],stroke:`#7d8590`,tick:{fontSize:10},unit:`%`}),(0,Q.jsx)(y,{contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11}}),(0,Q.jsx)(N,{type:`monotone`,dataKey:`fill`,stroke:`#58a6ff`,strokeWidth:2,dot:!1}),u.map(e=>(0,Q.jsx)(Z,{x:e.i,stroke:`#f85149`,strokeDasharray:`3 3`},e.i)),(0,Q.jsx)(Z,{y:80,stroke:`#d29922`,strokeDasharray:`4 4`,label:{value:`80%`,position:`right`,fill:`#d29922`,fontSize:10}})]})})}),i.compactionCount>0&&(0,Q.jsxs)(`div`,{className:`mt-3 text-xs text-fg-dim`,children:[(0,Q.jsx)(`span`,{className:`text-danger`,children:`■`}),` dashed red lines = compaction points (context reset by the agent).`]})]})]})}function $({label:e,value:t}){return(0,Q.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-md px-3 py-2`,children:[(0,Q.jsx)(`div`,{className:`text-[10px] uppercase text-fg-muted`,children:e}),(0,Q.jsx)(`div`,{className:`mono`,children:t})]})}export{ne as SessionCompactionPage};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{M as e,N as t,P as n,i as r,j as i,n as a,s as o,t as s}from"./createLucideIcon-Bjwrp8ZV.js";import{l as c,n as l}from"./dist-BYqqB4pa.js";import{t as u}from"./arrow-left-B-iQ08P0.js";import{t as d}from"./file-pen-CHXP3wF7.js";import{t as f}from"./clsx-DnEFlO87.js";import{i as p,t as m}from"./format-zsCsqELF.js";var h=s(`message-square`,[[`path`,{d:`M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z`,key:`18887p`}]]),g=e(((e,t)=>{(function(){var e={}.hasOwnProperty;function n(){for(var e=``,t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=i(e,r(n)))}return e}function r(t){if(typeof t==`string`||typeof t==`number`)return t;if(typeof t!=`object`)return``;if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes(`[native code]`))return t.toString();var r=``;for(var a in t)e.call(t,a)&&t[a]&&(r=i(r,a));return r}function i(e,t){return t?e?e+` `+t:e+t:e}t!==void 0&&t.exports?(n.default=n,t.exports=n):typeof define==`function`&&typeof define.amd==`object`&&define.amd?define(`classnames`,[],function(){return n}):window.classNames=n})()})),_=n(i(),1),v=o(),y=n(g(),1),b=Number.isNaN||function(e){return typeof e==`number`&&e!==e};function x(e,t){return!!(e===t||b(e)&&b(t))}function S(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!x(e[n],t[n]))return!1;return!0}function C(e,t){t===void 0&&(t=S);var n=null;function r(){var r=[...arguments];if(n&&n.lastThis===this&&t(r,n.lastArgs))return n.lastResult;var i=e.apply(this,r);return n={lastResult:i,lastArgs:r,lastThis:this},i}return r.clear=function(){n=null},r}function ee(e,t,n){let r=0,i,a={},o=[];return e.forEach((e,s)=>{let c=t.some(e=>e>=s-n&&e<=s+n);!c&&i===void 0?(i={index:r,startLine:s,endLine:s,lines:1},o.push(i),a[s]=i.index,r++):!c&&i?(i.endLine=s,i.lines++,a[s]=i.index):i=void 0}),{lineBlocks:a,blocks:o}}var w=class{diff(e,t,n={}){let r;typeof n==`function`?(r=n,n={}):`callback`in n&&(r=n.callback);let i=this.castInput(e,n),a=this.castInput(t,n),o=this.removeEmpty(this.tokenize(i,n)),s=this.removeEmpty(this.tokenize(a,n));return this.diffWithOptionsObj(o,s,n,r)}diffWithOptionsObj(e,t,n,r){let i=e=>{if(e=this.postProcess(e,n),r){setTimeout(function(){r(e)},0);return}else return e},a=t.length,o=e.length,s=1,c=a+o;n.maxEditLength!=null&&(c=Math.min(c,n.maxEditLength));let l=n.timeout??1/0,u=Date.now()+l,d=[{oldPos:-1,lastComponent:void 0}],f=this.extractCommon(d[0],t,e,0,n);if(d[0].oldPos+1>=o&&f+1>=a)return i(this.buildValues(d[0].lastComponent,t,e));let p=-1/0,m=1/0,h=()=>{for(let r=Math.max(p,-s);r<=Math.min(m,s);r+=2){let s,c=d[r-1],l=d[r+1];c&&(d[r-1]=void 0);let u=!1;if(l){let e=l.oldPos-r;u=l&&0<=e&&e<a}let h=c&&c.oldPos+1<o;if(!u&&!h){d[r]=void 0;continue}if(s=!h||u&&c.oldPos<l.oldPos?this.addToPath(l,!0,!1,0,n):this.addToPath(c,!1,!0,1,n),f=this.extractCommon(s,t,e,r,n),s.oldPos+1>=o&&f+1>=a)return i(this.buildValues(s.lastComponent,t,e))||!0;d[r]=s,s.oldPos+1>=o&&(m=Math.min(m,r-1)),f+1>=a&&(p=Math.max(p,r+1))}s++};if(r)(function e(){setTimeout(function(){if(s>c||Date.now()>u)return r(void 0);h()||e()},0)})();else for(;s<=c&&Date.now()<=u;){let e=h();if(e)return e}}addToPath(e,t,n,r,i){let a=e.lastComponent;return a&&!i.oneChangePerToken&&a.added===t&&a.removed===n?{oldPos:e.oldPos+r,lastComponent:{count:a.count+1,added:t,removed:n,previousComponent:a.previousComponent}}:{oldPos:e.oldPos+r,lastComponent:{count:1,added:t,removed:n,previousComponent:a}}}extractCommon(e,t,n,r,i){let a=t.length,o=n.length,s=e.oldPos,c=s-r,l=0;for(;c+1<a&&s+1<o&&this.equals(n[s+1],t[c+1],i);)c++,s++,l++,i.oneChangePerToken&&(e.lastComponent={count:1,previousComponent:e.lastComponent,added:!1,removed:!1});return l&&!i.oneChangePerToken&&(e.lastComponent={count:l,previousComponent:e.lastComponent,added:!1,removed:!1}),e.oldPos=s,c}equals(e,t,n){return n.comparator?n.comparator(e,t):e===t||!!n.ignoreCase&&e.toLowerCase()===t.toLowerCase()}removeEmpty(e){let t=[];for(let n=0;n<e.length;n++)e[n]&&t.push(e[n]);return t}castInput(e,t){return e}tokenize(e,t){return Array.from(e)}join(e){return e.join(``)}postProcess(e,t){return e}get useLongestToken(){return!1}buildValues(e,t,n){let r=[],i;for(;e;)r.push(e),i=e.previousComponent,delete e.previousComponent,e=i;r.reverse();let a=r.length,o=0,s=0,c=0;for(;o<a;o++){let e=r[o];if(e.removed)e.value=this.join(n.slice(c,c+e.count)),c+=e.count;else{if(!e.added&&this.useLongestToken){let r=t.slice(s,s+e.count);r=r.map(function(e,t){let r=n[c+t];return r.length>e.length?r:e}),e.value=this.join(r)}else e.value=this.join(t.slice(s,s+e.count));s+=e.count,e.added||(c+=e.count)}}return r}},te=new class extends w{};function ne(e,t,n){return te.diff(e,t,n)}function re(e,t){let n;for(n=0;n<e.length&&n<t.length;n++)if(e[n]!=t[n])return e.slice(0,n);return e.slice(0,n)}function ie(e,t){let n;if(!e||!t||e[e.length-1]!=t[t.length-1])return``;for(n=0;n<e.length&&n<t.length;n++)if(e[e.length-(n+1)]!=t[t.length-(n+1)])return e.slice(-n);return e.slice(-n)}function ae(e,t,n){if(e.slice(0,t.length)!=t)throw Error(`string ${JSON.stringify(e)} doesn't start with prefix ${JSON.stringify(t)}; this is a bug`);return n+e.slice(t.length)}function oe(e,t,n){if(!t)return e+n;if(e.slice(-t.length)!=t)throw Error(`string ${JSON.stringify(e)} doesn't end with suffix ${JSON.stringify(t)}; this is a bug`);return e.slice(0,-t.length)+n}function se(e,t){return ae(e,t,``)}function ce(e,t){return oe(e,t,``)}function le(e,t){return t.slice(0,ue(e,t))}function ue(e,t){let n=0;e.length>t.length&&(n=e.length-t.length);let r=t.length;e.length<t.length&&(r=e.length);let i=Array(r),a=0;i[0]=0;for(let e=1;e<r;e++){for(t[e]==t[a]?i[e]=i[a]:i[e]=a;a>0&&t[e]!=t[a];)a=i[a];t[e]==t[a]&&a++}a=0;for(let r=n;r<e.length;r++){for(;a>0&&e[r]!=t[a];)a=i[a];e[r]==t[a]&&a++}return a}function de(e){return e.includes(`\r
|
|
2
2
|
`)&&!e.startsWith(`
|
|
3
3
|
`)&&!e.match(/[^\r]\n/)}function fe(e){return!e.includes(`\r
|
|
4
4
|
`)&&e.includes(`
|
|
@@ -16,7 +16,7 @@ import{F as e,M as t,N as n,P as r,a as i,c as a,n as o,r as s,t as c}from"./cls
|
|
|
16
16
|
`}function Qe(e,t,n,r,i,a,o){if(typeof o==`function`&&(o={callback:o}),o?.callback){let{callback:s}=o;Xe(e,t,n,r,i,a,Object.assign(Object.assign({},o),{callback:e=>{s(e?Ze(e,o.headerOptions):void 0)}}))}else{let s=Xe(e,t,n,r,i,a,o);return s?Ze(s,o?.headerOptions):void 0}}function $e(e,t,n,r,i,a){return Qe(e,e,t,n,r,i,a)}function et(e){let t=e.endsWith(`
|
|
17
17
|
`),n=e.split(`
|
|
18
18
|
`).map(e=>e+`
|
|
19
|
-
`);return t?n.pop():n.push(n.pop().slice(0,-1)),n}function tt(e){let t=[],n,r;for(let i=0;i<e.length;i++)n=e[i],r=n.added?1:n.removed?-1:0,t.push([r,n.value]);return t}function nt(e){let t=[];for(let n=0;n<e.length;n++){let r=e[n];r.added?t.push(`<ins>`):r.removed&&t.push(`<del>`),t.push(rt(r.value)),r.added?t.push(`</ins>`):r.removed&&t.push(`</del>`)}return t.join(``)}function rt(e){let t=e;return t=t.replace(/&/g,`&`),t=t.replace(/</g,`<`),t=t.replace(/>/g,`>`),t=t.replace(/"/g,`"`),t}var it=
|
|
19
|
+
`);return t?n.pop():n.push(n.pop().slice(0,-1)),n}function tt(e){let t=[],n,r;for(let i=0;i<e.length;i++)n=e[i],r=n.added?1:n.removed?-1:0,t.push([r,n.value]);return t}function nt(e){let t=[];for(let n=0;n<e.length;n++){let r=e[n];r.added?t.push(`<ins>`):r.removed&&t.push(`<del>`),t.push(rt(r.value)),r.added?t.push(`</ins>`):r.removed&&t.push(`</del>`)}return t.join(``)}function rt(e){let t=e;return t=t.replace(/&/g,`&`),t=t.replace(/</g,`<`),t=t.replace(/>/g,`>`),t=t.replace(/"/g,`"`),t}var it=t({Diff:()=>w,FILE_HEADERS_ONLY:()=>Je,INCLUDE_HEADERS:()=>qe,OMIT_HEADERS:()=>Ye,applyPatch:()=>Ue,applyPatches:()=>Ge,arrayDiff:()=>Fe,canonicalize:()=>Pe,characterDiff:()=>te,convertChangesToDMP:()=>tt,convertChangesToXML:()=>nt,createPatch:()=>$e,createTwoFilesPatch:()=>Qe,cssDiff:()=>Ae,diffArrays:()=>Ie,diffChars:()=>ne,diffCss:()=>je,diffJson:()=>Ne,diffLines:()=>E,diffSentences:()=>ke,diffTrimmedLines:()=>Te,diffWords:()=>ye,diffWordsWithSpace:()=>Se,formatPatch:()=>Ze,jsonDiff:()=>Me,lineDiff:()=>we,parsePatch:()=>Ve,reversePatch:()=>Ke,sentenceDiff:()=>Oe,structuredPatch:()=>Xe,wordDiff:()=>ve,wordsWithSpaceDiff:()=>xe});function at(e){return e==null}function ot(e){return typeof e==`object`&&!!e}function st(e){return Array.isArray(e)?e:at(e)?[]:[e]}function ct(e,t){var n,r,i,a;if(t)for(a=Object.keys(t),n=0,r=a.length;n<r;n+=1)i=a[n],e[i]=t[i];return e}function lt(e,t){var n=``,r;for(r=0;r<t;r+=1)n+=e;return n}function ut(e){return e===0&&1/e==-1/0}var D={isNothing:at,isObject:ot,toArray:st,repeat:lt,isNegativeZero:ut,extend:ct};function dt(e,t){var n=``,r=e.reason||`(unknown reason)`;return e.mark?(e.mark.name&&(n+=`in "`+e.mark.name+`" `),n+=`(`+(e.mark.line+1)+`:`+(e.mark.column+1)+`)`,!t&&e.mark.snippet&&(n+=`
|
|
20
20
|
|
|
21
21
|
`+e.mark.snippet),r+` `+n):r}function ft(e,t){Error.call(this),this.name=`YAMLException`,this.reason=e,this.mark=t,this.message=dt(this,!1),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=Error().stack||``}ft.prototype=Object.create(Error.prototype),ft.prototype.constructor=ft,ft.prototype.toString=function(e){return this.name+`: `+dt(this,e)};var O=ft;function pt(e,t,n,r,i){var a=``,o=``,s=Math.floor(i/2)-1;return r-t>s&&(a=` ... `,t=r-s+a.length),n-r>s&&(o=` ...`,n=r+s-o.length),{str:a+e.slice(t,n).replace(/\t/g,`→`)+o,pos:r-t+a.length}}function mt(e,t){return D.repeat(` `,t-e.length)+e}function ht(e,t){if(t=Object.create(t||null),!e.buffer)return null;t.maxLength||=79,typeof t.indent!=`number`&&(t.indent=1),typeof t.linesBefore!=`number`&&(t.linesBefore=3),typeof t.linesAfter!=`number`&&(t.linesAfter=2);for(var n=/\r?\n|\r|\0/g,r=[0],i=[],a,o=-1;a=n.exec(e.buffer);)i.push(a.index),r.push(a.index+a[0].length),e.position<=a.index&&o<0&&(o=r.length-2);o<0&&(o=r.length-1);var s=``,c,l,u=Math.min(e.line+t.linesAfter,i.length).toString().length,d=t.maxLength-(t.indent+u+3);for(c=1;c<=t.linesBefore&&!(o-c<0);c++)l=pt(e.buffer,r[o-c],i[o-c],e.position-(r[o]-r[o-c]),d),s=D.repeat(` `,t.indent)+mt((e.line-c+1).toString(),u)+` | `+l.str+`
|
|
22
22
|
`+s;for(l=pt(e.buffer,r[o],i[o],e.position,d),s+=D.repeat(` `,t.indent)+mt((e.line+1).toString(),u)+` | `+l.str+`
|
|
@@ -62,4 +62,4 @@ import{F as e,M as t,N as n,P as r,a as i,c as a,n as o,r as s,t as c}from"./cls
|
|
|
62
62
|
`}),i}function Bi(e,t,n,r=`json`){return E(V(e,n),V(t,n)).map(e=>({value:e.value,added:e.added,removed:e.removed}))}function V(e,t,n=`json`){if(t===0)return e;let r=` `.repeat(t);return e.split(`
|
|
63
63
|
`).map((e,t)=>t===0?e:r+e).join(`
|
|
64
64
|
`)}var H;(function(e){e.CHARS=`diffChars`,e.WORDS=`diffWords`,e.WORDS_WITH_SPACE=`diffWordsWithSpace`,e.LINES=`diffLines`,e.TRIMMED_LINES=`diffTrimmedLines`,e.SENTENCES=`diffSentences`,e.CSS=`diffCss`,e.JSON=`diffJson`,e.YAML=`diffYaml`})(H||={});var Vi=e=>e===``?[]:e.replace(/\n$/,``).split(`
|
|
65
|
-
`),Hi=(e,t,n=H.CHARS)=>{let r=(typeof n==`string`?Mi[n]:n)(e,t),i={left:[],right:[]};return r.forEach(({added:e,removed:t,value:n})=>{let r={};return e&&(r.type=z.ADDED,r.value=n,i.right.push(r)),t&&(r.type=z.REMOVED,r.value=n,i.left.push(r)),!t&&!e&&(r.type=z.DEFAULT,r.value=n,i.right.push(r),i.left.push(r)),r}),i},Ui=(e,t,n=!1,r=H.CHARS,i=0,a=[],o=!1)=>{let s=[];if(typeof e==`string`&&typeof t==`string`)if(r===H.JSON)s=Fi(e,t);else if(r===H.YAML)try{s=Ii(e,t)}catch{s=E(e,t,{newlineIsToken:!1})}else s=E(e,t,{newlineIsToken:!1});else s=Pi(e,t);let c=i,l=i,u=[],d=0,f=[],p=[],m=(e,t,i,u,h)=>Vi(e).map((e,g)=>{let _={},v={};if(!(p.includes(`${t}-${g}`)||h&&g!==0)){if(i||u){let i=!0;if(u){l+=1,_.lineNumber=l,_.type=z.REMOVED,_.value=e||` `;let a=s[t+1];if(a?.added){let s=Vi(a.value)[g];if(s){let{value:a,lineNumber:c,type:l}=m(s,t,!0,!1,!0)[0].right;if(p.push(`${t+1}-${g}`),v.lineNumber=c,_.value===a)i=!1,v.type=0,_.type=0,v.value=a;else{v.type=l;let t=e.length>500||a.length>500;if(n||t)v.value=a;else if(o)_.rawValue=e,_.value=e,v.rawValue=a,v.value=a;else{let t=Hi(e,a,r);v.value=t.right,_.value=t.left}}}}}else c+=1,v.lineNumber=c,v.type=z.ADDED,v.value=e;i&&!h&&(f.includes(d)||f.push(d))}else l+=1,c+=1,_.lineNumber=l,_.type=z.DEFAULT,_.value=e,v.lineNumber=c,v.type=z.DEFAULT,v.value=e;return(a?.includes(`L-${_.lineNumber}`)||a?.includes(`R-${v.lineNumber}`)&&!f.includes(d))&&f.push(d),h||(d+=1),{right:v,left:_}}}).filter(Boolean);return s.forEach(({added:e,removed:t,value:n},r)=>{u=[...u,...m(n,r,e,t)]}),{lineInformation:u,diffLines:f}},Wi=null,Gi=()=>{if(Wi!==null)return Wi;if(typeof Worker>`u`||typeof Blob>`u`||typeof URL>`u`)return null;try{let e=new Blob([ji],{type:`application/javascript`});Wi=URL.createObjectURL(e)}catch{Wi=null}return Wi},Ki=(e,t,n=!1,r=H.CHARS,i=0,a=[],o=!1)=>{let s=()=>Ui(e,t,n,r,i,a,o),c=Gi();return c?new Promise(l=>{let u;try{u=new Worker(c)}catch{l(s());return}u.onmessage=e=>{l(e.data),u.terminate()},u.onerror=()=>{u.terminate(),l(s())},u.postMessage({oldString:e,newString:t,disableWordDiff:n,lineCompareMethod:r,linesOffset:i,showLines:a,deferWordDiff:o})}):Promise.resolve(s())};function qi(){return(0,v.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,width:`16`,height:`16`,children:[(0,v.jsx)(`title`,{children:`expand`}),(0,v.jsx)(`path`,{d:`m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z`})]})}var Ji=!1;function Yi(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function Xi(e){var t=document.createElement(`style`);return t.setAttribute(`data-emotion`,e.key),e.nonce!==void 0&&t.setAttribute(`nonce`,e.nonce),t.appendChild(document.createTextNode(``)),t.setAttribute(`data-s`,``),t}var Zi=function(){function e(e){var t=this;this._insertTag=function(e){var n=t.tags.length===0?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling;t.container.insertBefore(e,n),t.tags.push(e)},this.isSpeedy=e.speedy===void 0?!Ji:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(Xi(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=Yi(t);try{n.insertRule(e,n.cssRules.length)}catch{}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach(function(e){return e.parentNode?.removeChild(e)}),this.tags=[],this.ctr=0},e}(),U=`-ms-`,Qi=`-moz-`,W=`-webkit-`,$i=`comm`,ea=`rule`,ta=`decl`,na=`@import`,ra=`@keyframes`,ia=`@layer`,aa=Math.abs,oa=String.fromCharCode,sa=Object.assign;function ca(e,t){return K(e,0)^45?(((t<<2^K(e,0))<<2^K(e,1))<<2^K(e,2))<<2^K(e,3):0}function la(e){return e.trim()}function ua(e,t){return(e=t.exec(e))?e[0]:e}function G(e,t,n){return e.replace(t,n)}function da(e,t){return e.indexOf(t)}function K(e,t){return e.charCodeAt(t)|0}function fa(e,t,n){return e.slice(t,n)}function q(e){return e.length}function pa(e){return e.length}function ma(e,t){return t.push(e),e}function ha(e,t){return e.map(t).join(``)}var ga=1,_a=1,va=0,J=0,Y=0,ya=``;function ba(e,t,n,r,i,a,o){return{value:e,root:t,parent:n,type:r,props:i,children:a,line:ga,column:_a,length:o,return:``}}function xa(e,t){return sa(ba(``,null,null,``,null,null,0),e,{length:-e.length},t)}function Sa(){return Y}function Ca(){return Y=J>0?K(ya,--J):0,_a--,Y===10&&(_a=1,ga--),Y}function X(){return Y=J<va?K(ya,J++):0,_a++,Y===10&&(_a=1,ga++),Y}function Z(){return K(ya,J)}function wa(){return J}function Ta(e,t){return fa(ya,e,t)}function Ea(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Da(e){return ga=_a=1,va=q(ya=e),J=0,[]}function Oa(e){return ya=``,e}function ka(e){return la(Ta(J-1,Ma(e===91?e+2:e===40?e+1:e)))}function Aa(e){for(;(Y=Z())&&Y<33;)X();return Ea(e)>2||Ea(Y)>3?``:` `}function ja(e,t){for(;--t&&X()&&!(Y<48||Y>102||Y>57&&Y<65||Y>70&&Y<97););return Ta(e,wa()+(t<6&&Z()==32&&X()==32))}function Ma(e){for(;X();)switch(Y){case e:return J;case 34:case 39:e!==34&&e!==39&&Ma(Y);break;case 40:e===41&&Ma(e);break;case 92:X();break}return J}function Na(e,t){for(;X()&&e+Y!==57&&!(e+Y===84&&Z()===47););return`/*`+Ta(t,J-1)+`*`+oa(e===47?e:X())}function Pa(e){for(;!Ea(Z());)X();return Ta(e,J)}function Fa(e){return Oa(Ia(``,null,null,null,[``],e=Da(e),0,[0],e))}function Ia(e,t,n,r,i,a,o,s,c){for(var l=0,u=0,d=o,f=0,p=0,m=0,h=1,g=1,_=1,v=0,y=``,b=i,x=a,S=r,C=y;g;)switch(m=v,v=X()){case 40:if(m!=108&&K(C,d-1)==58){da(C+=G(ka(v),`&`,`&\f`),`&\f`)!=-1&&(_=-1);break}case 34:case 39:case 91:C+=ka(v);break;case 9:case 10:case 13:case 32:C+=Aa(m);break;case 92:C+=ja(wa()-1,7);continue;case 47:switch(Z()){case 42:case 47:ma(Ra(Na(X(),wa()),t,n),c);break;default:C+=`/`}break;case 123*h:s[l++]=q(C)*_;case 125*h:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:_==-1&&(C=G(C,/\f/g,``)),p>0&&q(C)-d&&ma(p>32?za(C+`;`,r,n,d-1):za(G(C,` `,``)+`;`,r,n,d-2),c);break;case 59:C+=`;`;default:if(ma(S=La(C,t,n,l,u,i,s,y,b=[],x=[],d),a),v===123)if(u===0)Ia(C,t,S,S,b,a,d,s,x);else switch(f===99&&K(C,3)===110?100:f){case 100:case 108:case 109:case 115:Ia(e,S,S,r&&ma(La(e,S,S,0,0,i,s,y,i,b=[],d),x),i,x,d,s,r?b:x);break;default:Ia(C,S,S,S,[``],x,0,s,x)}}l=u=p=0,h=_=1,y=C=``,d=o;break;case 58:d=1+q(C),p=m;default:if(h<1){if(v==123)--h;else if(v==125&&h++==0&&Ca()==125)continue}switch(C+=oa(v),v*h){case 38:_=u>0?1:(C+=`\f`,-1);break;case 44:s[l++]=(q(C)-1)*_,_=1;break;case 64:Z()===45&&(C+=ka(X())),f=Z(),u=d=q(y=C+=Pa(wa())),v++;break;case 45:m===45&&q(C)==2&&(h=0)}}return a}function La(e,t,n,r,i,a,o,s,c,l,u){for(var d=i-1,f=i===0?a:[``],p=pa(f),m=0,h=0,g=0;m<r;++m)for(var _=0,v=fa(e,d+1,d=aa(h=o[m])),y=e;_<p;++_)(y=la(h>0?f[_]+` `+v:G(v,/&\f/g,f[_])))&&(c[g++]=y);return ba(e,t,n,i===0?ea:s,c,l,u)}function Ra(e,t,n){return ba(e,t,n,$i,oa(Sa()),fa(e,2,-2),0)}function za(e,t,n,r){return ba(e,t,n,ta,fa(e,0,r),fa(e,r+1,-1),r)}function Ba(e,t){for(var n=``,r=pa(e),i=0;i<r;i++)n+=t(e[i],i,e,t)||``;return n}function Va(e,t,n,r){switch(e.type){case ia:if(e.children.length)break;case na:case ta:return e.return=e.return||e.value;case $i:return``;case ra:return e.return=e.value+`{`+Ba(e.children,r)+`}`;case ea:e.value=e.props.join(`,`)}return q(n=Ba(e.children,r))?e.return=e.value+`{`+n+`}`:``}function Ha(e){var t=pa(e);return function(n,r,i,a){for(var o=``,s=0;s<t;s++)o+=e[s](n,r,i,a)||``;return o}}function Ua(e){return function(t){t.root||(t=t.return)&&e(t)}}function Wa(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var Ga=function(e,t,n){for(var r=0,i=0;r=i,i=Z(),r===38&&i===12&&(t[n]=1),!Ea(i);)X();return Ta(e,J)},Ka=function(e,t){var n=-1,r=44;do switch(Ea(r)){case 0:r===38&&Z()===12&&(t[n]=1),e[n]+=Ga(J-1,t,n);break;case 2:e[n]+=ka(r);break;case 4:if(r===44){e[++n]=Z()===58?`&\f`:``,t[n]=e[n].length;break}default:e[n]+=oa(r)}while(r=X());return e},qa=function(e,t){return Oa(Ka(Da(e),t))},Ja=new WeakMap,Ya=function(e){if(!(e.type!==`rule`||!e.parent||e.length<1)){for(var t=e.value,n=e.parent,r=e.column===n.column&&e.line===n.line;n.type!==`rule`;)if(n=n.parent,!n)return;if(!(e.props.length===1&&t.charCodeAt(0)!==58&&!Ja.get(n))&&!r){Ja.set(e,!0);for(var i=[],a=qa(t,i),o=n.props,s=0,c=0;s<a.length;s++)for(var l=0;l<o.length;l++,c++)e.props[c]=i[s]?a[s].replace(/&\f/g,o[l]):o[l]+` `+a[s]}}},Xa=function(e){if(e.type===`decl`){var t=e.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(e.return=``,e.value=``)}};function Za(e,t){switch(ca(e,t)){case 5103:return W+`print-`+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return W+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return W+e+Qi+e+U+e+e;case 6828:case 4268:return W+e+U+e+e;case 6165:return W+e+U+`flex-`+e+e;case 5187:return W+e+G(e,/(\w+).+(:[^]+)/,W+`box-$1$2`+U+`flex-$1$2`)+e;case 5443:return W+e+U+`flex-item-`+G(e,/flex-|-self/,``)+e;case 4675:return W+e+U+`flex-line-pack`+G(e,/align-content|flex-|-self/,``)+e;case 5548:return W+e+U+G(e,`shrink`,`negative`)+e;case 5292:return W+e+U+G(e,`basis`,`preferred-size`)+e;case 6060:return W+`box-`+G(e,`-grow`,``)+W+e+U+G(e,`grow`,`positive`)+e;case 4554:return W+G(e,/([^-])(transform)/g,`$1`+W+`$2`)+e;case 6187:return G(G(G(e,/(zoom-|grab)/,W+`$1`),/(image-set)/,W+`$1`),e,``)+e;case 5495:case 3959:return G(e,/(image-set\([^]*)/,W+"$1$`$1");case 4968:return G(G(e,/(.+:)(flex-)?(.*)/,W+`box-pack:$3`+U+`flex-pack:$3`),/s.+-b[^;]+/,`justify`)+W+e+e;case 4095:case 3583:case 4068:case 2532:return G(e,/(.+)-inline(.+)/,W+`$1$2`)+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(q(e)-1-t>6)switch(K(e,t+1)){case 109:if(K(e,t+4)!==45)break;case 102:return G(e,/(.+:)(.+)-([^]+)/,`$1`+W+`$2-$3$1`+Qi+(K(e,t+3)==108?`$3`:`$2-$3`))+e;case 115:return~da(e,`stretch`)?Za(G(e,`stretch`,`fill-available`),t)+e:e}break;case 4949:if(K(e,t+1)!==115)break;case 6444:switch(K(e,q(e)-3-(~da(e,`!important`)&&10))){case 107:return G(e,`:`,`:`+W)+e;case 101:return G(e,/(.+:)([^;!]+)(;|!.+)?/,`$1`+W+(K(e,14)===45?`inline-`:``)+`box$3$1`+W+`$2$3$1`+U+`$2box$3`)+e}break;case 5936:switch(K(e,t+11)){case 114:return W+e+U+G(e,/[svh]\w+-[tblr]{2}/,`tb`)+e;case 108:return W+e+U+G(e,/[svh]\w+-[tblr]{2}/,`tb-rl`)+e;case 45:return W+e+U+G(e,/[svh]\w+-[tblr]{2}/,`lr`)+e}return W+e+U+e+e}return e}var Qa=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case ta:e.return=Za(e.value,e.length);break;case ra:return Ba([xa(e,{value:G(e.value,`@`,`@`+W)})],r);case ea:if(e.length)return ha(e.props,function(t){switch(ua(t,/(::plac\w+|:read-\w+)/)){case`:read-only`:case`:read-write`:return Ba([xa(e,{props:[G(t,/:(read-\w+)/,`:`+Qi+`$1`)]})],r);case`::placeholder`:return Ba([xa(e,{props:[G(t,/:(plac\w+)/,`:`+W+`input-$1`)]}),xa(e,{props:[G(t,/:(plac\w+)/,`:`+Qi+`$1`)]}),xa(e,{props:[G(t,/:(plac\w+)/,U+`input-$1`)]})],r)}return``})}}],$a=function(e){var t=e.key;if(t===`css`){var n=document.querySelectorAll(`style[data-emotion]:not([data-s])`);Array.prototype.forEach.call(n,function(e){e.getAttribute(`data-emotion`).indexOf(` `)!==-1&&(document.head.appendChild(e),e.setAttribute(`data-s`,``))})}var r=e.stylisPlugins||Qa,i={},a,o=[];a=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll(`style[data-emotion^="`+t+` "]`),function(e){for(var t=e.getAttribute(`data-emotion`).split(` `),n=1;n<t.length;n++)i[t[n]]=!0;o.push(e)});var s,c=[Ya,Xa],l,u=[Va,Ua(function(e){l.insert(e)})],d=Ha(c.concat(r,u)),f=function(e){return Ba(Fa(e),d)};s=function(e,t,n,r){l=n,f(e?e+`{`+t.styles+`}`:t.styles),r&&(p.inserted[t.name]=!0)};var p={key:t,sheet:new Zi({key:t,container:a,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:i,registered:{},insert:s};return p.sheet.hydrate(o),p};function eo(e){for(var t=0,n,r=0,i=e.length;i>=4;++r,i-=4)n=e.charCodeAt(r)&255|(e.charCodeAt(++r)&255)<<8|(e.charCodeAt(++r)&255)<<16|(e.charCodeAt(++r)&255)<<24,n=(n&65535)*1540483477+((n>>>16)*59797<<16),n^=n>>>24,t=(n&65535)*1540483477+((n>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(i){case 3:t^=(e.charCodeAt(r+2)&255)<<16;case 2:t^=(e.charCodeAt(r+1)&255)<<8;case 1:t^=e.charCodeAt(r)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var to={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},no=!1,ro=/[A-Z]|^ms/g,io=/_EMO_([^_]+?)_([^]*?)_EMO_/g,ao=function(e){return e.charCodeAt(1)===45},oo=function(e){return e!=null&&typeof e!=`boolean`},so=Wa(function(e){return ao(e)?e:e.replace(ro,`-$&`).toLowerCase()}),co=function(e,t){switch(e){case`animation`:case`animationName`:if(typeof t==`string`)return t.replace(io,function(e,t,n){return Q={name:t,styles:n,next:Q},t})}return to[e]!==1&&!ao(e)&&typeof t==`number`&&t!==0?t+`px`:t},lo=`Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.`;function uo(e,t,n){if(n==null)return``;var r=n;if(r.__emotion_styles!==void 0)return r;switch(typeof n){case`boolean`:return``;case`object`:var i=n;if(i.anim===1)return Q={name:i.name,styles:i.styles,next:Q},i.name;var a=n;if(a.styles!==void 0){var o=a.next;if(o!==void 0)for(;o!==void 0;)Q={name:o.name,styles:o.styles,next:Q},o=o.next;return a.styles+`;`}return fo(e,t,n);case`function`:if(e!==void 0){var s=Q,c=n(e);return Q=s,uo(e,t,c)}break}var l=n;if(t==null)return l;var u=t[l];return u===void 0?l:u}function fo(e,t,n){var r=``;if(Array.isArray(n))for(var i=0;i<n.length;i++)r+=uo(e,t,n[i])+`;`;else for(var a in n){var o=n[a];if(typeof o!=`object`){var s=o;t!=null&&t[s]!==void 0?r+=a+`{`+t[s]+`}`:oo(s)&&(r+=so(a)+`:`+co(a,s)+`;`)}else{if(a===`NO_COMPONENT_SELECTOR`&&no)throw Error(lo);if(Array.isArray(o)&&typeof o[0]==`string`&&(t==null||t[o[0]]===void 0))for(var c=0;c<o.length;c++)oo(o[c])&&(r+=so(a)+`:`+co(a,o[c])+`;`);else{var l=uo(e,t,o);switch(a){case`animation`:case`animationName`:r+=so(a)+`:`+l+`;`;break;default:r+=a+`{`+l+`}`}}}}return r}var po=/label:\s*([^\s;{]+)\s*(;|$)/g,Q;function mo(e,t,n){if(e.length===1&&typeof e[0]==`object`&&e[0]!==null&&e[0].styles!==void 0)return e[0];var r=!0,i=``;Q=void 0;var a=e[0];a==null||a.raw===void 0?(r=!1,i+=uo(n,t,a)):i+=a[0];for(var o=1;o<e.length;o++)i+=uo(n,t,e[o]),r&&(i+=a[o]);po.lastIndex=0;for(var s=``,c;(c=po.exec(i))!==null;)s+=`-`+c[1];return{name:eo(i)+s,styles:i,next:Q}}var ho=!0;function go(e,t,n){var r=``;return n.split(` `).forEach(function(n){e[n]===void 0?n&&(r+=n+` `):t.push(e[n]+`;`)}),r}var _o=function(e,t,n){var r=e.key+`-`+t.name;(n===!1||ho===!1)&&e.registered[r]===void 0&&(e.registered[r]=t.styles)},vo=function(e,t,n){_o(e,t,n);var r=e.key+`-`+t.name;if(e.inserted[t.name]===void 0){var i=t;do e.insert(t===i?`.`+r:``,i,e.sheet,!0),i=i.next;while(i!==void 0)}};function yo(e,t){if(e.inserted[t.name]===void 0)return e.insert(``,t,e.sheet,!0)}function bo(e,t,n){var r=[],i=go(e,r,n);return r.length<2?n:i+t(r)}var xo=function(e){var t=$a(e);t.sheet.speedy=function(e){this.isSpeedy=e},t.compat=!0;var n=function(){var e=mo([...arguments],t.registered,void 0);return vo(t,e,!1),t.key+`-`+e.name};return{css:n,cx:function(){var e=[...arguments];return bo(t.registered,n,So(e))},injectGlobal:function(){yo(t,mo([...arguments],t.registered))},keyframes:function(){var e=mo([...arguments],t.registered),n=`animation-`+e.name;return yo(t,{name:e.name,styles:`@keyframes `+n+`{`+e.styles+`}`}),n},hydrate:function(e){e.forEach(function(e){t.inserted[e]=!0})},flush:function(){t.registered={},t.inserted={},t.sheet.flush()},sheet:t.sheet,cache:t,getRegisteredStyles:go.bind(null,t.registered),merge:bo.bind(null,t.registered,n)}},So=function e(t){for(var n=``,r=0;r<t.length;r++){var i=t[r];if(i!=null){var a=void 0;switch(typeof i){case`boolean`:break;case`object`:if(Array.isArray(i))a=e(i);else for(var o in a=``,i)i[o]&&o&&(a&&(a+=` `),a+=o);break;default:a=i}a&&(n&&(n+=` `),n+=a)}}return n},Co=(e,t=!1,n=``)=>{let{variables:r={},...i}=e,a={light:{diffViewerBackground:`#fff`,diffViewerColor:`#212529`,addedBackground:`#e6ffed`,addedColor:`#24292e`,removedBackground:`#ffeef0`,removedColor:`#24292e`,changedBackground:`#fffbdd`,wordAddedBackground:`#acf2bd`,wordRemovedBackground:`#fdb8c0`,addedGutterBackground:`#cdffd8`,removedGutterBackground:`#ffdce0`,gutterBackground:`#f7f7f7`,gutterBackgroundDark:`#f3f1f1`,highlightBackground:`#fffbdd`,highlightGutterBackground:`#fff5b1`,codeFoldGutterBackground:`#dbedff`,codeFoldBackground:`#f1f8ff`,emptyLineBackground:`#fafbfc`,gutterColor:`#212529`,addedGutterColor:`#212529`,removedGutterColor:`#212529`,codeFoldContentColor:`#212529`,diffViewerTitleBackground:`#fafbfc`,diffViewerTitleColor:`#212529`,diffViewerTitleBorderColor:`#eee`,...r.light||{}},dark:{diffViewerBackground:`#2e303c`,diffViewerColor:`#FFF`,addedBackground:`#2ea04326`,addedColor:`white`,removedBackground:`#f851491a`,removedColor:`white`,changedBackground:`#3e302c`,wordAddedBackground:`#2ea04366`,wordRemovedBackground:`#f8514966`,addedGutterBackground:`#3fb9504d`,removedGutterBackground:`#f851494d`,gutterBackground:`#2c2f3a`,gutterBackgroundDark:`#262933`,highlightBackground:`#2a3967`,highlightGutterBackground:`#2d4077`,codeFoldGutterBackground:`#262831`,codeFoldBackground:`#262831`,emptyLineBackground:`#363946`,gutterColor:`#f0f6fc`,addedGutterColor:`#f0f6fc`,removedGutterColor:`#f0f6fc`,codeFoldContentColor:`#9198a1`,diffViewerTitleBackground:`#2f323e`,diffViewerTitleColor:`#f0f6fc`,diffViewerTitleBorderColor:`#353846`,...r.dark||{}}},o=t?a.dark:a.light,{css:s,cx:c}=xo({key:`react-diff`,nonce:n}),l=s({width:`auto`,overflow:`hidden`,label:`content`}),u=s({label:`split-view`}),d=s({position:`sticky`,top:0,zIndex:2,label:`sticky-header`}),f=s({background:o.diffViewerTitleBackground,color:o.diffViewerTitleColor,padding:`0.5em 1em`,display:`flex`,alignItems:`center`,gap:`0.5em`,fontFamily:`monospace`,fontSize:12,fill:o.diffViewerTitleColor}),p=s({display:`flex`,label:`column-headers`}),m=s({width:`100%`,minWidth:`1000px`,overflowX:`auto`,tableLayout:`fixed`,fontSize:12,background:o.diffViewerBackground,pre:{margin:0,whiteSpace:`pre-wrap`,lineHeight:`1.6em`,width:`fit-content`},label:`diff-container`,borderCollapse:`collapse`,"@media (max-width: 768px)":{minWidth:`unset`}}),h=s({overflow:`hidden`,width:`100%`}),g=s({color:o.diffViewerColor,whiteSpace:`pre-wrap`,fontFamily:`monospace`,lineBreak:`anywhere`,textDecoration:`none`,label:`content-text`}),_=s({userSelect:`none`,label:`unselectable`}),v=s({label:`no-wrap`,pre:{whiteSpace:`pre`},[`.${g}`]:{whiteSpace:`pre`,lineBreak:`auto`}}),y=s({background:`transparent`,border:`none`,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`,margin:0,label:`all-expand-button`,":hover":{fill:o.addedGutterColor},":focus":{outline:`1px ${o.addedGutterColor} solid`}}),b=s({background:o.diffViewerTitleBackground,padding:`0.5em`,lineHeight:`1.4em`,height:`2.4em`,overflow:`hidden`,width:`50%`,borderBottom:`1px solid ${o.diffViewerTitleBorderColor}`,boxSizing:`border-box`,fontSize:12,label:`title-block`,":only-child":{width:`100%`},":last-child:not(:only-child)":{borderLeft:`1px solid ${o.diffViewerTitleBorderColor}`},[`.${g}`]:{color:o.diffViewerTitleColor}}),x=s({color:o.gutterColor,label:`line-number`}),S=s({background:o.removedBackground,color:o.removedColor,pre:{color:o.removedColor},[`.${x}`]:{color:o.removedGutterColor},label:`diff-removed`}),C=s({background:o.addedBackground,color:o.addedColor,pre:{color:o.addedColor},[`.${x}`]:{color:o.addedGutterColor},label:`diff-added`}),ee=s({background:o.changedBackground,[`.${x}`]:{color:o.gutterColor},label:`diff-changed`}),w=s({display:`inline`,textDecoration:`none`,label:`word-diff`}),te=s({background:o.wordAddedBackground,label:`word-added`}),ne=s({background:o.wordRemovedBackground,label:`word-removed`}),re=s({backgroundColor:o.codeFoldGutterBackground,label:`code-fold-gutter`,minWidth:`50px`,width:`50px`,textAlign:`center`,fill:o.codeFoldContentColor}),ie=s({padding:``}),ae=s({background:o.codeFoldBackground,cursor:`pointer`,display:`inline`,margin:0,border:`none`,fill:o.codeFoldContentColor,label:`code-fold-expand-button`}),oe=s({color:o.codeFoldContentColor,fontFamily:`monospace`,label:`code-fold-content`}),se=s({display:`block`,width:`10px`,height:`10px`,backgroundColor:`#ddd`,borderWidth:`1px`,borderStyle:`solid`,borderColor:o.diffViewerTitleBorderColor}),ce=s({backgroundColor:o.wordAddedBackground}),le=s({backgroundColor:o.wordRemovedBackground}),ue=s({backgroundColor:o.codeFoldBackground,fontSize:12,alignItems:`center`,userSelect:`none`,fontWeight:700,cursor:`pointer`,label:`code-fold`,"&:hover":{color:o.diffViewerColor,fill:o.diffViewerColor,"& *":{color:o.diffViewerColor,fill:o.diffViewerColor}},a:{textDecoration:`underline !important`,cursor:`pointer`,pre:{display:`inline`}}}),de=s({backgroundColor:o.emptyLineBackground,label:`empty-line`}),fe=s({width:28,paddingLeft:10,paddingRight:10,userSelect:`none`,label:`marker`,[`&.${C}`]:{pre:{color:o.addedColor}},[`&.${S}`]:{pre:{color:o.removedColor}}}),pe=s({background:o.highlightBackground,label:`highlighted-line`,[`.${te}, .${ne}`]:{backgroundColor:`initial`}}),me=s({label:`highlighted-gutter`}),T=s({userSelect:`none`,minWidth:50,width:`50px`,padding:`0 10px`,whiteSpace:`nowrap`,label:`gutter`,textAlign:`center`,color:o.gutterColor,background:o.gutterBackground,"&:hover":{cursor:`pointer`,background:o.gutterBackgroundDark,pre:{opacity:1}},pre:{opacity:.5,textAlign:`center`,width:`100%`},[`&.${C}`]:{background:o.addedGutterBackground},[`&.${S}`]:{background:o.removedGutterBackground},[`&.${me}`]:{background:o.highlightGutterBackground,"&:hover":{background:o.highlightGutterBackground}}}),he=s({"&:hover":{background:o.gutterBackground,cursor:`initial`},label:`empty-gutter`}),ge={diffContainer:m,diffRemoved:S,diffAdded:C,diffChanged:ee,splitView:u,marker:fe,highlightedGutter:me,highlightedLine:pe,gutter:T,line:s({verticalAlign:`baseline`,label:`line`,textDecoration:`none`}),lineContent:h,wordDiff:w,wordAdded:te,summary:f,block:se,blockAddition:ce,blockDeletion:le,wordRemoved:ne,noSelect:_,noWrap:v,codeFoldGutter:re,codeFoldExpandButton:ae,codeFoldContentContainer:ie,codeFold:ue,emptyGutter:he,emptyLine:de,lineNumber:x,contentText:g,content:l,column:s({}),codeFoldContent:oe,stickyHeader:d,columnHeaders:p,titleBlock:b,allExpandButton:y},_e=Object.keys(i).reduce((e,t)=>({...e,[t]:s(i[t])}),{});return Object.keys(ge).reduce((e,t)=>({...e,[t]:_e[t]?c(ge[t],_e[t]):ge[t]}),{})};function wo(){return(0,v.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,width:`16`,height:`16`,children:[(0,v.jsx)(`title`,{children:`fold`}),(0,v.jsx)(`path`,{d:`M10.896 2H8.75V.75a.75.75 0 0 0-1.5 0V2H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0l2.896-2.896A.25.25 0 0 0 10.896 2ZM8.75 15.25a.75.75 0 0 1-1.5 0V14H5.104a.25.25 0 0 1-.177-.427l2.896-2.896a.25.25 0 0 1 .354 0l2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25Zm-6.5-6.5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z`})]})}function To(e,t,n){let r=[],i=0;for(let e of t){let t=typeof e.value==`string`?e.value:``;t.length>0&&(r.push({start:i,end:i+t.length,type:e.type}),i+=t.length)}let a=[],o=0;for(;o<e.length;)if(e[o]===`<`){let t=e.indexOf(`>`,o);if(t===-1){a.push({type:`text`,content:e.slice(o)});break}a.push({type:`tag`,content:e.slice(o,t+1)}),o=t+1}else{let t=e.indexOf(`<`,o);t===-1&&(t=e.length),a.push({type:`text`,content:e.slice(o,t)}),o=t}function s(e){return e.replace(/</g,`<`).replace(/>/g,`>`).replace(/&/g,`&`).replace(/"/g,`"`).replace(/'/g,`'`).replace(/ /g,`\xA0`)}function c(e){return e===z.ADDED?{open:`<ins class="${n.wordDiff} ${n.wordAdded}">`,close:`</ins>`}:e===z.REMOVED?{open:`<del class="${n.wordDiff} ${n.wordRemoved}">`,close:`</del>`}:{open:`<span class="${n.wordDiff}">`,close:`</span>`}}let l=0,u=``;for(let e of a)if(e.type===`tag`)u+=e.content;else{let t=e.content,n=s(t),i=0,a=0;for(;i<n.length;){let e=l+i,o=r.find(t=>e>=t.start&&e<t.end);if(!o){let e=t[a];u+=e,a++,i++;continue}let s=o.end-e,d=n.length-i,f=Math.min(s,d),p=a,m=0;for(;m<f&&p<t.length;){if(t[p]===`&`){let e=t.indexOf(`;`,p);e!==-1&&e-p<10?p=e+1:p++}else p++;m++}let h=t.slice(a,p),g=c(o.type);g?u+=g.open+h+g.close:u+=h,a=p,i+=f}l+=n.length}return u}var $;(function(e){e.LEFT=`L`,e.RIGHT=`R`})($||={});var Eo=class e extends _.Component{styles;wordDiffCache=new Map;contentColumnRef=_.createRef();charMeasureRef=_.createRef();stickyHeaderRef=_.createRef();resizeObserver=null;static defaultProps={oldValue:``,newValue:``,splitView:!0,highlightLines:[],disableWordDiff:!1,compareMethod:H.CHARS,styles:{},hideLineNumbers:!1,extraLinesSurroundingDiff:3,showDiffOnly:!0,useDarkTheme:!1,linesOffset:0,nonce:``};constructor(e){super(e),this.state={expandedBlocks:[],noSelect:void 0,scrollableContainerRef:_.createRef(),computedDiffResult:{},isLoading:!1,visibleStartRow:0,contentColumnWidth:null,charWidth:null,cumulativeOffsets:null}}getWordDiffValues=(e,t,n)=>{if(!e||!t)return{leftValue:e?.value,rightValue:t?.value};if(e.rawValue===void 0||t.rawValue===void 0)return{leftValue:e.value,rightValue:t.value};let r=`${n}-${e.rawValue}-${t.rawValue}`,i=this.wordDiffCache.get(r);if(!i){let n=this.props.compareMethod===H.JSON||this.props.compareMethod===H.YAML?H.CHARS:this.props.compareMethod,a=Hi(e.rawValue,t.rawValue,n);i={left:a.left,right:a.right},this.wordDiffCache.set(r,i)}return{leftValue:i.left,rightValue:i.right}};resetCodeBlocks=()=>this.state.expandedBlocks.length>0?(this.setState({expandedBlocks:[]}),!0):!1;onBlockExpand=e=>{let t=this.state.expandedBlocks.slice();t.push(e),this.setState({expandedBlocks:t},()=>this.recalculateOffsets())};getStickyHeaderHeight(){return this.stickyHeaderRef.current?.offsetHeight||0}measureCharWidth(){let e=this.charMeasureRef.current;return e&&e.getBoundingClientRect().width||7.2}measureContentColumnWidth(){let e=this.contentColumnRef.current;if(e&&e.clientWidth>0){let t=window.getComputedStyle(e),n=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),r=e.clientWidth-n;if(r>0)return r}let t=this.state.scrollableContainerRef.current;if(!t||t.clientWidth<=0)return null;let n=t.clientWidth,r=this.props.hideLineNumbers?0:50;this.props.splitView;let i=this.props.splitView?2:1,a=this.props.splitView?2:1,o=n-(2*r+i*28);return Math.max(100,o/a)}getTextLength(e){return e?typeof e==`string`?e.length:e.reduce((e,t)=>e+(typeof t.value==`string`?t.value.length:0),0):0}buildCumulativeOffsets(t,n,r,i,a,o,s,c){let l=[0],u=new Set;for(let d=0;d<t.length;d++){let f=t[d];if(a){let t=n[d];if(t!==void 0&&!i.includes(t)){let n=r[t].endLine===d;!u.has(t)&&n&&(u.add(t),l.push(l[l.length-1]+e.ESTIMATED_ROW_HEIGHT));continue}}let p=f.left?.value?this.getTextLength(f.left.value):0,m=f.right?.value?this.getTextLength(f.right.value):0,h=c?Math.max(p,m):p||m,g=Math.floor(s/o),_=g>0?Math.max(1,Math.ceil(h/g)):1;l.push(l[l.length-1]+_*e.ESTIMATED_ROW_HEIGHT)}return l}findLineAtOffset(e,t){let n=0,r=t.length-2;for(;n<r;){let i=Math.floor((n+r+1)/2);t[i]<=e?n=i:r=i-1}return n}recalculateOffsets=()=>{if(!this.props.infiniteLoading)return;let e=this.measureContentColumnWidth(),t=this.measureCharWidth();if(!e)return;let n=this.getMemoisedKey(),{lineInformation:r,lineBlocks:i,blocks:a}=this.state.computedDiffResult[n]??{};if(!r)return;let o=this.buildCumulativeOffsets(r,i,a,this.state.expandedBlocks,this.props.showDiffOnly,t,e,this.props.splitView);this.setState({cumulativeOffsets:o,contentColumnWidth:e,charWidth:t},()=>{this.onScroll()})};computeStyles=C(Co);onLineNumberClickProxy=e=>this.props.onLineNumberClick?t=>this.props.onLineNumberClick(e,t):()=>{};shouldHighlightWordDiff=()=>{let{compareMethod:e}=this.props;return e===H.CHARS||e===H.WORDS||e===H.WORDS_WITH_SPACE||e===H.JSON||e===H.YAML};renderWordDiff=(e,t)=>{let n=this.shouldHighlightWordDiff(),r=e.map(e=>typeof e.value==`string`?e.value:``).join(``);if(r.length>500)return[(0,v.jsx)(`span`,{children:r},`long-line`)];if(t){let i=t(r),a=i?.props?.dangerouslySetInnerHTML?.__html;if(typeof a==`string`){let t=To(a,e,{wordDiff:this.styles.wordDiff,wordAdded:n?this.styles.wordAdded:``,wordRemoved:n?this.styles.wordRemoved:``});return[_.cloneElement(i,{key:`highlighted-diff`,dangerouslySetInnerHTML:{__html:t}})]}}return e.map((e,t)=>{let r;return r=typeof e.value==`string`?e.value:void 0,e.type===z.ADDED?(0,v.jsx)(`ins`,{className:(0,y.default)(this.styles.wordDiff,{[this.styles.wordAdded]:n}),children:r},t):e.type===z.REMOVED?(0,v.jsx)(`del`,{className:(0,y.default)(this.styles.wordDiff,{[this.styles.wordRemoved]:n}),children:r},t):(0,v.jsx)(`span`,{className:(0,y.default)(this.styles.wordDiff),children:r},t)})};renderLine=(e,t,n,r,i,a)=>{let o=`${n}-${e}`,s=`${a}-${i}`,c=this.props.highlightLines.includes(o)||this.props.highlightLines.includes(s),l=t===z.ADDED,u=t===z.REMOVED,d=t===z.CHANGED,f,p=Array.isArray(r);f=p?this.renderWordDiff(r,this.props.renderContent):this.props.renderContent?this.props.renderContent(r):r;let m=`div`;return l&&!p?m=`ins`:u&&!p&&(m=`del`),(0,v.jsxs)(v.Fragment,{children:[!this.props.hideLineNumbers&&(0,v.jsx)(`td`,{onClick:e&&this.onLineNumberClickProxy(o),className:(0,y.default)(this.styles.gutter,{[this.styles.emptyGutter]:!e,[this.styles.diffAdded]:l,[this.styles.diffRemoved]:u,[this.styles.diffChanged]:d,[this.styles.highlightedGutter]:c}),children:(0,v.jsx)(`pre`,{className:this.styles.lineNumber,children:e})}),!this.props.splitView&&!this.props.hideLineNumbers&&(0,v.jsx)(`td`,{onClick:i&&this.onLineNumberClickProxy(s),className:(0,y.default)(this.styles.gutter,{[this.styles.emptyGutter]:!i,[this.styles.diffAdded]:l,[this.styles.diffRemoved]:u,[this.styles.diffChanged]:d,[this.styles.highlightedGutter]:c}),children:(0,v.jsx)(`pre`,{className:this.styles.lineNumber,children:i})}),this.props.renderGutter?this.props.renderGutter({lineNumber:e,type:t,prefix:n,value:r,additionalLineNumber:i,additionalPrefix:a,styles:this.styles}):null,(0,v.jsx)(`td`,{className:(0,y.default)(this.styles.marker,{[this.styles.emptyLine]:!f,[this.styles.diffAdded]:l,[this.styles.diffRemoved]:u,[this.styles.diffChanged]:d,[this.styles.highlightedLine]:c}),children:(0,v.jsxs)(`pre`,{children:[l&&`+`,u&&`-`]})}),(0,v.jsx)(`td`,{ref:n===$.LEFT&&!this.state.cumulativeOffsets?this.contentColumnRef:void 0,className:(0,y.default)(this.styles.content,{[this.styles.emptyLine]:!f,[this.styles.diffAdded]:l,[this.styles.diffRemoved]:u,[this.styles.diffChanged]:d,[this.styles.highlightedLine]:c,left:n===$.LEFT,right:n===$.RIGHT}),onMouseDown:()=>{let e=document.getElementsByClassName(n===$.LEFT?`right`:`left`);for(let t=0;t<e.length;t++)e.item(t).classList.add(this.styles.noSelect)},title:l&&!p?`Added line`:u&&!p?`Removed line`:void 0,children:(0,v.jsx)(m,{className:this.styles.contentText,children:f})})]})};renderSplitView=({left:e,right:t},n)=>{let{leftValue:r,rightValue:i}=this.getWordDiffValues(e,t,n);return(0,v.jsxs)(`tr`,{className:this.styles.line,children:[this.renderLine(e.lineNumber,e.type,$.LEFT,r),this.renderLine(t.lineNumber,t.type,$.RIGHT,i)]},n)};renderInlineView=({left:e,right:t},n)=>{let{leftValue:r,rightValue:i}=this.getWordDiffValues(e,t,n),a;return e.type===z.REMOVED&&t.type===z.ADDED?(0,v.jsxs)(_.Fragment,{children:[(0,v.jsx)(`tr`,{className:this.styles.line,children:this.renderLine(e.lineNumber,e.type,$.LEFT,r,null)}),(0,v.jsx)(`tr`,{className:this.styles.line,children:this.renderLine(null,t.type,$.RIGHT,i,t.lineNumber,$.RIGHT)})]},n):(e.type===z.REMOVED&&(a=this.renderLine(e.lineNumber,e.type,$.LEFT,r,null)),e.type===z.DEFAULT&&(a=this.renderLine(e.lineNumber,e.type,$.LEFT,r,t.lineNumber,$.RIGHT)),t.type===z.ADDED&&(a=this.renderLine(null,t.type,$.RIGHT,i,t.lineNumber)),(0,v.jsx)(`tr`,{className:this.styles.line,children:a},n))};onBlockClickProxy=e=>()=>this.onBlockExpand(e);renderSkippedLineIndicator=(e,t,n,r)=>{let{hideLineNumbers:i,splitView:a}=this.props,o=this.props.codeFoldMessageRenderer?this.props.codeFoldMessageRenderer(e,n,r):(0,v.jsxs)(`span`,{className:this.styles.codeFoldContent,children:[`@@ -`,n-e,`,`,e,` +`,r-e,`,`,e,` @@`]}),s=(0,v.jsx)(`td`,{className:this.styles.codeFoldContentContainer,children:(0,v.jsx)(`button`,{type:`button`,className:this.styles.codeFoldExpandButton,onClick:this.onBlockClickProxy(t),tabIndex:0,children:o})}),c=!a&&!i,l=(0,v.jsx)(`td`,{className:this.styles.codeFoldGutter,children:(0,v.jsx)(qi,{})});return(0,v.jsxs)(`tr`,{className:this.styles.codeFold,onClick:this.onBlockClickProxy(t),role:`button`,tabIndex:0,children:[!i&&l,this.props.renderGutter?(0,v.jsx)(`td`,{className:this.styles.codeFoldGutter}):null,(0,v.jsx)(`td`,{className:(0,y.default)({[this.styles.codeFoldGutter]:c})}),c?(0,v.jsxs)(_.Fragment,{children:[(0,v.jsx)(`td`,{}),s]}):(0,v.jsxs)(_.Fragment,{children:[s,this.props.renderGutter?(0,v.jsx)(`td`,{}):null,(0,v.jsx)(`td`,{}),(0,v.jsx)(`td`,{}),i?null:(0,v.jsx)(`td`,{})]})]},`${n}-${r}`)};getMemoisedKey=()=>{let{oldValue:e,newValue:t,disableWordDiff:n,compareMethod:r,linesOffset:i,alwaysShowLines:a,extraLinesSurroundingDiff:o}=this.props;return JSON.stringify({oldValue:e,newValue:t,disableWordDiff:n,compareMethod:r,linesOffset:i,alwaysShowLines:a,extraLinesSurroundingDiff:o})};memoisedCompute=async()=>{let{oldValue:e,newValue:t,disableWordDiff:n,compareMethod:r,linesOffset:i}=this.props,a=this.getMemoisedKey();if(this.state.computedDiffResult[a]){this.setState(e=>({...e,isLoading:!1}));return}let o=this.props.infiniteLoading?.containerHeight,s=o?typeof o==`number`?o:parseInt(o,10)||0:0,c=!n&&!!this.props.infiniteLoading&&s>0&&s<2e3,{lineInformation:l,diffLines:u}=await Ki(e,t,n,r,i,this.props.alwaysShowLines,c),{lineBlocks:d,blocks:f}=ee(l,u,this.props.extraLinesSurroundingDiff<0?0:Math.round(this.props.extraLinesSurroundingDiff));this.state.computedDiffResult[a]={lineInformation:l,lineBlocks:d,blocks:f},this.setState(e=>({...e,computedDiffResult:this.state.computedDiffResult,isLoading:!1}),()=>{this.props.infiniteLoading&&requestAnimationFrame(()=>this.recalculateOffsets())})};static ESTIMATED_ROW_HEIGHT=19;onScroll=()=>{let t=this.state.scrollableContainerRef.current;if(!t||!this.props.infiniteLoading)return;let n=this.getStickyHeaderHeight(),r=Math.max(0,t.scrollTop-n),{cumulativeOffsets:i}=this.state,a=i?this.findLineAtOffset(r,i):Math.floor(r/e.ESTIMATED_ROW_HEIGHT);a!==this.state.visibleStartRow&&this.setState({visibleStartRow:a})};renderDiff=()=>{let{splitView:t,infiniteLoading:n,showDiffOnly:r}=this.props,{computedDiffResult:i,expandedBlocks:a,visibleStartRow:o,scrollableContainerRef:s,cumulativeOffsets:c}=this.state,{lineInformation:l=[],lineBlocks:u=[],blocks:d=[]}=i[this.getMemoisedKey()]??{},f=0,p=1/0;if(n&&s.current){let t=s.current,n=this.getStickyHeaderHeight(),r=Math.max(0,t.scrollTop-n);if(c){let n=c[c.length-1]||0,i=c.length-2;f=Math.max(0,this.findLineAtOffset(r,c)-5),p=this.findLineAtOffset(r+t.clientHeight,c)+5;let a=Math.ceil(t.clientHeight/e.ESTIMATED_ROW_HEIGHT);p=Math.max(p,f+a+5),r+t.clientHeight>=n-5*e.ESTIMATED_ROW_HEIGHT&&(p=i+5)}else{let n=Math.ceil(t.clientHeight/e.ESTIMATED_ROW_HEIGHT);f=Math.max(0,o-5),p=o+n+5}}let m=new Map,h=new Set,g=0;for(let e=0;e<l.length;e++){let t=u[e];if(r&&t!==void 0)if(a.includes(t))m.set(e,g),g++;else{let n=d[t].endLine===e;!h.has(t)&&n&&(h.add(t),m.set(e,g),g++)}else m.set(e,g),g++}let y=g,b=[],x=0,S=!1,C=-1;h.clear();for(let n=0;n<l.length;n++){let i=l[n],o=m.get(n);if(o!==void 0&&!(o<f)){if(o>p)break;if(S||=(x=c?c[o]||0:o*e.ESTIMATED_ROW_HEIGHT,!0),C=o,r){let e=u[n];if(e!==void 0){let t=d[e].endLine===n;if(!a.includes(e)&&t){b.push((0,v.jsx)(_.Fragment,{children:this.renderSkippedLineIndicator(d[e].lines,e,i.left.lineNumber,i.right.lineNumber)},n));continue}if(!a.includes(e))continue}}b.push(t?this.renderSplitView(i,n):this.renderInlineView(i,n))}}let ee=c?c[c.length-1]||0:y*e.ESTIMATED_ROW_HEIGHT,w=c&&C>=0?ee-(c[C+1]||ee):0;return{diffNodes:b,blocks:d,lineInformation:l,totalRenderedRows:y,topPadding:x,bottomPadding:w,totalContentHeight:ee,renderedCount:b.length,debug:{visibleRowStart:f,visibleRowEnd:p,totalRows:y,offsetsLength:c?.length??0,renderedCount:b.length,scrollTop:s.current?.scrollTop??0,headerHeight:this.getStickyHeaderHeight(),contentScrollTop:s.current?Math.max(0,s.current.scrollTop-this.getStickyHeaderHeight()):0,clientHeight:s.current?.clientHeight??0}}};componentDidUpdate(e){if(e.oldValue!==this.props.oldValue||e.newValue!==this.props.newValue||e.compareMethod!==this.props.compareMethod||e.disableWordDiff!==this.props.disableWordDiff||e.linesOffset!==this.props.linesOffset){this.wordDiffCache.clear();let e=this.state.scrollableContainerRef.current;e&&(e.scrollTop=0),this.setState(e=>({...e,isLoading:!0,visibleStartRow:0,cumulativeOffsets:null})),this.memoisedCompute()}}componentDidMount(){if(this.setState(e=>({...e,isLoading:!0})),this.memoisedCompute(),typeof ResizeObserver<`u`&&this.props.infiniteLoading){this.resizeObserver=new ResizeObserver(()=>{requestAnimationFrame(()=>this.recalculateOffsets())});let e=this.state.scrollableContainerRef.current;e&&this.resizeObserver.observe(e)}}componentWillUnmount(){this.resizeObserver?.disconnect()}render=()=>{let{oldValue:e,newValue:t,useDarkTheme:n,leftTitle:r,rightTitle:i,splitView:a,compareMethod:o,hideLineNumbers:s,nonce:c}=this.props;if(typeof o==`string`&&o!==H.JSON&&(typeof e!=`string`||typeof t!=`string`))throw Error(`"oldValue" and "newValue" should be strings`);this.styles=this.computeStyles(this.props.styles,n,c);let l=this.renderDiff(),u=3,d=4;s&&(--u,--d),this.props.renderGutter&&(u+=1,d+=1);let f=0,p=0;for(let e of l.lineInformation)e.left.type===z.ADDED&&p++,e.right.type===z.ADDED&&p++,e.left.type===z.REMOVED&&f++,e.right.type===z.REMOVED&&f++;let m=f+p,h=Math.round(p/m*100),g=[];for(let e=0;e<5;e++)h>e*20?g.push((0,v.jsx)(`span`,{className:(0,y.default)(this.styles.block,this.styles.blockAddition)},e)):g.push((0,v.jsx)(`span`,{className:(0,y.default)(this.styles.block,this.styles.blockDeletion)},e));let _=this.state.expandedBlocks.length===l.blocks.length,b=this.props.loadingElement,x=this.props.infiniteLoading?{overflowY:`scroll`,overflowX:`hidden`,height:this.props.infiniteLoading.containerHeight}:{},S=!!this.props.infiniteLoading&&!this.state.cumulativeOffsets,C=(0,v.jsxs)(`table`,{className:(0,y.default)(this.styles.diffContainer,{[this.styles.splitView]:a,[this.styles.noWrap]:S}),onMouseUp:()=>{let e=document.getElementsByClassName(`right`);for(let t=0;t<e.length;t++)e.item(t).classList.remove(this.styles.noSelect);let t=document.getElementsByClassName(`left`);for(let e=0;e<t.length;e++)t.item(e).classList.remove(this.styles.noSelect)},children:[(0,v.jsxs)(`colgroup`,{children:[!this.props.hideLineNumbers&&(0,v.jsx)(`col`,{width:`50px`}),!a&&!this.props.hideLineNumbers&&(0,v.jsx)(`col`,{width:`50px`}),this.props.renderGutter&&(0,v.jsx)(`col`,{width:`50px`}),(0,v.jsx)(`col`,{width:`28px`}),(0,v.jsx)(`col`,{width:`auto`}),a&&(0,v.jsxs)(v.Fragment,{children:[!this.props.hideLineNumbers&&(0,v.jsx)(`col`,{width:`50px`}),this.props.renderGutter&&(0,v.jsx)(`col`,{width:`50px`}),(0,v.jsx)(`col`,{width:`28px`}),(0,v.jsx)(`col`,{width:`auto`})]})]}),(0,v.jsx)(`tbody`,{children:l.diffNodes})]});return(0,v.jsxs)(`div`,{style:{...x,position:`relative`},onScroll:this.onScroll,ref:this.state.scrollableContainerRef,children:[(!this.props.hideSummary||r||i)&&(0,v.jsxs)(`div`,{ref:this.stickyHeaderRef,className:this.styles.stickyHeader,children:[!this.props.hideSummary&&(0,v.jsxs)(`div`,{className:this.styles.summary,role:`banner`,children:[(0,v.jsx)(`button`,{type:`button`,className:this.styles.allExpandButton,onClick:()=>{this.setState({expandedBlocks:_?[]:l.blocks.map(e=>e.index)},()=>this.recalculateOffsets())},children:_?(0,v.jsx)(wo,{}):(0,v.jsx)(qi,{})}),` `,m,(0,v.jsx)(`div`,{style:{display:`flex`,gap:`1px`},children:g}),this.props.summary?(0,v.jsx)(`span`,{children:this.props.summary}):null]}),(r||i)&&(0,v.jsxs)(`div`,{className:this.styles.columnHeaders,children:[(0,v.jsx)(`div`,{className:this.styles.titleBlock,children:r?(0,v.jsx)(`pre`,{className:this.styles.contentText,children:r}):null}),a&&(0,v.jsx)(`div`,{className:this.styles.titleBlock,children:i?(0,v.jsx)(`pre`,{className:this.styles.contentText,children:i}):null})]})]}),this.state.isLoading&&b&&(0,v.jsx)(b,{}),this.props.infiniteLoading?(0,v.jsx)(`div`,{style:{height:l.totalContentHeight,position:`relative`},children:(0,v.jsx)(`div`,{style:{position:`absolute`,top:l.topPadding,left:0,right:0},children:C})}):C,(0,v.jsx)(`span`,{ref:this.charMeasureRef,style:{position:`absolute`,top:0,left:`-9999px`,visibility:`hidden`,whiteSpace:`pre`,fontFamily:`monospace`,fontSize:12},"aria-hidden":`true`,children:`M`}),this.props.infiniteLoading&&this.props.showDebugInfo&&(0,v.jsxs)(`div`,{style:{position:`fixed`,top:10,right:10,background:`rgba(0,0,0,0.85)`,color:`#0f0`,padding:`10px`,fontFamily:`monospace`,fontSize:`11px`,zIndex:9999,borderRadius:`4px`,maxWidth:`300px`,lineHeight:1.4},children:[(0,v.jsx)(`div`,{style:{fontWeight:`bold`,marginBottom:`5px`,color:`#fff`},children:`Debug Info`}),(0,v.jsxs)(`div`,{children:[`scrollTop: `,l.debug.scrollTop]}),(0,v.jsxs)(`div`,{children:[`headerHeight: `,l.debug.headerHeight]}),(0,v.jsxs)(`div`,{children:[`contentScrollTop: `,l.debug.contentScrollTop]}),(0,v.jsxs)(`div`,{children:[`clientHeight: `,l.debug.clientHeight]}),(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`},children:[(0,v.jsxs)(`div`,{children:[`visibleRowStart: `,l.debug.visibleRowStart]}),(0,v.jsxs)(`div`,{children:[`visibleRowEnd: `,l.debug.visibleRowEnd]})]}),(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`},children:[(0,v.jsxs)(`div`,{children:[`totalRows: `,l.debug.totalRows]}),(0,v.jsxs)(`div`,{children:[`offsetsLength: `,l.debug.offsetsLength]}),(0,v.jsxs)(`div`,{children:[`renderedCount: `,l.debug.renderedCount]})]}),(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`},children:[(0,v.jsxs)(`div`,{children:[`topPadding: `,l.topPadding.toFixed(0)]}),(0,v.jsxs)(`div`,{children:[`bottomPadding: `,l.bottomPadding.toFixed(0)]}),(0,v.jsxs)(`div`,{children:[`totalContentHeight: `,l.totalContentHeight.toFixed(0)]})]}),(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`,color:`#ff0`},children:[(0,v.jsxs)(`div`,{children:[`cumulativeOffsets: `,this.state.cumulativeOffsets?`SET`:`NULL`]}),(0,v.jsxs)(`div`,{children:[`columnWidth: `,this.state.contentColumnWidth?.toFixed(0)??`N/A`,`px`]}),(0,v.jsxs)(`div`,{children:[`charWidth: `,this.state.charWidth?.toFixed(2)??`N/A`,`px`]}),(0,v.jsxs)(`div`,{children:[`charsPerRow: `,this.state.contentColumnWidth&&this.state.charWidth?Math.floor(this.state.contentColumnWidth/this.state.charWidth):`N/A`]})]}),this.state.cumulativeOffsets&&(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`,color:`#0ff`,fontSize:`10px`},children:[(0,v.jsxs)(`div`,{children:[`offsets[`,l.debug.visibleRowEnd,`]: `,this.state.cumulativeOffsets[l.debug.visibleRowEnd]?.toFixed(0)??`N/A`]}),(0,v.jsxs)(`div`,{children:[`offsets[`,l.debug.totalRows-1,`]: `,this.state.cumulativeOffsets[l.debug.totalRows-1]?.toFixed(0)??`N/A`]}),(0,v.jsxs)(`div`,{children:[`offsets[`,l.debug.totalRows,`]: `,this.state.cumulativeOffsets[l.debug.totalRows]?.toFixed(0)??`N/A`]}),(0,v.jsxs)(`div`,{style:{marginTop:`3px`},children:[`viewportEnd: `,(l.debug.contentScrollTop+l.debug.clientHeight).toFixed(0)]}),(0,v.jsxs)(`div`,{style:{marginTop:`3px`,color:`#f0f`},children:[`scrollHeight: `,this.state.scrollableContainerRef.current?.scrollHeight??`N/A`]}),(0,v.jsxs)(`div`,{children:[`maxScrollTop: `,(this.state.scrollableContainerRef.current?.scrollHeight??0)-l.debug.clientHeight]})]})]})]})}};function Do(){let{id:e=``}=l(),t=i({queryKey:[`session-diffs`,e],queryFn:()=>s.sessionDiffs(e),refetchInterval:5e3}),n=t.data?.diffs??[];return(0,v.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,v.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,v.jsx)(u,{to:`/sessions/${encodeURIComponent(e)}`,className:`text-fg-dim hover:text-accent`,children:(0,v.jsx)(d,{className:`w-4 h-4 inline`})}),(0,v.jsx)(`h1`,{className:`text-lg font-bold`,children:`diff attribution`}),(0,v.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:e.slice(0,16)}),(0,v.jsxs)(`span`,{className:`text-sm text-fg-dim`,children:[n.length,` writes`]})]}),t.isLoading&&(0,v.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`loading…`}),!t.isLoading&&n.length===0&&(0,v.jsx)(`div`,{className:`p-10 text-center text-fg-dim`,children:`No file writes or edits in this session.`}),(0,v.jsx)(`div`,{className:`p-5 space-y-6`,children:n.map((e,t)=>(0,v.jsx)(Oo,{entry:e},t))})]})}function Oo({entry:e}){let t=e.event,n=e.triggeringPrompt,r=e.oldString!=null&&e.newString!=null,i=!r&&e.content!=null;return(0,v.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-b border-bg-border text-xs`,children:[(0,v.jsx)(f,{className:`w-3.5 h-3.5 text-accent`}),(0,v.jsx)(`span`,{className:c(`mono`,m(t.agent)),children:t.agent}),(0,v.jsx)(`span`,{className:`mono text-fg-dim`,children:p(t.ts)}),(0,v.jsx)(`span`,{className:`mono text-fg-dim`,children:t.type}),t.path&&(0,v.jsx)(`span`,{className:`ml-auto mono text-fg-dim truncate max-w-lg`,children:t.path})]}),n&&(0,v.jsxs)(`div`,{className:`px-4 py-2 border-b border-bg-border/50 bg-bg/30`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-1.5 text-[10px] uppercase text-fg-muted mb-1`,children:[(0,v.jsx)(h,{className:`w-3 h-3`}),` triggering prompt`]}),(0,v.jsx)(`div`,{className:`text-sm mono whitespace-pre-wrap line-clamp-4`,children:n.details?.fullText??n.summary??`—`}),(0,v.jsx)(u,{to:`/events/${encodeURIComponent(n.id)}`,className:`text-[10px] text-fg-muted hover:text-accent mono mt-1 inline-block`,children:`→ event detail`})]}),(0,v.jsxs)(`div`,{className:`overflow-x-auto`,children:[r&&(0,v.jsx)(`div`,{className:`bg-bg`,children:(0,v.jsx)(Eo,{oldValue:e.oldString??``,newValue:e.newString??``,splitView:!0,compareMethod:H.WORDS,useDarkTheme:!0,styles:{variables:{dark:{diffViewerBackground:`#0b0d10`,diffViewerColor:`#e6edf3`,addedBackground:`#0f2e1b`,addedColor:`#3fb950`,removedBackground:`#3a0f12`,removedColor:`#f85149`,gutterBackground:`#12151a`,gutterColor:`#7d8590`}},line:{fontSize:11,fontFamily:`JetBrains Mono, ui-monospace, monospace`}}})}),i&&(0,v.jsx)(`pre`,{className:`mono text-xs p-4 whitespace-pre-wrap max-h-96 overflow-y-auto`,children:e.content}),!r&&!i&&(0,v.jsx)(`div`,{className:`px-4 py-3 text-xs text-fg-dim`,children:`No inline content (tool input didn't include old_string/new_string or content).`})]})]})}export{Do as SessionDiffsPage};
|
|
65
|
+
`),Hi=(e,t,n=H.CHARS)=>{let r=(typeof n==`string`?Mi[n]:n)(e,t),i={left:[],right:[]};return r.forEach(({added:e,removed:t,value:n})=>{let r={};return e&&(r.type=z.ADDED,r.value=n,i.right.push(r)),t&&(r.type=z.REMOVED,r.value=n,i.left.push(r)),!t&&!e&&(r.type=z.DEFAULT,r.value=n,i.right.push(r),i.left.push(r)),r}),i},Ui=(e,t,n=!1,r=H.CHARS,i=0,a=[],o=!1)=>{let s=[];if(typeof e==`string`&&typeof t==`string`)if(r===H.JSON)s=Fi(e,t);else if(r===H.YAML)try{s=Ii(e,t)}catch{s=E(e,t,{newlineIsToken:!1})}else s=E(e,t,{newlineIsToken:!1});else s=Pi(e,t);let c=i,l=i,u=[],d=0,f=[],p=[],m=(e,t,i,u,h)=>Vi(e).map((e,g)=>{let _={},v={};if(!(p.includes(`${t}-${g}`)||h&&g!==0)){if(i||u){let i=!0;if(u){l+=1,_.lineNumber=l,_.type=z.REMOVED,_.value=e||` `;let a=s[t+1];if(a?.added){let s=Vi(a.value)[g];if(s){let{value:a,lineNumber:c,type:l}=m(s,t,!0,!1,!0)[0].right;if(p.push(`${t+1}-${g}`),v.lineNumber=c,_.value===a)i=!1,v.type=0,_.type=0,v.value=a;else{v.type=l;let t=e.length>500||a.length>500;if(n||t)v.value=a;else if(o)_.rawValue=e,_.value=e,v.rawValue=a,v.value=a;else{let t=Hi(e,a,r);v.value=t.right,_.value=t.left}}}}}else c+=1,v.lineNumber=c,v.type=z.ADDED,v.value=e;i&&!h&&(f.includes(d)||f.push(d))}else l+=1,c+=1,_.lineNumber=l,_.type=z.DEFAULT,_.value=e,v.lineNumber=c,v.type=z.DEFAULT,v.value=e;return(a?.includes(`L-${_.lineNumber}`)||a?.includes(`R-${v.lineNumber}`)&&!f.includes(d))&&f.push(d),h||(d+=1),{right:v,left:_}}}).filter(Boolean);return s.forEach(({added:e,removed:t,value:n},r)=>{u=[...u,...m(n,r,e,t)]}),{lineInformation:u,diffLines:f}},Wi=null,Gi=()=>{if(Wi!==null)return Wi;if(typeof Worker>`u`||typeof Blob>`u`||typeof URL>`u`)return null;try{let e=new Blob([ji],{type:`application/javascript`});Wi=URL.createObjectURL(e)}catch{Wi=null}return Wi},Ki=(e,t,n=!1,r=H.CHARS,i=0,a=[],o=!1)=>{let s=()=>Ui(e,t,n,r,i,a,o),c=Gi();return c?new Promise(l=>{let u;try{u=new Worker(c)}catch{l(s());return}u.onmessage=e=>{l(e.data),u.terminate()},u.onerror=()=>{u.terminate(),l(s())},u.postMessage({oldString:e,newString:t,disableWordDiff:n,lineCompareMethod:r,linesOffset:i,showLines:a,deferWordDiff:o})}):Promise.resolve(s())};function qi(){return(0,v.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,width:`16`,height:`16`,children:[(0,v.jsx)(`title`,{children:`expand`}),(0,v.jsx)(`path`,{d:`m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z`})]})}var Ji=!1;function Yi(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function Xi(e){var t=document.createElement(`style`);return t.setAttribute(`data-emotion`,e.key),e.nonce!==void 0&&t.setAttribute(`nonce`,e.nonce),t.appendChild(document.createTextNode(``)),t.setAttribute(`data-s`,``),t}var Zi=function(){function e(e){var t=this;this._insertTag=function(e){var n=t.tags.length===0?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling;t.container.insertBefore(e,n),t.tags.push(e)},this.isSpeedy=e.speedy===void 0?!Ji:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(Xi(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=Yi(t);try{n.insertRule(e,n.cssRules.length)}catch{}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach(function(e){return e.parentNode?.removeChild(e)}),this.tags=[],this.ctr=0},e}(),U=`-ms-`,Qi=`-moz-`,W=`-webkit-`,$i=`comm`,ea=`rule`,ta=`decl`,na=`@import`,ra=`@keyframes`,ia=`@layer`,aa=Math.abs,oa=String.fromCharCode,sa=Object.assign;function ca(e,t){return K(e,0)^45?(((t<<2^K(e,0))<<2^K(e,1))<<2^K(e,2))<<2^K(e,3):0}function la(e){return e.trim()}function ua(e,t){return(e=t.exec(e))?e[0]:e}function G(e,t,n){return e.replace(t,n)}function da(e,t){return e.indexOf(t)}function K(e,t){return e.charCodeAt(t)|0}function fa(e,t,n){return e.slice(t,n)}function q(e){return e.length}function pa(e){return e.length}function ma(e,t){return t.push(e),e}function ha(e,t){return e.map(t).join(``)}var ga=1,_a=1,va=0,J=0,Y=0,ya=``;function ba(e,t,n,r,i,a,o){return{value:e,root:t,parent:n,type:r,props:i,children:a,line:ga,column:_a,length:o,return:``}}function xa(e,t){return sa(ba(``,null,null,``,null,null,0),e,{length:-e.length},t)}function Sa(){return Y}function Ca(){return Y=J>0?K(ya,--J):0,_a--,Y===10&&(_a=1,ga--),Y}function X(){return Y=J<va?K(ya,J++):0,_a++,Y===10&&(_a=1,ga++),Y}function Z(){return K(ya,J)}function wa(){return J}function Ta(e,t){return fa(ya,e,t)}function Ea(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Da(e){return ga=_a=1,va=q(ya=e),J=0,[]}function Oa(e){return ya=``,e}function ka(e){return la(Ta(J-1,Ma(e===91?e+2:e===40?e+1:e)))}function Aa(e){for(;(Y=Z())&&Y<33;)X();return Ea(e)>2||Ea(Y)>3?``:` `}function ja(e,t){for(;--t&&X()&&!(Y<48||Y>102||Y>57&&Y<65||Y>70&&Y<97););return Ta(e,wa()+(t<6&&Z()==32&&X()==32))}function Ma(e){for(;X();)switch(Y){case e:return J;case 34:case 39:e!==34&&e!==39&&Ma(Y);break;case 40:e===41&&Ma(e);break;case 92:X();break}return J}function Na(e,t){for(;X()&&e+Y!==57&&!(e+Y===84&&Z()===47););return`/*`+Ta(t,J-1)+`*`+oa(e===47?e:X())}function Pa(e){for(;!Ea(Z());)X();return Ta(e,J)}function Fa(e){return Oa(Ia(``,null,null,null,[``],e=Da(e),0,[0],e))}function Ia(e,t,n,r,i,a,o,s,c){for(var l=0,u=0,d=o,f=0,p=0,m=0,h=1,g=1,_=1,v=0,y=``,b=i,x=a,S=r,C=y;g;)switch(m=v,v=X()){case 40:if(m!=108&&K(C,d-1)==58){da(C+=G(ka(v),`&`,`&\f`),`&\f`)!=-1&&(_=-1);break}case 34:case 39:case 91:C+=ka(v);break;case 9:case 10:case 13:case 32:C+=Aa(m);break;case 92:C+=ja(wa()-1,7);continue;case 47:switch(Z()){case 42:case 47:ma(Ra(Na(X(),wa()),t,n),c);break;default:C+=`/`}break;case 123*h:s[l++]=q(C)*_;case 125*h:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:_==-1&&(C=G(C,/\f/g,``)),p>0&&q(C)-d&&ma(p>32?za(C+`;`,r,n,d-1):za(G(C,` `,``)+`;`,r,n,d-2),c);break;case 59:C+=`;`;default:if(ma(S=La(C,t,n,l,u,i,s,y,b=[],x=[],d),a),v===123)if(u===0)Ia(C,t,S,S,b,a,d,s,x);else switch(f===99&&K(C,3)===110?100:f){case 100:case 108:case 109:case 115:Ia(e,S,S,r&&ma(La(e,S,S,0,0,i,s,y,i,b=[],d),x),i,x,d,s,r?b:x);break;default:Ia(C,S,S,S,[``],x,0,s,x)}}l=u=p=0,h=_=1,y=C=``,d=o;break;case 58:d=1+q(C),p=m;default:if(h<1){if(v==123)--h;else if(v==125&&h++==0&&Ca()==125)continue}switch(C+=oa(v),v*h){case 38:_=u>0?1:(C+=`\f`,-1);break;case 44:s[l++]=(q(C)-1)*_,_=1;break;case 64:Z()===45&&(C+=ka(X())),f=Z(),u=d=q(y=C+=Pa(wa())),v++;break;case 45:m===45&&q(C)==2&&(h=0)}}return a}function La(e,t,n,r,i,a,o,s,c,l,u){for(var d=i-1,f=i===0?a:[``],p=pa(f),m=0,h=0,g=0;m<r;++m)for(var _=0,v=fa(e,d+1,d=aa(h=o[m])),y=e;_<p;++_)(y=la(h>0?f[_]+` `+v:G(v,/&\f/g,f[_])))&&(c[g++]=y);return ba(e,t,n,i===0?ea:s,c,l,u)}function Ra(e,t,n){return ba(e,t,n,$i,oa(Sa()),fa(e,2,-2),0)}function za(e,t,n,r){return ba(e,t,n,ta,fa(e,0,r),fa(e,r+1,-1),r)}function Ba(e,t){for(var n=``,r=pa(e),i=0;i<r;i++)n+=t(e[i],i,e,t)||``;return n}function Va(e,t,n,r){switch(e.type){case ia:if(e.children.length)break;case na:case ta:return e.return=e.return||e.value;case $i:return``;case ra:return e.return=e.value+`{`+Ba(e.children,r)+`}`;case ea:e.value=e.props.join(`,`)}return q(n=Ba(e.children,r))?e.return=e.value+`{`+n+`}`:``}function Ha(e){var t=pa(e);return function(n,r,i,a){for(var o=``,s=0;s<t;s++)o+=e[s](n,r,i,a)||``;return o}}function Ua(e){return function(t){t.root||(t=t.return)&&e(t)}}function Wa(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var Ga=function(e,t,n){for(var r=0,i=0;r=i,i=Z(),r===38&&i===12&&(t[n]=1),!Ea(i);)X();return Ta(e,J)},Ka=function(e,t){var n=-1,r=44;do switch(Ea(r)){case 0:r===38&&Z()===12&&(t[n]=1),e[n]+=Ga(J-1,t,n);break;case 2:e[n]+=ka(r);break;case 4:if(r===44){e[++n]=Z()===58?`&\f`:``,t[n]=e[n].length;break}default:e[n]+=oa(r)}while(r=X());return e},qa=function(e,t){return Oa(Ka(Da(e),t))},Ja=new WeakMap,Ya=function(e){if(!(e.type!==`rule`||!e.parent||e.length<1)){for(var t=e.value,n=e.parent,r=e.column===n.column&&e.line===n.line;n.type!==`rule`;)if(n=n.parent,!n)return;if(!(e.props.length===1&&t.charCodeAt(0)!==58&&!Ja.get(n))&&!r){Ja.set(e,!0);for(var i=[],a=qa(t,i),o=n.props,s=0,c=0;s<a.length;s++)for(var l=0;l<o.length;l++,c++)e.props[c]=i[s]?a[s].replace(/&\f/g,o[l]):o[l]+` `+a[s]}}},Xa=function(e){if(e.type===`decl`){var t=e.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(e.return=``,e.value=``)}};function Za(e,t){switch(ca(e,t)){case 5103:return W+`print-`+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return W+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return W+e+Qi+e+U+e+e;case 6828:case 4268:return W+e+U+e+e;case 6165:return W+e+U+`flex-`+e+e;case 5187:return W+e+G(e,/(\w+).+(:[^]+)/,W+`box-$1$2`+U+`flex-$1$2`)+e;case 5443:return W+e+U+`flex-item-`+G(e,/flex-|-self/,``)+e;case 4675:return W+e+U+`flex-line-pack`+G(e,/align-content|flex-|-self/,``)+e;case 5548:return W+e+U+G(e,`shrink`,`negative`)+e;case 5292:return W+e+U+G(e,`basis`,`preferred-size`)+e;case 6060:return W+`box-`+G(e,`-grow`,``)+W+e+U+G(e,`grow`,`positive`)+e;case 4554:return W+G(e,/([^-])(transform)/g,`$1`+W+`$2`)+e;case 6187:return G(G(G(e,/(zoom-|grab)/,W+`$1`),/(image-set)/,W+`$1`),e,``)+e;case 5495:case 3959:return G(e,/(image-set\([^]*)/,W+"$1$`$1");case 4968:return G(G(e,/(.+:)(flex-)?(.*)/,W+`box-pack:$3`+U+`flex-pack:$3`),/s.+-b[^;]+/,`justify`)+W+e+e;case 4095:case 3583:case 4068:case 2532:return G(e,/(.+)-inline(.+)/,W+`$1$2`)+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(q(e)-1-t>6)switch(K(e,t+1)){case 109:if(K(e,t+4)!==45)break;case 102:return G(e,/(.+:)(.+)-([^]+)/,`$1`+W+`$2-$3$1`+Qi+(K(e,t+3)==108?`$3`:`$2-$3`))+e;case 115:return~da(e,`stretch`)?Za(G(e,`stretch`,`fill-available`),t)+e:e}break;case 4949:if(K(e,t+1)!==115)break;case 6444:switch(K(e,q(e)-3-(~da(e,`!important`)&&10))){case 107:return G(e,`:`,`:`+W)+e;case 101:return G(e,/(.+:)([^;!]+)(;|!.+)?/,`$1`+W+(K(e,14)===45?`inline-`:``)+`box$3$1`+W+`$2$3$1`+U+`$2box$3`)+e}break;case 5936:switch(K(e,t+11)){case 114:return W+e+U+G(e,/[svh]\w+-[tblr]{2}/,`tb`)+e;case 108:return W+e+U+G(e,/[svh]\w+-[tblr]{2}/,`tb-rl`)+e;case 45:return W+e+U+G(e,/[svh]\w+-[tblr]{2}/,`lr`)+e}return W+e+U+e+e}return e}var Qa=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case ta:e.return=Za(e.value,e.length);break;case ra:return Ba([xa(e,{value:G(e.value,`@`,`@`+W)})],r);case ea:if(e.length)return ha(e.props,function(t){switch(ua(t,/(::plac\w+|:read-\w+)/)){case`:read-only`:case`:read-write`:return Ba([xa(e,{props:[G(t,/:(read-\w+)/,`:`+Qi+`$1`)]})],r);case`::placeholder`:return Ba([xa(e,{props:[G(t,/:(plac\w+)/,`:`+W+`input-$1`)]}),xa(e,{props:[G(t,/:(plac\w+)/,`:`+Qi+`$1`)]}),xa(e,{props:[G(t,/:(plac\w+)/,U+`input-$1`)]})],r)}return``})}}],$a=function(e){var t=e.key;if(t===`css`){var n=document.querySelectorAll(`style[data-emotion]:not([data-s])`);Array.prototype.forEach.call(n,function(e){e.getAttribute(`data-emotion`).indexOf(` `)!==-1&&(document.head.appendChild(e),e.setAttribute(`data-s`,``))})}var r=e.stylisPlugins||Qa,i={},a,o=[];a=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll(`style[data-emotion^="`+t+` "]`),function(e){for(var t=e.getAttribute(`data-emotion`).split(` `),n=1;n<t.length;n++)i[t[n]]=!0;o.push(e)});var s,c=[Ya,Xa],l,u=[Va,Ua(function(e){l.insert(e)})],d=Ha(c.concat(r,u)),f=function(e){return Ba(Fa(e),d)};s=function(e,t,n,r){l=n,f(e?e+`{`+t.styles+`}`:t.styles),r&&(p.inserted[t.name]=!0)};var p={key:t,sheet:new Zi({key:t,container:a,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:i,registered:{},insert:s};return p.sheet.hydrate(o),p};function eo(e){for(var t=0,n,r=0,i=e.length;i>=4;++r,i-=4)n=e.charCodeAt(r)&255|(e.charCodeAt(++r)&255)<<8|(e.charCodeAt(++r)&255)<<16|(e.charCodeAt(++r)&255)<<24,n=(n&65535)*1540483477+((n>>>16)*59797<<16),n^=n>>>24,t=(n&65535)*1540483477+((n>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(i){case 3:t^=(e.charCodeAt(r+2)&255)<<16;case 2:t^=(e.charCodeAt(r+1)&255)<<8;case 1:t^=e.charCodeAt(r)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var to={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},no=!1,ro=/[A-Z]|^ms/g,io=/_EMO_([^_]+?)_([^]*?)_EMO_/g,ao=function(e){return e.charCodeAt(1)===45},oo=function(e){return e!=null&&typeof e!=`boolean`},so=Wa(function(e){return ao(e)?e:e.replace(ro,`-$&`).toLowerCase()}),co=function(e,t){switch(e){case`animation`:case`animationName`:if(typeof t==`string`)return t.replace(io,function(e,t,n){return Q={name:t,styles:n,next:Q},t})}return to[e]!==1&&!ao(e)&&typeof t==`number`&&t!==0?t+`px`:t},lo=`Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.`;function uo(e,t,n){if(n==null)return``;var r=n;if(r.__emotion_styles!==void 0)return r;switch(typeof n){case`boolean`:return``;case`object`:var i=n;if(i.anim===1)return Q={name:i.name,styles:i.styles,next:Q},i.name;var a=n;if(a.styles!==void 0){var o=a.next;if(o!==void 0)for(;o!==void 0;)Q={name:o.name,styles:o.styles,next:Q},o=o.next;return a.styles+`;`}return fo(e,t,n);case`function`:if(e!==void 0){var s=Q,c=n(e);return Q=s,uo(e,t,c)}break}var l=n;if(t==null)return l;var u=t[l];return u===void 0?l:u}function fo(e,t,n){var r=``;if(Array.isArray(n))for(var i=0;i<n.length;i++)r+=uo(e,t,n[i])+`;`;else for(var a in n){var o=n[a];if(typeof o!=`object`){var s=o;t!=null&&t[s]!==void 0?r+=a+`{`+t[s]+`}`:oo(s)&&(r+=so(a)+`:`+co(a,s)+`;`)}else{if(a===`NO_COMPONENT_SELECTOR`&&no)throw Error(lo);if(Array.isArray(o)&&typeof o[0]==`string`&&(t==null||t[o[0]]===void 0))for(var c=0;c<o.length;c++)oo(o[c])&&(r+=so(a)+`:`+co(a,o[c])+`;`);else{var l=uo(e,t,o);switch(a){case`animation`:case`animationName`:r+=so(a)+`:`+l+`;`;break;default:r+=a+`{`+l+`}`}}}}return r}var po=/label:\s*([^\s;{]+)\s*(;|$)/g,Q;function mo(e,t,n){if(e.length===1&&typeof e[0]==`object`&&e[0]!==null&&e[0].styles!==void 0)return e[0];var r=!0,i=``;Q=void 0;var a=e[0];a==null||a.raw===void 0?(r=!1,i+=uo(n,t,a)):i+=a[0];for(var o=1;o<e.length;o++)i+=uo(n,t,e[o]),r&&(i+=a[o]);po.lastIndex=0;for(var s=``,c;(c=po.exec(i))!==null;)s+=`-`+c[1];return{name:eo(i)+s,styles:i,next:Q}}var ho=!0;function go(e,t,n){var r=``;return n.split(` `).forEach(function(n){e[n]===void 0?n&&(r+=n+` `):t.push(e[n]+`;`)}),r}var _o=function(e,t,n){var r=e.key+`-`+t.name;(n===!1||ho===!1)&&e.registered[r]===void 0&&(e.registered[r]=t.styles)},vo=function(e,t,n){_o(e,t,n);var r=e.key+`-`+t.name;if(e.inserted[t.name]===void 0){var i=t;do e.insert(t===i?`.`+r:``,i,e.sheet,!0),i=i.next;while(i!==void 0)}};function yo(e,t){if(e.inserted[t.name]===void 0)return e.insert(``,t,e.sheet,!0)}function bo(e,t,n){var r=[],i=go(e,r,n);return r.length<2?n:i+t(r)}var xo=function(e){var t=$a(e);t.sheet.speedy=function(e){this.isSpeedy=e},t.compat=!0;var n=function(){var e=mo([...arguments],t.registered,void 0);return vo(t,e,!1),t.key+`-`+e.name};return{css:n,cx:function(){var e=[...arguments];return bo(t.registered,n,So(e))},injectGlobal:function(){yo(t,mo([...arguments],t.registered))},keyframes:function(){var e=mo([...arguments],t.registered),n=`animation-`+e.name;return yo(t,{name:e.name,styles:`@keyframes `+n+`{`+e.styles+`}`}),n},hydrate:function(e){e.forEach(function(e){t.inserted[e]=!0})},flush:function(){t.registered={},t.inserted={},t.sheet.flush()},sheet:t.sheet,cache:t,getRegisteredStyles:go.bind(null,t.registered),merge:bo.bind(null,t.registered,n)}},So=function e(t){for(var n=``,r=0;r<t.length;r++){var i=t[r];if(i!=null){var a=void 0;switch(typeof i){case`boolean`:break;case`object`:if(Array.isArray(i))a=e(i);else for(var o in a=``,i)i[o]&&o&&(a&&(a+=` `),a+=o);break;default:a=i}a&&(n&&(n+=` `),n+=a)}}return n},Co=(e,t=!1,n=``)=>{let{variables:r={},...i}=e,a={light:{diffViewerBackground:`#fff`,diffViewerColor:`#212529`,addedBackground:`#e6ffed`,addedColor:`#24292e`,removedBackground:`#ffeef0`,removedColor:`#24292e`,changedBackground:`#fffbdd`,wordAddedBackground:`#acf2bd`,wordRemovedBackground:`#fdb8c0`,addedGutterBackground:`#cdffd8`,removedGutterBackground:`#ffdce0`,gutterBackground:`#f7f7f7`,gutterBackgroundDark:`#f3f1f1`,highlightBackground:`#fffbdd`,highlightGutterBackground:`#fff5b1`,codeFoldGutterBackground:`#dbedff`,codeFoldBackground:`#f1f8ff`,emptyLineBackground:`#fafbfc`,gutterColor:`#212529`,addedGutterColor:`#212529`,removedGutterColor:`#212529`,codeFoldContentColor:`#212529`,diffViewerTitleBackground:`#fafbfc`,diffViewerTitleColor:`#212529`,diffViewerTitleBorderColor:`#eee`,...r.light||{}},dark:{diffViewerBackground:`#2e303c`,diffViewerColor:`#FFF`,addedBackground:`#2ea04326`,addedColor:`white`,removedBackground:`#f851491a`,removedColor:`white`,changedBackground:`#3e302c`,wordAddedBackground:`#2ea04366`,wordRemovedBackground:`#f8514966`,addedGutterBackground:`#3fb9504d`,removedGutterBackground:`#f851494d`,gutterBackground:`#2c2f3a`,gutterBackgroundDark:`#262933`,highlightBackground:`#2a3967`,highlightGutterBackground:`#2d4077`,codeFoldGutterBackground:`#262831`,codeFoldBackground:`#262831`,emptyLineBackground:`#363946`,gutterColor:`#f0f6fc`,addedGutterColor:`#f0f6fc`,removedGutterColor:`#f0f6fc`,codeFoldContentColor:`#9198a1`,diffViewerTitleBackground:`#2f323e`,diffViewerTitleColor:`#f0f6fc`,diffViewerTitleBorderColor:`#353846`,...r.dark||{}}},o=t?a.dark:a.light,{css:s,cx:c}=xo({key:`react-diff`,nonce:n}),l=s({width:`auto`,overflow:`hidden`,label:`content`}),u=s({label:`split-view`}),d=s({position:`sticky`,top:0,zIndex:2,label:`sticky-header`}),f=s({background:o.diffViewerTitleBackground,color:o.diffViewerTitleColor,padding:`0.5em 1em`,display:`flex`,alignItems:`center`,gap:`0.5em`,fontFamily:`monospace`,fontSize:12,fill:o.diffViewerTitleColor}),p=s({display:`flex`,label:`column-headers`}),m=s({width:`100%`,minWidth:`1000px`,overflowX:`auto`,tableLayout:`fixed`,fontSize:12,background:o.diffViewerBackground,pre:{margin:0,whiteSpace:`pre-wrap`,lineHeight:`1.6em`,width:`fit-content`},label:`diff-container`,borderCollapse:`collapse`,"@media (max-width: 768px)":{minWidth:`unset`}}),h=s({overflow:`hidden`,width:`100%`}),g=s({color:o.diffViewerColor,whiteSpace:`pre-wrap`,fontFamily:`monospace`,lineBreak:`anywhere`,textDecoration:`none`,label:`content-text`}),_=s({userSelect:`none`,label:`unselectable`}),v=s({label:`no-wrap`,pre:{whiteSpace:`pre`},[`.${g}`]:{whiteSpace:`pre`,lineBreak:`auto`}}),y=s({background:`transparent`,border:`none`,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`,margin:0,label:`all-expand-button`,":hover":{fill:o.addedGutterColor},":focus":{outline:`1px ${o.addedGutterColor} solid`}}),b=s({background:o.diffViewerTitleBackground,padding:`0.5em`,lineHeight:`1.4em`,height:`2.4em`,overflow:`hidden`,width:`50%`,borderBottom:`1px solid ${o.diffViewerTitleBorderColor}`,boxSizing:`border-box`,fontSize:12,label:`title-block`,":only-child":{width:`100%`},":last-child:not(:only-child)":{borderLeft:`1px solid ${o.diffViewerTitleBorderColor}`},[`.${g}`]:{color:o.diffViewerTitleColor}}),x=s({color:o.gutterColor,label:`line-number`}),S=s({background:o.removedBackground,color:o.removedColor,pre:{color:o.removedColor},[`.${x}`]:{color:o.removedGutterColor},label:`diff-removed`}),C=s({background:o.addedBackground,color:o.addedColor,pre:{color:o.addedColor},[`.${x}`]:{color:o.addedGutterColor},label:`diff-added`}),ee=s({background:o.changedBackground,[`.${x}`]:{color:o.gutterColor},label:`diff-changed`}),w=s({display:`inline`,textDecoration:`none`,label:`word-diff`}),te=s({background:o.wordAddedBackground,label:`word-added`}),ne=s({background:o.wordRemovedBackground,label:`word-removed`}),re=s({backgroundColor:o.codeFoldGutterBackground,label:`code-fold-gutter`,minWidth:`50px`,width:`50px`,textAlign:`center`,fill:o.codeFoldContentColor}),ie=s({padding:``}),ae=s({background:o.codeFoldBackground,cursor:`pointer`,display:`inline`,margin:0,border:`none`,fill:o.codeFoldContentColor,label:`code-fold-expand-button`}),oe=s({color:o.codeFoldContentColor,fontFamily:`monospace`,label:`code-fold-content`}),se=s({display:`block`,width:`10px`,height:`10px`,backgroundColor:`#ddd`,borderWidth:`1px`,borderStyle:`solid`,borderColor:o.diffViewerTitleBorderColor}),ce=s({backgroundColor:o.wordAddedBackground}),le=s({backgroundColor:o.wordRemovedBackground}),ue=s({backgroundColor:o.codeFoldBackground,fontSize:12,alignItems:`center`,userSelect:`none`,fontWeight:700,cursor:`pointer`,label:`code-fold`,"&:hover":{color:o.diffViewerColor,fill:o.diffViewerColor,"& *":{color:o.diffViewerColor,fill:o.diffViewerColor}},a:{textDecoration:`underline !important`,cursor:`pointer`,pre:{display:`inline`}}}),de=s({backgroundColor:o.emptyLineBackground,label:`empty-line`}),fe=s({width:28,paddingLeft:10,paddingRight:10,userSelect:`none`,label:`marker`,[`&.${C}`]:{pre:{color:o.addedColor}},[`&.${S}`]:{pre:{color:o.removedColor}}}),pe=s({background:o.highlightBackground,label:`highlighted-line`,[`.${te}, .${ne}`]:{backgroundColor:`initial`}}),me=s({label:`highlighted-gutter`}),T=s({userSelect:`none`,minWidth:50,width:`50px`,padding:`0 10px`,whiteSpace:`nowrap`,label:`gutter`,textAlign:`center`,color:o.gutterColor,background:o.gutterBackground,"&:hover":{cursor:`pointer`,background:o.gutterBackgroundDark,pre:{opacity:1}},pre:{opacity:.5,textAlign:`center`,width:`100%`},[`&.${C}`]:{background:o.addedGutterBackground},[`&.${S}`]:{background:o.removedGutterBackground},[`&.${me}`]:{background:o.highlightGutterBackground,"&:hover":{background:o.highlightGutterBackground}}}),he=s({"&:hover":{background:o.gutterBackground,cursor:`initial`},label:`empty-gutter`}),ge={diffContainer:m,diffRemoved:S,diffAdded:C,diffChanged:ee,splitView:u,marker:fe,highlightedGutter:me,highlightedLine:pe,gutter:T,line:s({verticalAlign:`baseline`,label:`line`,textDecoration:`none`}),lineContent:h,wordDiff:w,wordAdded:te,summary:f,block:se,blockAddition:ce,blockDeletion:le,wordRemoved:ne,noSelect:_,noWrap:v,codeFoldGutter:re,codeFoldExpandButton:ae,codeFoldContentContainer:ie,codeFold:ue,emptyGutter:he,emptyLine:de,lineNumber:x,contentText:g,content:l,column:s({}),codeFoldContent:oe,stickyHeader:d,columnHeaders:p,titleBlock:b,allExpandButton:y},_e=Object.keys(i).reduce((e,t)=>({...e,[t]:s(i[t])}),{});return Object.keys(ge).reduce((e,t)=>({...e,[t]:_e[t]?c(ge[t],_e[t]):ge[t]}),{})};function wo(){return(0,v.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,width:`16`,height:`16`,children:[(0,v.jsx)(`title`,{children:`fold`}),(0,v.jsx)(`path`,{d:`M10.896 2H8.75V.75a.75.75 0 0 0-1.5 0V2H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0l2.896-2.896A.25.25 0 0 0 10.896 2ZM8.75 15.25a.75.75 0 0 1-1.5 0V14H5.104a.25.25 0 0 1-.177-.427l2.896-2.896a.25.25 0 0 1 .354 0l2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25Zm-6.5-6.5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z`})]})}function To(e,t,n){let r=[],i=0;for(let e of t){let t=typeof e.value==`string`?e.value:``;t.length>0&&(r.push({start:i,end:i+t.length,type:e.type}),i+=t.length)}let a=[],o=0;for(;o<e.length;)if(e[o]===`<`){let t=e.indexOf(`>`,o);if(t===-1){a.push({type:`text`,content:e.slice(o)});break}a.push({type:`tag`,content:e.slice(o,t+1)}),o=t+1}else{let t=e.indexOf(`<`,o);t===-1&&(t=e.length),a.push({type:`text`,content:e.slice(o,t)}),o=t}function s(e){return e.replace(/</g,`<`).replace(/>/g,`>`).replace(/&/g,`&`).replace(/"/g,`"`).replace(/'/g,`'`).replace(/ /g,`\xA0`)}function c(e){return e===z.ADDED?{open:`<ins class="${n.wordDiff} ${n.wordAdded}">`,close:`</ins>`}:e===z.REMOVED?{open:`<del class="${n.wordDiff} ${n.wordRemoved}">`,close:`</del>`}:{open:`<span class="${n.wordDiff}">`,close:`</span>`}}let l=0,u=``;for(let e of a)if(e.type===`tag`)u+=e.content;else{let t=e.content,n=s(t),i=0,a=0;for(;i<n.length;){let e=l+i,o=r.find(t=>e>=t.start&&e<t.end);if(!o){let e=t[a];u+=e,a++,i++;continue}let s=o.end-e,d=n.length-i,f=Math.min(s,d),p=a,m=0;for(;m<f&&p<t.length;){if(t[p]===`&`){let e=t.indexOf(`;`,p);e!==-1&&e-p<10?p=e+1:p++}else p++;m++}let h=t.slice(a,p),g=c(o.type);g?u+=g.open+h+g.close:u+=h,a=p,i+=f}l+=n.length}return u}var $;(function(e){e.LEFT=`L`,e.RIGHT=`R`})($||={});var Eo=class e extends _.Component{styles;wordDiffCache=new Map;contentColumnRef=_.createRef();charMeasureRef=_.createRef();stickyHeaderRef=_.createRef();resizeObserver=null;static defaultProps={oldValue:``,newValue:``,splitView:!0,highlightLines:[],disableWordDiff:!1,compareMethod:H.CHARS,styles:{},hideLineNumbers:!1,extraLinesSurroundingDiff:3,showDiffOnly:!0,useDarkTheme:!1,linesOffset:0,nonce:``};constructor(e){super(e),this.state={expandedBlocks:[],noSelect:void 0,scrollableContainerRef:_.createRef(),computedDiffResult:{},isLoading:!1,visibleStartRow:0,contentColumnWidth:null,charWidth:null,cumulativeOffsets:null}}getWordDiffValues=(e,t,n)=>{if(!e||!t)return{leftValue:e?.value,rightValue:t?.value};if(e.rawValue===void 0||t.rawValue===void 0)return{leftValue:e.value,rightValue:t.value};let r=`${n}-${e.rawValue}-${t.rawValue}`,i=this.wordDiffCache.get(r);if(!i){let n=this.props.compareMethod===H.JSON||this.props.compareMethod===H.YAML?H.CHARS:this.props.compareMethod,a=Hi(e.rawValue,t.rawValue,n);i={left:a.left,right:a.right},this.wordDiffCache.set(r,i)}return{leftValue:i.left,rightValue:i.right}};resetCodeBlocks=()=>this.state.expandedBlocks.length>0?(this.setState({expandedBlocks:[]}),!0):!1;onBlockExpand=e=>{let t=this.state.expandedBlocks.slice();t.push(e),this.setState({expandedBlocks:t},()=>this.recalculateOffsets())};getStickyHeaderHeight(){return this.stickyHeaderRef.current?.offsetHeight||0}measureCharWidth(){let e=this.charMeasureRef.current;return e&&e.getBoundingClientRect().width||7.2}measureContentColumnWidth(){let e=this.contentColumnRef.current;if(e&&e.clientWidth>0){let t=window.getComputedStyle(e),n=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),r=e.clientWidth-n;if(r>0)return r}let t=this.state.scrollableContainerRef.current;if(!t||t.clientWidth<=0)return null;let n=t.clientWidth,r=this.props.hideLineNumbers?0:50;this.props.splitView;let i=this.props.splitView?2:1,a=this.props.splitView?2:1,o=n-(2*r+i*28);return Math.max(100,o/a)}getTextLength(e){return e?typeof e==`string`?e.length:e.reduce((e,t)=>e+(typeof t.value==`string`?t.value.length:0),0):0}buildCumulativeOffsets(t,n,r,i,a,o,s,c){let l=[0],u=new Set;for(let d=0;d<t.length;d++){let f=t[d];if(a){let t=n[d];if(t!==void 0&&!i.includes(t)){let n=r[t].endLine===d;!u.has(t)&&n&&(u.add(t),l.push(l[l.length-1]+e.ESTIMATED_ROW_HEIGHT));continue}}let p=f.left?.value?this.getTextLength(f.left.value):0,m=f.right?.value?this.getTextLength(f.right.value):0,h=c?Math.max(p,m):p||m,g=Math.floor(s/o),_=g>0?Math.max(1,Math.ceil(h/g)):1;l.push(l[l.length-1]+_*e.ESTIMATED_ROW_HEIGHT)}return l}findLineAtOffset(e,t){let n=0,r=t.length-2;for(;n<r;){let i=Math.floor((n+r+1)/2);t[i]<=e?n=i:r=i-1}return n}recalculateOffsets=()=>{if(!this.props.infiniteLoading)return;let e=this.measureContentColumnWidth(),t=this.measureCharWidth();if(!e)return;let n=this.getMemoisedKey(),{lineInformation:r,lineBlocks:i,blocks:a}=this.state.computedDiffResult[n]??{};if(!r)return;let o=this.buildCumulativeOffsets(r,i,a,this.state.expandedBlocks,this.props.showDiffOnly,t,e,this.props.splitView);this.setState({cumulativeOffsets:o,contentColumnWidth:e,charWidth:t},()=>{this.onScroll()})};computeStyles=C(Co);onLineNumberClickProxy=e=>this.props.onLineNumberClick?t=>this.props.onLineNumberClick(e,t):()=>{};shouldHighlightWordDiff=()=>{let{compareMethod:e}=this.props;return e===H.CHARS||e===H.WORDS||e===H.WORDS_WITH_SPACE||e===H.JSON||e===H.YAML};renderWordDiff=(e,t)=>{let n=this.shouldHighlightWordDiff(),r=e.map(e=>typeof e.value==`string`?e.value:``).join(``);if(r.length>500)return[(0,v.jsx)(`span`,{children:r},`long-line`)];if(t){let i=t(r),a=i?.props?.dangerouslySetInnerHTML?.__html;if(typeof a==`string`){let t=To(a,e,{wordDiff:this.styles.wordDiff,wordAdded:n?this.styles.wordAdded:``,wordRemoved:n?this.styles.wordRemoved:``});return[_.cloneElement(i,{key:`highlighted-diff`,dangerouslySetInnerHTML:{__html:t}})]}}return e.map((e,t)=>{let r;return r=typeof e.value==`string`?e.value:void 0,e.type===z.ADDED?(0,v.jsx)(`ins`,{className:(0,y.default)(this.styles.wordDiff,{[this.styles.wordAdded]:n}),children:r},t):e.type===z.REMOVED?(0,v.jsx)(`del`,{className:(0,y.default)(this.styles.wordDiff,{[this.styles.wordRemoved]:n}),children:r},t):(0,v.jsx)(`span`,{className:(0,y.default)(this.styles.wordDiff),children:r},t)})};renderLine=(e,t,n,r,i,a)=>{let o=`${n}-${e}`,s=`${a}-${i}`,c=this.props.highlightLines.includes(o)||this.props.highlightLines.includes(s),l=t===z.ADDED,u=t===z.REMOVED,d=t===z.CHANGED,f,p=Array.isArray(r);f=p?this.renderWordDiff(r,this.props.renderContent):this.props.renderContent?this.props.renderContent(r):r;let m=`div`;return l&&!p?m=`ins`:u&&!p&&(m=`del`),(0,v.jsxs)(v.Fragment,{children:[!this.props.hideLineNumbers&&(0,v.jsx)(`td`,{onClick:e&&this.onLineNumberClickProxy(o),className:(0,y.default)(this.styles.gutter,{[this.styles.emptyGutter]:!e,[this.styles.diffAdded]:l,[this.styles.diffRemoved]:u,[this.styles.diffChanged]:d,[this.styles.highlightedGutter]:c}),children:(0,v.jsx)(`pre`,{className:this.styles.lineNumber,children:e})}),!this.props.splitView&&!this.props.hideLineNumbers&&(0,v.jsx)(`td`,{onClick:i&&this.onLineNumberClickProxy(s),className:(0,y.default)(this.styles.gutter,{[this.styles.emptyGutter]:!i,[this.styles.diffAdded]:l,[this.styles.diffRemoved]:u,[this.styles.diffChanged]:d,[this.styles.highlightedGutter]:c}),children:(0,v.jsx)(`pre`,{className:this.styles.lineNumber,children:i})}),this.props.renderGutter?this.props.renderGutter({lineNumber:e,type:t,prefix:n,value:r,additionalLineNumber:i,additionalPrefix:a,styles:this.styles}):null,(0,v.jsx)(`td`,{className:(0,y.default)(this.styles.marker,{[this.styles.emptyLine]:!f,[this.styles.diffAdded]:l,[this.styles.diffRemoved]:u,[this.styles.diffChanged]:d,[this.styles.highlightedLine]:c}),children:(0,v.jsxs)(`pre`,{children:[l&&`+`,u&&`-`]})}),(0,v.jsx)(`td`,{ref:n===$.LEFT&&!this.state.cumulativeOffsets?this.contentColumnRef:void 0,className:(0,y.default)(this.styles.content,{[this.styles.emptyLine]:!f,[this.styles.diffAdded]:l,[this.styles.diffRemoved]:u,[this.styles.diffChanged]:d,[this.styles.highlightedLine]:c,left:n===$.LEFT,right:n===$.RIGHT}),onMouseDown:()=>{let e=document.getElementsByClassName(n===$.LEFT?`right`:`left`);for(let t=0;t<e.length;t++)e.item(t).classList.add(this.styles.noSelect)},title:l&&!p?`Added line`:u&&!p?`Removed line`:void 0,children:(0,v.jsx)(m,{className:this.styles.contentText,children:f})})]})};renderSplitView=({left:e,right:t},n)=>{let{leftValue:r,rightValue:i}=this.getWordDiffValues(e,t,n);return(0,v.jsxs)(`tr`,{className:this.styles.line,children:[this.renderLine(e.lineNumber,e.type,$.LEFT,r),this.renderLine(t.lineNumber,t.type,$.RIGHT,i)]},n)};renderInlineView=({left:e,right:t},n)=>{let{leftValue:r,rightValue:i}=this.getWordDiffValues(e,t,n),a;return e.type===z.REMOVED&&t.type===z.ADDED?(0,v.jsxs)(_.Fragment,{children:[(0,v.jsx)(`tr`,{className:this.styles.line,children:this.renderLine(e.lineNumber,e.type,$.LEFT,r,null)}),(0,v.jsx)(`tr`,{className:this.styles.line,children:this.renderLine(null,t.type,$.RIGHT,i,t.lineNumber,$.RIGHT)})]},n):(e.type===z.REMOVED&&(a=this.renderLine(e.lineNumber,e.type,$.LEFT,r,null)),e.type===z.DEFAULT&&(a=this.renderLine(e.lineNumber,e.type,$.LEFT,r,t.lineNumber,$.RIGHT)),t.type===z.ADDED&&(a=this.renderLine(null,t.type,$.RIGHT,i,t.lineNumber)),(0,v.jsx)(`tr`,{className:this.styles.line,children:a},n))};onBlockClickProxy=e=>()=>this.onBlockExpand(e);renderSkippedLineIndicator=(e,t,n,r)=>{let{hideLineNumbers:i,splitView:a}=this.props,o=this.props.codeFoldMessageRenderer?this.props.codeFoldMessageRenderer(e,n,r):(0,v.jsxs)(`span`,{className:this.styles.codeFoldContent,children:[`@@ -`,n-e,`,`,e,` +`,r-e,`,`,e,` @@`]}),s=(0,v.jsx)(`td`,{className:this.styles.codeFoldContentContainer,children:(0,v.jsx)(`button`,{type:`button`,className:this.styles.codeFoldExpandButton,onClick:this.onBlockClickProxy(t),tabIndex:0,children:o})}),c=!a&&!i,l=(0,v.jsx)(`td`,{className:this.styles.codeFoldGutter,children:(0,v.jsx)(qi,{})});return(0,v.jsxs)(`tr`,{className:this.styles.codeFold,onClick:this.onBlockClickProxy(t),role:`button`,tabIndex:0,children:[!i&&l,this.props.renderGutter?(0,v.jsx)(`td`,{className:this.styles.codeFoldGutter}):null,(0,v.jsx)(`td`,{className:(0,y.default)({[this.styles.codeFoldGutter]:c})}),c?(0,v.jsxs)(_.Fragment,{children:[(0,v.jsx)(`td`,{}),s]}):(0,v.jsxs)(_.Fragment,{children:[s,this.props.renderGutter?(0,v.jsx)(`td`,{}):null,(0,v.jsx)(`td`,{}),(0,v.jsx)(`td`,{}),i?null:(0,v.jsx)(`td`,{})]})]},`${n}-${r}`)};getMemoisedKey=()=>{let{oldValue:e,newValue:t,disableWordDiff:n,compareMethod:r,linesOffset:i,alwaysShowLines:a,extraLinesSurroundingDiff:o}=this.props;return JSON.stringify({oldValue:e,newValue:t,disableWordDiff:n,compareMethod:r,linesOffset:i,alwaysShowLines:a,extraLinesSurroundingDiff:o})};memoisedCompute=async()=>{let{oldValue:e,newValue:t,disableWordDiff:n,compareMethod:r,linesOffset:i}=this.props,a=this.getMemoisedKey();if(this.state.computedDiffResult[a]){this.setState(e=>({...e,isLoading:!1}));return}let o=this.props.infiniteLoading?.containerHeight,s=o?typeof o==`number`?o:parseInt(o,10)||0:0,c=!n&&!!this.props.infiniteLoading&&s>0&&s<2e3,{lineInformation:l,diffLines:u}=await Ki(e,t,n,r,i,this.props.alwaysShowLines,c),{lineBlocks:d,blocks:f}=ee(l,u,this.props.extraLinesSurroundingDiff<0?0:Math.round(this.props.extraLinesSurroundingDiff));this.state.computedDiffResult[a]={lineInformation:l,lineBlocks:d,blocks:f},this.setState(e=>({...e,computedDiffResult:this.state.computedDiffResult,isLoading:!1}),()=>{this.props.infiniteLoading&&requestAnimationFrame(()=>this.recalculateOffsets())})};static ESTIMATED_ROW_HEIGHT=19;onScroll=()=>{let t=this.state.scrollableContainerRef.current;if(!t||!this.props.infiniteLoading)return;let n=this.getStickyHeaderHeight(),r=Math.max(0,t.scrollTop-n),{cumulativeOffsets:i}=this.state,a=i?this.findLineAtOffset(r,i):Math.floor(r/e.ESTIMATED_ROW_HEIGHT);a!==this.state.visibleStartRow&&this.setState({visibleStartRow:a})};renderDiff=()=>{let{splitView:t,infiniteLoading:n,showDiffOnly:r}=this.props,{computedDiffResult:i,expandedBlocks:a,visibleStartRow:o,scrollableContainerRef:s,cumulativeOffsets:c}=this.state,{lineInformation:l=[],lineBlocks:u=[],blocks:d=[]}=i[this.getMemoisedKey()]??{},f=0,p=1/0;if(n&&s.current){let t=s.current,n=this.getStickyHeaderHeight(),r=Math.max(0,t.scrollTop-n);if(c){let n=c[c.length-1]||0,i=c.length-2;f=Math.max(0,this.findLineAtOffset(r,c)-5),p=this.findLineAtOffset(r+t.clientHeight,c)+5;let a=Math.ceil(t.clientHeight/e.ESTIMATED_ROW_HEIGHT);p=Math.max(p,f+a+5),r+t.clientHeight>=n-5*e.ESTIMATED_ROW_HEIGHT&&(p=i+5)}else{let n=Math.ceil(t.clientHeight/e.ESTIMATED_ROW_HEIGHT);f=Math.max(0,o-5),p=o+n+5}}let m=new Map,h=new Set,g=0;for(let e=0;e<l.length;e++){let t=u[e];if(r&&t!==void 0)if(a.includes(t))m.set(e,g),g++;else{let n=d[t].endLine===e;!h.has(t)&&n&&(h.add(t),m.set(e,g),g++)}else m.set(e,g),g++}let y=g,b=[],x=0,S=!1,C=-1;h.clear();for(let n=0;n<l.length;n++){let i=l[n],o=m.get(n);if(o!==void 0&&!(o<f)){if(o>p)break;if(S||=(x=c?c[o]||0:o*e.ESTIMATED_ROW_HEIGHT,!0),C=o,r){let e=u[n];if(e!==void 0){let t=d[e].endLine===n;if(!a.includes(e)&&t){b.push((0,v.jsx)(_.Fragment,{children:this.renderSkippedLineIndicator(d[e].lines,e,i.left.lineNumber,i.right.lineNumber)},n));continue}if(!a.includes(e))continue}}b.push(t?this.renderSplitView(i,n):this.renderInlineView(i,n))}}let ee=c?c[c.length-1]||0:y*e.ESTIMATED_ROW_HEIGHT,w=c&&C>=0?ee-(c[C+1]||ee):0;return{diffNodes:b,blocks:d,lineInformation:l,totalRenderedRows:y,topPadding:x,bottomPadding:w,totalContentHeight:ee,renderedCount:b.length,debug:{visibleRowStart:f,visibleRowEnd:p,totalRows:y,offsetsLength:c?.length??0,renderedCount:b.length,scrollTop:s.current?.scrollTop??0,headerHeight:this.getStickyHeaderHeight(),contentScrollTop:s.current?Math.max(0,s.current.scrollTop-this.getStickyHeaderHeight()):0,clientHeight:s.current?.clientHeight??0}}};componentDidUpdate(e){if(e.oldValue!==this.props.oldValue||e.newValue!==this.props.newValue||e.compareMethod!==this.props.compareMethod||e.disableWordDiff!==this.props.disableWordDiff||e.linesOffset!==this.props.linesOffset){this.wordDiffCache.clear();let e=this.state.scrollableContainerRef.current;e&&(e.scrollTop=0),this.setState(e=>({...e,isLoading:!0,visibleStartRow:0,cumulativeOffsets:null})),this.memoisedCompute()}}componentDidMount(){if(this.setState(e=>({...e,isLoading:!0})),this.memoisedCompute(),typeof ResizeObserver<`u`&&this.props.infiniteLoading){this.resizeObserver=new ResizeObserver(()=>{requestAnimationFrame(()=>this.recalculateOffsets())});let e=this.state.scrollableContainerRef.current;e&&this.resizeObserver.observe(e)}}componentWillUnmount(){this.resizeObserver?.disconnect()}render=()=>{let{oldValue:e,newValue:t,useDarkTheme:n,leftTitle:r,rightTitle:i,splitView:a,compareMethod:o,hideLineNumbers:s,nonce:c}=this.props;if(typeof o==`string`&&o!==H.JSON&&(typeof e!=`string`||typeof t!=`string`))throw Error(`"oldValue" and "newValue" should be strings`);this.styles=this.computeStyles(this.props.styles,n,c);let l=this.renderDiff(),u=3,d=4;s&&(--u,--d),this.props.renderGutter&&(u+=1,d+=1);let f=0,p=0;for(let e of l.lineInformation)e.left.type===z.ADDED&&p++,e.right.type===z.ADDED&&p++,e.left.type===z.REMOVED&&f++,e.right.type===z.REMOVED&&f++;let m=f+p,h=Math.round(p/m*100),g=[];for(let e=0;e<5;e++)h>e*20?g.push((0,v.jsx)(`span`,{className:(0,y.default)(this.styles.block,this.styles.blockAddition)},e)):g.push((0,v.jsx)(`span`,{className:(0,y.default)(this.styles.block,this.styles.blockDeletion)},e));let _=this.state.expandedBlocks.length===l.blocks.length,b=this.props.loadingElement,x=this.props.infiniteLoading?{overflowY:`scroll`,overflowX:`hidden`,height:this.props.infiniteLoading.containerHeight}:{},S=!!this.props.infiniteLoading&&!this.state.cumulativeOffsets,C=(0,v.jsxs)(`table`,{className:(0,y.default)(this.styles.diffContainer,{[this.styles.splitView]:a,[this.styles.noWrap]:S}),onMouseUp:()=>{let e=document.getElementsByClassName(`right`);for(let t=0;t<e.length;t++)e.item(t).classList.remove(this.styles.noSelect);let t=document.getElementsByClassName(`left`);for(let e=0;e<t.length;e++)t.item(e).classList.remove(this.styles.noSelect)},children:[(0,v.jsxs)(`colgroup`,{children:[!this.props.hideLineNumbers&&(0,v.jsx)(`col`,{width:`50px`}),!a&&!this.props.hideLineNumbers&&(0,v.jsx)(`col`,{width:`50px`}),this.props.renderGutter&&(0,v.jsx)(`col`,{width:`50px`}),(0,v.jsx)(`col`,{width:`28px`}),(0,v.jsx)(`col`,{width:`auto`}),a&&(0,v.jsxs)(v.Fragment,{children:[!this.props.hideLineNumbers&&(0,v.jsx)(`col`,{width:`50px`}),this.props.renderGutter&&(0,v.jsx)(`col`,{width:`50px`}),(0,v.jsx)(`col`,{width:`28px`}),(0,v.jsx)(`col`,{width:`auto`})]})]}),(0,v.jsx)(`tbody`,{children:l.diffNodes})]});return(0,v.jsxs)(`div`,{style:{...x,position:`relative`},onScroll:this.onScroll,ref:this.state.scrollableContainerRef,children:[(!this.props.hideSummary||r||i)&&(0,v.jsxs)(`div`,{ref:this.stickyHeaderRef,className:this.styles.stickyHeader,children:[!this.props.hideSummary&&(0,v.jsxs)(`div`,{className:this.styles.summary,role:`banner`,children:[(0,v.jsx)(`button`,{type:`button`,className:this.styles.allExpandButton,onClick:()=>{this.setState({expandedBlocks:_?[]:l.blocks.map(e=>e.index)},()=>this.recalculateOffsets())},children:_?(0,v.jsx)(wo,{}):(0,v.jsx)(qi,{})}),` `,m,(0,v.jsx)(`div`,{style:{display:`flex`,gap:`1px`},children:g}),this.props.summary?(0,v.jsx)(`span`,{children:this.props.summary}):null]}),(r||i)&&(0,v.jsxs)(`div`,{className:this.styles.columnHeaders,children:[(0,v.jsx)(`div`,{className:this.styles.titleBlock,children:r?(0,v.jsx)(`pre`,{className:this.styles.contentText,children:r}):null}),a&&(0,v.jsx)(`div`,{className:this.styles.titleBlock,children:i?(0,v.jsx)(`pre`,{className:this.styles.contentText,children:i}):null})]})]}),this.state.isLoading&&b&&(0,v.jsx)(b,{}),this.props.infiniteLoading?(0,v.jsx)(`div`,{style:{height:l.totalContentHeight,position:`relative`},children:(0,v.jsx)(`div`,{style:{position:`absolute`,top:l.topPadding,left:0,right:0},children:C})}):C,(0,v.jsx)(`span`,{ref:this.charMeasureRef,style:{position:`absolute`,top:0,left:`-9999px`,visibility:`hidden`,whiteSpace:`pre`,fontFamily:`monospace`,fontSize:12},"aria-hidden":`true`,children:`M`}),this.props.infiniteLoading&&this.props.showDebugInfo&&(0,v.jsxs)(`div`,{style:{position:`fixed`,top:10,right:10,background:`rgba(0,0,0,0.85)`,color:`#0f0`,padding:`10px`,fontFamily:`monospace`,fontSize:`11px`,zIndex:9999,borderRadius:`4px`,maxWidth:`300px`,lineHeight:1.4},children:[(0,v.jsx)(`div`,{style:{fontWeight:`bold`,marginBottom:`5px`,color:`#fff`},children:`Debug Info`}),(0,v.jsxs)(`div`,{children:[`scrollTop: `,l.debug.scrollTop]}),(0,v.jsxs)(`div`,{children:[`headerHeight: `,l.debug.headerHeight]}),(0,v.jsxs)(`div`,{children:[`contentScrollTop: `,l.debug.contentScrollTop]}),(0,v.jsxs)(`div`,{children:[`clientHeight: `,l.debug.clientHeight]}),(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`},children:[(0,v.jsxs)(`div`,{children:[`visibleRowStart: `,l.debug.visibleRowStart]}),(0,v.jsxs)(`div`,{children:[`visibleRowEnd: `,l.debug.visibleRowEnd]})]}),(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`},children:[(0,v.jsxs)(`div`,{children:[`totalRows: `,l.debug.totalRows]}),(0,v.jsxs)(`div`,{children:[`offsetsLength: `,l.debug.offsetsLength]}),(0,v.jsxs)(`div`,{children:[`renderedCount: `,l.debug.renderedCount]})]}),(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`},children:[(0,v.jsxs)(`div`,{children:[`topPadding: `,l.topPadding.toFixed(0)]}),(0,v.jsxs)(`div`,{children:[`bottomPadding: `,l.bottomPadding.toFixed(0)]}),(0,v.jsxs)(`div`,{children:[`totalContentHeight: `,l.totalContentHeight.toFixed(0)]})]}),(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`,color:`#ff0`},children:[(0,v.jsxs)(`div`,{children:[`cumulativeOffsets: `,this.state.cumulativeOffsets?`SET`:`NULL`]}),(0,v.jsxs)(`div`,{children:[`columnWidth: `,this.state.contentColumnWidth?.toFixed(0)??`N/A`,`px`]}),(0,v.jsxs)(`div`,{children:[`charWidth: `,this.state.charWidth?.toFixed(2)??`N/A`,`px`]}),(0,v.jsxs)(`div`,{children:[`charsPerRow: `,this.state.contentColumnWidth&&this.state.charWidth?Math.floor(this.state.contentColumnWidth/this.state.charWidth):`N/A`]})]}),this.state.cumulativeOffsets&&(0,v.jsxs)(`div`,{style:{marginTop:`5px`,borderTop:`1px solid #444`,paddingTop:`5px`,color:`#0ff`,fontSize:`10px`},children:[(0,v.jsxs)(`div`,{children:[`offsets[`,l.debug.visibleRowEnd,`]: `,this.state.cumulativeOffsets[l.debug.visibleRowEnd]?.toFixed(0)??`N/A`]}),(0,v.jsxs)(`div`,{children:[`offsets[`,l.debug.totalRows-1,`]: `,this.state.cumulativeOffsets[l.debug.totalRows-1]?.toFixed(0)??`N/A`]}),(0,v.jsxs)(`div`,{children:[`offsets[`,l.debug.totalRows,`]: `,this.state.cumulativeOffsets[l.debug.totalRows]?.toFixed(0)??`N/A`]}),(0,v.jsxs)(`div`,{style:{marginTop:`3px`},children:[`viewportEnd: `,(l.debug.contentScrollTop+l.debug.clientHeight).toFixed(0)]}),(0,v.jsxs)(`div`,{style:{marginTop:`3px`,color:`#f0f`},children:[`scrollHeight: `,this.state.scrollableContainerRef.current?.scrollHeight??`N/A`]}),(0,v.jsxs)(`div`,{children:[`maxScrollTop: `,(this.state.scrollableContainerRef.current?.scrollHeight??0)-l.debug.clientHeight]})]})]})]})}};function Do(){let{id:e=``}=c(),t=r({queryKey:[`session-diffs`,e],queryFn:()=>a.sessionDiffs(e),refetchInterval:5e3}),n=t.data?.diffs??[];return(0,v.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,v.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,v.jsx)(l,{to:`/sessions/${encodeURIComponent(e)}`,className:`text-fg-dim hover:text-accent`,children:(0,v.jsx)(u,{className:`w-4 h-4 inline`})}),(0,v.jsx)(`h1`,{className:`text-lg font-bold`,children:`diff attribution`}),(0,v.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:e.slice(0,16)}),(0,v.jsxs)(`span`,{className:`text-sm text-fg-dim`,children:[n.length,` writes`]})]}),t.isLoading&&(0,v.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`loading…`}),!t.isLoading&&n.length===0&&(0,v.jsx)(`div`,{className:`p-10 text-center text-fg-dim`,children:`No file writes or edits in this session.`}),(0,v.jsx)(`div`,{className:`p-5 space-y-6`,children:n.map((e,t)=>(0,v.jsx)(Oo,{entry:e},t))})]})}function Oo({entry:e}){let t=e.event,n=e.triggeringPrompt,r=e.oldString!=null&&e.newString!=null,i=!r&&e.content!=null;return(0,v.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-b border-bg-border text-xs`,children:[(0,v.jsx)(d,{className:`w-3.5 h-3.5 text-accent`}),(0,v.jsx)(`span`,{className:f(`mono`,m(t.agent)),children:t.agent}),(0,v.jsx)(`span`,{className:`mono text-fg-dim`,children:p(t.ts)}),(0,v.jsx)(`span`,{className:`mono text-fg-dim`,children:t.type}),t.path&&(0,v.jsx)(`span`,{className:`ml-auto mono text-fg-dim truncate max-w-lg`,children:t.path})]}),n&&(0,v.jsxs)(`div`,{className:`px-4 py-2 border-b border-bg-border/50 bg-bg/30`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-1.5 text-[10px] uppercase text-fg-muted mb-1`,children:[(0,v.jsx)(h,{className:`w-3 h-3`}),` triggering prompt`]}),(0,v.jsx)(`div`,{className:`text-sm mono whitespace-pre-wrap line-clamp-4`,children:n.details?.fullText??n.summary??`—`}),(0,v.jsx)(l,{to:`/events/${encodeURIComponent(n.id)}`,className:`text-[10px] text-fg-muted hover:text-accent mono mt-1 inline-block`,children:`→ event detail`})]}),(0,v.jsxs)(`div`,{className:`overflow-x-auto`,children:[r&&(0,v.jsx)(`div`,{className:`bg-bg`,children:(0,v.jsx)(Eo,{oldValue:e.oldString??``,newValue:e.newString??``,splitView:!0,compareMethod:H.WORDS,useDarkTheme:!0,styles:{variables:{dark:{diffViewerBackground:`#0b0d10`,diffViewerColor:`#e6edf3`,addedBackground:`#0f2e1b`,addedColor:`#3fb950`,removedBackground:`#3a0f12`,removedColor:`#f85149`,gutterBackground:`#12151a`,gutterColor:`#7d8590`}},line:{fontSize:11,fontFamily:`JetBrains Mono, ui-monospace, monospace`}}})}),i&&(0,v.jsx)(`pre`,{className:`mono text-xs p-4 whitespace-pre-wrap max-h-96 overflow-y-auto`,children:e.content}),!r&&!i&&(0,v.jsx)(`div`,{className:`px-4 py-3 text-xs text-fg-dim`,children:`No inline content (tool input didn't include old_string/new_string or content).`})]})]})}export{Do as SessionDiffsPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,s as i}from"./createLucideIcon-Bjwrp8ZV.js";import{l as a,n as o}from"./dist-BYqqB4pa.js";import{t as s}from"./arrow-left-B-iQ08P0.js";import{t as c}from"./clsx-DnEFlO87.js";import{o as l,t as u}from"./format-zsCsqELF.js";function d(e){var t=0,n=e.children,r=n&&n.length;if(!r)t=1;else for(;--r>=0;)t+=n[r].value;e.value=t}function f(){return this.eachAfter(d)}function p(e,t){let n=-1;for(let r of this)e.call(t,r,++n,this);return this}function m(e,t){for(var n=this,r=[n],i,a,o=-1;n=r.pop();)if(e.call(t,n,++o,this),i=n.children)for(a=i.length-1;a>=0;--a)r.push(i[a]);return this}function h(e,t){for(var n=this,r=[n],i=[],a,o,s,c=-1;n=r.pop();)if(i.push(n),a=n.children)for(o=0,s=a.length;o<s;++o)r.push(a[o]);for(;n=i.pop();)e.call(t,n,++c,this);return this}function g(e,t){let n=-1;for(let r of this)if(e.call(t,r,++n,this))return r}function _(e){return this.eachAfter(function(t){for(var n=+e(t.data)||0,r=t.children,i=r&&r.length;--i>=0;)n+=r[i].value;t.value=n})}function v(e){return this.eachBefore(function(t){t.children&&t.children.sort(e)})}function y(e){for(var t=this,n=b(t,e),r=[t];t!==n;)t=t.parent,r.push(t);for(var i=r.length;e!==n;)r.splice(i,0,e),e=e.parent;return r}function b(e,t){if(e===t)return e;var n=e.ancestors(),r=t.ancestors(),i=null;for(e=n.pop(),t=r.pop();e===t;)i=e,e=n.pop(),t=r.pop();return i}function x(){for(var e=this,t=[e];e=e.parent;)t.push(e);return t}function S(){return Array.from(this)}function C(){var e=[];return this.eachBefore(function(t){t.children||e.push(t)}),e}function w(){var e=this,t=[];return e.each(function(n){n!==e&&t.push({source:n.parent,target:n})}),t}function*T(){var e=this,t,n=[e],r,i,a;do for(t=n.reverse(),n=[];e=t.pop();)if(yield e,r=e.children)for(i=0,a=r.length;i<a;++i)n.push(r[i]);while(n.length)}function E(e,t){e instanceof Map?(e=[void 0,e],t===void 0&&(t=k)):t===void 0&&(t=O);for(var n=new M(e),r,i=[n],a,o,s,c;r=i.pop();)if((o=t(r.data))&&(c=(o=Array.from(o)).length))for(r.children=o,s=c-1;s>=0;--s)i.push(a=o[s]=new M(o[s])),a.parent=r,a.depth=r.depth+1;return n.eachBefore(j)}function D(){return E(this).eachBefore(A)}function O(e){return e.children}function k(e){return Array.isArray(e)?e[1]:null}function A(e){e.data.value!==void 0&&(e.value=e.data.value),e.data=e.data.data}function j(e){var t=0;do e.height=t;while((e=e.parent)&&e.height<++t)}function M(e){this.data=e,this.depth=this.height=0,this.parent=null}M.prototype=E.prototype={constructor:M,count:f,each:p,eachAfter:h,eachBefore:m,find:g,sum:_,sort:v,path:y,ancestors:x,descendants:S,leaves:C,links:w,copy:D,[Symbol.iterator]:T};function N(e,t){return e.parent===t.parent?1:2}function P(e){var t=e.children;return t?t[0]:e.t}function F(e){var t=e.children;return t?t[t.length-1]:e.t}function I(e,t,n){var r=n/(t.i-e.i);t.c-=r,t.s+=n,e.c+=r,t.z+=n,t.m+=n}function L(e){for(var t=0,n=0,r=e.children,i=r.length,a;--i>=0;)a=r[i],a.z+=t,a.m+=t,t+=a.s+(n+=a.c)}function R(e,t,n){return e.a.parent===t.parent?e.a:n}function z(e,t){this._=e,this.parent=null,this.children=null,this.A=null,this.a=this,this.z=0,this.m=0,this.c=0,this.s=0,this.t=null,this.i=t}z.prototype=Object.create(M.prototype);function B(e){for(var t=new z(e,0),n,r=[t],i,a,o,s;n=r.pop();)if(a=n._.children)for(n.children=Array(s=a.length),o=s-1;o>=0;--o)r.push(i=n.children[o]=new z(a[o],o)),i.parent=n;return(t.parent=new z(null,0)).children=[t],t}function V(){var e=N,t=1,n=1,r=null;function i(i){var s=B(i);if(s.eachAfter(a),s.parent.m=-s.z,s.eachBefore(o),r)i.eachBefore(c);else{var l=i,u=i,d=i;i.eachBefore(function(e){e.x<l.x&&(l=e),e.x>u.x&&(u=e),e.depth>d.depth&&(d=e)});var f=l===u?1:e(l,u)/2,p=f-l.x,m=t/(u.x+f+p),h=n/(d.depth||1);i.eachBefore(function(e){e.x=(e.x+p)*m,e.y=e.depth*h})}return i}function a(t){var n=t.children,r=t.parent.children,i=t.i?r[t.i-1]:null;if(n){L(t);var a=(n[0].z+n[n.length-1].z)/2;i?(t.z=i.z+e(t._,i._),t.m=t.z-a):t.z=a}else i&&(t.z=i.z+e(t._,i._));t.parent.A=s(t,i,t.parent.A||r[0])}function o(e){e._.x=e.z+e.parent.m,e.m+=e.parent.m}function s(t,n,r){if(n){for(var i=t,a=t,o=n,s=i.parent.children[0],c=i.m,l=a.m,u=o.m,d=s.m,f;o=F(o),i=P(i),o&&i;)s=P(s),a=F(a),a.a=t,f=o.z+u-i.z-c+e(o._,i._),f>0&&(I(R(o,t,r),t,f),c+=f,l+=f),u+=o.m,c+=i.m,d+=s.m,l+=a.m;o&&!F(a)&&(a.t=o,a.m+=u-l),i&&!P(s)&&(s.t=i,s.m+=c-d,r=t)}return r}function c(e){e.x*=t,e.y=e.depth*n}return i.separation=function(t){return arguments.length?(e=t,i):e},i.size=function(e){return arguments.length?(r=!1,t=+e[0],n=+e[1],i):r?null:[t,n]},i.nodeSize=function(e){return arguments.length?(r=!0,t=+e[0],n=+e[1],i):r?[t,n]:null},i}var H=e(n(),1),U=i();function W(){let{id:e=``}=a(),n=t({queryKey:[`session-graph`,e],queryFn:()=>r.sessionGraph(e),refetchInterval:5e3}),i=n.data?.graph,c=(0,H.useMemo)(()=>{if(!i)return null;let e=E(i,e=>e.children),t=e.descendants().length,n=Math.max(900,t*30),r=Math.max(400,e.height*120+120);return{positioned:V().size([n,r-80])(e),width:n,height:r}},[i]);return(0,U.jsxs)(`div`,{className:`h-full flex flex-col`,children:[(0,U.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,U.jsx)(o,{to:`/sessions/${encodeURIComponent(e)}`,className:`text-fg-dim hover:text-accent`,children:(0,U.jsx)(s,{className:`w-4 h-4 inline`})}),(0,U.jsx)(`h1`,{className:`text-lg font-bold`,children:`call graph`}),(0,U.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:e.slice(0,16)})]}),(0,U.jsxs)(`div`,{className:`flex-1 overflow-auto p-5`,children:[n.isLoading&&(0,U.jsx)(`div`,{className:`text-fg-dim`,children:`loading…`}),!n.isLoading&&!i&&(0,U.jsx)(`div`,{className:`text-fg-dim`,children:`No call graph — this session didn't spawn any sub-agents or shell-out to other CLIs.`}),i&&c&&(0,U.jsx)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg p-4 overflow-auto`,children:(0,U.jsxs)(`svg`,{width:c.width,height:c.height,className:`mono`,children:[c.positioned.links().map((e,t)=>(0,U.jsx)(`path`,{d:G(e.source,e.target),fill:`none`,stroke:`#2b3139`,strokeWidth:1.5},t)),c.positioned.descendants().map(e=>(0,U.jsx)(K,{node:e},e.data.eventId))]})})]})]})}function G(e,t){let n=(e.y+t.y)/2;return`M${e.x},${e.y} C${e.x},${n} ${t.x},${n} ${t.x},${t.y}`}function K({node:e}){let t=e.data,n=t.kind===`session`?t.agent??`session`:`→ ${t.callee??`call`}`,r=t.sessionId?`/sessions/${encodeURIComponent(t.sessionId)}`:null;return(0,U.jsxs)(`g`,{transform:`translate(${e.x},${e.y})`,children:[(0,U.jsx)(`rect`,{x:-80,y:-22,width:160,height:44,rx:6,fill:`#12151a`,stroke:t.kind===`call`?`#d29922`:`#2b3139`,strokeWidth:1}),(0,U.jsx)(`text`,{textAnchor:`middle`,y:-5,fontSize:`11`,className:c(u(t.agent??t.callee??`unknown`)),children:n}),(0,U.jsxs)(`text`,{textAnchor:`middle`,y:10,fontSize:`9`,fill:`#7d8590`,children:[t.events,` ev · `,l(t.cost)]}),r&&(0,U.jsx)(`a`,{href:r,children:(0,U.jsx)(`rect`,{x:-80,y:-22,width:160,height:44,fill:`transparent`})})]})}export{W as SessionGraphPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,s as i,t as a}from"./createLucideIcon-Bjwrp8ZV.js";import{l as o,n as s}from"./dist-BYqqB4pa.js";import{t as c}from"./useMutation-CfQYV-vU.js";import{t as l}from"./arrow-left-B-iQ08P0.js";import{t as u}from"./play-ONoP4Jfr.js";import{t as d}from"./clsx-DnEFlO87.js";import{t as f}from"./format-zsCsqELF.js";var p=a(`circle-alert`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`12`,x2:`12`,y1:`8`,y2:`12`,key:`1pkeuh`}],[`line`,{x1:`12`,x2:`12.01`,y1:`16`,y2:`16`,key:`4dfq90`}]]),m=e(n(),1),h=i(),g=new Set([`claude-code`,`codex`,`gemini`,`hermes`]);function _(){let{id:e=``}=o(),n=t({queryKey:[`session`,e],queryFn:()=>r.session(e)}),[i,a]=(0,m.useState)(``),[_,y]=(0,m.useState)(60),b=n.data?.agent??`unknown`,x=g.has(b);(0,m.useEffect)(()=>{if(!n.data)return;let e=n.data.events.find(e=>e.type===`prompt`),t=e?.details?.fullText??e?.summary??``;t&&!i&&a(t)},[n.data]);let S=c({mutationFn:()=>r.replay(e,{prompt:i,timeoutSec:_})}),C=S.data;return(0,h.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,h.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,h.jsx)(s,{to:`/sessions/${encodeURIComponent(e)}`,className:`text-fg-dim hover:text-accent`,children:(0,h.jsx)(l,{className:`w-4 h-4 inline`})}),(0,h.jsx)(`h1`,{className:`text-lg font-bold`,children:`replay`}),(0,h.jsx)(`span`,{className:d(`text-sm`,f(b)),children:b}),(0,h.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:e.slice(0,16)})]}),!x&&(0,h.jsxs)(`div`,{className:`m-5 p-4 border border-warn/40 bg-warn/10 rounded-lg flex items-start gap-3 text-sm`,children:[(0,h.jsx)(p,{className:`w-5 h-5 text-warn shrink-0`}),(0,h.jsxs)(`div`,{children:[(0,h.jsxs)(`div`,{className:`font-bold`,children:[`Replay not supported for `,(0,h.jsx)(`span`,{className:f(b),children:b}),`.`]}),(0,h.jsx)(`div`,{className:`text-fg-dim mt-1`,children:`Currently wired: claude-code, codex, gemini, hermes (single-turn exec mode). You can still edit the prompt and copy the command below.`})]})]}),(0,h.jsxs)(`div`,{className:`p-5 space-y-4 max-w-4xl`,children:[(0,h.jsxs)(`div`,{children:[(0,h.jsx)(`label`,{className:`text-xs uppercase text-fg-muted`,children:`edited prompt`}),(0,h.jsx)(`textarea`,{value:i,onChange:e=>a(e.target.value),spellCheck:!1,className:`mt-1 w-full bg-bg-surface border border-bg-border rounded-lg p-3 mono text-sm outline-none focus:border-accent min-h-[180px]`})]}),(0,h.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,h.jsxs)(`label`,{className:`text-xs text-fg-dim flex items-center gap-2`,children:[`timeout (s)`,(0,h.jsx)(`input`,{type:`number`,min:5,max:300,value:_,onChange:e=>y(Number(e.target.value)||60),className:`bg-bg-surface border border-bg-border rounded-md px-2 py-1 w-20 mono`})]}),(0,h.jsxs)(`button`,{onClick:()=>S.mutate(),disabled:!x||!i.trim()||S.isPending,className:`px-4 py-2 rounded-md bg-accent/20 text-accent hover:bg-accent/30 text-sm flex items-center gap-2 disabled:opacity-40`,children:[(0,h.jsx)(u,{className:`w-4 h-4`}),S.isPending?`running…`:`run replay`]}),(0,h.jsx)(`div`,{className:`text-xs text-fg-muted`,children:`Fresh single-turn exec — doesn't resume the original session.`})]}),S.isError&&(0,h.jsx)(`div`,{className:`border border-danger/40 bg-danger/10 rounded-lg p-3 text-sm text-danger`,children:String(S.error.message)}),C&&(0,h.jsxs)(`div`,{className:`space-y-3`,children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-3 text-xs`,children:[(0,h.jsx)(`span`,{className:d(`mono px-2 py-1 rounded`,C.ok?`bg-ok/10 text-ok`:`bg-danger/10 text-danger`),children:C.ok?`ok`:`failed${C.exitCode==null?``:` (code ${C.exitCode})`}`}),(0,h.jsxs)(`span`,{className:`text-fg-dim mono`,children:[C.durationMs,` ms`]}),C.error&&(0,h.jsx)(`span`,{className:`text-danger mono`,children:C.error})]}),(0,h.jsx)(v,{label:`command`,children:(0,h.jsx)(`pre`,{className:`mono text-xs whitespace-pre-wrap`,children:C.command})}),C.stdout&&(0,h.jsx)(v,{label:`stdout`,children:(0,h.jsx)(`pre`,{className:`mono text-xs whitespace-pre-wrap`,children:C.stdout})}),C.stderr&&(0,h.jsx)(v,{label:(0,h.jsx)(`span`,{className:`text-warn`,children:`stderr`}),children:(0,h.jsx)(`pre`,{className:`mono text-xs whitespace-pre-wrap`,children:C.stderr})})]})]})]})}function v({label:e,children:t}){return(0,h.jsxs)(`div`,{children:[(0,h.jsx)(`div`,{className:`text-[10px] uppercase text-fg-muted mb-1`,children:e}),(0,h.jsx)(`div`,{className:`bg-bg-surface border border-bg-border rounded-md p-3 overflow-x-auto max-h-96 overflow-y-auto`,children:t})]})}export{_ as SessionReplayPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,s as i}from"./createLucideIcon-Bjwrp8ZV.js";import{l as a,n as o}from"./dist-BYqqB4pa.js";import{t as s}from"./arrow-left-B-iQ08P0.js";import{t as c}from"./clsx-DnEFlO87.js";import{a as l,o as u}from"./format-zsCsqELF.js";import{$t as d,A as f,An as p,Bn as m,Bt as h,C as g,E as _,En as v,Gn as y,H as b,In as x,Kn as S,Kt as C,Lt as w,M as T,N as E,Nn as D,Nt as ee,O as te,On as ne,Qt as re,Rn as ie,St as ae,T as oe,U as se,V as ce,W as le,Yn as O,Zn as ue,ar as k,ft as A,gn as j,h as de,kn as M,ln as fe,mn as pe,on as N,qn as me,rn as he,rr as ge,sn as _e,tn as P,tr as F,wn as I,xn as L,xt as R,yt as ve}from"./CategoricalChart-DEGrE0Qv.js";import{t as ye}from"./Legend-CEa2zCmi.js";import{n as z,r as be,t as xe}from"./getRadiusAndStrokeWidthFromDot-CFcPogcT.js";import{a as Se,i as Ce,n as we,o as Te,r as Ee,t as De}from"./CartesianChart-DgJKUG1O.js";import{n as B,t as V}from"./graphicalItemSelectors-DJeUEv0O.js";var H=(e,t,n)=>A(e,`xAxis`,V(e,t),n),U=(e,t,n)=>R(e,`xAxis`,V(e,t),n),W=(e,t,n)=>A(e,`yAxis`,B(e,t),n),G=(e,t,n)=>R(e,`yAxis`,B(e,t),n),Oe=x([N,H,W,U,G],(e,t,n,r,i)=>p(e,`xAxis`)?L(t,r,!1):L(n,i,!1)),K=x([ae,(e,t)=>t],(e,t)=>e.filter(e=>e.type===`area`).find(e=>e.id===t)),ke=e=>p(N(e),`xAxis`)?`yAxis`:`xAxis`,Ae=(e,t)=>ke(e)===`yAxis`?B(e,t):V(e,t),je=x([N,H,W,U,G,x([K,(e,t,n)=>ve(e,ke(e),Ae(e,t),n)],(e,t)=>{if(!(e==null||t==null)){var{stackId:n}=e,r=ee(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]])}}}),C,Oe,K,h],(e,t,n,r,i,a,o,s,c,l)=>{var{chartData:u,dataStartIndex:d,dataEndIndex:f}=o;if(!(c==null||e!==`horizontal`&&e!==`vertical`||t==null||n==null||r==null||i==null||r.length===0||i.length===0||s==null)){var{data:p}=c,m=p&&p.length>0?p:u?.slice(d,f+1);if(m!=null)return et({layout:e,xAxis:t,yAxis:n,xAxisTicks:r,yAxisTicks:i,dataStartIndex:d,areaSettings:c,stackedData:a,displayedData:m,chartBaseValue:l,bandSize:s})}}),q=e(n()),Me=[`id`],Ne=[`activeDot`,`animationBegin`,`animationDuration`,`animationEasing`,`connectNulls`,`dot`,`fill`,`fillOpacity`,`hide`,`isAnimationActive`,`legendType`,`stroke`,`xAxisId`,`yAxisId`];function J(){return J=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},J.apply(null,arguments)}function Pe(e,t){if(e==null)return{};var n,r,i=Fe(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 Fe(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 Ie(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 Y(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Ie(Object(n),!0).forEach(function(t){Le(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Le(e,t,n){return(t=Re(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Re(e){var t=ze(e,`string`);return typeof t==`symbol`?t:t+``}function ze(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 X(e,t){return e&&e!==`none`?e:t}var Be=e=>{var{dataKey:t,name:n,stroke:r,fill:i,legendType:a,hide:o}=e;return[{inactive:o,dataKey:t,type:a,color:X(r,i),value:ne(n,t),payload:e}]},Ve=q.memo(e=>{var{dataKey:t,data:n,stroke:r,strokeWidth:i,fill:a,name:o,hide:s,unit:c,tooltipType:l,id:u}=e,d={dataDefinedOnItem:n,getPosition:ue,settings:{stroke:r,strokeWidth:i,fill:a,dataKey:t,nameKey:void 0,name:ne(o,t),hide:s,type:l,color:X(r,a),unit:c,graphicalItemId:u}};return q.createElement(te,{tooltipEntrySettings:d})});function He(e){var{clipPathId:t,points:n,props:r}=e,{needClip:i,dot:a,dataKey:o}=r,s=k(r);return q.createElement(be,{points:n,dot:a,className:`recharts-area-dots`,dotClassName:`recharts-area-dot`,dataKey:o,baseProps:s,needClip:i,clipPathId:t})}function Ue(e){var{showLabels:t,children:n,points:r}=e,i=r.map(e=>{var t={x:e.x??0,y:e.y??0,width:0,lowerWidth:0,upperWidth:0,height:0};return Y(Y({},t),{},{value:e.value,payload:e.payload,parentViewBox:void 0,viewBox:t,fill:void 0})});return q.createElement(T,{value:t?i:void 0},n)}function We(e){var{points:t,baseLine:n,needClip:r,clipPathId:i,props:a}=e,{layout:o,type:s,stroke:c,connectNulls:l,isRange:u}=a,{id:d}=a,f=Pe(a,Me),p=k(f),m=ge(f);return q.createElement(q.Fragment,null,t?.length>1&&q.createElement(F,{clipPath:r?`url(#clipPath-${i})`:void 0},q.createElement(P,J({},m,{id:d,points:t,connectNulls:l,type:s,baseLine:n,layout:o,stroke:`none`,className:`recharts-area-area`})),c!==`none`&&q.createElement(P,J({},p,{className:`recharts-area-curve`,layout:o,type:s,connectNulls:l,fill:`none`,points:t})),c!==`none`&&u&&Array.isArray(n)&&q.createElement(P,J({},p,{className:`recharts-area-curve`,layout:o,type:s,connectNulls:l,fill:`none`,points:n}))),q.createElement(He,{points:t,props:f,clipPathId:i}))}function Ge(e){var{alpha:t,baseLine:n,points:r,strokeWidth:i}=e,a=r[0]?.y,o=r[r.length-1]?.y;if(!D(a)||!D(o))return null;var s=t*Math.abs(a-o),c=Math.max(...r.map(e=>e.x||0));return O(n)?c=Math.max(n,c):n&&Array.isArray(n)&&n.length&&(c=Math.max(...n.map(e=>e.x||0),c)),O(c)?q.createElement(`rect`,{x:0,y:a<o?a:a-s,width:c+(i?parseInt(`${i}`,10):1),height:Math.floor(s)}):null}function Ke(e){var{alpha:t,baseLine:n,points:r,strokeWidth:i}=e,a=r[0]?.x,o=r[r.length-1]?.x;if(!D(a)||!D(o))return null;var s=t*Math.abs(a-o),c=Math.max(...r.map(e=>e.y||0));return O(n)?c=Math.max(n,c):n&&Array.isArray(n)&&n.length&&(c=Math.max(...n.map(e=>e.y||0),c)),O(c)?q.createElement(`rect`,{x:a<o?a:a-s,y:0,width:s,height:Math.floor(c+(i?parseInt(`${i}`,10):1))}):null}function qe(e){var{alpha:t,layout:n,points:r,baseLine:i,strokeWidth:a}=e;return n===`vertical`?q.createElement(Ge,{alpha:t,points:r,baseLine:i,strokeWidth:a}):q.createElement(Ke,{alpha:t,points:r,baseLine:i,strokeWidth:a})}function Je(e){var{needClip:t,clipPathId:n,props:r,previousPointsRef:i,previousBaselineRef:a}=e,{points:o,baseLine:s,isAnimationActive:c,animationBegin:l,animationDuration:u,animationEasing:f,onAnimationStart:p,onAnimationEnd:m}=r,h=re((0,q.useMemo)(()=>({points:o,baseLine:s}),[o,s]),`recharts-area-`),g=_e(),[_,v]=(0,q.useState)(!1),b=!_,x=(0,q.useCallback)(()=>{typeof m==`function`&&m(),v(!1)},[m]),C=(0,q.useCallback)(()=>{typeof p==`function`&&p(),v(!0)},[p]);if(g==null)return null;var w=i.current,T=a.current;return q.createElement(Ue,{showLabels:b,points:o},r.children,q.createElement(d,{animationId:h,begin:l,duration:u,isActive:c,easing:f,onAnimationEnd:x,onAnimationStart:C,key:h},e=>{if(w){var l=w.length/o.length,u=e===1?o:o.map((t,n)=>{var r=Math.floor(n*l);if(w[r]){var i=w[r];return Y(Y({},t),{},{x:y(i.x,t.x,e),y:y(i.y,t.y,e)})}return t}),d=O(s)?y(T,s,e):me(s)||S(s)?y(T,0,e):s.map((t,n)=>{var r=Math.floor(n*l);if(Array.isArray(T)&&T[r]){var i=T[r];return Y(Y({},t),{},{x:y(i.x,t.x,e),y:y(i.y,t.y,e)})}return t});return e>0&&(i.current=u,a.current=d),q.createElement(We,{points:u,baseLine:d,needClip:t,clipPathId:n,props:r})}return e>0&&(i.current=o,a.current=s),q.createElement(F,null,c&&q.createElement(`defs`,null,q.createElement(`clipPath`,{id:`animationClipPath-${n}`},q.createElement(qe,{alpha:e,points:o,baseLine:s,layout:g,strokeWidth:r.strokeWidth}))),q.createElement(F,{clipPath:`url(#animationClipPath-${n})`},q.createElement(We,{points:o,baseLine:s,needClip:t,clipPathId:n,props:r})))}),q.createElement(E,{label:r.label}))}function Ye(e){var{needClip:t,clipPathId:n,props:r}=e,i=(0,q.useRef)(null),a=(0,q.useRef)();return q.createElement(Je,{needClip:t,clipPathId:n,props:r,previousPointsRef:i,previousBaselineRef:a})}var Xe=class extends q.PureComponent{render(){var{hide:e,dot:t,points:n,className:r,top:i,left:a,needClip:o,xAxisId:s,yAxisId:l,width:u,height:d,id:p,baseLine:m,zIndex:h}=this.props;if(e)return null;var g=c(`recharts-area`,r),_=p,{r:v,strokeWidth:y}=xe(t),b=f(t),x=v*2+y,S=o?`url(#clipPath-${b?``:`dots-`}${_})`:void 0;return q.createElement(se,{zIndex:h},q.createElement(F,{className:g},o&&q.createElement(`defs`,null,q.createElement(Ce,{clipPathId:_,xAxisId:s,yAxisId:l}),!b&&q.createElement(`clipPath`,{id:`clipPath-dots-${_}`},q.createElement(`rect`,{x:a-x/2,y:i-x/2,width:u+x,height:d+x}))),q.createElement(Ye,{needClip:o,clipPathId:_,props:this.props})),q.createElement(z,{points:n,mainColor:X(this.props.stroke,this.props.fill),itemDataKey:this.props.dataKey,activeDot:this.props.activeDot,clipPath:S}),this.props.isRange&&Array.isArray(m)&&q.createElement(z,{points:m,mainColor:X(this.props.stroke,this.props.fill),itemDataKey:this.props.dataKey,activeDot:this.props.activeDot,clipPath:S}))}},Ze={activeDot:!0,animationBegin:0,animationDuration:1500,animationEasing:`ease`,connectNulls:!1,dot:!1,fill:`#3182bd`,fillOpacity:.6,hide:!1,isAnimationActive:`auto`,legendType:`line`,stroke:`#3182bd`,strokeWidth:1,type:`linear`,label:!1,xAxisId:0,yAxisId:0,zIndex:w.area};function Qe(e){var{activeDot:t,animationBegin:n,animationDuration:r,animationEasing:i,connectNulls:a,dot:o,fill:s,fillOpacity:c,hide:l,isAnimationActive:u,legendType:d,stroke:f,xAxisId:p,yAxisId:m}=e,h=Pe(e,Ne),g=fe(),_=le(),{needClip:v}=Se(p,m),y=j(),{points:b,isRange:x,baseLine:S}=ie(t=>je(t,e.id,y))??{},C=de();if(g!==`horizontal`&&g!==`vertical`||C==null||_!==`AreaChart`&&_!==`ComposedChart`)return null;var{height:w,width:T,x:E,y:D}=C;return!b||!b.length?null:q.createElement(Xe,J({},h,{activeDot:t,animationBegin:n,animationDuration:r,animationEasing:i,baseLine:S,connectNulls:a,dot:o,fill:s,fillOpacity:c,height:w,hide:l,layout:g,isAnimationActive:u,isRange:x,legendType:d,needClip:v,points:b,stroke:f,width:T,left:E,top:D,xAxisId:p,yAxisId:m}))}var $e=(e,t,n,r,i)=>{var a=n??t;if(O(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 et(e){var{areaSettings:{connectNulls:t,baseValue:n,dataKey:r},stackedData:i,layout:a,chartBaseValue:o,xAxis:s,yAxis:c,displayedData:l,dataStartIndex:u,xAxisTicks:d,yAxisTicks:f,bandSize:p}=e,m=i&&i.length,h=$e(a,o,n,s,c),g=a===`horizontal`,_=!1,v=l.map((e,n)=>{var a;if(m)a=i[u+n];else{var o=M(e,r);Array.isArray(o)?(a=o,_=!0):a=[h,o]}var l=a?.[1]??null,v=l==null||m&&!t&&M(e,r)==null;return g?{x:I({axis:s,ticks:d,bandSize:p,entry:e,index:n}),y:v?null:c.scale.map(l)??null,value:a,payload:e}:{x:v?null:s.scale.map(l)??null,y:I({axis:c,ticks:f,bandSize:p,entry:e,index:n}),value:a,payload:e}});return{points:v,baseLine:(m||_?v.map(e=>{var t=Array.isArray(e.value)?e.value[0]:null;return g?{x:e.x,y:t!=null&&e.y!=null?c.scale.map(t)??null:null,payload:e.payload}:{x:t==null?null:s.scale.map(t)??null,y:e.y,payload:e.payload}}):g?c.scale.map(h):s.scale.map(h))??0,isRange:_}}function tt(e){var t=m(e,Ze),n=j();return q.createElement(oe,{id:t.id,type:`area`},e=>q.createElement(q.Fragment,null,q.createElement(_,{legendPayload:Be(t)}),q.createElement(Ve,{dataKey:t.dataKey,data:t.data,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,tooltipType:t.tooltipType,id:e}),q.createElement(g,{type:`area`,id:e,data:t.data,dataKey:t.dataKey,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,stackId:v(t.stackId),hide:t.hide,barSize:void 0,baseValue:t.baseValue,isPanorama:n,connectNulls:t.connectNulls}),q.createElement(Qe,J({},t,{id:e}))))}var Z=q.memo(tt,he);Z.displayName=`Area`;var nt=[`axis`],rt=(0,q.forwardRef)((e,t)=>q.createElement(De,{chartName:`AreaChart`,defaultTooltipEventType:`axis`,validateTooltipEventTypes:nt,tooltipPayloadSearcher:b,categoricalChartProps:e,ref:t})),Q=i();function it(){let{id:e=``}=a(),n=t({queryKey:[`session-tokens`,e],queryFn:()=>r.sessionTokens(e),refetchInterval:3e3});if(n.isLoading)return(0,Q.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`loading…`});let i=n.data?.turns??[],c=n.data?.breakdown;return(0,Q.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,Q.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,Q.jsx)(o,{to:`/sessions/${encodeURIComponent(e)}`,className:`text-fg-dim hover:text-accent`,children:(0,Q.jsx)(s,{className:`w-4 h-4 inline`})}),(0,Q.jsx)(`h1`,{className:`text-lg font-bold`,children:`token attribution`}),(0,Q.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:e.slice(0,16)})]}),c&&(0,Q.jsxs)(`div`,{className:`px-5 py-4 grid grid-cols-2 md:grid-cols-6 gap-3 border-b border-bg-border`,children:[(0,Q.jsx)($,{label:`input`,value:l(c.input)}),(0,Q.jsx)($,{label:`output`,value:l(c.output)}),(0,Q.jsx)($,{label:`cache read`,value:l(c.cacheRead)}),(0,Q.jsx)($,{label:`cache write`,value:l(c.cacheCreate)}),(0,Q.jsx)($,{label:`thinking`,value:l(c.thinking)}),(0,Q.jsx)($,{label:`cost`,value:u(c.cost)})]}),(0,Q.jsxs)(`div`,{className:`p-5`,children:[(0,Q.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`tokens per turn`}),(0,Q.jsx)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg p-3`,style:{height:320},children:(0,Q.jsx)(pe,{children:(0,Q.jsxs)(rt,{data:i,children:[(0,Q.jsx)(Te,{strokeDasharray:`3 3`,stroke:`#2b3139`}),(0,Q.jsx)(Ee,{dataKey:`turnIdx`,stroke:`#7d8590`,tick:{fontSize:10}}),(0,Q.jsx)(we,{stroke:`#7d8590`,tick:{fontSize:10}}),(0,Q.jsx)(ce,{contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11}}),(0,Q.jsx)(ye,{wrapperStyle:{fontSize:11}}),(0,Q.jsx)(Z,{type:`monotone`,dataKey:`input`,stackId:`1`,stroke:`#58a6ff`,fill:`#58a6ff33`}),(0,Q.jsx)(Z,{type:`monotone`,dataKey:`output`,stackId:`1`,stroke:`#3fb950`,fill:`#3fb95033`}),(0,Q.jsx)(Z,{type:`monotone`,dataKey:`cacheRead`,stackId:`1`,stroke:`#d29922`,fill:`#d2992233`}),(0,Q.jsx)(Z,{type:`monotone`,dataKey:`cacheCreate`,stackId:`1`,stroke:`#f85149`,fill:`#f8514933`})]})})})]}),(0,Q.jsxs)(`div`,{className:`px-5 pb-6`,children:[(0,Q.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`per-turn rows`}),(0,Q.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,Q.jsx)(`thead`,{className:`text-left text-xs uppercase text-fg-muted`,children:(0,Q.jsxs)(`tr`,{children:[(0,Q.jsx)(`th`,{className:`py-1 w-12`,children:`turn`}),(0,Q.jsx)(`th`,{className:`py-1`,children:`input`}),(0,Q.jsx)(`th`,{className:`py-1`,children:`output`}),(0,Q.jsx)(`th`,{className:`py-1`,children:`cache r`}),(0,Q.jsx)(`th`,{className:`py-1`,children:`cache w`}),(0,Q.jsx)(`th`,{className:`py-1`,children:`thinking`}),(0,Q.jsx)(`th`,{className:`py-1`,children:`tool i/o`}),(0,Q.jsx)(`th`,{className:`py-1`,children:`cost`})]})}),(0,Q.jsx)(`tbody`,{children:i.map(e=>(0,Q.jsxs)(`tr`,{className:`mono text-xs border-b border-bg-border/30`,children:[(0,Q.jsx)(`td`,{className:`py-1 text-fg-muted`,children:e.turnIdx}),(0,Q.jsx)(`td`,{className:`py-1`,children:l(e.input)}),(0,Q.jsx)(`td`,{className:`py-1`,children:l(e.output)}),(0,Q.jsx)(`td`,{className:`py-1`,children:l(e.cacheRead)}),(0,Q.jsx)(`td`,{className:`py-1`,children:l(e.cacheCreate)}),(0,Q.jsx)(`td`,{className:`py-1`,children:l(e.thinking)}),(0,Q.jsx)(`td`,{className:`py-1`,children:l(e.toolTokens)}),(0,Q.jsx)(`td`,{className:`py-1`,children:u(e.cost)})]},e.turnIdx))})]})]})]})}function $({label:e,value:t}){return(0,Q.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-md px-3 py-2`,children:[(0,Q.jsx)(`div`,{className:`text-[10px] uppercase text-fg-muted`,children:e}),(0,Q.jsx)(`div`,{className:`mono`,children:t})]})}export{it as SessionTokensPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as e,n as t,s as n}from"./createLucideIcon-Bjwrp8ZV.js";import{l as r,n as i}from"./dist-BYqqB4pa.js";import{t as a}from"./arrow-left-B-iQ08P0.js";import{n as o,o as s}from"./format-zsCsqELF.js";var c=n();function l(){let{id:n=``}=r(),o=e({queryKey:[`session-yield`,n],queryFn:()=>t.sessionYield(n),refetchInterval:1e4});return(0,c.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,c.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,c.jsx)(i,{to:`/sessions/${encodeURIComponent(n)}`,className:`text-fg-dim hover:text-accent`,children:(0,c.jsx)(a,{className:`w-4 h-4 inline`})}),(0,c.jsx)(`h1`,{className:`text-lg font-bold`,children:`yield`}),(0,c.jsx)(`span`,{className:`text-sm text-fg-dim mono`,children:n.slice(0,16)})]}),o.isLoading&&(0,c.jsx)(`div`,{className:`p-6 text-fg-dim`,children:`loading…`}),!o.isLoading&&o.data&&o.data.ok===!1&&(0,c.jsxs)(`div`,{className:`p-6 text-fg-dim`,children:[(0,c.jsxs)(`div`,{className:`text-sm`,children:[`no yield data: `,(0,c.jsx)(`span`,{className:`mono`,children:o.data.reason})]}),(0,c.jsxs)(`div`,{className:`mt-2 text-xs text-fg-muted`,children:[`yield correlates session cost with commits landed during the session window. Requires the session to have a project tag and the project to be a git repo under `,(0,c.jsx)(`span`,{className:`mono`,children:`WORKSPACE_ROOT`}),`.`]})]}),!o.isLoading&&o.data&&o.data.ok===!0&&(0,c.jsx)(u,{data:o.data})]})}function u({data:e}){let t=e.yield,n=t.totalInsertions+t.totalDeletions;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:`px-5 py-4 grid grid-cols-2 md:grid-cols-5 gap-3 border-b border-bg-border`,children:[(0,c.jsx)(d,{label:`cost`,value:s(t.costUsd)}),(0,c.jsx)(d,{label:`commits`,value:String(t.commits.length)}),(0,c.jsx)(d,{label:`lines changed`,value:String(n)}),(0,c.jsx)(d,{label:`$/commit`,value:t.costPerCommit==null?`—`:s(t.costPerCommit)}),(0,c.jsx)(d,{label:`$/line`,value:t.costPerLineChanged==null?`—`:s(t.costPerLineChanged)})]}),(0,c.jsxs)(`div`,{className:`px-5 py-2 text-xs text-fg-muted`,children:[`project `,(0,c.jsx)(`span`,{className:`mono text-fg`,children:e.project}),` · `,`repo `,(0,c.jsx)(`span`,{className:`mono`,children:e.repoPath})]}),(0,c.jsxs)(`div`,{className:`px-5 pb-6`,children:[(0,c.jsx)(`div`,{className:`text-xs uppercase text-fg-muted mb-2`,children:`commits in window`}),t.commits.length===0?(0,c.jsx)(`div`,{className:`text-sm text-fg-dim`,children:`no commits landed during this session — spend without commit.`}):(0,c.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,c.jsx)(`thead`,{className:`text-left text-xs uppercase text-fg-muted`,children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`th`,{className:`py-1 w-24`,children:`hash`}),(0,c.jsx)(`th`,{className:`py-1 w-44`,children:`author / date`}),(0,c.jsx)(`th`,{className:`py-1`,children:`subject`}),(0,c.jsx)(`th`,{className:`py-1 w-14 text-right`,children:`files`}),(0,c.jsx)(`th`,{className:`py-1 w-16 text-right text-success`,children:`+`}),(0,c.jsx)(`th`,{className:`py-1 w-16 text-right text-danger`,children:`−`})]})}),(0,c.jsxs)(`tbody`,{children:[t.commits.map(e=>(0,c.jsxs)(`tr`,{className:`mono text-xs border-b border-bg-border/30`,children:[(0,c.jsx)(`td`,{className:`py-1.5`,children:e.hash.slice(0,8)}),(0,c.jsxs)(`td`,{className:`py-1.5 text-fg-dim`,children:[(0,c.jsx)(`div`,{children:e.authorName}),(0,c.jsx)(`div`,{className:`text-[10px]`,children:o(e.authorDate)})]}),(0,c.jsx)(`td`,{className:`py-1.5 truncate max-w-md`,children:e.subject}),(0,c.jsx)(`td`,{className:`py-1.5 text-right`,children:e.filesChanged}),(0,c.jsxs)(`td`,{className:`py-1.5 text-right text-success`,children:[`+`,e.insertions]}),(0,c.jsxs)(`td`,{className:`py-1.5 text-right text-danger`,children:[`−`,e.deletions]})]},e.hash)),(0,c.jsxs)(`tr`,{className:`mono text-xs font-bold border-t border-bg-border`,children:[(0,c.jsx)(`td`,{className:`py-1.5`,colSpan:3,children:`totals`}),(0,c.jsx)(`td`,{className:`py-1.5 text-right`,children:t.totalFilesChanged}),(0,c.jsxs)(`td`,{className:`py-1.5 text-right text-success`,children:[`+`,t.totalInsertions]}),(0,c.jsxs)(`td`,{className:`py-1.5 text-right text-danger`,children:[`−`,t.totalDeletions]})]})]})]})]})]})}function d({label:e,value:t}){return(0,c.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-md px-3 py-2`,children:[(0,c.jsx)(`div`,{className:`text-[10px] uppercase text-fg-muted`,children:e}),(0,c.jsx)(`div`,{className:`mono`,children:t})]})}export{l as SessionYieldPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,o as i,s as a,t as o}from"./createLucideIcon-Bjwrp8ZV.js";import{a as s,r as c}from"./dist-BYqqB4pa.js";import{t as l}from"./useMutation-CfQYV-vU.js";import{n as u,r as d,t as f}from"./triangle-alert-BhvAiLmv.js";import{t as p}from"./clsx-DnEFlO87.js";var m=o(`bell`,[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}]]),h=o(`file-text`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 9H8`,key:`b1mrlr`}],[`path`,{d:`M16 13H8`,key:`t4e002`}],[`path`,{d:`M16 17H8`,key:`z1uh3a`}]]),g=o(`save`,[[`path`,{d:`M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`,key:`1c8476`}],[`path`,{d:`M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7`,key:`1ydtos`}],[`path`,{d:`M7 3v4a1 1 0 0 0 1 1h7`,key:`t51u73`}]]),_=e(n(),1),v=a();function y(){return(0,v.jsxs)(`div`,{className:`h-full flex`,children:[(0,v.jsxs)(`aside`,{className:`w-60 border-r border-bg-border bg-bg-surface px-3 py-4`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2 mb-4 px-2`,children:[(0,v.jsx)(u,{className:`w-4 h-4 text-accent`}),(0,v.jsx)(`h2`,{className:`font-bold`,children:`settings`})]}),(0,v.jsxs)(`nav`,{className:`flex flex-col gap-1 text-sm`,children:[(0,v.jsx)(b,{to:`/settings/budgets`,icon:(0,v.jsx)(d,{className:`w-4 h-4`}),children:`Budgets`}),(0,v.jsx)(b,{to:`/settings/anomaly`,icon:(0,v.jsx)(f,{className:`w-4 h-4`}),children:`Anomaly thresholds`}),(0,v.jsx)(b,{to:`/settings/triggers`,icon:(0,v.jsx)(m,{className:`w-4 h-4`}),children:`Triggers`})]})]}),(0,v.jsx)(`main`,{className:`flex-1 overflow-auto`,children:(0,v.jsx)(s,{})})]})}function b({to:e,icon:t,children:n}){return(0,v.jsxs)(c,{to:e,className:({isActive:e})=>p(`flex items-center gap-2 px-3 py-2 rounded-md transition`,e?`bg-accent/20 text-accent`:`text-fg-dim hover:bg-bg-elev hover:text-fg`),children:[t,n]})}function x({kind:e,label:n,description:a}){let o=i(),s=t({queryKey:[`config`,e],queryFn:()=>r.config(e)}),[c,u]=(0,_.useState)(``),[d,f]=(0,_.useState)(null),[p,m]=(0,_.useState)(null),[y,b]=(0,_.useState)(null);(0,_.useEffect)(()=>{s.data&&u(JSON.stringify(s.data.value,null,2))},[s.data]);let x=l({mutationFn:t=>r.saveConfig(e,t),onSuccess:()=>{b(`saved`),setTimeout(()=>b(null),1500),o.invalidateQueries({queryKey:[`config`,e]})},onError:e=>{m(e.message)}});return(0,v.jsxs)(`div`,{className:`p-6 max-w-4xl`,children:[(0,v.jsxs)(`div`,{className:`flex items-baseline gap-3 mb-1`,children:[(0,v.jsx)(`h1`,{className:`text-lg font-bold`,children:n}),s.data?.path&&(0,v.jsx)(`span`,{className:`text-xs text-fg-muted mono`,children:s.data.path})]}),(0,v.jsx)(`p`,{className:`text-sm text-fg-dim mb-4`,children:a}),(0,v.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg overflow-hidden`,children:[(0,v.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2 bg-bg-elev border-b border-bg-border`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-fg-dim`,children:[(0,v.jsx)(h,{className:`w-3.5 h-3.5`}),`JSON`]}),(0,v.jsxs)(`div`,{className:`flex items-center gap-2`,children:[y&&(0,v.jsxs)(`span`,{className:`text-xs text-ok`,children:[`✓ `,y]}),(0,v.jsx)(`button`,{onClick:()=>{s.data&&(u(JSON.stringify(s.data.defaults,null,2)),f(null),m(null))},className:`text-xs px-2 py-1 rounded-md border border-bg-border text-fg-dim hover:bg-bg`,children:`reset to defaults`}),(0,v.jsxs)(`button`,{onClick:()=>{m(null);try{let e=JSON.parse(c);f(null),x.mutate(e)}catch(e){f(String(e.message??e))}},disabled:x.isPending,className:`text-xs px-3 py-1 rounded-md bg-accent/20 text-accent hover:bg-accent/30 flex items-center gap-1 disabled:opacity-50`,children:[(0,v.jsx)(g,{className:`w-3.5 h-3.5`}),` save`]})]})]}),(0,v.jsx)(`textarea`,{value:c,onChange:e=>u(e.target.value),spellCheck:!1,className:`w-full p-3 mono text-sm bg-bg outline-none min-h-[300px] focus:ring-1 focus:ring-accent/50`})]}),d&&(0,v.jsxs)(`div`,{className:`mt-3 text-sm text-danger bg-danger/10 border border-danger/30 rounded-md px-3 py-2`,children:[`invalid JSON: `,d]}),p&&(0,v.jsxs)(`div`,{className:`mt-3 text-sm text-danger bg-danger/10 border border-danger/30 rounded-md px-3 py-2`,children:[`save failed: `,p]})]})}function S(){return(0,v.jsx)(x,{kind:`budgets`,label:`Budgets`,description:`Cost caps. perSessionUsd fires a notification when any one session exceeds it; perDayUsd fires when aggregate daily cost breaches. Set to null to disable a cap.`})}function C(){return(0,v.jsx)(x,{kind:`anomaly`,label:`Anomaly thresholds`,description:`zScore = MAD z-score cutoff for cost/tokens/duration outliers (default 3.5). loopWindow = how many recent events to scan for stuck-loop patterns. loopMinRepeats = same-tool repeats before flagging. minSamples = minimum history before scoring kicks in.`})}function w(){return(0,v.jsx)(x,{kind:`triggers`,label:`Triggers`,description:`Custom desktop notifications. Each rule: { match?: regex, pathMatch?: regex, type?: EventType, thresholdUsd?: number, title: string, body: string }. The first rule whose condition fires notifies.`})}export{C as AnomalySettings,S as BudgetsSettings,y as SettingsShell,w as TriggersSettings};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as e,i as t,j as n,n as r,s as i}from"./createLucideIcon-Bjwrp8ZV.js";import{t as a}from"./chart-column-BwF4X7mz.js";import{o}from"./format-zsCsqELF.js";import{V as s,mn as c}from"./CategoricalChart-DEGrE0Qv.js";import{t as l}from"./Legend-CEa2zCmi.js";import{t as u}from"./Bar-DEgd_1jq.js";import{n as d,o as f,r as p}from"./CartesianChart-DgJKUG1O.js";import{t as m}from"./Line-CCyE37cb.js";import{t as h}from"./LineChart-DmMubyEd.js";import{t as g}from"./BarChart-CLHGmIz1.js";var _=e(n(),1),v=i(),y={"claude-code":`#f0883e`,codex:`#3fb950`,cursor:`#da70d6`,gemini:`#58a6ff`,openclaw:`#2dd4bf`,hermes:`#facc15`,aider:`#ec4899`,cline:`#bef264`,windsurf:`#5eead4`,goose:`#fbbf24`,continue:`#a78bfa`,unknown:`#7d8590`};function b(){let[e,n]=(0,_.useState)(30),i=t({queryKey:[`trends-cost`,e],queryFn:()=>r.trendsCost(e),refetchInterval:3e4}),b=t({queryKey:[`trends-cache-hit`,e],queryFn:()=>r.trendsCacheHit(e),refetchInterval:3e4}),S=t({queryKey:[`trends-by-agent`,e],queryFn:()=>r.trendsByAgent(e),refetchInterval:3e4});return(0,v.jsxs)(`div`,{className:`h-full overflow-auto`,children:[(0,v.jsxs)(`div`,{className:`px-5 py-4 border-b border-bg-border flex items-baseline gap-3`,children:[(0,v.jsx)(a,{className:`w-5 h-5 text-accent`}),(0,v.jsx)(`h1`,{className:`text-lg font-bold`,children:`trends`}),(0,v.jsxs)(`div`,{className:`ml-auto flex items-center gap-2 text-xs`,children:[(0,v.jsx)(`span`,{className:`text-fg-dim`,children:`window:`}),[7,14,30,60].map(t=>(0,v.jsxs)(`button`,{onClick:()=>n(t),className:`px-2 py-1 rounded-md border ${t===e?`bg-accent/20 text-accent border-accent/40`:`border-bg-border text-fg-dim hover:bg-bg-elev`}`,children:[t,`d`]},t))]})]}),(0,v.jsxs)(`div`,{className:`p-5 space-y-6 max-w-6xl`,children:[(0,v.jsx)(x,{title:`Cost per day (USD)`,subtitle:`Assistant-turn costs summed across all sessions.`,children:(0,v.jsx)(`div`,{style:{height:260},children:i.data&&(0,v.jsx)(c,{children:(0,v.jsxs)(g,{data:i.data.data,children:[(0,v.jsx)(f,{strokeDasharray:`3 3`,stroke:`#2b3139`}),(0,v.jsx)(p,{dataKey:`day`,stroke:`#7d8590`,tick:{fontSize:10}}),(0,v.jsx)(d,{stroke:`#7d8590`,tick:{fontSize:10},tickFormatter:e=>`$${e.toFixed(2)}`}),(0,v.jsx)(s,{formatter:e=>o(Number(e)),contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11}}),(0,v.jsx)(u,{dataKey:`cost`,fill:`#58a6ff`})]})})})}),(0,v.jsx)(x,{title:`Cache-hit ratio`,subtitle:`Fraction of input tokens served from prompt cache. A drop here usually means the provider's cache has invalidated (AUR-215).`,children:(0,v.jsx)(`div`,{style:{height:260},children:b.data&&(0,v.jsx)(c,{children:(0,v.jsxs)(h,{data:b.data.data,children:[(0,v.jsx)(f,{strokeDasharray:`3 3`,stroke:`#2b3139`}),(0,v.jsx)(p,{dataKey:`day`,stroke:`#7d8590`,tick:{fontSize:10}}),(0,v.jsx)(d,{domain:[0,1],stroke:`#7d8590`,tick:{fontSize:10},tickFormatter:e=>`${Math.round(e*100)}%`}),(0,v.jsx)(s,{formatter:e=>`${(Number(e)*100).toFixed(1)}%`,contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11}}),(0,v.jsx)(m,{type:`monotone`,dataKey:`hitRatio`,stroke:`#3fb950`,strokeWidth:2,dot:!1})]})})})}),(0,v.jsx)(x,{title:`Events per agent per day`,subtitle:`Stacked event counts — shows cross-agent workload distribution (AUR-115).`,children:(0,v.jsx)(`div`,{style:{height:280},children:S.data&&(0,v.jsx)(c,{children:(0,v.jsxs)(g,{data:S.data.data,children:[(0,v.jsx)(f,{strokeDasharray:`3 3`,stroke:`#2b3139`}),(0,v.jsx)(p,{dataKey:`day`,stroke:`#7d8590`,tick:{fontSize:10}}),(0,v.jsx)(d,{stroke:`#7d8590`,tick:{fontSize:10}}),(0,v.jsx)(s,{contentStyle:{background:`#0b0d10`,border:`1px solid #2b3139`,fontSize:11}}),(0,v.jsx)(l,{wrapperStyle:{fontSize:10}}),S.data.agents.map(e=>(0,v.jsx)(u,{dataKey:e,stackId:`agents`,fill:y[e]??`#7d8590`},e))]})})})})]})]})}function x({title:e,subtitle:t,children:n}){return(0,v.jsxs)(`div`,{className:`bg-bg-surface border border-bg-border rounded-lg p-4`,children:[(0,v.jsx)(`div`,{className:`mb-1 font-bold`,children:e}),t&&(0,v.jsx)(`div`,{className:`text-xs text-fg-dim mb-3`,children:t}),n]})}export{b as TrendsPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./createLucideIcon-Bjwrp8ZV.js";var t=e(`arrow-left`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]);export{t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./createLucideIcon-Bjwrp8ZV.js";var t=e(`chart-column`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`M18 17V9`,key:`2bz60n`}],[`path`,{d:`M13 17V5`,key:`1frdt8`}],[`path`,{d:`M8 17v-3`,key:`17ska0`}]]);export{t};
|