...

"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[9292],{9573:(be,ee,t)=>{t.d(ee,{D:()=>U});var e=t(74848),a=t(22803),z=t(41654),H=t(72636),F=t(63142);function U({label:m,actions:b,id:D,children:S}){const Z=(0,F.of)(te);return S?(0,e.jsx)("div",{className:Z.container,children:S}):(0,e.jsxs)("div",{className:Z.container,children:[(0,e.jsx)(H.J,{className:Z.label,id:D,children:m}),b&&(0,e.jsx)(z.B,{direction:"row",gap:1,children:b})]})}const te=m=>({container:(0,a.css)({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:m.spacing(1,2),backgroundColor:m.colors.background.secondary,border:`1px solid ${m.colors.border.medium}`,borderTopLeftRadius:m.shape.radius.default,borderTopRightRadius:m.shape.radius.default}),label:(0,a.css)({margin:0})})},17374:(be,ee,t)=>{t.d(ee,{p:()=>Ce});var e=t(74848),a=t(22803),z=t(2543),H=t(70713),F=t(92745),U=t(63142),te=t(45861),m=t(31286),b=t(50992),D=t(34999),S=t(96540),Z=t(36303),$=t(74268);let re=null;const x=i=>{if(!re)return null;const d=(0,Z.Xc)(re,{title:(0,F.t)("alerting.ai.error-boundary.feedback-button","AI Feedback Button failed to load"),style:"alertbox",errorLogger:$.vV}),T={shouldShowFeedbackButton:!0,useRouteDetection:!1,...i};return(0,S.createElement)(d,T)};function Y(i){re=i}var Se=t(77256),oe=t(9573),l=t(43730);function Ae(i,d,T,W){const[u,{data:V,error:A,isLoading:J}]=(0,l.vj)(),N=(0,S.useCallback)(()=>{try{const k=JSON.parse(T);JSON.stringify([...k]),u({template:i,alerts:k,name:d}),W(null)}catch(k){W(k instanceof Error?k.message:"Invalid JSON.")}},[i,d,T,W,u]);return(0,S.useEffect)(()=>N(),[N]),{data:V,error:A,isLoading:J,onPreview:N}}function Ce({payload:i,templateName:d,templateContent:T,payloadFormatError:W,setPayloadFormatError:u,className:V,aiGeneratedTemplate:A,setAiGeneratedTemplate:J}){const N=(0,U.of)(ie),{data:k,isLoading:xe,onPreview:Le,error:Re}=Ae(T,d,i,u),me=he(Re,W,k);return(0,e.jsxs)("div",{className:(0,a.cx)(N.container,V),children:[(0,e.jsx)(oe.D,{label:(0,F.t)("alerting.template-preview.label-preview","Preview"),actions:(0,e.jsx)(te.$n,{disabled:xe,icon:"sync","aria-label":(0,F.t)("alerting.template-preview.aria-label-refresh-preview","Refresh preview"),onClick:()=>{Le(),J?.(!1)},size:"sm",variant:"secondary",children:(0,e.jsx)(F.x6,{i18nKey:"alerting.template-preview.refresh",children:"Refresh"})})}),(0,e.jsx)("div",{className:N.viewer.feedbackContainer,children:(0,e.jsx)(x,{origin:"template",shouldShowFeedbackButton:!!A})}),(0,e.jsx)(m.a,{flex:1,children:(0,e.jsx)(H.Ay,{disableWidth:!0,children:({height:Ne})=>(0,e.jsx)("div",{className:N.viewerContainer({height:Ne}),children:me})})})]})}function G({previews:i}){const d=(0,U.of)(ie),T=i.length===1,W=u=>{try{return JSON.parse(u),!0}catch{return!1}};return(0,e.jsx)("ul",{className:d.viewer.container,"data-testid":"template-preview",children:i.map(u=>{const V=W(u.text)?"json":"plaintext";return(0,e.jsxs)("li",{className:d.viewer.box,children:[T?null:(0,e.jsxs)("header",{className:d.viewer.header,children:[u.name,(0,e.jsx)("div",{className:d.viewer.language,children:V})]}),(0,e.jsx)(b.B,{containerStyles:d.editorContainer,language:V,showLineNumbers:!1,showMiniMap:!1,value:u.text,readOnly:!0,monacoOptions:{scrollBeyondLastLine:!1}})]},u.name)})})}function ge({errors:i}){return i.map(d=>(0,e.jsx)(D.F,{title:(0,z.compact)([d.name,d.kind]).join(" \u2013 "),children:d.message},(0,z.uniqueId)("errors-list")))}const ie=i=>({container:(0,a.css)({label:"template-preview-container",display:"flex",flexDirection:"column",borderRadius:i.shape.radius.default,border:`1px solid ${i.colors.border.medium}`}),editorContainer:(0,a.css)({width:"100%",height:"100%",border:"none"}),viewerContainer:({height:d})=>(0,a.css)({height:d,overflow:"auto",backgroundColor:i.colors.background.primary}),viewer:{container:(0,a.css)({display:"flex",flexDirection:"column",height:"inherit"}),box:(0,a.css)({display:"flex",flexDirection:"column",borderBottom:`1px solid ${i.colors.border.medium}`,height:"inherit"}),header:(0,a.css)({display:"flex",justifyContent:"space-between",fontSize:i.typography.bodySmall.fontSize,padding:i.spacing(1,2),borderBottom:`1px solid ${i.colors.border.medium}`,backgroundColor:i.colors.background.secondary}),language:(0,a.css)({marginLeft:"auto",fontStyle:"italic"}),errorText:(0,a.css)({color:i.colors.error.text}),feedbackContainer:(0,a.css)({display:"flex",justifyContent:"center",alignItems:"center",borderTop:`1px solid ${i.colors.border.medium}`,backgroundColor:i.colors.background.secondary,minHeight:"auto"}),emptyState:(0,a.css)({display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:i.colors.text.secondary,fontSize:i.typography.bodySmall.fontSize})}});function he(i,d,T){const W=i?(0,Se.JZ)(i):void 0,u=d||W,V=(0,U.of)(ie),A=T?.results??[],J=T?.errors,N=A.length>0||J||u;return(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)(D.F,{severity:"error",title:(0,F.t)("alerting.get-preview-results.title-error","Error"),children:u}),J&&(0,e.jsx)(ge,{errors:J}),A.length>0&&(0,e.jsx)(G,{previews:A}),!N&&(0,e.jsx)("div",{className:V.viewer.emptyState,children:(0,e.jsx)(F.x6,{i18nKey:"alerting.template-preview.empty-state",children:"Add template content to see preview"})})]})}},41542:(be,ee,t)=>{t.d(ee,{$A:()=>z,Qx:()=>H,f5:()=>F});var e=t(2543),a=t.n(e);function z(m,b){return m.filter(D=>!b.find(S=>JSON.stringify(S)===JSON.stringify(D)))}function H(m){const b=m.flatMap(S=>S);return(0,e.uniqBy)(b.filter(S=>b.filter($=>(0,e.isEqual)(S,$)).length===Object.keys(m).length),S=>JSON.stringify(S))}function F(m){if(!m?.data||!m.data.values||!Array.isArray(m.data.values))return[];const[b,D]=m.data.values;return!Array.isArray(b)||!Array.isArray(D)||b.length!==D.length?[]:(U(b)?b:[]).reduce(($,re,x)=>{const Y=D[x];return te(Y)&&$.push({timestamp:re,line:Y}),$},[])}function U(m){return m.every(b=>typeof b=="number")}function te(m){return typeof m=="object"&&m!==null&&"current"in m&&"previous"in m}},89292:(be,ee,t)=>{t.d(ee,{By:()=>St,R_:()=>Te});var e=t(74848),a=t(22803),z=t(16172);function H(n,r,o){return(0,z.f)(n,-r,o)}const F=null;var U=t(61501),te=t(29407);function m(n,r,o){const s=(0,te.a)(n,o?.in);return s.setTime(s.getTime()+r*U.Cg),s}const b=null;var D=t(79197);function S(n,r,o){return(0,D.A)(n,r*U.s0,o)}const Z=null;function $(n,r,o){return S(n,-r,o)}const re=null;var x=t(96540),Y=t(49785),Se=t(42941),oe=t(70713),l=t(92745),Ae=t(36490),Ce=t(68143),G=t(63142),ge=t(93008),ie=t(34999),he=t(31286),i=t(16780),d=t(41654),T=t(18027),W=t(63527),u=t(45861),V=t(88559),A=t(87063),J=t(8207),N=t(66404),k=t(64762),xe=t(46787),Le=t(36303),Re=t(74268);let me=null;const Ne=n=>{if(!me)return null;const r=(0,Le.Xc)(me,{title:(0,l.t)("alerting.ai.error-boundary.template-button","AI Template Button failed to load"),style:"alertbox",errorLogger:Re.vV});return(0,x.createElement)(r,n)};function Et(n){me=n}var Pe=t(52161),Ee=t(77256),we=t(9573),Be=t(1972),Ue=t(49779),ye=t(40403),Ge=t(59243),ze=t(50992),Ie=t(97222),$e=t(30703),Je=t(45967),ke=t(94018),ve=t(22787),He=t(12737),Ke=t(6975),Ze=t(91984),ue=t(39659),Fe=t(41542);function Ye({onSelect:n,isOpen:r,onClose:o}){const s=(0,G.of)(Qe),[f,I]=(0,x.useState)(),[h,O]=(0,x.useState)(null),{useGetAlertmanagerAlertsQuery:Q}=Ze.m,{currentData:K=[],isFetching:C,isError:P}=Q({amSourceName:Pe.hY,filter:{inhibited:!0,silenced:!0,active:!0}}),[E,X]=(0,x.useState)(""),w=(0,x.useMemo)(()=>{const p={};return!C&&K&&K.forEach(c=>{p[c.labels.alertname]||(p[c.labels.alertname]=[]);const v=Object.fromEntries(Object.entries(c.annotations).filter(([M])=>!M.startsWith("__"))),R=Object.fromEntries(Object.entries(c.labels).filter(([M])=>!M.startsWith("__")));c={...c,annotations:v,labels:R},p[c.labels.alertname].push(c)}),p},[C,K]),L=(0,x.useCallback)(p=>{I(p),O(null)},[]),j=(0,x.useMemo)(()=>{const p=Object.keys(w).filter(v=>v.toLowerCase().includes(E.toLowerCase())),c={};return p.forEach(v=>{c[v]=w[v]}),c},[w,E]);if(P)return null;const g=Object.keys(j||[]),y=({index:p,style:c})=>{if(!j)return null;const v=g[p],R=v===f;return(0,e.jsxs)("button",{type:"button",title:v,style:c,className:(0,a.cx)(s.rowButton,{[s.rowOdd]:p%2===1,[s.rowSelected]:R}),onClick:()=>L(v),children:[(0,e.jsx)("div",{className:(0,a.cx)(s.ruleTitle,s.rowButtonTitle),children:v}),(0,e.jsxs)("div",{className:s.alertFolder,children:[(0,e.jsx)($e.I,{name:"folder"})," ",j[v][0].labels.grafana_folder??""]})]})},ne=(p,c)=>{const R=p.map(q=>q.labels).map(ue.Dd),M=(0,Fe.Qx)(R),le=(0,Fe.$A)((0,ue.Dd)(c.labels),M);return le.length?(0,ue.M4)((0,ue.zm)(le)):(0,ue.M4)(c.labels)},de=({index:p,style:c})=>{const v=(0,x.useMemo)(()=>f?w[f]:[],[]),R=v[p],M=h?.includes(R),le=(0,x.useMemo)(()=>ne(v,R),[v,R]),ce=()=>{if(M&&h){O(h.filter(q=>q!==R));return}O([...h||[],R])};return(0,e.jsx)("button",{type:"button",style:c,className:(0,a.cx)(s.rowButton,s.instanceButton,{[s.rowOdd]:p%2===1,[s.rowSelected]:M}),onClick:ce,children:(0,e.jsx)("div",{className:s.rowButtonTitle,title:R.labels.alertname,children:(0,e.jsx)(Je.m,{placement:"bottom",content:(0,e.jsx)("pre",{children:JSON.stringify(R,null,2)}),theme:"info",children:(0,e.jsx)("div",{children:le.map((q,Oe)=>(0,e.jsx)(ke.v,{name:q,className:s.tag},Oe))})})})})},pe=()=>{const p=h?.map(c=>({status:"firing",annotations:c.annotations,labels:c.labels,startsAt:c.startsAt,endsAt:c.endsAt,generatorURL:c.generatorURL,fingerprint:c.fingerprint}))||[];n(p),je()},je=()=>{I(void 0),O(null),X(""),se("")},ae=()=>{je(),o()},se=p=>{X(p)};return(0,e.jsx)("div",{children:(0,e.jsxs)(ve.a,{title:(0,l.t)("alerting.alert-instance-modal-selector.title-select-alert-instances","Select alert instances"),className:s.modal,closeOnEscape:!0,isOpen:r,onDismiss:ae,contentClassName:s.modalContent,children:[(0,e.jsxs)("div",{className:s.container,children:[(0,e.jsx)(He.Z,{value:E,onChange:se,title:(0,l.t)("alerting.alert-instance-modal-selector.title-search-alert-rule","Search alert rule"),placeholder:(0,l.t)("alerting.alert-instance-modal-selector.placeholder-search-alert-rule","Search alert rule"),autoFocus:!0}),(0,e.jsx)("div",{children:f&&"Select one or more instances from the list below"||""}),(0,e.jsxs)("div",{className:s.column,children:[C&&(0,e.jsx)(Ke._,{text:(0,l.t)("alerting.alert-instance-modal-selector.text-loading-rules","Loading rules..."),className:s.loadingPlaceholder}),!C&&(0,e.jsx)(oe.Ay,{children:({height:p,width:c})=>(0,e.jsx)(Ie.Y1,{itemSize:50,height:p,width:c,itemCount:g.length,children:y})})]}),(0,e.jsxs)("div",{className:s.column,children:[!f&&!C&&(0,e.jsx)("div",{className:s.selectedRulePlaceholder,children:(0,e.jsx)("div",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.alert-instance-modal-selector.select-alert-rule",children:"Select an alert rule to get a list of available firing instances"})})}),C&&(0,e.jsx)(Ke._,{text:(0,l.t)("alerting.alert-instance-modal-selector.text-loading-rule","Loading rule..."),className:s.loadingPlaceholder}),f&&w[f].length&&!C&&(0,e.jsx)(oe.Ay,{children:({width:p,height:c})=>(0,e.jsx)(Ie.Y1,{itemSize:32,height:c,width:p,itemCount:w[f].length||0,children:de})})]})]}),(0,e.jsxs)(ve.a.ButtonRow,{children:[(0,e.jsx)(u.$n,{type:"button",variant:"secondary",onClick:ae,children:(0,e.jsx)(l.x6,{i18nKey:"alerting.common.cancel",children:"Cancel"})}),(0,e.jsx)(u.$n,{type:"button",variant:"primary",disabled:!(f&&h),onClick:()=>{f&&h&&pe()},children:(0,e.jsx)(l.x6,{i18nKey:"alerting.alert-instance-modal-selector.add-alert-data-to-payload",children:"Add alert data to payload"})})]})]})})}const Qe=n=>{const r=(0,u.my)(n);return{container:(0,a.css)({display:"grid",gridTemplateColumns:"1fr 1.5fr",gridTemplateRows:"min-content auto",gap:n.spacing(2),flex:1}),tag:(0,a.css)({margin:"5px"}),column:(0,a.css)({flex:"1 1 auto"}),alertLabels:(0,a.css)({overflowX:"auto",height:"32px"}),ruleTitle:(0,a.css)({height:"22px",fontWeight:n.typography.fontWeightBold}),rowButton:(0,a.css)(r,{padding:n.spacing(.5),overflow:"hidden",textOverflow:"ellipsis",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",border:"2px solid transparent","&:disabled":{cursor:"not-allowed",color:n.colors.text.disabled}}),rowButtonTitle:(0,a.css)({overflowX:"auto"}),rowSelected:(0,a.css)({borderColor:n.colors.primary.border}),rowOdd:(0,a.css)({backgroundColor:n.colors.background.secondary}),instanceButton:(0,a.css)({display:"flex",gap:n.spacing(1),justifyContent:"space-between",alignItems:"center"}),loadingPlaceholder:(0,a.css)({height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}),selectedRulePlaceholder:(0,a.css)({width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",textAlign:"center",fontWeight:n.typography.fontWeightBold}),modal:(0,a.css)({height:"100%"}),modalContent:(0,a.css)({flex:1,display:"flex",flexDirection:"column"}),modalAlert:(0,a.css)({flexGrow:0}),warnIcon:(0,a.css)({fill:n.colors.warning.main}),labels:(0,a.css)({justifyContent:"flex-start"}),alertFolder:(0,a.css)({height:"20px",fontSize:n.typography.bodySmall.fontSize,color:n.colors.text.secondary,display:"flex",flexDirection:"row",justifyContent:"flex-start",columnGap:n.spacing(1),alignItems:"center"})}},Xe=[{name:"Receiver",type:"string",notes:"Name of the contact point that the notification is being sent to."},{name:"Status",type:"string",notes:"firing if at least one alert is firing, otherwise resolved"},{name:"Alerts",type:"[]Alert",notes:"List of alert objects that are included in this notification."},{name:"Alerts.Firing",type:"[]Alert",notes:"List of firing alerts"},{name:"Alerts.Resolved",type:"[]Alert",notes:"List of resolved alerts"},{name:"GroupLabels",type:"KeyValue",notes:"Labels these alerts were grouped by."},{name:"CommonLabels",type:"KeyValue",notes:"Labels common to all the alerts included in this notification."},{name:"CommonAnnotations",type:"KeyValue",notes:"Annotations common to all the alerts included in this notification."},{name:"ExternalURL",type:"string",notes:"Back link to the Grafana that sent the notification."}],qe=[{name:"labels",type:"Object{}",notes:"Set of labels attached to the alert."},{name:"annotations",type:"Object{}",notes:"Set of annotations attached to the alert."},{name:"startsAt",type:"string (ISO8601)",notes:"Time the alert started firing."},{name:"endsAt",type:"string (ISO8601)",notes:"Time the alert ends firing."}],_e=[{name:"Status",type:"string",notes:"firing or resolved."},{name:"Labels",type:"KeyValue",notes:"Set of labels attached to the alert."},{name:"Annotations",type:"KeyValue",notes:"Set of annotations attached to the alert."},{name:"Values",type:"KeyValue",notes:"The values of all instant queries, reduce and math expressions, and classic conditions for the alert. It does not contain time series data."},{name:"StartsAt",type:"time.Time",notes:"Time the alert started firing."},{name:"EndsAt",type:"time.Time",notes:"Only set if the end time of an alert is known. Otherwise set to a configurable timeout period from the time since the last alert was received."},{name:"GeneratorURL",type:"string",notes:"A back link to Grafana or external Alertmanager."},{name:"SilenceURL",type:"string",notes:"Link to Grafana silence for with labels for this alert pre-filled. Only for Grafana managed alerts."},{name:"DashboardURL",type:"string",notes:"Link to Grafana dashboard, if alert rule belongs to one. Only for Grafana managed alerts."},{name:"PanelURL",type:"string",notes:"Link to Grafana dashboard panel, if alert rule belongs to one. Only for Grafana managed alerts."},{name:"Fingerprint",type:"string",notes:"Fingerprint that can be used to identify the alert."},{name:"ValueString",type:"string",notes:"String that contains the labels and value of each reduced expression in the alert."}],et=[{name:"SortedPairs",returns:"KeyValue",notes:"Returns sorted list of key & value string pairs"},{name:"Remove",args:"[]string",returns:"KeyValue",notes:"Returns a copy of the Key/Value map without the given keys."},{name:"Names",returns:"[]string",notes:"List of label names"},{name:"Values",returns:"[]string",notes:"List of label values"}],tt=`{
  "summary": "alert summary",
  "description": "alert description"
}
`;var We=t(38055);function nt(){const n=(0,G.of)(at),r=(0,e.jsx)(De,{caption:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(N.E,{variant:"h4",element:"h4",color:"primary",children:(0,e.jsx)(l.x6,{i18nKey:"alerting.template-data-docs.alert-template-data-table.alert-template-data",children:"Alert template data"})}),(0,e.jsx)(N.E,{variant:"bodySmall",children:(0,e.jsx)(l.x6,{i18nKey:"alerting.template-data-docs.alert-template-data-table.only-in-alert",children:"Available only when in the context of an Alert (e.g. inside .Alerts loop)"})})]}),dataItems:_e});return(0,e.jsx)(d.B,{gap:2,children:(0,e.jsx)(De,{caption:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(N.E,{variant:"h4",element:"h4",color:"primary",children:(0,e.jsx)(l.x6,{i18nKey:"alerting.template-data-docs.notification-template-data",children:"Notification template data"})}),(0,e.jsx)(N.E,{variant:"bodySmall",children:(0,e.jsx)(l.x6,{i18nKey:"alerting.template-data-docs.available-context-notification",children:"Available in the context of a notification."})})]}),dataItems:Xe,typeRenderer:o=>o==="[]Alert"?(0,e.jsx)(We.B,{content:r,children:(0,e.jsx)("div",{className:n.interactiveType,children:o})}):o==="KeyValue"?(0,e.jsx)(We.B,{content:(0,e.jsx)(st,{}),children:(0,e.jsx)("div",{className:n.interactiveType,children:o})}):o})})}const at=n=>({interactiveType:(0,a.css)({color:n.colors.text.link})});function De({dataItems:n,caption:r,typeRenderer:o}){const s=(0,G.of)(Ve);return(0,e.jsxs)("table",{className:s.table,children:[r&&(0,e.jsx)("caption",{children:r}),(0,e.jsx)("thead",{children:(0,e.jsxs)("tr",{children:[(0,e.jsx)("th",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.template-data-table.name",children:"Name"})}),(0,e.jsx)("th",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.template-data-table.type",children:"Type"})}),(0,e.jsx)("th",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.template-data-table.notes",children:"Notes"})})]})}),(0,e.jsx)("tbody",{children:n.map(({name:f,type:I,notes:h},O)=>(0,e.jsxs)("tr",{children:[(0,e.jsx)("td",{children:f}),(0,e.jsx)("td",{children:o?o(I):I}),(0,e.jsx)("td",{children:h})]},O))})]})}function st(){const n=(0,G.of)(Ve);return(0,e.jsxs)("div",{children:[(0,e.jsx)(l.x6,{i18nKey:"alerting.key-value-template-data-table.description",children:"KeyValue is a set of key/value string pairs that represent labels and annotations."}),(0,e.jsx)("pre",{children:(0,e.jsx)("code",{children:tt})}),(0,e.jsxs)("table",{className:n.table,children:[(0,e.jsx)("caption",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.key-value-template-data-table.keyvalue-methods",children:"Key-value methods"})}),(0,e.jsx)("thead",{children:(0,e.jsxs)("tr",{children:[(0,e.jsx)("th",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.key-value-template-data-table.name",children:"Name"})}),(0,e.jsx)("th",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.key-value-template-data-table.arguments",children:"Arguments"})}),(0,e.jsx)("th",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.key-value-template-data-table.returns",children:"Returns"})}),(0,e.jsx)("th",{children:(0,e.jsx)(l.x6,{i18nKey:"alerting.key-value-template-data-table.notes",children:"Notes"})})]})}),(0,e.jsx)("tbody",{children:et.map(({name:r,args:o,returns:s,notes:f})=>(0,e.jsxs)("tr",{children:[(0,e.jsx)("td",{children:r}),(0,e.jsx)("td",{children:o}),(0,e.jsx)("td",{children:s}),(0,e.jsx)("td",{children:f})]},r))})]})]})}const Ve=n=>({table:(0,a.css)({borderCollapse:"collapse",width:"100%",caption:{captionSide:"top"},"td, th":{padding:n.spacing(1,1)},thead:{fontWeight:n.typography.fontWeightBold},"tbody tr:nth-child(2n + 1)":{backgroundColor:n.colors.background.secondary},"tbody td:nth-child(1)":{fontWeight:n.typography.fontWeightBold},"tbody td:nth-child(2)":{fontStyle:"italic"}})});var lt=t(2543),rt=t(8073),ot=t(77824),it=t(81645),dt=t(8402);const ct={annotations:[{key:"",value:""}],labels:[{key:"",value:""}],status:"firing"},mt=({isOpen:n,onDismiss:r,onAccept:o})=>{const s=(0,G.of)(ut),[f,I]=(0,x.useState)([]),h=(0,Y.mN)({defaultValues:ct,mode:"onBlur"}),O=h.watch("annotations"),Q=h.watch("labels"),[K,C]=(0,x.useState)("firing"),P=()=>{const L={annotations:O.filter(({key:j,value:g})=>!!j&&!!g).reduce((j,{key:g,value:y})=>({...j,[g]:y}),{}),labels:Q.filter(({key:j,value:g})=>!!j&&!!g).reduce((j,{key:g,value:y})=>({...j,[g]:y}),{}),startsAt:"2023-04-01T00:00:00Z",endsAt:K==="firing"?(0,z.f)(new Date,1).toISOString():H(new Date,1).toISOString(),status:K,fingerprint:(0,lt.uniqueId)("fingerprint_")};I(j=>[...j,L]),h.reset()},E=()=>{o(f),I([]),h.reset(),C("firing")},X=()=>{const L=Q.some(g=>g.key!==""&&g.value!==""),j=O.some(g=>g.key!==""&&g.value!=="");return L||j},w=[{label:(0,l.t)("alerting.generate-alert-data-modal.alert-options.label.firing","Firing"),value:"firing"},{label:(0,l.t)("alerting.generate-alert-data-modal.alert-options.label.resolved","Resolved"),value:"resolved"}];return(0,e.jsx)(ve.a,{onDismiss:r,isOpen:n,title:(0,l.t)("alerting.generate-alert-data-modal.title-add-custom-alerts","Add custom alerts"),children:(0,e.jsx)(Y.Op,{...h,children:(0,e.jsxs)("form",{onSubmit:L=>{L.preventDefault(),L.stopPropagation(),h.reset(),C("firing")},children:[(0,e.jsx)(rt.Z,{noMargin:!0,children:(0,e.jsxs)(d.B,{direction:"column",gap:1,children:[(0,e.jsx)("div",{className:s.section,children:(0,e.jsx)(it.A,{})}),(0,e.jsx)("div",{className:s.section,children:(0,e.jsx)(dt.Ay,{})}),(0,e.jsxs)("div",{className:s.flexWrapper,children:[(0,e.jsx)(ot.z,{value:K,options:w,onChange:L=>C(L)}),(0,e.jsx)(u.$n,{onClick:P,className:s.onAddButton,icon:"plus-circle",type:"button",variant:"secondary",disabled:!X(),children:(0,e.jsx)(l.x6,{i18nKey:"alerting.generate-alert-data-modal.add-alert-data",children:"Add alert data"})})]})]})}),(0,e.jsx)("div",{className:s.onSubmitWrapper}),f.length>0&&(0,e.jsxs)(d.B,{direction:"column",gap:1,children:[(0,e.jsx)("h5",{children:(0,e.jsxs)(l.x6,{i18nKey:"alerting.generate-alert-data-modal.review-alert-payload",children:[" ","Review alert data to add to the payload:"]})}),(0,e.jsx)("pre",{className:s.result,"data-testid":"payloadJSON",children:JSON.stringify(f,null,2)})]}),(0,e.jsx)("div",{className:s.onSubmitWrapper,children:(0,e.jsx)(ve.a.ButtonRow,{children:(0,e.jsx)(u.$n,{onClick:E,disabled:f.length===0,className:s.onSubmitButton,children:(0,e.jsx)(l.x6,{i18nKey:"alerting.generate-alert-data-modal.add-alert-data-to-payload",children:"Add alert data to payload"})})})})]})})})},ut=n=>({section:(0,a.css)({marginBottom:n.spacing(2)}),onAddButton:(0,a.css)({flex:"none",width:"fit-content",paddingRight:n.spacing(1),marginLeft:"auto"}),flexWrapper:(0,a.css)({display:"flex",flexDirection:"row",justifyContent:"space-between"}),onSubmitWrapper:(0,a.css)({display:"flex",flexDirection:"row",alignItems:"baseline",justifyContent:"flex-end"}),onSubmitButton:(0,a.css)({marginLeft:n.spacing(2)}),result:(0,a.css)({width:"570px",height:"363px"})}),pt="Reset to defaults";function ft({payload:n,setPayload:r,defaultPayload:o,setPayloadFormatError:s,payloadFormatError:f,className:I}){const h=(0,G.of)(ht),O=()=>{r(o)},[Q,K]=(0,x.useState)(!1),C=()=>{K(!1)},P=f!==null,E=()=>{try{const y=JSON.parse(n);JSON.stringify([...y]),s(null)}catch(y){throw s(y instanceof Error?y.message:"Invalid JSON."),y}},X=()=>{try{E(),K(!0)}catch{}},w=()=>{try{E(),g(!0)}catch{}},L=y=>{C(),g(!1),r(ne=>{const de=JSON.parse(ne);return JSON.stringify([...de,...y],void 0,2)})},[j,g]=(0,x.useState)(!1);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:(0,a.cx)(h.wrapper,I),children:[(0,e.jsx)(we.D,{label:(0,l.t)("alerting.payload-editor.label-payload","Payload"),actions:(0,e.jsxs)(d.B,{direction:"row",alignItems:"center",gap:.5,children:[(0,e.jsx)(V.m,{overlay:(0,e.jsxs)(A.W,{children:[(0,e.jsx)(A.W.Item,{label:(0,l.t)("alerting.payload-editor.label-use-existing-alert-instances","Use existing alert instances"),disabled:P,onClick:w}),(0,e.jsx)(A.W.Item,{label:(0,l.t)("alerting.payload-editor.label-add-custom-alert-instance","Add custom alert instance"),disabled:P,onClick:X}),(0,e.jsx)(A.W.Divider,{}),(0,e.jsx)(A.W.Item,{label:pt,onClick:O,destructive:!0})]}),children:(0,e.jsx)(u.$n,{variant:"secondary",size:"sm",icon:"angle-down",children:(0,e.jsx)(l.x6,{i18nKey:"alerting.payload-editor.edit-payload",children:"Edit payload"})})}),(0,e.jsx)(Ge.G,{content:(0,e.jsx)(gt,{}),placement:"top",fitContent:!0,children:(0,e.jsx)(u.$n,{variant:"secondary",fill:"outline",size:"sm",icon:"question-circle",children:(0,e.jsx)(l.x6,{i18nKey:"alerting.payload-editor.reference",children:"Reference"})})})]})}),(0,e.jsx)("div",{className:h.editorWrapper,children:(0,e.jsx)(oe.Ay,{children:({width:y,height:ne})=>(0,e.jsx)(ze.B,{containerStyles:h.editorContainer,width:y,height:ne,language:"json",showLineNumbers:!0,showMiniMap:!1,value:n,readOnly:!1,onBlur:r,monacoOptions:{scrollBeyondLastLine:!1}})})})]}),(0,e.jsx)(mt,{isOpen:Q,onDismiss:C,onAccept:L}),(0,e.jsx)(Ye,{onSelect:L,isOpen:j,onClose:()=>g(!1)})]})}const gt=()=>(0,e.jsx)(De,{dataItems:qe}),ht=n=>({wrapper:(0,a.css)({display:"flex",flexDirection:"column",height:"100%"}),tooltip:(0,a.css)({paddingLeft:n.spacing(1)}),label:(0,a.css)({margin:0}),editorWrapper:(0,a.css)({flex:1}),editorContainer:(0,a.css)({width:"fit-content",border:"none"}),templateDataDocsHeader:(0,a.css)({color:n.colors.text.primary,span:{color:n.colors.text.secondary,fontSize:n.typography.bodySmall.fontSize}})}),xt=[{description:"Default templates for notification titles",example:`{{- /* This is a copy of the "default.title" template. */ -}}
{{- /* Edit the template name and template content as needed. */ -}}
{{ define "default.title.copy" }}
  [{{ .Status | toUpper }}{{ if eq .Status "firing" }}:{{ .Alerts.Firing | len }}{{ if gt (.Alerts.Resolved | len) 0 }}, RESOLVED:{{ .Alerts.Resolved | len }}{{ end }}{{ end }}] {{ .GroupLabels.SortedPairs.Values | join " " }} {{ if gt (len .CommonLabels) (len .GroupLabels) }}({{ with .CommonLabels.Remove .GroupLabels.Names }}{{ .Values | join " " }}{{ end }}){{ end }}
{{ end }}`},{description:"Default templates for notification messages",example:`{{- /* This is a copy of the "default.message" template. */ -}}
{{- /* Edit the template name and template content as needed. */ -}}
{{ define "default.message.copy" }}{{ if gt (len .Alerts.Firing) 0 }}**Firing**
{{ template "__text_alert_list.copy" .Alerts.Firing }}{{ if gt (len .Alerts.Resolved) 0 }}

{{ end }}{{ end }}{{ if gt (len .Alerts.Resolved) 0 }}**Resolved**
{{ template "__text_alert_list.copy" .Alerts.Resolved }}{{ end }}{{ end }}

{{ define "__text_alert_list.copy" }}{{ range . }}
Value: {{ template "__text_values_list.copy" . }}
Labels:
{{ range .Labels.SortedPairs }} - {{ .Name }} = {{ .Value }}
{{ end }}Annotations:
{{ range .Annotations.SortedPairs }} - {{ .Name }} = {{ .Value }}
{{ end }}{{ if gt (len .GeneratorURL) 0 }}Source: {{ .GeneratorURL }}
{{ end }}{{ if gt (len .SilenceURL) 0 }}Silence: {{ .SilenceURL }}
{{ end }}{{ if gt (len .DashboardURL) 0 }}Dashboard: {{ .DashboardURL }}
{{ end }}{{ if gt (len .PanelURL) 0 }}Panel: {{ .PanelURL }}
{{ end }}{{ end }}{{ end }}

{{ define "__text_values_list.copy" }}{{ if len .Values }}{{ $first := true }}{{ range $refID, $value := .Values -}}
{{ if $first }}{{ $first = false }}{{ else }}, {{ end }}{{ $refID }}={{ $value }}{{ end -}}
{{ else }}[no value]{{ end }}{{ end }}`},{description:"Print alerts with summary and description",example:`{{- /* Example displaying the summary and description annotations of each alert in the notification. */ -}}
{{- /* Edit the template name and template content as needed. */ -}}
{{ define "custom.alerts" -}}
{{ len .Alerts }} alert(s)
{{ range .Alerts -}}
  {{ template "alert.summary_and_description" . -}}
{{ end -}}
{{ end -}}

{{ define "alert.summary_and_description" }}
  Summary: {{.Annotations.summary}}
  Status: {{ .Status }}
  Description: {{.Annotations.description}}
{{ end -}}`},{description:"Print firing and resolved alerts",example:`{{- /* Example displaying firing and resolved alerts separately in the notification. */ -}}
{{- /* Edit the template name and template content as needed. */ -}}
{{ define "custom.firing_and_resolved_alerts" -}}
{{ len .Alerts.Resolved }} resolved alert(s)
{{ range .Alerts.Resolved -}}
  {{ template "alert.summary_and_description" . -}}
{{ end }}
{{ len .Alerts.Firing }} firing alert(s)
{{ range .Alerts.Firing -}}
  {{ template "alert.summary_and_description" . -}}
{{ end -}}
{{ end -}}

{{ define "alert.summary_and_description" }}
  Summary: {{.Annotations.summary}}
  Status: {{ .Status }}
  Description: {{.Annotations.description}}
{{ end -}}`},{description:"Print common labels and annotations",example:`{{- /* Example displaying labels and annotations that are common to all alerts in the notification.*/ -}}
{{- /* Edit the template name and template content as needed. */ -}}
{{ define "custom.common_labels_and_annotations" -}}
{{ len .Alerts.Resolved }} resolved alert(s)
{{ len .Alerts.Firing }} firing alert(s)

Common labels: {{ len .CommonLabels.SortedPairs }}
{{ range .CommonLabels.SortedPairs -}}
- {{ .Name }} = {{ .Value }}
{{ end }}

Common annotations: {{ len .CommonAnnotations.SortedPairs }}
{{ range .CommonAnnotations.SortedPairs }}
- {{ .Name }} = {{ .Value }}
{{ end }}

{{ end -}}`},{description:"Print individual labels and annotations",example:`{{- /* Example displaying all labels and annotations for each alert in the notification.*/ -}}
{{- /* Edit the template name and template content as needed. */ -}}
{{ define "custom.alert_labels_and_annotations" -}}
{{ len .Alerts.Resolved }} resolved alert(s)
{{ range .Alerts.Resolved -}}
  {{ template "alert.labels_and_annotations" . -}}
{{ end }}
{{ len .Alerts.Firing }} firing alert(s)
{{ range .Alerts.Firing -}}
  {{ template "alert.labels_and_annotations" . -}}
{{ end -}}
{{ end -}}

{{ define "alert.labels_and_annotations" }}
Alert labels: {{ len .Labels.SortedPairs }}
{{ range .Labels.SortedPairs -}}
- {{ .Name }} = {{ .Value }}
{{ end -}}
Alert annotations: {{ len .Annotations.SortedPairs }}
{{ range .Annotations.SortedPairs -}}
- {{ .Name }} = {{ .Value }}
{{ end -}}
{{ end -}}`},{description:"Print URLs for runbook and alert data in Grafana",example:`{{- /* Example displaying additional information, such as runbook link, DashboardURL and SilenceURL, for each alert in the notification.*/ -}}
{{- /* Edit the template name and template content as needed. */ -}}
{{ define "custom.alert_additional_details" -}}
{{ len .Alerts.Resolved }} resolved alert(s)
{{ range .Alerts.Resolved -}}
  {{ template "alert.additional_details" . -}}
{{ end }}
{{ len .Alerts.Firing }} firing alert(s)
{{ range .Alerts.Firing -}}
  {{ template "alert.additional_details" . -}}
{{ end -}}
{{ end -}}

{{ define "alert.additional_details" }}
- Dashboard: {{ .DashboardURL }}
- Panel: {{ .PanelURL }}
- AlertGenerator: {{ .GeneratorURL }}
- Silence: {{ .SilenceURL }}
- RunbookURL: {{ .Annotations.runbook_url}}
{{ end -}}`},{description:"Create JSON payload for webhook contact point",example:`{{- /* Example displaying a custom JSON payload for a webhook contact point.*/ -}}
{{- /* Edit the template name and template content as needed. */ -}}
{{- /* Variables defined in the webhook contact point can be accessed in .Vars but will not be previewable. */ -}}
{{ define "webhook.custom.payload" -}}
  {{ coll.Dict
  "receiver" .Receiver
  "status" .Status
  "alerts" (tmpl.Exec "webhook.custom.simple_alerts" .Alerts | data.JSON)
  "groupLabels" .GroupLabels
  "commonLabels" .CommonLabels
  "commonAnnotations" .CommonAnnotations
  "externalURL" .ExternalURL
  "version" "1"
  "orgId"  (index .Alerts 0).OrgID
  "truncatedAlerts"  .TruncatedAlerts
  "groupKey" .GroupKey
  "state"  (tmpl.Inline "{{ if eq .Status \\"resolved\\" }}ok{{ else }}alerting{{ end }}" . )
  "allVariables"  .Vars
  "title" (tmpl.Exec "default.title" . )
  "message" (tmpl.Exec "default.message" . )
  | data.ToJSONPretty " "}}
{{- end }}

{{- /* Example showcasing embedding json templates in other json templates. */ -}}
{{ define "webhook.custom.simple_alerts" -}}
  {{- $alerts := coll.Slice -}}
  {{- range . -}}
    {{ $alerts = coll.Append (coll.Dict
    "status" .Status
    "labels" .Labels
    "startsAt" .StartsAt
    "endsAt" .EndsAt
    ) $alerts}}
  {{- end -}}
  {{- $alerts | data.ToJSON -}}
{{- end }}`}];var yt=t(1332),vt=t(17374),jt=t(32443);const bt=Object.freeze({title:"",content:""}),Dt=n=>n.pathname.endsWith("/duplicate"),St=({originalTemplate:n,prefill:r,alertmanager:o})=>{const s=(0,G.of)(Me),f=(0,k._2)(),[I,{error:h}]=(0,ye.xW)({alertmanager:o}),[O,{error:Q}]=(0,ye.A1)({alertmanager:o}),{titleIsUnique:K}=(0,ye.lx)({alertmanager:o,originalTemplate:n}),C=(0,x.useRef)(null),P=o===Pe.hY,E=Q??h,[X,w]=(0,Se.A)(!1),[L,j]=(0,x.useState)(Te),[g,y]=(0,x.useState)(null),[ne,de]=(0,x.useState)(!1),{isProvisioned:pe}=(0,ye.OA)(n),je=n?{title:n.title,content:n.content}:void 0,ae=(0,ge.h)({direction:"column",initialSize:P?.5:1,dragPosition:"middle"}),se=(0,ge.h)({direction:"row",initialSize:P?.6:1,dragPosition:"middle"}),p=(0,Y.mN)({mode:"onSubmit",defaultValues:r??je??bt}),{handleSubmit:c,register:v,formState:{errors:R,isSubmitting:M},getValues:le,setValue:ce,watch:q}=p,Oe=async B=>{const _=(0,Ee.nL)("/alerting/notifications",o,{tab:xe.ActiveTab.NotificationTemplates});try{n?await O.execute({template:n,patch:B}):await I.execute({templateValues:B}),f.success("Template saved",`Template ${B.title} has been saved`),Ae.Ny.push(_)}catch(fe){f.error("Error saving template",(0,Ee.JZ)(fe))}},Rt=B=>{const _=le("content"),fe=_?`${_}
${B}`:B;ce("content",fe)},Nt=B=>{ce("content",B),de(!0)};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(Y.Op,{...p,children:(0,e.jsxs)("form",{onSubmit:c(Oe),ref:C,className:s.form,"aria-label":(0,l.t)("alerting.template-form.aria-label-template-form","Template form"),children:[E&&(0,e.jsx)(ie.F,{severity:"error",title:(0,l.t)("alerting.template-form.title-error-saving-template","Error saving template"),children:E.message||(0,Ce.NF)(E)&&E.data?.message||String(E)}),pe&&(0,e.jsx)(he.a,{grow:0,children:(0,e.jsx)(Be.Yi,{resource:Be.hk.Template})}),(0,e.jsx)(i.n,{disabled:pe,className:s.fieldset,children:(0,e.jsxs)(d.B,{direction:"column",gap:1,alignItems:"stretch",minHeight:"100%",children:[(0,e.jsxs)(d.B,{direction:"row",alignItems:"center",children:[(0,e.jsx)(T.I,{label:(0,l.t)("alerting.template-form.label-template-group-name","Template group name"),error:R?.title?.message,invalid:!!R.title?.message,required:!0,children:(0,e.jsx)(W.p,{...v("title",{required:{value:!0,message:(0,l.t)("alerting.template-form.message.required","Required.")},validate:{titleIsUnique:K}}),placeholder:(0,l.t)("alerting.template-form.new-template-name-placeholder-give-your-template-group-a-name","Give your template group a name"),width:42,autoFocus:!0,id:"new-template-name"})}),(0,e.jsx)(Ue.h,{}),(0,e.jsxs)(d.B,{children:[(0,e.jsx)(u.$n,{onClick:()=>C.current?.requestSubmit(),variant:"primary",disabled:M,children:(0,e.jsx)(l.x6,{i18nKey:"common.save",children:"Save"})}),(0,e.jsx)(u.z9,{disabled:M,href:(0,Ee.nL)("alerting/notifications",o,{tab:xe.ActiveTab.NotificationTemplates}),variant:"secondary",children:(0,e.jsx)(l.x6,{i18nKey:"common.cancel",children:"Cancel"})})]})]}),(0,e.jsxs)("div",{...se.containerProps,className:s.contentContainer,children:[(0,e.jsx)("div",{...se.primaryProps,children:(0,e.jsxs)("div",{...ae.containerProps,className:s.contentField,children:[(0,e.jsx)("div",{...ae.primaryProps,children:(0,e.jsxs)("div",{className:(0,a.cx)(s.flexColumn,s.containerWithBorderAndRadius,s.minEditorSize),children:[(0,e.jsx)("div",{children:(0,e.jsx)(we.D,{label:(0,l.t)("alerting.template-form.label-template-group","Template group"),actions:(0,e.jsxs)(e.Fragment,{children:[P&&(0,e.jsx)(V.m,{overlay:(0,e.jsxs)(A.W,{children:[xt.map((B,_)=>(0,e.jsx)(A.W.Item,{label:B.description,onClick:()=>Rt(B.example)},_)),(0,e.jsx)(A.W.Divider,{}),(0,e.jsx)(A.W.Item,{label:(0,l.t)("alerting.template-form.label-examples-documentation","Examples documentation"),url:"https://grafana.com/docs/grafana/latest/alerting/configure-notifications/template-notifications/examples/",target:"_blank",icon:"external-link-alt"})]}),children:(0,e.jsx)(u.$n,{variant:"secondary",size:"sm",icon:"angle-down",children:(0,e.jsx)(l.x6,{i18nKey:"alerting.templates.editor.add-example",children:"Add example"})})}),P&&(0,e.jsx)(Ne,{onTemplateGenerated:Nt,disabled:pe}),(0,e.jsx)(u.$n,{icon:"question-circle",size:"sm",fill:"outline",variant:"secondary",onClick:w,children:(0,e.jsx)(l.x6,{i18nKey:"common.help",children:"Help"})})]})})}),(0,e.jsx)(he.a,{flex:1,children:(0,e.jsx)(oe.Ay,{children:({width:B,height:_})=>(0,e.jsx)(yt.K,{value:le("content"),onBlur:fe=>ce("content",fe),containerStyles:s.editorContainer,width:B,height:_})})})]})}),P&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{...ae.splitterProps}),(0,e.jsx)("div",{...ae.secondaryProps,children:(0,e.jsx)("div",{className:(0,a.cx)(s.containerWithBorderAndRadius,s.minEditorSize,s.payloadEditor,s.flexFull),children:(0,e.jsx)(ft,{payload:L,defaultPayload:Te,setPayload:j,setPayloadFormatError:y,payloadFormatError:g})})})]})]})}),P&&(0,e.jsxs)("div",{...se.secondaryProps,children:[(0,e.jsx)("div",{...se.splitterProps}),(0,e.jsx)(vt.p,{payload:L,templateName:q("title"),templateContent:q("content"),setPayloadFormatError:y,payloadFormatError:g,className:(0,a.cx)(s.templatePreview,s.minEditorSize),aiGeneratedTemplate:ne,setAiGeneratedTemplate:de})]})]})]})})]})}),X&&(0,e.jsx)(J._,{title:(0,l.t)("alerting.template-form.title-templating-cheat-sheet","Templating cheat sheet"),onClose:w,size:"lg",children:(0,e.jsx)(Ct,{})})]})};function At(){const n=(0,G.of)(Me),r=(0,l.t)("alerting.templates.help.intro",`Notification templates use Go templating language to create notification messages.

In Grafana, a template group can define multiple notification templates using {{ define "<NAME>" }}.
These templates can then be used in contact points and within other notification templates by calling {{ template "<NAME>" }}.
For detailed information about notification templates, refer to our documentation.`);return(0,e.jsx)(ie.F,{title:"",severity:"info",children:(0,e.jsxs)(d.B,{direction:"column",gap:2,children:[(0,e.jsxs)(d.B,{direction:"row",children:[(0,e.jsx)("div",{style:{whiteSpace:"pre"},children:r}),(0,e.jsx)("div",{children:(0,e.jsx)(u.z9,{href:"https://grafana.com/docs/grafana/latest/alerting/manage-notifications/template-notifications/",target:"_blank",icon:"external-link-alt",variant:"secondary",children:(0,e.jsx)(l.x6,{i18nKey:"alerting.templates.editor.goto-docs",children:"Notification templates documentation"})})})]}),(0,e.jsxs)(N.E,{variant:"bodySmall",children:[(0,e.jsx)(l.x6,{i18nKey:"alerting.templates.editor.auto-complete",children:"For auto-completion of common templating code, type the following keywords in the content editor:"}),(0,e.jsx)("div",{className:n.code,children:Object.values(jt.L).map(o=>o.label).join(", ")})]})]})})}function Ct(){return(0,e.jsxs)(d.B,{direction:"column",gap:1,children:[(0,e.jsx)(At,{}),(0,e.jsx)(nt,{})]})}const Me=n=>{const r=n.breakpoints.down("md");return{flexFull:(0,a.css)({flex:1}),minEditorSize:(0,a.css)({minHeight:300,minWidth:300}),payloadEditor:(0,a.css)({minHeight:0}),containerWithBorderAndRadius:(0,a.css)({borderRadius:n.shape.radius.default,border:`1px solid ${n.colors.border.medium}`}),flexColumn:(0,a.css)({display:"flex",flex:1,flexDirection:"column"}),form:(0,a.css)({label:"template-form",height:"100%",display:"flex",flexDirection:"column"}),fieldset:(0,a.css)({label:"template-fieldset",flex:1,display:"flex",flexDirection:"column"}),label:(0,a.css)({margin:0}),contentContainer:(0,a.css)({flex:1,display:"flex",flexDirection:"row"}),contentField:(0,a.css)({display:"flex",flexDirection:"column",flex:1,marginBottom:0}),templatePreview:(0,a.css)({flex:1,display:"flex"}),templatePayload:(0,a.css)({flex:1}),editorContainer:(0,a.css)({width:"fit-content",border:"none"}),payloadCollapseButton:(0,a.css)({backgroundColor:n.colors.info.transparent,margin:0,[r]:{display:"none"}}),code:(0,a.css)({color:n.colors.text.secondary,fontWeight:n.typography.fontWeightBold})}},Lt=[{status:"firing",annotations:{summary:"Instance instance1 has been down for more than 5 minutes",description:"The instance instance1 has been unreachable for more than 5 minutes, indicating a potential service outage."},labels:{alertname:"InstanceDown",instance:"instance1",severity:"critical",service:"service1",environment:"production"},startsAt:H(new Date,1).toISOString(),endsAt:m(new Date,5).toISOString(),fingerprint:"a5331f0d5a9d81d4",generatorURL:"http://grafana.com/alerting/grafana/cdeqmlhvflz40f/view"},{status:"resolved",annotations:{summary:"CPU usage above 90%",description:"The CPU usage on instance1 has exceeded 90% for an extended period, which may indicate performance issues or resource constraints."},labels:{alertname:"CpuUsage",instance:"instance1",severity:"warning",service:"service1",environment:"dev"},startsAt:$(new Date,4).toISOString(),endsAt:new Date().toISOString(),fingerprint:"b77d941310f9d381",generatorURL:"http://grafana.com/alerting/grafana/oZSMdGj7z/view"}],Te=JSON.stringify(Lt,null,2)}}]);

//# sourceMappingURL=9292.e6befb57f8f116ad95a8.js.map