unleash-server 8.0.2 → 8.0.3

package/frontend/build/static/ImpactMetricsPage-C57istn7.js

@@ -0,0 +1 @@
+import{o as e,t}from"./react-Ca03aNmg.js";import{t as n}from"./jsx-runtime-DYfQNk55.js";import{t as r}from"./styled-CY_-vLWk.js";import{t as i}from"./Paper-BvPQ0Zq6.js";import{t as a}from"./Alert-DQgOzmJF.js";import{t as o}from"./Typography-nCkGT67u.js";import{t as s}from"./Box-rSzdGLLJ.js";import{t as c}from"./Button-yGjgMTJI.js";import{n as l}from"./formatPath-j72gcKwy.js";import{K as u,t as d}from"./PermissionButton-Tj54K9Kc.js";import{n as f}from"./useUiFlag-PbKW1iMa.js";import{n as p,t as m}from"./useApiGetter-C41iZzl2.js";import{r as h,t as g}from"./PageContent-lT51j8jO.js";import{t as _}from"./useEventTracker-B0ILyjZB.js";import{t as v}from"./useToast-BUHn_9TC.js";import{n as y}from"./useApi-B7ZLy5tN.js";import{c as b,s as x,t as S}from"./metricsFormatters-BmjW0KTj.js";import{$t as C,M as w,Yn as T,ja as E}from"./index-C2zVj2FI.js";import{n as D}from"./useImpactMetricsEnabled-B3om8V0b.js";import{i as O,n as k,r as A,t as j}from"./GridLayoutWrapper-B3BIpxoE.js";import{t as M}from"./impact-metrics-icon-Cg_ki-2e.js";var N=e(t(),1),P=()=>{let e=`api/admin/impact-metrics/plausible`,{data:t,refetch:n,loading:r,error:i}=p(l(e),()=>m(l(e),`Plausible metrics`),{refreshInterval:30*1e3,revalidateOnFocus:!0});return{data:t||{data:[]},refetch:n,loading:r,error:i}},F=n(),I=({aspectRatio:e,overrideOptions:t={},errorTitle:n=`Failed to load Plausible metrics.`,emptyDataDescription:r=`No Plausible analytics data available.`,noSeriesPlaceholder:i,isPreview:o})=>{let{data:c,loading:l,error:u}=P(),d=C({fill:!0,type:`constant`}),f=(0,N.useMemo)(()=>{if(!c?.data||c.data.length===0)return{labels:[],datasets:[]};let e=[...c.data].sort((e,t)=>new Date(e.date).getTime()-new Date(t.date).getTime());return{labels:e.map(e=>e.date),datasets:[{label:`Events`,data:e.map(e=>e.count),borderColor:`rgb(129, 122, 254)`,backgroundColor:`rgba(129, 122, 254, 0.1)`,fill:!0,tension:.1}]}},[c]),p=!!u,m=l,h=(0,N.useMemo)(()=>!m&&(!c?.data||c.data.length===0||!f.datasets.some(e=>e.data.length>1)),[f,m,c]),g=h?i||(0,F.jsx)(b,{title:`No Plausible data available`,description:r}):m,_={...t,scales:{x:{type:`time`,time:{unit:`hour`,displayFormats:{hour:`MMM dd, HH:mm`},tooltipFormat:`PPpp`},ticks:{maxRotation:45,minRotation:45,maxTicksLimit:8}},y:{beginAtZero:!0,title:{display:!0,text:`Events`},ticks:{precision:0,callback:e=>typeof e==`number`?S(e):e}}},plugins:{legend:{display:!0,position:`bottom`,labels:{usePointStyle:!0,boxWidth:8,padding:12}}},animations:{x:{duration:0},y:{duration:0}}};return(0,F.jsx)(F.Fragment,{children:(0,F.jsx)(s,{sx:o?{}:{height:`100%`,width:`100%`,"& > div":{height:`100% !important`,width:`100% !important`}},children:(0,F.jsx)(x,{data:h||m?d:f,aspectRatio:e,overrideOptions:_,cover:p?(0,F.jsx)(a,{severity:`error`,children:n}):g})})})},L=r(i)(({theme:e})=>({borderRadius:`${e.shape.borderRadiusMedium}px`,boxShadow:`none`,display:`flex`,flexDirection:`column`,height:`100%`})),R=r(s)({flex:1,display:`flex`,flexDirection:`column`,minHeight:0}),z=r(s)(({theme:e})=>({position:`relative`,minWidth:0,flexGrow:1,height:`100%`,display:`flex`,flexDirection:`column`,margin:`auto 0`,padding:e.spacing(3)})),B=r(s)(({theme:e})=>({display:`flex`,gap:e.spacing(2),alignItems:`center`,padding:e.spacing(1.5,2),borderBottom:`1px solid ${e.palette.divider}`})),V=r(s)(({theme:e})=>({display:`flex`,flexDirection:`column`,justifyContent:`flex-end`,flexGrow:1,overflow:`hidden`,textOverflow:`ellipsis`})),H=()=>(0,F.jsxs)(L,{children:[(0,F.jsx)(B,{children:(0,F.jsxs)(V,{children:[(0,F.jsx)(o,{variant:`h3`,children:`Plausible Analytics`}),(0,F.jsx)(o,{variant:`body2`,sx:{color:`text.secondary`},children:`Favorite events from Plausible analytics`})]})}),(0,F.jsx)(R,{children:(0,F.jsx)(z,{children:(0,F.jsx)(I,{aspectRatio:1.5,overrideOptions:{maintainAspectRatio:!1},emptyDataDescription:`No Plausible analytics data available for favorite events.`})})})]}),U=`https://docs.getunleash.io/concepts/impact-metrics`,W=r(s)(({theme:e})=>({display:`flex`,flexDirection:`column`,alignItems:`center`,padding:e.spacing(6,4)})),G=r(s)(({theme:e})=>({marginBottom:e.spacing(3)})),K=r(s)(({theme:e})=>({textAlign:`center`,maxWidth:480,marginBottom:e.spacing(3)})),q=r(s)(({theme:e})=>({display:`flex`,gap:e.spacing(2),alignItems:`center`,marginBottom:e.spacing(4)})),J=r(a)(({theme:e})=>({maxWidth:480,backgroundColor:e.palette.info.light,marginTop:e.spacing(4),color:e.palette.info.dark,"& .MuiAlert-icon":{color:e.palette.info.main}})),Y=({onAddChart:e})=>(0,F.jsx)(g,{header:(0,F.jsx)(h,{title:`Impact metrics`,actions:(0,F.jsx)(d,{variant:`contained`,onClick:e,permission:u,children:`New chart`})}),children:(0,F.jsxs)(W,{children:[(0,F.jsx)(G,{children:(0,F.jsx)(M,{})}),(0,F.jsxs)(K,{children:[(0,F.jsx)(o,{variant:`h3`,component:`h2`,sx:{mb:1.5},children:`No impact metrics yet`}),(0,F.jsx)(o,{sx:{color:`text.secondary`},children:`Impact metrics help you measure how feature flags affect your application's performance. Get started by sending your first metrics from your code.`})]}),(0,F.jsxs)(q,{children:[(0,F.jsx)(c,{variant:`text`,href:U,target:`_blank`,rel:`noopener noreferrer`,children:`Read the docs`}),(0,F.jsx)(d,{variant:`contained`,onClick:e,permission:u,children:`Create your first chart`})]}),(0,F.jsxs)(J,{severity:`info`,icon:(0,F.jsx)(E,{}),children:[(0,F.jsx)(`strong`,{children:`Tip:`}),` Once you've set up metrics, you'll be able to create charts, set up safeguards, and monitor your application's health in real-time.`]})]})});r(s)(({theme:e})=>({display:`flex`,alignItems:`center`,cursor:`move`,padding:e.spacing(.5),borderRadius:e.shape.borderRadius,color:e.palette.text.secondary,"&:hover":{backgroundColor:e.palette.action.hover,color:e.palette.text.primary}}));var X=()=>{let[e,t]=(0,N.useState)(!1),[n,r]=(0,N.useState)(),{setToastApiError:i}=v(),a=f(`plausibleMetrics`),{trackEvent:s}=_(),{charts:c,layout:l,loading:p,error:m,addChart:g,updateChart:b,deleteChart:x}=O(),{metricOptions:S,loading:C,error:T}=w(),E=()=>{r(void 0),t(!0),s(`impact-metrics`,{props:{eventType:`global chart modal open`}})},D=e=>{r(e),t(!0)},M=async e=>{try{n?await b(n.id,e):await g(e),t(!1)}catch(e){i(y(e))}},P=(0,N.useCallback)(async e=>{try{await x(e)}catch(e){i(y(e))}},[x]),I=(0,N.useMemo)(()=>{let e=[];if(a){let t={id:`plausible-analytics`,component:(0,F.jsx)(H,{}),w:6,h:2};e.push(t)}let t=c.map((e,t)=>{let n=l?.find(t=>t.i===e.id);return{id:e.id,component:(0,F.jsx)(k,{config:e,onEdit:D,onDelete:P}),w:n?.w??6,h:n?.h??4,x:n?.x,y:n?.y,minW:4,minH:2,maxW:12,maxH:8}});return[...e,...t]},[c,l,D,P,a]),L=T||m,R=C||p,z=c.length>=20,B=R||!!L||z;return(0,F.jsxs)(F.Fragment,{children:[c.length===0&&!R?(0,F.jsx)(Y,{onAddChart:E}):(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(h,{title:`Impact metrics`,titleElement:(0,F.jsx)(o,{variant:`h1`,component:`span`,children:`Impact metrics`}),actions:(0,F.jsx)(d,{variant:`contained`,onClick:E,disabled:B,permission:u,tooltipProps:z?{title:`Maximum of 20 impact metrics charts allowed`,arrow:!0}:void 0,children:`New chart`})}),I.length>0&&(0,F.jsx)(j,{items:I})]}),(0,F.jsx)(A,{open:e,onClose:()=>t(!1),onSave:M,initialConfig:n,metrics:S,loading:C||p})]})},Z=r(`div`)(({theme:e})=>({paddingTop:e.spacing(2)})),Q=r(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(4),paddingBottom:e.spacing(4)})),$=()=>D()?(0,F.jsx)(Z,{children:(0,F.jsx)(Q,{children:(0,F.jsx)(X,{})})}):(0,F.jsx)(T,{});export{$ as ImpactMetricsPage};

