1#@!#!123s

: / usr / share / grafana / public / build /
Filename : scenes.76767e44ac60d1c075cc.js
back
"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[207],{41287:(O,d,a)=>{a.r(d),a.d(d,{SceneListPage:()=>l,default:()=>c});var e=a(27702),t=a(25111),o=a(23852),n=a(50230),w=a(44644),m=a(63064),u=a(927);const l=({})=>{const b=(0,u.F)(),f=(0,t.Z)(()=>(0,m.getGrafanaSearcher)().starred({starred:!0}),[]);return e.createElement(w.T,{navId:"scenes",subTitle:"Experimental new runtime and state model for dashboards"},e.createElement(w.T.Contents,null,e.createElement(o.K,{direction:"column",gap:1},e.createElement("h5",null,"Apps"),e.createElement(o.K,{direction:"column",gap:0},e.createElement(n.Z,{href:"/scenes/grafana-monitoring"},e.createElement(n.Z.Heading,null,"Grafana monitoring"))),e.createElement("h5",null,"Test scenes"),e.createElement(o.K,{direction:"column",gap:0},b.map(h=>e.createElement(n.Z,{key:h.title,href:`/scenes/${h.title}`},e.createElement(n.Z.Heading,null,h.title)))),f.value&&e.createElement(e.Fragment,null,e.createElement("h5",null,"Starred dashboards"),e.createElement(o.K,{direction:"column",gap:0},f.value.view.map(h=>e.createElement(n.Z,{href:`/scenes/dashboard/${h.uid}`,key:h.uid},e.createElement(n.Z.Heading,null,h.name))))))))},c=l},55509:(O,d,a)=>{a.r(d),a.d(d,{ScenePage:()=>n,default:()=>w});var e=a(27702),t=a(80734),o=a(927);const n=m=>{const u=(0,o.H)(m.match.params.name),[l,c]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{u&&!l&&((0,t.oo)().initSync(u),c(!0))},[l,u]),u?l?e.createElement(u.Component,{model:u}):null:e.createElement("h2",null,"Scene not found")},w=n},12808:(O,d,a)=>{a.r(d),a.d(d,{GrafanaMonitoringApp:()=>F,default:()=>Q,getHandlerDrilldownPage:()=>B,getMainPageScene:()=>X});var e=a(27702),t=a(80734),o=a(56868),n=a(74161),w=a(75578),m=a(93666),u=a(26129),l=a(64167),c=a(66670),b=a(40705);class f extends t.wx{constructor(){super(...arguments),this.onChange=i=>{this.setState({value:i}),this.state.onChange(i)}}}f.Component=({model:r})=>{const{options:i,value:s}=r.useState();return e.createElement(b.S,{options:i,value:s,onChange:r.onChange})};var h=a(1128);class $ extends t.wx{constructor(){super(...arguments),this.onChange=i=>{this.setState({value:i.currentTarget.value})}}}$.Component=({model:r})=>{const{value:i}=r.useState();return e.createElement(h.I,{width:25,placeholder:"Search...",value:i,onChange:r.onChange})};var E=a(39343),C=a(19221),x=a(14544),g=a(20371);function v(r){const i={id:C.mE.regex,options:{value:r}};return{id:x.W.filterByValue,options:{type:g.PQ.include,match:g.ER.all,filters:[{fieldName:"handler",config:i}]}}}function D(r){return()=>i=>i.pipe((0,E.U)(s=>s.filter(y=>(0,w.nf)(y).toLowerCase().includes(r.toLowerCase()))))}var H=a(78968);function k(){const r=useLocation();return locationSearchToObject(r.search||"")}function U(r,i){return H.Cj.renderUrl(r,i)}function M(r){return new t.uq({datasource:{uid:"gdev-prometheus"},queries:[{refId:"A",instant:!0,format:"table",maxDataPoints:500,...r}]})}function T(r){return new t.uq({datasource:{uid:"gdev-prometheus"},queries:[{refId:"A",range:!0,format:"time_series",maxDataPoints:500,...r}]})}function _(){return new t.hT({variables:[new t.$1({name:"instance",datasource:{uid:"gdev-prometheus"},query:{query:"label_values(grafana_http_request_duration_seconds_sum, instance)"}})]})}function z(){const r=new $({value:""}),i=M({expr:"sort_desc(avg without(job, instance) (rate(grafana_http_request_duration_seconds_sum[$__rate_interval]) * 1e3)) "}),s=new t.bM({$data:i,transformations:[v("")]});s.addActivationHandler(()=>{const p=r.subscribeToState(S=>{s.setState({transformations:[v(S.value)]}),s.reprocessTransformations()});return()=>p.unsubscribe()});const y=t.wX.table().setTitle("Handlers").setData(s).setOption("footer",{enablePagination:!0}).setOverrides(p=>p.matchFieldsWithNameByRegex(".*").overrideFilterable(!1).matchFieldsWithName("Time").overrideCustomFieldConfig("hidden",!0).matchFieldsWithName("Value").overrideDisplayName("Duration (Avg)").matchFieldsWithName("handler").overrideLinks([{title:"Go to handler drilldown view",url:"",onBuildUrl:()=>{const S=u.E1.getSearchObject();return U("/scenes/grafana-monitoring/handlers/${__value.text:percentencode}",S)}}])).build(),j=new t.uq({datasource:{uid:"gdev-prometheus"},queries:[{refId:"A",expr:"topk(20, avg without(job, instance) (rate(grafana_http_request_duration_seconds_sum[$__rate_interval])) * 1e3)",range:!0,format:"time_series",legendFormat:"{{method}} {{handler}} (status = {{status_code}})",maxDataPoints:500}]}),P=new t.bM({$data:j,transformations:[D("")]});P.addActivationHandler(()=>{const p=r.subscribeToState(S=>{P.setState({transformations:[D(S.value)]}),P.reprocessTransformations()});return()=>p.unsubscribe()});const N=new t.$M({$data:P,body:new t.QY({direction:"column",children:[]}),getLayoutChild:(p,S,A)=>new t.fy({key:`panel-${A}`,minHeight:200,$data:new t.Yt({data:{...p,series:[S]}}),body:new t.QY({direction:"row",key:`row-${A}`,children:[new t.fy({key:`flex1-${A}`,body:t.wX.timeseries().setTitle((0,w.nf)(S)).setOption("legend",{showLegend:!1}).setHeaderActions(e.createElement(c.Qj,{fill:"text",size:"sm",icon:"arrow-right",href:K(S.fields[1].labels.handler)},"Details")).build()}),new t.fy({key:`flex2-${A}`,width:200,body:t.wX.stat().setTitle("Last").setOption("graphMode",l.IG.None).setOption("textMode",l.jG.Value).setDisplayName("Last").build()})]})})}),L=new t.QY({children:[new t.fy({body:y})]}),Z=new f({options:[{value:"table",label:"Table"},{value:"graphs",label:"Graphs"}],value:"table",onChange:p=>{p==="table"?L.setState({children:[new t.fy({body:y})]}):L.setState({children:[N]})}});return new t.U4({$variables:_(),$data:i,$timeRange:new t.gg({from:"now-1h",to:"now"}),controls:[new t.dn({}),r,new t.o$,Z,new t.n7({isOnCanvas:!0}),new t.vf({isOnCanvas:!0})],body:L})}function K(r){const i=u.E1.getSearchObject();return U(`/scenes/grafana-monitoring/handlers/${encodeURIComponent(r)}`,i)}function W(r){const i=T({expr:`avg without(job, instance) (rate(grafana_http_request_duration_seconds_sum{handler="${r}"}[$__rate_interval])) * 1e3`,legendFormat:"{{method}} {{handler}} (status = {{status_code}})"}),s=T({expr:`sum without(job, instance) (rate(grafana_http_request_duration_seconds_count{handler="${r}"}[$__rate_interval])) `,legendFormat:"{{method}} {{handler}} (status = {{status_code}})"});return new t.U4({$variables:_(),$timeRange:new t.gg({from:"now-1h",to:"now"}),controls:[new t.dn({}),new t.o$,new t.n7({isOnCanvas:!0}),new t.vf({isOnCanvas:!0})],body:new t.QY({direction:"column",children:[new t.fy({body:t.wX.timeseries().setData(i).setTitle("Request duration avg (ms)").build()}),new t.fy({body:t.wX.timeseries().setData(s).setTitle("Request count/s").build()})]})})}function I(){return new t.U4({$variables:_(),$timeRange:new t.gg({from:"now-1h",to:"now"}),controls:[new t.dn({}),new t.o$,new t.n7({isOnCanvas:!0}),new t.vf({isOnCanvas:!0})],body:new t.QY({direction:"column",children:[new t.fy({height:150,body:new t.QY({children:[new t.fy({body:R("grafana_stat_totals_dashboard","Dashboards")}),new t.fy({body:R("grafana_stat_total_users","Users")}),new t.fy({body:R("sum(grafana_stat_totals_datasource)","Data sources")}),new t.fy({body:R("grafana_stat_total_service_account_tokens","Service account tokens")})]})}),new t.fy({body:t.wX.timeseries().setData(new t.uq({datasource:{uid:"gdev-prometheus"},queries:[{refId:"A",expr:'sum(process_resident_memory_bytes{job="grafana", instance=~"$instance"})',range:!0,format:"time_series",maxDataPoints:500}]})).setTitle("Memory usage").setOption("legend",{showLegend:!1}).setUnit("bytes").setMin(0).setCustomFieldConfig("lineWidth",2).setCustomFieldConfig("fillOpacity",6).build()}),new t.fy({body:t.wX.timeseries().setData(new t.uq({datasource:{uid:"gdev-prometheus"},queries:[{refId:"A",expr:'sum(go_goroutines{job="grafana", instance=~"$instance"})',range:!0,format:"time_series",maxDataPoints:500}]})).setOption("legend",{showLegend:!1}).setMin(0).setCustomFieldConfig("lineWidth",2).setCustomFieldConfig("fillOpacity",6).setTitle("Go routines").build()})]})})}function R(r,i){return t.wX.stat().setData(M({expr:r})).setTitle(i).setColor({fixedColor:"text",mode:m.S.Fixed}).build()}function V(r){const i=new t.uq({datasource:{uid:"gdev-loki"},queries:[{refId:"A",expr:`{job="grafana"} | logfmt | handler=\`${r}\` | __error__=\`\``,queryType:"range",maxDataPoints:5e3}]});return new t.U4({$variables:_(),$timeRange:new t.gg({from:"now-1h",to:"now"}),controls:[new t.dn({}),new t.o$,new t.n7({isOnCanvas:!0}),new t.vf({isOnCanvas:!0})],body:new t.QY({direction:"column",children:[new t.fy({body:t.wX.logs().setData(i).setTitle("").setOption("showTime",!0).setOption("showLabels",!1).setOption("showCommonLabels",!1).setOption("wrapLogMessage",!0).setOption("prettifyLogMessage",!1).setOption("enableLogDetails",!0).setOption("dedupStrategy",l.Y4.none).setOption("sortOrder",l.UV.Descending).build()})]})})}function Y(){const r=new t.uq({datasource:{uid:"gdev-loki"},queries:[{refId:"A",expr:'{job="grafana"} | logfmt | __error__=``',queryType:"range",maxDataPoints:5e3}]});return new t.U4({$variables:_(),$timeRange:new t.gg({from:"now-1h",to:"now"}),controls:[new t.dn({}),new t.o$,new t.n7({isOnCanvas:!0}),new t.vf({isOnCanvas:!0})],body:new t.QY({direction:"column",children:[new t.fy({body:t.wX.logs().setTitle("").setData(r).setOption("showTime",!0).setOption("showLabels",!1).setOption("showCommonLabels",!1).setOption("wrapLogMessage",!0).setOption("prettifyLogMessage",!1).setOption("enableLogDetails",!0).setOption("dedupStrategy",l.Y4.none).setOption("sortOrder",l.UV.Descending).build()})]})})}function G(){const r=t.wX.table().setData(M({expr:"sort_desc(avg without(job, instance) (rate(grafana_http_request_duration_seconds_sum[$__rate_interval]) * 1e3)) "})).setTitle("Handlers").setOption("footer",{enablePagination:!0}).setOverrides(s=>s.matchFieldsWithNameByRegex(".*").overrideFilterable(!1).matchFieldsWithName("Time").overrideCustomFieldConfig("hidden",!0).matchFieldsWithName("Value").overrideDisplayName("Duration (Avg)").matchFieldsWithName("handler").overrideLinks([{title:"Go to handler drilldown view",url:"/scenes/grafana-monitoring/traffic?handler=${__value.text:percentencode}"}])).build();return new t.U4({$variables:_(),$timeRange:new t.gg({from:"now-1h",to:"now"}),controls:[new t.dn({}),new t.o$,new t.n7({isOnCanvas:!0}),new t.vf({isOnCanvas:!0})],body:new t.QY({$behaviors:[new q],children:[new t.fy({body:r})]})})}class q extends t.wx{constructor(){super({}),this._urlSync=new t.oU(this,{keys:["handler"]}),this.addActivationHandler(()=>{this._subs.add(this.subscribeToState(i=>this.onHandlerChanged(i.handler))),this.onHandlerChanged(this.state.handler)})}onHandlerChanged(i){const s=this.getLayout();i==null?s.setState({children:s.state.children.slice(0,1)}):s.setState({children:[s.state.children[0],this.getDrilldownView(i)]})}getDrilldownView(i){return new t.fy({key:"drilldown-flex",body:t.wX.timeseries().setData(T({expr:`rate(grafana_http_request_duration_seconds_sum{handler="${i}"}[$__rate_interval]) * 1e3`})).setTitle(`Handler: ${i} details`).setHeaderActions(e.createElement(c.zx,{size:"sm",variant:"secondary",icon:"times",onClick:()=>this.setState({handler:void 0})})).build()})}getUrlState(){return{handler:this.state.handler}}updateFromUrl(i){(typeof i.handler=="string"||i.handler===void 0)&&this.setState({handler:i.handler})}getLayout(){if(this.parent instanceof t.QY)return this.parent;throw new Error("Invalid parent")}}function F(){const r=(0,e.useMemo)(()=>new t.mt({pages:[X()]}),[]),i=(0,o.P)("scenes"),[s]=(0,e.useState)({sectionNav:i});return e.createElement(n.v.Provider,{value:s},e.createElement(r.Component,{model:r}))}function X(){return new t.yH({title:"Grafana Monitoring",subTitle:"A custom app with embedded scenes to monitor your Grafana server",url:"/scenes/grafana-monitoring",hideFromBreadcrumbs:!1,getScene:I,tabs:[new t.yH({title:"Overview",url:"/scenes/grafana-monitoring",getScene:I,preserveUrlKeys:["from","to","var-instance"]}),new t.yH({title:"HTTP handlers",url:"/scenes/grafana-monitoring/handlers",getScene:z,preserveUrlKeys:["from","to","var-instance"],drilldowns:[{routePath:"/scenes/grafana-monitoring/handlers/:handler",getPage:B}]}),new t.yH({title:"Traffic",url:"/scenes/grafana-monitoring/traffic",getScene:G,preserveUrlKeys:["from","to","var-instance"]}),new t.yH({title:"Logs",url:"/scenes/grafana-monitoring/logs",getScene:Y,preserveUrlKeys:["from","to","var-instance"]})]})}function B(r,i){const s=decodeURIComponent(r.params.handler),y=`/scenes/grafana-monitoring/handlers/${encodeURIComponent(s)}`;return new t.yH({title:s,subTitle:"A grafana http handler is responsible for service a specific API request",url:y,getParentPage:()=>i,getScene:()=>W(s),tabs:[new t.yH({title:"Metrics",url:y,routePath:"/scenes/grafana-monitoring/handlers/:handler",getScene:()=>W(s),preserveUrlKeys:["from","to","var-instance"]}),new t.yH({title:"Logs",url:y+"/logs",routePath:"/scenes/grafana-monitoring/handlers/:handler/logs",getScene:()=>V(s),preserveUrlKeys:["from","to","var-instance"]})]})}const Q=F},89813:(O,d,a)=>{a.r(d),a.d(d,{DashboardScenePage:()=>m,default:()=>u});var e=a(27702),t=a(38192),o=a(44644),n=a(95685),w=a(53069);const m=({match:l})=>{const c=(0,w.bC)(),{dashboard:b,isLoading:f}=c.useState();return(0,e.useEffect)(()=>(c.loadAndInit(l.params.uid),()=>{c.clearState()}),[c,l.params.uid]),b?e.createElement(b.Component,{model:b}):e.createElement(o.T,{layout:t.Q.Canvas},f&&e.createElement(n.Z,null),!f&&e.createElement("h2",null,"Dashboard not found"))},u=m},927:(O,d,a)=>{a.d(d,{H:()=>x,F:()=>E});var e=a(80734),t=a(86045),o=a(523);function n(g,v){return new e.uq({queries:[{refId:"A",datasource:{uid:"gdev-testdata",type:"testdata"},scenarioId:"random_walk",...g}],...v})}function w(){const g=new e.gg,v=new e.gg({from:"now-1y",to:"now"});return new o.W({title:"Grid with rows and different queries and time ranges",body:new e.Qh({children:[new e.I_({$timeRange:v,$data:n({scenarioId:t.UV.RandomWalkTable}),title:"Row A - has its own query, last year time range",key:"Row A",isCollapsed:!0,y:0,children:[new e.bO({x:0,y:1,width:12,height:5,isResizable:!0,isDraggable:!0,body:e.wX.timeseries().setTitle("Row A Child1").build()}),new e.bO({x:0,y:5,width:6,height:5,isResizable:!0,isDraggable:!0,body:e.wX.timeseries().setTitle("Row A Child2").build()})]}),new e.bO({x:0,y:12,width:6,height:10,isResizable:!0,isDraggable:!0,body:e.wX.timeseries().setTitle("Outsider, has its own query").setData(n()).build()})]}),$timeRange:g,$data:n(),actions:[new e.n7({}),new e.vf({})]})}function m(){return new o.W({title:"Multiple grid layouts test",body:new e.QY({children:[new e.fy({body:new e.Qh({children:[new e.bO({x:0,y:0,width:12,height:10,isDraggable:!0,isResizable:!0,body:e.wX.timeseries().setTitle("Dragabble and resizable").build()}),new e.bO({x:12,y:0,width:12,height:10,isResizable:!1,isDraggable:!0,body:e.wX.timeseries().setTitle("Draggable only").build()}),new e.bO({x:6,y:11,width:12,height:10,isResizable:!1,isDraggable:!0,body:new e.QY({direction:"column",children:[new e.fy({ySizing:"fill",body:e.wX.timeseries().setTitle("Fill height").build()}),new e.fy({ySizing:"fill",body:e.wX.timeseries().setTitle("Fill height").build()})]})})]})}),new e.fy({body:new e.Qh({children:[new e.bO({x:0,y:0,width:12,height:10,isDraggable:!0,isResizable:!0,body:e.wX.timeseries().setTitle("Dragabble and resizable").build()}),new e.bO({x:12,y:0,width:12,height:10,isResizable:!1,isDraggable:!0,body:e.wX.timeseries().setTitle("Draggable only").build()}),new e.bO({x:6,y:11,width:12,height:10,isResizable:!1,isDraggable:!0,body:new e.QY({direction:"column",children:[new e.fy({ySizing:"fill",body:e.wX.timeseries().setTitle("Fill height").build()}),new e.fy({ySizing:"fill",body:e.wX.timeseries().setTitle("Fill height").build()})]})})]})})]}),$timeRange:new e.gg,$data:n(),actions:[new e.n7({}),new e.vf({})]})}function u(){return new o.W({title:"Grid with rows and different queries",body:new e.Qh({children:[new e.I_({$timeRange:new e.gg,$data:n({scenarioId:t.UV.RandomWalkTable}),title:"Row A - has its own query",key:"Row A",isCollapsed:!0,y:0,children:[new e.bO({x:0,y:1,width:12,height:5,isResizable:!0,isDraggable:!0,body:e.wX.timeseries().setTitle("Row A Child1").build()}),new e.bO({x:0,y:5,width:6,height:5,isResizable:!0,isDraggable:!0,body:e.wX.timeseries().setTitle("Row A Child2").build()})]}),new e.I_({title:"Row B - uses global query",key:"Row B",isCollapsed:!0,y:1,children:[new e.bO({x:0,y:2,width:12,height:5,isResizable:!1,isDraggable:!0,body:e.wX.timeseries().setTitle("Row B Child1").build()}),new e.bO({x:0,y:7,width:6,height:5,isResizable:!1,isDraggable:!0,body:e.wX.timeseries().setTitle("Row B Child2 with data").setData(n({seriesCount:10})).build()})]}),new e.bO({x:0,y:12,width:6,height:10,isResizable:!0,isDraggable:!0,body:e.wX.timeseries().setTitle("Outsider, has its own query").setData(n({seriesCount:10})).build()}),new e.bO({x:6,y:12,width:12,height:10,isResizable:!0,isDraggable:!0,body:e.wX.timeseries().setTitle("Outsider, uses global query").build()})]}),$timeRange:new e.gg,$data:n(),actions:[new e.n7({}),new e.vf({})]})}var l=a(82986);function c(){return new o.W({title:"Query variable",$variables:new e.hT({variables:[new e.eO({name:"metric",query:"job : job, instance : instance"}),new e.l3({name:"datasource",pluginId:"prometheus"}),new e.$1({name:"instance (using datasource variable)",refresh:l.Bd.onTimeRangeChanged,query:{query:"label_values(go_gc_duration_seconds, ${metric})"},datasource:{uid:"${datasource}"}}),new e.$1({name:"label values (on time range refresh)",refresh:l.Bd.onTimeRangeChanged,query:{query:"label_values(go_gc_duration_seconds, ${metric})"},datasource:{uid:"gdev-prometheus",type:"prometheus"}}),new e.$1({name:"legacy (graphite)",refresh:l.Bd.onTimeRangeChanged,query:{queryType:"Default",target:"stats.response.*"},datasource:{uid:"gdev-graphite",type:"graphite"}})]}),body:new e.QY({direction:"row",children:[new e.fy({width:"40%",body:new e.S$({text:"metric: ${metric}",fontSize:20,align:"center"})})]}),$timeRange:new e.gg,actions:[new e.n7({}),new e.vf({})],controls:[new e.dn({})]})}function b(){return new o.W({title:"Scene with rows",body:new e.QY({direction:"column",children:[new e.Gb({title:"Overview",canCollapse:!0,body:new e.QY({direction:"row",children:[new e.fy({body:e.wX.timeseries().setTitle("Fill height").build()}),new e.fy({body:e.wX.timeseries().setTitle("Fill height").build()})]})}),new e.Gb({title:"More server details",canCollapse:!0,body:new e.QY({direction:"row",children:[new e.fy({body:e.wX.timeseries().setTitle("Fill height").build()}),new e.fy({body:e.wX.timeseries().setTitle("Fill height").build()})]})})]}),$timeRange:new e.gg,$data:n(),actions:[new e.n7({}),new e.vf({})]})}function f(){return new o.W({title:"Transformations demo",body:new e.QY({direction:"row",children:[new e.fy({body:new e.QY({direction:"column",children:[new e.fy({body:new e.QY({direction:"row",children:[new e.fy({body:e.wX.timeseries().setTitle("Source data (global query)").build()}),new e.fy({body:e.wX.stat().setTitle("Transformed data").setData(new e.bM({transformations:[{id:"reduce",options:{reducers:["last","mean"]}}]})).build()})]})}),new e.fy({body:e.wX.stat().setTitle("Query with predefined transformations").setData(new e.bM({$data:n(),transformations:[{id:"reduce",options:{reducers:["mean"]}}]})).build()})]})})]}),$timeRange:new e.gg,$data:n(),actions:[new e.n7({}),new e.vf({})]})}function h(){return new o.W({title:"Variables",$variables:new e.hT({variables:[new e.gU({name:"server",query:"A.*",value:"server",text:"",delayMs:1e3,options:[]}),new e.gU({name:"pod",query:"A.$server.*",value:"pod",delayMs:1e3,isMulti:!0,text:"",options:[]}),new e.gU({name:"handler",query:"A.$server.$pod.*",value:"handler",delayMs:1e3,text:"",options:[]}),new e.eO({name:"custom",query:"A : 10,B : 20"}),new e.l3({name:"ds",pluginId:"testdata"}),new e.Dm({name:"textbox",value:"default value"})]}),body:new e.QY({direction:"row",children:[new e.fy({body:new e.QY({direction:"column",children:[new e.fy({body:new e.QY({children:[new e.fy({body:e.wX.timeseries().setTitle("handler: $handler").setData(n({alias:"handler: $handler"})).build()}),new e.fy({body:new e.S$({text:"Text: ${textbox}",fontSize:20,align:"center"})}),new e.fy({width:"40%",body:new e.S$({text:"server: ${server} pod:${pod}",fontSize:20,align:"center"})})]})}),new e.fy({body:new e.Gb({title:"Collapsable inner scene",canCollapse:!0,body:new e.QY({direction:"row",children:[new e.fy({body:e.wX.timeseries().setTitle("handler: $handler").setData(n({alias:"handler: $handler"})).build()})]})})})]})})]}),$timeRange:new e.gg,actions:[new e.n7({}),new e.vf({})],controls:[new e.dn({})]})}function $(){return new o.W({title:"Variables with All values",$variables:new e.hT({variables:[new e.gU({name:"server",query:"A.*",value:"AA",text:"AA",includeAll:!0,defaultToAll:!0,delayMs:1e3,options:[]}),new e.gU({name:"pod",query:"A.$server.*",value:[],delayMs:1e3,isMulti:!0,includeAll:!0,defaultToAll:!0,text:"",options:[]}),new e.gU({name:"handler",query:"A.$server.$pod.*",value:[],delayMs:1e3,includeAll:!0,defaultToAll:!1,isMulti:!0,text:"",options:[]})]}),body:new e.QY({direction:"row",children:[new e.fy({body:e.wX.timeseries().setTitle("handler: $handler").setData(n({alias:"handler: $handler"})).build()}),new e.fy({width:"40%",body:new e.S$({text:"server: ${server} pod:${pod}",fontSize:20,align:"center"})})]}),$timeRange:new e.gg,actions:[new e.n7({}),new e.vf({})],controls:[new e.dn({})]})}function E(){return[{title:"Scene with rows",getScene:b},{title:"Grid with rows and different queries",getScene:u},{title:"Grid with rows and different queries and time ranges",getScene:w},{title:"Multiple grid layouts test",getScene:m},{title:"Variables",getScene:h},{title:"Variables with All values",getScene:$},{title:"Query variable",getScene:c},{title:"Transformations demo",getScene:f}]}const C={};function x(g){if(C[g])return C[g];const v=E().find(D=>D.title===g);return v&&(C[g]=v.getScene()),C[g]}},86045:(O,d,a)=>{a.d(d,{UV:()=>e});var e=(n=>(n.Annotations="annotations",n.Arrow="arrow",n.CSVContent="csv_content",n.CSVFile="csv_file",n.CSVMetricValues="csv_metric_values",n.DataPointsOutsideRange="datapoints_outside_range",n.ExponentialHeatmapBucketData="exponential_heatmap_bucket_data",n.FlameGraph="flame_graph",n.GrafanaAPI="grafana_api",n.LinearHeatmapBucketData="linear_heatmap_bucket_data",n.Live="live",n.Logs="logs",n.ManualEntry="manual_entry",n.NoDataPoints="no_data_points",n.NodeGraph="node_graph",n.PredictableCSVWave="predictable_csv_wave",n.PredictablePulse="predictable_pulse",n.RandomWalk="random_walk",n.RandomWalkTable="random_walk_table",n.RandomWalkWithError="random_walk_with_error",n.RawFrame="raw_frame",n.ServerError500="server_error_500",n.Simulation="simulation",n.SlowQuery="slow_query",n.StreamingClient="streaming_client",n.TableStatic="table_static",n.Trace="trace",n.USA="usa",n.VariablesQuery="variables-query",n))(e||{});const t={fields:[],states:[]},o={csvWave:[],points:[],scenarioId:"random_walk"}}}]);

//# sourceMappingURL=scenes.76767e44ac60d1c075cc.js.map