import{d as x,ao as C,j as l,aR as N,c as s,w as t,r as c,ah as R,o as a,u as e,aS as D,m as u,aT as i,a as f,aU as T,aV as V}from"./index-4d9fe32c-718dc5d9.js";import{N as g}from"./prefect-design-a921a7c6.js";import{u as B,c as I}from"./vue-compositions-55710141.js";import{u as S}from"./usePageTitle-e8e2e29d.js";import{r as j}from"./routes-1bd54f1a.js";const z=x({__name:"Flow",setup(A){const p=C(),n=B("flowId"),w=R(),m=l(()=>{const r=["Deployments","Runs"];return g.xl||r.unshift("Details"),r}),_={interval:3e5},d=I(p.flows.getFlow,[n.value],_),o=l(()=>d.response),v=N({flows:[n.value]}),y=l(()=>({flows:[n.value]}));function b(){w.push(j.flows())}const h=l(()=>o.value?`Flow: ${o.value.name}`:"Flow");return S(h),(r,E)=>{const F=c("p-tabs"),k=c("p-layout-well");return a(),s(k,{class:"flow"},{header:t(()=>[e(o)?(a(),s(e(D),{key:0,flow:e(o),onDelete:b},null,8,["flow"])):u("",!0)]),well:t(()=>[e(o)?(a(),s(e(i),{key:0,flow:e(o)},null,8,["flow"])):u("",!0)]),default:t(()=>[f(F,{tabs:e(m)},{details:t(()=>[e(o)?(a(),s(e(i),{key:0,flow:e(o)},null,8,["flow"])):u("",!0)]),deployments:t(()=>[f(e(T),{filter:e(y)},null,8,["filter"])]),runs:t(()=>[f(e(V),{"flow-run-filter":e(v)},null,8,["flow-run-filter"])]),_:1},8,["tabs"])]),_:1})}}});export{z as default};