package/frontend/build/static/ImpactViewsPage-MKEHnt2w.js

@@ -0,0 +1 @@
+import{o as e,t}from"./react-Ca03aNmg.js";import{r as n}from"./chunk-KS7C4IRE-PUpsdS_b.js";import{t as r}from"./useTheme-CTychWp2.js";import{t as i}from"./jsx-runtime-DYfQNk55.js";import{t as a}from"./styled-CY_-vLWk.js";import{o,t as s}from"./TextField-Cf03Ror7.js";import{a as c}from"./Popover-FHiFav9d.js";import{t as l}from"./Menu-DUeb4XP8.js";import{t as u}from"./FormControlLabel-BrOlsUbv.js";import{t as d}from"./MenuItem-DNlBQQYG.js";import{t as f}from"./Radio-Cj82h8o5.js";import{t as p}from"./createSvgIcon-D-6jHYkf.js";import{t as m}from"./Paper-BvPQ0Zq6.js";import{t as h}from"./Alert-DQgOzmJF.js";import{t as g}from"./IconButton-BveFD3PF.js";import{t as _}from"./Typography-nCkGT67u.js";import{t as v}from"./Box-rSzdGLLJ.js";import{t as y}from"./Button-yGjgMTJI.js";import{t as b}from"./Dialog-DLpX4v6X.js";import{t as ee}from"./Divider-BYq1CcT0.js";import{t as te}from"./Link-wv6er_Jy.js";import{t as x}from"./Tooltip-DPzrXyNS.js";import{a as ne,i as S,n as C,o as re,r as ie,t as ae}from"./useEnvironments-Gu7r2cpc.js";import{t as oe}from"./Close-nISwbNAY.js";import{t as se}from"./format-C8UVjLNw.js";import{t as ce}from"./formatDistanceToNow-CyouiCIY.js";import{r as le,t as ue}from"./PageContent-lT51j8jO.js";import{i as w,l as de,n as fe,s as pe,t as T}from"./metricsFormatters-BmjW0KTj.js";import{$i as E,$o as D,Eo as me,Es as he,Js as ge,M as _e,Mt as ve,Oo as O,Ps as ye,Qa as be,Qs as k,U as xe,Ur as Se,Xs as Ce,Ys as we,Za as Te,Zs as A,_s as j,go as Ee,ja as De,ko as Oe,ls as ke,ns as Ae,oo as je,sc as Me,ss as M,zo as N}from"./index-C2zVj2FI.js";import{a as Ne,c as P,i as Pe,l as F,n as Fe,o as I,r as Ie,s as Le,t as Re}from"./useGroupedImpactMetricsData-jQ7IYFK3.js";import{t as ze}from"./impact-metrics-icon-Cg_ki-2e.js";var L=e(t(),1),R=e=>{let t=e>0?`+`:e<0?`−`:``,n=Math.abs(e);return`${t}${n>=10||Number.isInteger(n)?`${Math.round(n)}`:n.toFixed(1)}%`},z=2,B=(e,t,n,r,i)=>n===t?(r+i)/2:r+(e-t)/(n-t)*(i-r),Be=e=>{let t=e.data.filter(([,e])=>Number.isFinite(e));if(t.length<2)return null;let n=t.map(([e])=>e),r=t.map(([,e])=>e),i=n[0],a=n[n.length-1],o=Math.min(...r),s=Math.max(...r),c=z,l=64-z,u=e=>B(e,i,a,0,320),d=e=>B(e,o,s,l,c),f=t.map(([e,t],n)=>`${n===0?`M`:`L`} ${u(e).toFixed(1)} ${d(t).toFixed(1)}`).join(` `),p=u(i).toFixed(1);return{line:f,area:`${f} L ${u(a).toFixed(1)} 64 L ${p} 64 Z`}},V=i(),Ve=a(v)(({theme:e})=>({position:`relative`,display:`flex`,flexDirection:`column`,flex:1,justifyContent:`center`,gap:e.spacing(.5),margin:e.spacing(-3,-3,-3,-3),padding:e.spacing(4,3,4,3),borderTopRightRadius:e.shape.borderRadiusMedium,background:e.mode===`dark`?`linear-gradient(135deg, ${e.palette.background.alternative} 0%, ${e.palette.action.alternative} 100%)`:`linear-gradient(135deg, ${e.palette.primary.main} 0%, ${e.palette.primary.dark} 100%)`,color:e.palette.common.white,overflow:`hidden`,[e.breakpoints.down(`lg`)]:{margin:e.spacing(-2.5,-2,-2.5,-2),padding:e.spacing(3.5,2,3.5,2),borderTopRightRadius:0}})),He=a(v)(({theme:e})=>({display:`grid`,gridTemplateColumns:`minmax(0, 1fr) minmax(140px, 0.6fr)`,gap:e.spacing(2.5),alignItems:`stretch`,[e.breakpoints.down(`md`)]:{gridTemplateColumns:`1fr`,gap:e.spacing(1.5),alignItems:`center`}})),Ue=a(v)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(.5),minWidth:0})),We=a(v)(({theme:e})=>({width:`100%`,minHeight:64,display:`flex`,alignItems:`stretch`,[e.breakpoints.down(`md`)]:{height:64*.7,minHeight:`unset`}})),Ge=a(v)(({theme:e})=>({display:`inline-flex`,alignItems:`center`,gap:e.spacing(.75),color:e.palette.common.white})),Ke=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,fontWeight:e.typography.fontWeightBold,color:e.palette.common.white,textTransform:`uppercase`,letterSpacing:`0.08em`})),qe=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallBody,fontWeight:e.typography.fontWeightBold,color:e.palette.common.white,lineHeight:1.3,display:`-webkit-box`,WebkitLineClamp:2,WebkitBoxOrient:`vertical`,overflow:`hidden`,overflowWrap:`anywhere`})),Je=a(v)(({theme:e})=>({display:`flex`,alignItems:`baseline`,gap:e.spacing(1),marginTop:e.spacing(1.5)})),Ye=a(_)(({theme:e})=>({fontSize:e.typography.h2.fontSize,fontWeight:700,color:e.palette.common.white,lineHeight:1})),Xe=a(v)(({theme:e})=>({display:`inline-flex`,alignItems:`center`,gap:e.spacing(.5),fontSize:e.fontSizes.smallBody})),Ze=a(_)(()=>({color:`rgba(255, 255, 255, 0.75)`,fontSize:`0.75rem`})),Qe=a(`svg`)({width:`100%`,height:`100%`,display:`block`}),$e=e=>e===null||e===0?`flat`:e>0?`up`:`down`,H=e=>`${e>0?`+`:e<0?`−`:``}${T(Math.abs(e))}`,et=({goalMetricLabel:e,summary:t,series:n,timeLabel:i})=>{let a=r(),o=(0,L.useId)(),s=$e(t.deltaAbs),c=n?Be(n):null,l=t.mode===`latest`&&t.deltaAbs!==null&&t.deltaAbs!==0,u=a.palette.common.white,d=a.palette.common.white,f=s===`up`?F:s===`down`?O:P,p=t.mode===`cumulative`?`Total over ${i.toLowerCase()}`:`vs. start of ${i.toLowerCase()}`;return(0,V.jsxs)(Ve,{children:[(0,V.jsxs)(Ge,{children:[(0,V.jsx)(he,{sx:{fontSize:16}}),(0,V.jsx)(Ke,{children:`Goal`})]}),(0,V.jsxs)(He,{children:[(0,V.jsxs)(Ue,{children:[(0,V.jsx)(qe,{title:e,children:e}),(0,V.jsxs)(Je,{children:[(0,V.jsx)(Ye,{children:T(t.current)}),l&&t.deltaAbs!==null?(0,V.jsxs)(Xe,{sx:{color:u},children:[(0,V.jsx)(f,{sx:{fontSize:16}}),(0,V.jsx)(_,{component:`span`,sx:{fontSize:`inherit`,fontWeight:600,color:`inherit`},children:t.deltaPct===null?H(t.deltaAbs):`${R(t.deltaPct)} (${H(t.deltaAbs)})`})]}):null]}),(0,V.jsx)(Ze,{variant:`caption`,children:p})]}),c?(0,V.jsx)(We,{children:(0,V.jsxs)(Qe,{viewBox:`0 0 320 64`,preserveAspectRatio:`none`,role:`img`,"aria-label":`${e} trend sparkline`,children:[(0,V.jsx)(`defs`,{children:(0,V.jsxs)(`linearGradient`,{id:o,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,V.jsx)(`stop`,{offset:`0%`,stopColor:d,stopOpacity:.35}),(0,V.jsx)(`stop`,{offset:`100%`,stopColor:d,stopOpacity:0})]})}),(0,V.jsx)(`path`,{d:c.area,fill:`url(#${o})`,stroke:`none`}),(0,V.jsx)(`path`,{d:c.line,fill:`none`,stroke:d,strokeWidth:1.5,strokeLinejoin:`round`,strokeLinecap:`round`,vectorEffect:`non-scaling-stroke`})]})}):null]})]})},tt=a(v)(({theme:e})=>({borderRadius:e.shape.borderRadiusMedium,border:`1px solid ${e.palette.divider}`,backgroundColor:e.palette.background.paper,color:`inherit`})),nt=a(v)(({theme:e})=>({display:`flex`,flexDirection:`row`,[e.breakpoints.down(`lg`)]:{flexDirection:`column`}})),rt=a(v)({flex:2,minWidth:0,display:`flex`,flexDirection:`column`}),it=a(v)(({theme:e})=>({flex:1,display:`flex`,flexDirection:`column`,backgroundColor:e.palette.background.elevation1,borderTopRightRadius:e.shape.borderRadiusMedium,borderBottomRightRadius:e.shape.borderRadiusMedium,[e.breakpoints.down(`lg`)]:{borderTopRightRadius:0,borderBottomLeftRadius:e.shape.borderRadiusMedium}})),at=a(v)(({theme:e})=>({display:`flex`,flexDirection:`column`,padding:e.spacing(1.5,3,0,3),minWidth:0,[e.breakpoints.down(`lg`)]:{padding:e.spacing(1.5,2,0,2)}})),ot=a(v)(({theme:e})=>({display:`flex`,alignItems:`flex-end`,padding:e.spacing(3,3,0,3),minWidth:0,[e.breakpoints.down(`lg`)]:{padding:e.spacing(2.5,2,0,2)}})),st=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallBody,fontWeight:e.typography.fontWeightBold,color:e.palette.text.primary})),ct=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary})),lt=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,fontWeight:e.typography.fontWeightBold,color:e.palette.text.secondary,textTransform:`uppercase`,letterSpacing:`0.06em`})),ut=a(v,{shouldForwardProp:e=>e!==`heightSpacing`})(({theme:e,heightSpacing:t})=>({display:`flex`,minWidth:0,flex:1,minHeight:e.spacing(t.base),padding:e.spacing(1.5,3),"& > *":{minWidth:0,flex:1},[e.breakpoints.down(`lg`)]:{minHeight:e.spacing(t.lg),padding:e.spacing(1.5,2)},[e.breakpoints.down(`sm`)]:{minHeight:e.spacing(t.sm)}})),dt=a(v)(({theme:e})=>({flex:1,minWidth:0,display:`flex`,flexDirection:`column`,justifyContent:`center`,padding:e.spacing(1.5,3,3,3),[e.breakpoints.down(`lg`)]:{padding:e.spacing(1.5,2,2.5,2)}})),ft=a(v)(({theme:e})=>({flex:1,display:`flex`,flexDirection:`column`,padding:e.spacing(3,3,3,3),borderBottom:`1px solid ${e.palette.divider}`,[e.breakpoints.down(`lg`)]:{padding:e.spacing(2.5,2,2.5,2)}})),pt=a(v)(({theme:e})=>({flex:1,display:`flex`,flexDirection:`column`,padding:e.spacing(2,2.5,1.25,2.5),borderBottom:`1px solid ${e.palette.divider}`,[e.breakpoints.down(`lg`)]:{padding:e.spacing(1.5,2,1,2)}})),mt=new Set([`count`,`sum`]),ht=({title:e,subtitle:t,timeRange:n,aggregationMode:r,stepSeries:i,stepTotals:a,featureEvents:o,start:s,end:c,loading:l,chartHeightSpacing:u,totalsHeaderSlot:d,totalsMiddleSlot:f,totalsLabel:p})=>{let m=r&&!mt.has(r)?`Last recorded value`:`Totals`;return(0,V.jsx)(tt,{children:(0,V.jsxs)(nt,{children:[(0,V.jsxs)(rt,{children:[(0,V.jsxs)(at,{children:[(0,V.jsx)(st,{children:e}),(0,V.jsx)(ct,{children:t})]}),(0,V.jsx)(ut,{heightSpacing:u,children:(0,V.jsx)(Fe,{stepSeries:i,timeRange:n,start:s,end:c,loading:l,featureEvents:o})})]}),(0,V.jsxs)(it,{children:[(0,V.jsx)(ft,{children:d}),f?(0,V.jsx)(pt,{children:f}):null,(0,V.jsx)(ot,{children:(0,V.jsx)(lt,{children:p??m})}),(0,V.jsx)(dt,{children:(0,V.jsx)(Le,{steps:a})})]})]})})},gt=[`initial`,`pre-live`,`live`,`completed`,`archived`,`unknown`],_t=e=>e.lifecycleStage??`unknown`,vt=a(`div`)(({theme:e})=>({display:`flex`,alignItems:`baseline`,gap:e.spacing(1),marginBottom:e.spacing(1.5)})),yt=a(_)(({theme:e})=>({fontSize:e.fontSizes.bodySize,fontWeight:e.typography.fontWeightBold,color:e.palette.text.primary})),bt=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary})),xt=a(ie)({"& th:first-of-type":{borderBottomLeftRadius:0},"& th:last-of-type":{borderBottomRightRadius:0}}),St=a(m)(({theme:e})=>({borderRadius:e.shape.borderRadiusLarge,boxShadow:`none`,border:`1px solid ${e.palette.divider}`,overflow:`hidden`})),Ct=a(C)(({theme:e})=>({backgroundColor:e.palette.background.elevation1})),wt=a(S)(({theme:e})=>({padding:e.spacing(.75,2),color:e.palette.text.secondary,fontSize:e.fontSizes.smallerBody,fontWeight:e.typography.fontWeightBold,letterSpacing:`0.04em`,textTransform:`uppercase`})),Tt=a(`button`)(({theme:e})=>({all:`unset`,display:`flex`,alignItems:`center`,gap:e.spacing(.75),cursor:`pointer`,"&:focus-visible":{outline:`2px solid ${e.palette.primary.main}`,outlineOffset:2,borderRadius:e.shape.borderRadius}})),Et=a(v)(({theme:e})=>({display:`inline-flex`,alignItems:`center`,color:e.palette.text.disabled,"& svg":{fontSize:16}})),U=a(v)({display:`inline-flex`,alignItems:`center`,"& svg":{height:18,width:`auto`,display:`block`}}),Dt=a(`span`)(({theme:e})=>({color:e.palette.text.disabled,fontWeight:e.typography.fontWeightRegular,textTransform:`none`,letterSpacing:0,marginLeft:e.spacing(.25)})),Ot=a(v)(({theme:e})=>({display:`inline-flex`,alignItems:`center`,gap:e.spacing(1),color:e.palette.text.primary,fontWeight:e.typography.fontWeightMedium})),kt=a(te)(({theme:e})=>({fontWeight:e.typography.fontWeightBold})),At=a(v)(({theme:e})=>({display:`inline-flex`,alignItems:`center`,gap:e.spacing(.75)})),jt=a(`span`)(({theme:e})=>({color:e.palette.text.disabled})),Mt=({stage:e})=>(0,V.jsxs)(At,{children:[(0,V.jsx)(U,{children:(0,V.jsx)(Ae,{stage:{name:e}})}),(0,V.jsx)(`span`,{children:D(e)})]}),Nt=({groupKey:e,count:t,collapsed:n,onToggle:r})=>(0,V.jsx)(Ct,{children:(0,V.jsx)(wt,{colSpan:4,children:(0,V.jsxs)(Tt,{type:`button`,"aria-expanded":!n,onClick:r,children:[(0,V.jsx)(Et,{children:n?(0,V.jsx)(be,{}):(0,V.jsx)(ye,{})}),e===`unknown`?(0,V.jsx)(`span`,{children:`Not found`}):(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(U,{children:(0,V.jsx)(Ae,{stage:{name:e}})}),(0,V.jsx)(`span`,{children:D(e)})]}),(0,V.jsx)(Dt,{children:t})]})})}),Pt=({feature:e})=>(0,V.jsxs)(C,{children:[(0,V.jsx)(S,{children:(0,V.jsx)(Ot,{children:e.project?(0,V.jsx)(kt,{component:n,to:`/projects/${e.project}/features/${e.name}`,underline:`hover`,children:e.name}):(0,V.jsx)(`span`,{children:e.name})})}),(0,V.jsx)(S,{children:e.project}),(0,V.jsx)(S,{sx:{textTransform:`capitalize`},children:e.type}),(0,V.jsx)(S,{children:e.lifecycleStage?(0,V.jsx)(Mt,{stage:e.lifecycleStage}):(0,V.jsx)(jt,{children:`—`})})]}),Ft=({features:e})=>{let[t,n]=(0,L.useState)({}),r=(0,L.useMemo)(()=>gt.map(t=>({key:t,entries:e.filter(e=>_t(e)===t)})).filter(e=>e.entries.length>0),[e]);if(e.length===0)return null;let i=e=>n(t=>({...t,[e]:!t[e]}));return(0,V.jsxs)(v,{children:[(0,V.jsxs)(vt,{children:[(0,V.jsx)(yt,{children:`Followed features`}),(0,V.jsx)(bt,{children:`${e.length} total`})]}),(0,V.jsx)(St,{children:(0,V.jsxs)(re,{children:[(0,V.jsx)(xt,{children:(0,V.jsxs)(C,{children:[(0,V.jsx)(S,{children:`Name`}),(0,V.jsx)(S,{children:`Project`}),(0,V.jsx)(S,{children:`Type`}),(0,V.jsx)(S,{children:`Lifecycle stage`})]})}),(0,V.jsx)(ne,{children:r.map(({key:e,entries:n})=>(0,V.jsxs)(L.Fragment,{children:[(0,V.jsx)(Nt,{groupKey:e,count:n.length,collapsed:!!t[e],onToggle:()=>i(e)}),t[e]?null:n.map(e=>(0,V.jsx)(Pt,{feature:e},e.name))]},e))})]})})]})},It=1,W={hour:5*6e4,day:60*6e4,week:360*6e4,month:180*6e4,threeMonths:10080*6e4,sixMonths:10080*6e4},Lt=({events:e,goalSeries:t,aggregationMode:n,visibleWindow:r,timeRange:i})=>{if(!Rt(t)||!zt(r))return[];let a=Bt(e);return Kt(Gt(a.map((e,o)=>Vt(e,{previousFlip:a[o-1],nextFlip:a[o+1],goalSeries:t,aggregationMode:n,visibleWindow:r,timeRange:i})).filter(Wt)))},Rt=e=>!!(e&&e.data.length>0),zt=e=>e!==null&&Number.isFinite(e.minMs)&&Number.isFinite(e.maxMs),Bt=e=>e.filter(e=>!!e.featureName).sort((e,t)=>e.timestamp-t.timestamp).map(e=>({featureName:e.featureName,atSec:e.timestamp/1e3,event:e})),Vt=(e,t)=>{let n=Ht(e,t);if(n<=0)return{featureName:e.featureName,deltaPct:null};let r=G(e.atSec-n,e.atSec,t),i=G(e.atSec,e.atSec+n,t),a=K(r,t),o=K(i,t);return a===null||o===null||a===0?{featureName:e.featureName,deltaPct:null}:{featureName:e.featureName,deltaPct:(o-a)/a*100,detail:{event:e.event,halfWindowMs:n*1e3,before:a,after:o,deltaAbs:o-a,preSeries:r,postSeries:i}}},Ht=(e,{previousFlip:t,nextFlip:n,visibleWindow:r,timeRange:i})=>{let a=W[i]/1e3,o=t?(e.atSec-t.atSec)/2:1/0,s=n?(n.atSec-e.atSec)/2:1/0,c=e.atSec-r.minMs/1e3,l=r.maxMs/1e3-e.atSec;return Math.min(a,o,s,c,l)},Ut=new Set([`count`,`sum`]),G=(e,t,{goalSeries:n})=>n.data.filter(([n,r])=>n>=e&&n<t&&Number.isFinite(r)),K=(e,{aggregationMode:t})=>{if(e.length===0)return null;let n=e.reduce((e,[,t])=>e+t,0);return Ut.has(t)?n:n/e.length},Wt=e=>e.deltaPct!==null,Gt=e=>{let t=new Map;for(let n of e){let e=t.get(n.featureName);(e===void 0||Math.abs(n.deltaPct)>=Math.abs(e.deltaPct))&&t.set(n.featureName,n)}return[...t.values()]},Kt=e=>e.map(({featureName:e,deltaPct:t,detail:n})=>({featureName:e,deltaPct:t,tone:qt(t),detail:n})).sort((e,t)=>Math.abs(t.deltaPct)-Math.abs(e.deltaPct)||e.featureName.localeCompare(t.featureName)),qt=e=>Math.abs(e)<It?`flat`:e>0?`up`:`down`,q=e=>{let t=Math.round(e/(60*1e3));if(t<60)return`${t}m`;let n=Math.round(e/(3600*1e3));return n<24?`${n}h`:`${Math.round(e/(1440*60*1e3))}d`},Jt=new Set([`count`,`sum`]),J=a(b)(({theme:e})=>({"& .MuiDialog-paper":{borderRadius:e.shape.borderRadiusLarge,overflow:`hidden`}})),Yt=a(v)(({theme:e})=>({display:`flex`,alignItems:`flex-start`,justifyContent:`space-between`,gap:e.spacing(1.5),padding:e.spacing(2.5,3,1.5,3)})),Xt=a(v)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(.5),minWidth:0})),Zt=a(v)(({theme:e})=>({display:`flex`,alignItems:`center`,gap:e.spacing(1),minWidth:0})),Qt=a(_)(({theme:e})=>({fontSize:e.typography.h2.fontSize,fontWeight:700,color:e.palette.text.primary,lineHeight:1.2,whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`})),$t=a(v)(({theme:e})=>({display:`inline-flex`,alignItems:`center`,gap:e.spacing(.5),padding:e.spacing(.25,1),borderRadius:999,fontSize:e.fontSizes.smallerBody,fontWeight:600,flexShrink:0})),en=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary})),tn=a(v)(({theme:e})=>({padding:e.spacing(1.5,3,3,3),display:`flex`,flexDirection:`column`,gap:e.spacing(2)})),nn=a(v)(({theme:e})=>({display:`flex`,flexDirection:`column`,alignItems:`center`,gap:e.spacing(1.5),padding:e.spacing(2.5,3),borderRadius:e.shape.borderRadiusMedium,backgroundColor:e.palette.background.elevation1})),rn=a(v)(({theme:e})=>({display:`flex`,alignItems:`baseline`,gap:e.spacing(2.5),color:e.palette.text.secondary})),Y=a(v)({display:`flex`,flexDirection:`column`,alignItems:`center`}),an=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,fontWeight:600,color:e.palette.text.secondary,textTransform:`uppercase`,letterSpacing:`0.06em`})),on=a(_)(({theme:e})=>({fontSize:e.typography.h3.fontSize,fontWeight:600,color:e.palette.text.primary,lineHeight:1.2})),sn=a(v)(({theme:e})=>({color:e.palette.text.disabled,fontSize:e.typography.h3.fontSize,fontWeight:300,alignSelf:`center`,paddingBottom:e.spacing(.5)})),cn=a(v,{shouldForwardProp:e=>e!==`tone`})(({theme:e,tone:t})=>({display:`flex`,flexDirection:`column`,alignItems:`center`,gap:e.spacing(.25),color:t===`up`?e.palette.success.main:t===`down`?e.palette.error.main:e.palette.text.secondary})),ln=a(_)(({theme:e})=>({fontSize:e.typography.h1.fontSize,fontWeight:700,lineHeight:1.1,color:`inherit`,display:`inline-flex`,alignItems:`center`,gap:e.spacing(.5)})),un=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary})),dn=a(v)({position:`relative`,width:`100%`}),fn=e=>`${e>0?`+`:e<0?`−`:``}${T(Math.abs(e))}`,pn=(e,t,n,r)=>{let i=[...e.preSeries,...e.postSeries].sort(([e],[t])=>e-t);return{labels:i.map(([e])=>new Date(e*1e3)),datasets:[{label:`Goal`,data:i.map(([,e])=>e),borderColor:t,backgroundColor:de(r,n),fill:!0,borderWidth:2,pointRadius:0,pointHoverRadius:4,tension:.2,spanGaps:!0}]}},mn=(e,t,n)=>{let r=e.event.timestamp,i=e.halfWindowMs;return{responsive:!0,interaction:{mode:`index`,intersect:!1},layout:{padding:{top:12,right:8,left:8,bottom:4}},scales:{x:{type:`time`,min:r-i,max:r+i,ticks:{maxRotation:0,maxTicksLimit:5,font:{size:10}},grid:{display:!1}},y:{beginAtZero:!1,ticks:{maxTicksLimit:4,font:{size:10},callback:e=>typeof e==`number`?T(e):e}}},plugins:{legend:{display:!1},annotation:{annotations:{"pre-tint":{type:`box`,xMin:r-i,xMax:r,backgroundColor:n,borderWidth:0,drawTime:`beforeDatasetsDraw`},"event-line":{type:`line`,xMin:r,xMax:r,borderColor:t,borderWidth:2,borderDash:[4,3]}}}},animations:{x:{duration:0},y:{duration:0}}}},hn=({impact:e,aggregationMode:t,onClose:n})=>{let i=r(),a=e!==null,o=Jt.has(t),s=e?Pe(i,e.detail.event.type):i.palette.text.secondary,c=(0,L.useMemo)(()=>e?pn(e.detail,i.palette.primary.main,I(i.palette.primary.main,0),I(i.palette.primary.main,.18)):null,[e,i.palette.primary.main]),l=(0,L.useMemo)(()=>e?mn(e.detail,i.palette.primary.main,I(i.palette.text.primary,.04)):null,[e,i.palette.primary.main,i.palette.text.primary]);if(!e)return(0,V.jsx)(J,{open:a,onClose:n,maxWidth:`sm`,fullWidth:!0});let{detail:u,tone:d,deltaPct:f}=e,{event:p}=u,m=d===`up`?F:d===`down`?O:P,h=ce(new Date(p.timestamp),{addSuffix:!0}),_=se(new Date(p.timestamp),`MMM d 'at' HH:mm`),v=`±${q(u.halfWindowMs)} around the flip`,y=o?`Sum of the goal · ${v}`:`Average of the goal · ${v}`;return(0,V.jsxs)(J,{open:a,onClose:n,maxWidth:`sm`,fullWidth:!0,children:[(0,V.jsxs)(Yt,{children:[(0,V.jsxs)(Xt,{children:[(0,V.jsxs)(Zt,{children:[(0,V.jsx)(Qt,{title:p.featureName,children:p.featureName}),(0,V.jsxs)($t,{sx:{backgroundColor:I(s,.14),color:s,border:`1px solid ${s}`},children:[(0,V.jsx)(Oe,{sx:{fontSize:12,color:`inherit`}}),Ie[p.type]]})]}),(0,V.jsxs)(en,{title:_,children:[`Flipped `,h,p.createdBy?` by ${p.createdBy}`:``]})]}),(0,V.jsx)(g,{"aria-label":`Close`,size:`small`,onClick:n,children:(0,V.jsx)(oe,{fontSize:`small`})})]}),(0,V.jsxs)(tn,{children:[(0,V.jsxs)(nn,{children:[(0,V.jsxs)(rn,{children:[(0,V.jsxs)(Y,{children:[(0,V.jsx)(an,{children:`Before`}),(0,V.jsx)(on,{children:T(u.before)})]}),(0,V.jsx)(sn,{children:`→`}),(0,V.jsxs)(Y,{children:[(0,V.jsx)(an,{children:`After`}),(0,V.jsx)(on,{children:T(u.after)})]})]}),(0,V.jsxs)(cn,{tone:d,children:[(0,V.jsxs)(ln,{children:[(0,V.jsx)(m,{sx:{fontSize:28}}),R(f)]}),(0,V.jsx)(un,{children:`${fn(u.deltaAbs)} · ${y}`})]})]}),(0,V.jsx)(dn,{children:c&&l?(0,V.jsx)(L.Suspense,{fallback:null,children:(0,V.jsx)(pe,{data:c,overrideOptions:l,aspectRatio:3})}):null})]})]})},gn=4,_n={up:F,down:O,flat:P},vn=a(v)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(.75),flex:1})),yn=a(v)(({theme:e})=>({display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:e.spacing(1)})),bn=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,fontWeight:e.typography.fontWeightBold,color:e.palette.text.secondary,textTransform:`uppercase`,letterSpacing:`0.06em`})),xn=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,fontWeight:600,color:e.palette.text.secondary,cursor:`default`})),Sn=a(v)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(.25)})),Cn=a(`button`)(({theme:e})=>({border:`none`,background:`none`,font:`inherit`,color:`inherit`,width:`100%`,textAlign:`left`,cursor:`pointer`,display:`grid`,gridTemplateColumns:`1fr auto`,alignItems:`center`,gap:e.spacing(1),padding:e.spacing(.5,0),borderRadius:e.shape.borderRadius,"&:hover":{backgroundColor:e.palette.action.hover},"&:focus-visible":{outline:`2px solid ${e.palette.primary.main}`,outlineOffset:-2}})),wn=a(v)(({theme:e})=>({fontSize:e.typography.body2.fontSize,fontWeight:500,color:e.palette.text.primary,whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`,minWidth:0})),Tn=a(`span`,{shouldForwardProp:e=>e!==`tone`})(({theme:e,tone:t})=>({display:`inline-flex`,alignItems:`center`,gap:2,fontSize:e.typography.body2.fontSize,fontWeight:700,fontVariantNumeric:`tabular-nums`,whiteSpace:`nowrap`,color:t===`up`?e.palette.success.main:t===`down`?e.palette.error.main:e.palette.text.secondary})),En=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary,textAlign:`right`,paddingRight:e.spacing(.75)})),Dn=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary,fontStyle:`italic`,flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`,textAlign:`center`,minHeight:e.spacing(8)})),On=({impacts:e,timeRange:t,aggregationMode:n})=>{let[r,i]=(0,L.useState)(null),a=e.slice(0,gn),o=e.length-a.length,s=`±${q(W[t])}`;return(0,V.jsxs)(vn,{children:[(0,V.jsxs)(yn,{children:[(0,V.jsx)(bn,{children:`Top movers`}),(0,V.jsx)(x,{arrow:!0,placement:`top`,title:`Goal change in the ${s} window before vs. after each flag's most significant change`,children:(0,V.jsx)(xn,{children:s})})]}),a.length===0?(0,V.jsx)(Dn,{children:`No measurable flag changes in this window.`}):(0,V.jsxs)(Sn,{children:[a.map(e=>{let t=_n[e.tone];return(0,V.jsxs)(Cn,{type:`button`,onClick:()=>i(e),"aria-label":`${e.featureName} ${R(e.deltaPct)}, view impact details`,children:[(0,V.jsx)(wn,{title:e.featureName,children:e.featureName}),(0,V.jsxs)(Tn,{tone:e.tone,children:[(0,V.jsx)(t,{sx:{fontSize:14}}),R(e.deltaPct)]})]},e.featureName)}),o>0?(0,V.jsxs)(En,{children:[`+`,o,` more`]}):null]}),(0,V.jsx)(hn,{impact:r,aggregationMode:n,onClose:()=>i(null)})]})},kn=p((0,V.jsx)(`path`,{d:`m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z`}),`EditOutlined`),An=a(`div`)(({theme:e})=>({display:`flex`,alignItems:`center`,gap:e.spacing(2),borderBottom:`1px solid ${e.palette.divider}`})),jn=a(ge)({flex:1,minWidth:0,"& .MuiTabs-flexContainer":{gap:4}}),Mn=a(we)(({theme:e})=>({textTransform:`none`,fontSize:e.fontSizes.smallBody,fontWeight:e.typography.fontWeightMedium,minHeight:e.spacing(5.5),padding:e.spacing(.5,1,.5,2),"& .tab-actions":{opacity:.4,marginLeft:e.spacing(.5)},"&:hover .tab-actions, &.Mui-selected .tab-actions":{opacity:1}})),Nn=a(v)({display:`flex`,alignItems:`center`,gap:4}),Pn=a(y)(({theme:e})=>({textTransform:`none`,whiteSpace:`nowrap`,flexShrink:0,marginLeft:e.spacing(1),marginBottom:e.spacing(.5)})),Fn=({views:e,activeViewId:t,onSelect:n,onCreate:r,onEdit:i,onDuplicate:a,onDelete:o})=>{let[s,c]=(0,L.useState)(null),[u,f]=(0,L.useState)(null),p=(e,t)=>{e.stopPropagation(),c(e.currentTarget),f(t)},m=()=>{c(null),f(null)},h=e.find(e=>e.id===u)??null;return(0,V.jsxs)(An,{children:[(0,V.jsx)(jn,{value:t??!1,onChange:(e,t)=>n(t),variant:`scrollable`,scrollButtons:`auto`,children:e.map(e=>(0,V.jsx)(Mn,{value:e.id,label:(0,V.jsxs)(Nn,{children:[(0,V.jsx)(`span`,{children:e.title}),(0,V.jsx)(g,{component:`span`,className:`tab-actions`,size:`medium`,"aria-label":`${e.title} actions`,onClick:t=>p(t,e.id),children:(0,V.jsx)(Te,{})})]})},e.id))}),(0,V.jsx)(Pn,{variant:`outlined`,startIcon:(0,V.jsx)(Ee,{}),onClick:r,children:`New view`}),(0,V.jsxs)(l,{anchorEl:s,open:!!s,onClose:m,children:[(0,V.jsxs)(d,{onClick:()=>{h&&i(h),m()},children:[(0,V.jsx)(k,{children:(0,V.jsx)(kn,{fontSize:`small`})}),(0,V.jsx)(A,{children:`Edit`})]}),(0,V.jsxs)(d,{onClick:()=>{h&&a(h),m()},children:[(0,V.jsx)(k,{children:(0,V.jsx)(ve,{fontSize:`small`})}),(0,V.jsx)(A,{children:`Duplicate`})]}),(0,V.jsxs)(d,{onClick:()=>{h&&o(h),m()},children:[(0,V.jsx)(k,{children:(0,V.jsx)(xe,{fontSize:`small`})}),(0,V.jsx)(A,{children:`Delete`})]})]})]})},In=`50`,Ln=({option:e})=>(0,V.jsxs)(v,{sx:{display:`flex`,flexDirection:`column`},children:[(0,V.jsx)(_,{variant:`body2`,children:e.name}),e.project?(0,V.jsx)(_,{variant:`caption`,sx:{color:`text.secondary`},children:e.project}):null]}),Rn=({value:e,onChange:t,disabled:n})=>{let[r,i]=(0,L.useState)(``),[a,l]=(0,L.useState)(``),[d,f]=(0,L.useState)(!1),p=(0,L.useMemo)(()=>c(e=>{l(e)},250),[]),h=(0,L.useCallback)(({children:e,...t})=>(0,V.jsxs)(m,{...t,children:[(0,V.jsx)(u,{sx:{px:2,py:1},onMouseDown:e=>e.preventDefault(),control:(0,V.jsx)(Me,{size:`small`,checked:d,onChange:(e,t)=>f(t)}),label:(0,V.jsx)(_,{variant:`body2`,children:`Search archived features`})}),(0,V.jsx)(ee,{}),e]}),[d]),{features:g,loading:y}=N({query:a||void 0,limit:In,archived:d?`IS:true`:void 0}),b=g.map(({name:e,project:t})=>({name:e,project:t}));return(0,V.jsx)(o,{multiple:!0,disableCloseOnSelect:!0,disabled:n,loading:y,options:b,value:e.map(e=>b.find(t=>t.name===e)??{name:e,project:``}),inputValue:r,slots:{paper:h},onInputChange:(e,t,n)=>{n===`input`&&(i(t),p(t))},onChange:(e,n)=>{t(n.map(e=>e.name))},isOptionEqualToValue:(e,t)=>e.name===t.name,getOptionLabel:e=>e.name,renderOption:(e,t)=>(0,L.createElement)(v,{component:`li`,...e,key:t.name},(0,V.jsx)(Ln,{option:t})),renderInput:t=>(0,V.jsx)(s,{...t,label:`Features to follow`,placeholder:e.length===0?`Search for features…`:`Add another feature…`,size:`small`,variant:`outlined`,helperText:`Toggle events for these features will be drawn over the chart.`})})},zn={hour:`Last hour`,day:`Last 24 hours`,week:`Last 7 days`,month:`Last 30 days`,threeMonths:`Last 3 months`,sixMonths:`Last 6 months`},Bn=Object.entries(zn).map(([e,t])=>({key:e,label:t})),X=`production`,Vn=`month`,Hn=`count`,Z=a(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(.5),flex:1,minWidth:220})),Un=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallBody,fontWeight:e.typography.fontWeightBold,color:e.palette.text.primary})),Q=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary})),Wn=a(`div`)(({theme:e})=>({display:`flex`,alignItems:`center`,gap:e.spacing(2),padding:e.spacing(2,2.5),borderRadius:e.shape.borderRadius,border:`1px solid ${e.palette.divider}`,backgroundColor:e.palette.background.elevation1})),Gn=a(`div`)(({theme:e})=>({flex:1,minWidth:0,display:`flex`,flexDirection:`column`,gap:e.spacing(.5)})),Kn=a(s)(({theme:e})=>({maxWidth:e.spacing(30)})),qn=a(_)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`})),Jn=[{key:`count`,label:`Count`},{key:`rps`,label:`Rate per second`},{key:`sum`,label:`Sum`},{key:`avg`,label:`Average`},{key:`p50`,label:`50th percentile`},{key:`p95`,label:`95th percentile`},{key:`p99`,label:`99th percentile`}],Yn=(e,t)=>{let n=w(e.name);return{id:E(),metricName:e.name,displayName:e.displayName||e.name,aggregationMode:fe(n),labelSelectors:{},source:e.source,title:void 0,yAxisMin:`auto`,timeRange:t}},Xn=e=>({name:e.metricName,displayName:e.displayName,help:``,source:e.source===`external`?`external`:`internal`}),Zn=e=>{let t=w(e);return t===`unknown`?`Metric type could not be inferred.`:`${t.charAt(0).toUpperCase()}${t.slice(1)} metric`},Qn=({option:e})=>(0,V.jsxs)(v,{sx:{display:`flex`,flexDirection:`column`},children:[(0,V.jsx)(_,{variant:`body2`,children:e.displayName||e.name}),e.help?(0,V.jsx)(_,{variant:`caption`,sx:{color:`text.secondary`},children:e.help}):null]}),$n=({metric:e,onSelectGoal:t,onRename:n,onRemove:r})=>{let i=e.displayName||e.metricName;return(0,V.jsxs)(Wn,{children:[(0,V.jsx)(u,{sx:{mr:0},"aria-label":`Mark ${i} as the goal`,control:(0,V.jsx)(f,{size:`small`,checked:!!e.goal,onChange:()=>t(e.id)}),label:(0,V.jsx)(_,{variant:`caption`,sx:{color:`text.secondary`},children:`Goal`}),labelPlacement:`bottom`}),(0,V.jsxs)(Gn,{children:[(0,V.jsx)(Kn,{label:`Display name`,value:e.displayName??``,onChange:t=>n(e.id,t.target.value),placeholder:e.metricName,size:`small`,variant:`outlined`,fullWidth:!0}),(0,V.jsxs)(qn,{title:e.metricName,children:[e.metricName,` · `,Zn(e.metricName)]})]}),(0,V.jsx)(x,{title:`Remove metric`,arrow:!0,children:(0,V.jsx)(g,{size:`medium`,"aria-label":`Remove ${i}`,onClick:()=>r(e.id),children:(0,V.jsx)(je,{})})})]})},er=e=>(e.find(e=>e.goal)??e[0])?.aggregationMode??Hn,tr=e=>e?{title:e.title,featureNames:e.featureNames,metrics:e.metrics,timeRange:e.timeRange,aggregationMode:er(e.metrics),environment:e.environment,showTopMovers:e.showTopMovers??!1}:{title:``,featureNames:[],metrics:[],timeRange:Vn,aggregationMode:Hn,environment:X,showTopMovers:!1},$=(e,t)=>e.map(e=>({...e,...t})),nr=(e,t)=>e.metrics.length===0&&t.length>0?fe(w(t[0].name)):e.aggregationMode,rr=(e,t)=>{let n=new Map(e.metrics.map(e=>[e.metricName,e]));return t.map(t=>n.get(t.name)??Yn(t,e.timeRange))},ir=(e,t)=>{switch(t.type){case`reset`:return t.form;case`setTitle`:return{...e,title:t.title};case`setFeatureNames`:return{...e,featureNames:t.featureNames};case`setEnvironment`:return{...e,environment:t.environment};case`setShowTopMovers`:return{...e,showTopMovers:t.showTopMovers};case`setTimeRange`:return{...e,timeRange:t.timeRange,metrics:$(e.metrics,{timeRange:t.timeRange})};case`setAggregation`:return{...e,aggregationMode:t.aggregationMode,metrics:$(e.metrics,{aggregationMode:t.aggregationMode})};case`setMetrics`:{let n=nr(e,t.options),r=rr(e,t.options);return{...e,aggregationMode:n,metrics:$(r,{aggregationMode:n})}}case`setGoal`:return{...e,metrics:e.metrics.map(e=>({...e,goal:e.id===t.id}))};case`renameMetric`:return{...e,metrics:e.metrics.map(e=>e.id===t.id?{...e,displayName:t.displayName}:e)};case`removeMetric`:return{...e,metrics:e.metrics.filter(e=>e.id!==t.id)}}},ar=({open:e,initialView:t,onClose:n,onSave:r})=>{let{metricOptions:i,loading:a}=_e(),{environments:c,loading:l}=ae(),[d,f]=(0,L.useReducer)(ir,t,tr);(0,L.useEffect)(()=>{e&&f({type:`reset`,form:tr(t)})},[e,t]);let p=d.metrics.map(e=>i.find(t=>t.name===e.metricName)??Xn(e)),m=c.length>0?c.map(e=>({key:e.name,label:e.name})):[{key:X,label:X}],h=d.title.trim().length>0&&d.metrics.length>0;return(0,V.jsx)(ke,{open:e,onClose:n,onClick:()=>{h&&r({title:d.title.trim(),featureNames:d.featureNames,metrics:d.metrics,timeRange:d.timeRange,environment:d.environment,showTopMovers:d.showTopMovers})},title:t?`Edit view`:`Create a new view`,primaryButtonText:t?`Save changes`:`Create view`,secondaryButtonText:`Cancel`,disabledPrimaryButton:!h,maxWidth:`md`,fullWidth:!0,children:(0,V.jsxs)(v,{sx:{display:`flex`,flexDirection:`column`,gap:3,pt:1},children:[(0,V.jsx)(s,{label:`View title`,value:d.title,onChange:e=>f({type:`setTitle`,title:e.target.value}),placeholder:`e.g. Checkout funnel`,size:`small`,autoFocus:!0,required:!0}),(0,V.jsxs)(Z,{children:[(0,V.jsx)(Un,{children:`Metrics`}),(0,V.jsx)(o,{multiple:!0,disableCloseOnSelect:!0,loading:a,options:i,value:p,onChange:(e,t)=>f({type:`setMetrics`,options:t}),isOptionEqualToValue:(e,t)=>e.name===t.name,getOptionLabel:e=>e.displayName||e.name,groupBy:e=>e.source===`external`?`External metrics`:`Internal metrics`,renderOption:(e,t)=>(0,L.createElement)(v,{component:`li`,...e,key:`${t.source}__${t.name}`},(0,V.jsx)(Qn,{option:t})),renderInput:e=>(0,V.jsx)(s,{...e,placeholder:d.metrics.length===0?`Pick one or more metrics…`:`Add another metric…`,size:`small`,variant:`outlined`})}),(0,V.jsx)(Q,{children:`All selected metrics are drawn together on a single chart.`}),d.metrics.length>0?(0,V.jsx)(v,{sx:{display:`flex`,flexDirection:`column`,gap:1,mt:.5},children:d.metrics.map(e=>(0,V.jsx)($n,{metric:e,onSelectGoal:e=>f({type:`setGoal`,id:e}),onRename:(e,t)=>f({type:`renameMetric`,id:e,displayName:t}),onRemove:e=>f({type:`removeMetric`,id:e})},e.id))}):null]}),(0,V.jsx)(Rn,{value:d.featureNames,onChange:e=>f({type:`setFeatureNames`,featureNames:e})}),(0,V.jsxs)(v,{sx:{display:`flex`,gap:2,flexWrap:`wrap`},children:[(0,V.jsxs)(Z,{children:[(0,V.jsx)(M,{id:`view-aggregation`,labelId:`view-aggregation-label`,label:`Aggregation`,value:d.aggregationMode,options:Jn,onChange:e=>f({type:`setAggregation`,aggregationMode:e})}),(0,V.jsx)(Q,{children:`Applied to all metrics in this view.`})]}),(0,V.jsx)(Z,{children:(0,V.jsx)(M,{id:`view-time-range`,labelId:`view-time-range-label`,label:`Time range`,value:d.timeRange,options:Bn,onChange:e=>f({type:`setTimeRange`,timeRange:e})})}),(0,V.jsxs)(Z,{children:[(0,V.jsx)(M,{id:`view-environment`,labelId:`view-environment-label`,label:`Environment`,value:d.environment,options:m,disabled:l,onChange:e=>f({type:`setEnvironment`,environment:e})}),(0,V.jsx)(Q,{children:`Toggle events from this environment are drawn over the chart.`})]})]}),(0,V.jsxs)(Z,{children:[(0,V.jsx)(u,{control:(0,V.jsx)(Ce,{checked:d.showTopMovers,onChange:e=>f({type:`setShowTopMovers`,showTopMovers:e.target.checked})}),label:`Show top movers`}),(0,V.jsx)(Q,{children:`Ranks the flags whose toggle had the biggest effect on the goal metric, shown beside the chart.`})]})]})})},or=`https://docs.getunleash.io/reference/impact-metrics`,sr=a(v)(({theme:e})=>({display:`flex`,flexDirection:`column`,alignItems:`center`,padding:e.spacing(6,4)})),cr=a(v)(({theme:e})=>({marginBottom:e.spacing(3)})),lr=a(v)(({theme:e})=>({textAlign:`center`,maxWidth:520,marginBottom:e.spacing(3)})),ur=a(v)(({theme:e})=>({display:`flex`,gap:e.spacing(2),alignItems:`center`,marginBottom:e.spacing(4)})),dr=a(h)(({theme:e})=>({maxWidth:520,backgroundColor:e.palette.info.light,marginTop:e.spacing(4),color:e.palette.info.dark,"& .MuiAlert-icon":{color:e.palette.info.main}})),fr=({onCreate:e})=>(0,V.jsx)(ue,{header:(0,V.jsx)(le,{title:`Impact views`}),children:(0,V.jsxs)(sr,{children:[(0,V.jsx)(cr,{children:(0,V.jsx)(ze,{})}),(0,V.jsxs)(lr,{children:[(0,V.jsx)(_,{variant:`h3`,component:`h2`,sx:{mb:1.5},children:`Start telling a story with your metrics`}),(0,V.jsx)(_,{sx:{color:`text.secondary`},children:`A view combines the features you want to follow with the impact metrics that matter to you. Toggle events for each feature are drawn over the chart so you can see exactly when a rollout moved the needle.`})]}),(0,V.jsxs)(ur,{children:[(0,V.jsx)(y,{variant:`text`,href:or,target:`_blank`,rel:`noopener noreferrer`,children:`Read the docs`}),(0,V.jsx)(y,{variant:`contained`,startIcon:(0,V.jsx)(Ee,{}),onClick:e,children:`Create your first view`})]}),(0,V.jsxs)(dr,{severity:`info`,icon:(0,V.jsx)(De,{}),children:[(0,V.jsx)(`strong`,{children:`Tip:`}),` Views are stored locally in your browser — only you can see them in this iteration.`]})]})}),pr=new Set([`count`,`sum`]),mr=e=>{for(let[,t]of e)if(Number.isFinite(t))return t;return 0},hr=e=>{for(let t=e.length-1;t>=0;--t){let n=e[t][1];if(Number.isFinite(n))return n}return 0},gr=(e,t,n)=>{if(pr.has(t))return{current:n,mode:`cumulative`,deltaAbs:null,deltaPct:null};if(!e||e.data.length===0)return{current:0,mode:`latest`,deltaAbs:0,deltaPct:null};let r=hr(e.data),i=mr(e.data),a=r-i;return{current:r,mode:`latest`,deltaAbs:a,deltaPct:i===0?null:a/i*100}},_r=e=>{let t=e.join(`,`),{features:n,loading:r}=N({query:t,limit:`100`}),{features:i,loading:a}=N({query:t,limit:`100`,archived:`IS:true`});return{features:(0,L.useMemo)(()=>{let t=new Set(e),r=(e,n)=>e.filter(e=>t.has(e.name)).map(e=>({name:e.name,project:e.project,type:e.type,lifecycleStage:e.lifecycle?.stage??n}));return[...r(n,null),...r(i,`archived`)]},[n,i,e]),loading:r||a}},vr=`IS_ANY_OF:feature-environment-enabled,feature-environment-disabled`,yr=(e,t)=>{let{events:n,loading:r}=Se({feature:`IS_ANY_OF:${e.join(`,`)}`,type:vr,environment:`IS:${t}`,limit:`1000`},{refreshInterval:3e4});return{featureEvents:(0,L.useMemo)(()=>n.map(e=>({id:e.id,timestamp:new Date(e.createdAt).getTime(),type:e.type,label:e.label??e.type,createdBy:e.createdBy,featureName:e.featureName??``,environment:t})),[n,t]),loading:r}},br=e=>{let{stepSeries:t,stepTotals:n,start:r,end:i,loading:a}=Re(e.metrics),{features:o,loading:s}=_r(e.featureNames),{featureEvents:c,loading:l}=yr(e.featureNames,e.environment),u=e.metrics.findIndex(e=>e.goal),d=u>=0?e.metrics[u]:void 0,f=u>=0?t[u]:void 0,p=d?gr(f,d.aggregationMode,n[u]?.value??0):void 0,m=d?Lt({events:c,goalSeries:f,aggregationMode:d.aggregationMode,visibleWindow:Ne(r,i),timeRange:e.timeRange}):[];return{goalSummary:p,goalSeries:f,goalLabel:d?.title||d?.displayName||e.title,flagImpacts:m,stepSeries:t,stepTotals:n,start:r,end:i,featureEvents:c,resolvedFeatures:o,loading:a||s||l}},xr=`impact-metric-views:list`,Sr=`impact-metric-views:active-id`,Cr=[],wr=()=>{let[e,t]=j(xr,Cr),[n,r]=j(Sr,``),i=e.some(e=>e.id===n),a=n&&i?n:e[0]?.id??null;return{views:e,activeView:e.find(e=>e.id===a)??null,activeViewId:a,setActiveViewId:(0,L.useCallback)(e=>{r(e??``)},[r]),addView:(0,L.useCallback)(e=>{let n=Date.now(),i={...e,id:E(),createdAt:n,updatedAt:n};return t(e=>[...e,i]),r(i.id),i},[t,r]),updateView:(0,L.useCallback)((e,n)=>{t(t=>t.map(t=>t.id===e?{...t,...n,updatedAt:Date.now()}:t))},[t]),deleteView:(0,L.useCallback)(e=>{t(t=>t.filter(t=>t.id!==e)),n===e&&r(``)},[t,n,r]),duplicateView:(0,L.useCallback)(n=>{let i=e.find(e=>e.id===n);if(!i)return null;let a=Date.now(),o={...i,id:E(),title:`${i.title} (copy)`,createdAt:a,updatedAt:a};return t(e=>[...e,o]),r(o.id),o},[e,t,r])}},Tr=({view:e})=>{let t=br(e),n=zn[e.timeRange],r=e.metrics.find(e=>e.goal)?.aggregationMode??`avg`;return(0,V.jsxs)(v,{sx:{display:`flex`,flexDirection:`column`,gap:3},children:[(0,V.jsx)(ht,{title:t.goalLabel,subtitle:`Goal · ${n}`,timeRange:e.timeRange,aggregationMode:e.metrics[0]?.aggregationMode,stepSeries:t.stepSeries,stepTotals:t.stepTotals,featureEvents:t.featureEvents,start:t.start,end:t.end,loading:t.loading,chartHeightSpacing:{base:48,lg:40,sm:32},totalsLabel:`Signals`,totalsHeaderSlot:t.goalSummary?(0,V.jsx)(et,{goalMetricLabel:t.goalLabel,summary:t.goalSummary,series:t.goalSeries,timeLabel:n}):null,totalsMiddleSlot:e.showTopMovers?(0,V.jsx)(On,{impacts:t.flagImpacts,timeRange:e.timeRange,aggregationMode:r}):void 0}),(0,V.jsx)(Ft,{features:t.resolvedFeatures})]})},Er=()=>{let{views:e,activeView:t,activeViewId:n,setActiveViewId:r,addView:i,updateView:a,deleteView:o,duplicateView:s}=wr(),[c,l]=(0,L.useState)({type:`closed`}),[u,d]=(0,L.useState)(null),f=()=>l({type:`create`}),p=e=>l({type:`edit`,view:e}),m=()=>l({type:`closed`});return(0,V.jsxs)(v,{sx:{pt:3,mt:-4},children:[e.length===0?(0,V.jsx)(fr,{onCreate:f}):(0,V.jsxs)(v,{sx:{display:`flex`,flexDirection:`column`,gap:3},children:[(0,V.jsx)(le,{title:`Impact views`,actions:(0,V.jsx)(me,{color:`info`,children:`Internal beta`})}),(0,V.jsx)(Fn,{views:e,activeViewId:n,onSelect:r,onCreate:f,onEdit:p,onDuplicate:e=>s(e.id),onDelete:d}),t?(0,V.jsx)(Tr,{view:t}):null]}),(0,V.jsx)(ar,{open:c.type!==`closed`,initialView:c.type===`edit`?c.view:null,onClose:m,onSave:e=>{c.type===`edit`?a(c.view.id,e):i(e),m()}}),(0,V.jsx)(ke,{open:u!==null,title:u?`Delete "${u.title}"?`:`Delete view?`,primaryButtonText:`Delete`,secondaryButtonText:`Cancel`,onClick:()=>{u&&o(u.id),d(null)},onClose:()=>d(null)})]})};export{Er as ImpactViewsPage};