prefect 3.6.14.dev1__py3-none-any.whl → 3.6.14.dev2__py3-none-any.whl

prefect/server/ui-v2/assets/cronstrue-WDy4rv2V.js

@@ -1,2 +0,0 @@
-import{g as r}from"./vendor-react-Bce9NwRC.js";import{a1 as o}from"./vendor-date-7GxEwcQM.js";var t=o();const a=r(t);export{a as c};
-//# sourceMappingURL=cronstrue-WDy4rv2V.js.map

prefect/server/ui-v2/assets/cronstrue-WDy4rv2V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cronstrue-WDy4rv2V.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

prefect/server/ui-v2/assets/deployment_._id.duplicate-C_kNyCA9.js

@@ -1,2 +0,0 @@
-import{p as m,j as o}from"./vendor-tanstack-BK8oseNA.js";import{cg as p,dJ as r}from"./index-Cd7pM9pk.js";import{D as i}from"./deployment-action-header-DrvnfE9Y.js";import{D as s}from"./deployment-form-DsAij22s.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-forms-DxqqmhL5.js";import"./vendor-date-7GxEwcQM.js";import"./schema-form-input-string-format-datetime-BJj81bu-.js";import"./zod-DgSl2Nua.js";import"./use-debounce-callback-ClAx-Wwx.js";import"./toggle-group-D7mfSUim.js";import"./timezone-select-TBj2n6Ox.js";import"./dropdown-menu-iS8iJMpx.js";import"./form-rC8pxeRl.js";import"./tags-input-DJiZSVHp.js";const n=({id:t})=>{const{data:e}=m(p(t));return o.jsxs("div",{className:"flex flex-col gap-4",children:[o.jsx(i,{deployment:e,action:"Duplicate"}),o.jsx(s,{deployment:e,mode:"duplicate"})]})};function A(){const{id:t}=r.useParams();return o.jsx(n,{id:t})}export{A as component};
-//# sourceMappingURL=deployment_._id.duplicate-C_kNyCA9.js.map

prefect/server/ui-v2/assets/deployment_._id.edit-BP8pfTOR.js

@@ -1,2 +0,0 @@
-import{p as m,j as o}from"./vendor-tanstack-BK8oseNA.js";import{cg as r,dG as p}from"./index-Cd7pM9pk.js";import{D as i}from"./deployment-action-header-DrvnfE9Y.js";import{D as s}from"./deployment-form-DsAij22s.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-forms-DxqqmhL5.js";import"./vendor-date-7GxEwcQM.js";import"./schema-form-input-string-format-datetime-BJj81bu-.js";import"./zod-DgSl2Nua.js";import"./use-debounce-callback-ClAx-Wwx.js";import"./toggle-group-D7mfSUim.js";import"./timezone-select-TBj2n6Ox.js";import"./dropdown-menu-iS8iJMpx.js";import"./form-rC8pxeRl.js";import"./tags-input-DJiZSVHp.js";const n=({id:t})=>{const{data:e}=m(r(t));return o.jsxs("div",{className:"flex flex-col gap-4",children:[o.jsx(i,{deployment:e,action:"Edit"}),o.jsx(s,{deployment:e,mode:"edit"})]})};function v(){const{id:t}=p.useParams();return o.jsx(n,{id:t})}export{v as component};
-//# sourceMappingURL=deployment_._id.edit-BP8pfTOR.js.map

prefect/server/ui-v2/assets/flow-run-graph-B1vF1w0Z.js

@@ -1,2 +0,0 @@
-import{r as a,j as e,p as Q,L as $,s as H}from"./vendor-tanstack-BK8oseNA.js";import{A as le,u as d,l as B,h as K,f as oe,p as ce,m as de,g as ue,y as me,_ as X,d as he,a as J,U as V,i as pe,v as fe,x as xe,b as je,c as ge,e as P}from"./vendor-graphs-R8z6S3Jg.js";import{ci as W,bR as D,bS as T,q as m,I as E,bT as R,al as M,i as b,G as S,cH as ve,cI as ye,cJ as be,dS as Ee,aq as Y,ch as Z,bM as ee,X as te,an as we,b5 as g,z as _e,aD as Ce,aC as ke}from"./index-Cd7pM9pk.js";import{g as O}from"./state-colors-CAAf0Eg3.js";import{p as u}from"./vendor-date-7GxEwcQM.js";import{K as o}from"./flow-run._id-BHY61H6u.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-forms-DxqqmhL5.js";import"./artifact-card-DkgEVahF.js";import"./lazy-markdown-BoMKGRXo.js";import"./toggle-group-D7mfSUim.js";import"./index-DvKYj8ko.js";import"./index-BdgomKuA.js";import"./delete-confirmation-dialog-7GKqeKy1.js";import"./use-delete-confirmation-dialog-CvQEyyhU.js";import"./dropdown-menu-iS8iJMpx.js";import"./sort-filter-DM7SvBB0.js";import"./flow-runs-pagination-DzGHOht3.js";import"./task-runs-pagination-DbjB6XnY.js";import"./tags-input-DJiZSVHp.js";async function Ne(s){const{data:t}=await(await W()).GET("/flow_runs/{id}/graph-v2",{params:{path:{id:s}}});if(!t)throw new Error("No data returned from API");return De(t)}async function Se({since:s,until:t,nodeId:n}){const{data:i}=await(await W()).POST("/events/filter",{body:{filter:{any_resource:{id:[`prefect.flow-run.${n}`]},event:{exclude_prefix:["prefect.log.write","prefect.task-run."]},occurred:{since:s.toISOString(),until:t.toISOString()},order:"ASC"},limit:200}});if(!i)throw new Error("No data returned from API");return Te(i)}function De(s){if(!s.start_time)throw new Error("Start time is required");return{root_node_ids:s.root_node_ids,start_time:u(s.start_time),end_time:s.end_time?u(s.end_time):null,nodes:new Map(s.nodes.map(t=>Re(t)))}}function Te(s){return s.events.map(t=>{if(!t.received)throw new Error("Received is required");return{id:t.id,received:u(t.received),occurred:u(t.occurred),event:t.event,resource:t.resource,payload:t.payload,related:t.related??[]}})}function Re([s,t]){if(!t.start_time)throw new Error("Start time is required");return[s,{kind:t.kind,id:t.id,label:t.label,state_type:t.state_type,start_time:u(t.start_time),end_time:t.end_time?u(t.end_time):null,parents:t.parents,children:t.children,artifacts:t.artifacts.map(Ae)}]}function Ae(s){if(!s.type)throw new Error("Artifact type is required");return s.type==="progress"&&typeof s.data=="number"?{id:s.id,created:u(s.created),key:s.key??void 0,type:s.type,data:s.data}:{id:s.id,created:u(s.created),key:s.key??void 0,type:s.type}}const q={COMPLETED:600,RUNNING:700,SCHEDULED:700,PENDING:800,FAILED:700,CANCELLED:600,CANCELLING:600,CRASHED:600,PAUSED:800};function se(s){return!s||!(s instanceof HTMLElement)?!1:["INPUT","TEXTAREA","SELECT"].includes(s.tagName)}const U=()=>{le({animate:!0})};function Le(){return a.useEffect(()=>{const s=new AbortController;return document.addEventListener("keydown",t=>{se(t.target)||t.metaKey||t.ctrlKey||t.key==="c"&&U()},{signal:s.signal}),()=>s.abort()},[]),e.jsxs(D,{children:[e.jsx(T,{asChild:!0,children:e.jsx(m,{variant:"outline",size:"icon",onClick:U,children:e.jsx(E,{id:"Crosshair",className:"size-4"})})}),e.jsx(R,{children:"Recenter (c)"})]})}function Fe({fullscreen:s,onFullscreenChange:t}){const n=a.useCallback(()=>{t(!s)},[s,t]);return a.useEffect(()=>{const i=new AbortController;return document.addEventListener("keydown",c=>{if(!(se(c.target)||c.metaKey||c.ctrlKey)){if(c.key==="f"){n();return}if(c.key==="Escape"){n();return}}},{signal:i.signal}),()=>i.abort()},[n]),e.jsxs(D,{children:[e.jsx(T,{asChild:!0,children:e.jsx(m,{variant:"outline",size:"icon",onClick:n,children:e.jsx(E,{id:"Expand",className:"size-4"})})}),e.jsx(R,{children:"Fullscreen (f)"})]})}const ze=[{label:"Temporal dependency",value:"temporal_nearest-parent"},{label:"Temporal sequence",value:"temporal_waterfall"},{label:"Dependency grid",value:"dependency_nearest-parent"},{label:"Sequential grid",value:"dependency_waterfall"},{label:"Comparative duration",value:"left-aligned_duration-sorted"}],Ge=()=>{const s=J+1,t=d.horizontalScaleMultiplier*s;X(t)},Ie=()=>{const s=Math.abs(J-1),t=d.horizontalScaleMultiplier*s;X(t)},He=()=>{he()};function Pe(s){const[t,n]=s.split("_");return B(t)&&K(n)}function Me(){const[s,t]=a.useState(`${d.horizontal}_${d.vertical}`),[n,i]=a.useState(d.disableEdges),[c,p]=a.useState(d.disableArtifacts),[w,_]=a.useState(d.disableEvents),C=a.useCallback(r=>{if(!Pe(r))return;const[h,x]=r.split("_");!B(h)||!K(x)||(t(r),oe(h),ce(x))},[]),v=a.useCallback(r=>{i(r),de(r)},[]),f=a.useCallback(r=>{p(r),ue(r)},[]),k=a.useCallback(r=>{_(r),me(r)},[]);return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(M,{variant:"bodyLarge",children:"Layout"}),e.jsx("div",{className:"flex flex-col gap-2",children:ze.map(r=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"radio",id:r.value,name:"layout",value:r.value,checked:s===r.value,onChange:h=>C(h.target.value)}),e.jsx(b,{htmlFor:r.value,children:r.label})]},r.value))})]}),(d.isTemporal()||d.isLeftAligned())&&e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(M,{variant:"bodyLarge",children:"Scaling"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{variant:"outline",size:"sm",onClick:Ie,title:"Decrease scale (-)",children:"-"}),e.jsx(m,{variant:"outline",size:"sm",onClick:Ge,title:"Increase scale (+)",children:"+"}),e.jsx(m,{variant:"outline",size:"sm",onClick:He,children:"Reset"})]})]}),e.jsx("hr",{className:"my-4"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(S,{id:"hideEdges",checked:n,onCheckedChange:v}),e.jsx(b,{htmlFor:"hideEdges",children:"Hide dependency arrows"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(S,{id:"hideArtifacts",checked:c,onCheckedChange:f}),e.jsx(b,{htmlFor:"hideArtifacts",children:"Hide artifacts"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(S,{id:"hideEvents",checked:w,onCheckedChange:k}),e.jsx(b,{htmlFor:"hideEvents",children:"Hide events"})]})]})]})}function Oe(){return e.jsxs(ve,{children:[e.jsx(ye,{children:e.jsxs(D,{children:[e.jsx(T,{asChild:!0,children:e.jsx(m,{variant:"outline",size:"icon",children:e.jsx(E,{id:"Cog",className:"size-4"})})}),e.jsx(R,{children:"Settings"})]})}),e.jsx(be,{children:e.jsx(Me,{})})]})}function qe({fullscreen:s,onFullscreenChange:t}){return e.jsxs("div",{className:"flex gap-2",children:[e.jsx(Le,{}),e.jsx(Fe,{fullscreen:s,onFullscreenChange:t}),e.jsx(Oe,{})]})}function Ue({selection:s,onClose:t}){return V(s)?e.jsxs("div",{className:"absolute top-4 right-4 z-10 w-72 rounded-lg border bg-card p-4 shadow-md",children:[e.jsx("div",{className:"flex justify-end mb-2",children:e.jsx(m,{variant:"ghost",size:"icon",onClick:t,"aria-label":"Close panel",children:e.jsx(E,{id:"X",className:"size-4"})})}),e.jsxs(a.Suspense,{fallback:e.jsx(Qe,{}),children:[s.kind==="task-run"&&e.jsx($e,{taskRunId:s.id}),s.kind==="flow-run"&&e.jsx(Be,{flowRunId:s.id})]})]}):null}function Qe(){return e.jsxs("div",{className:"space-y-4",children:[e.jsx(g,{className:"h-6 w-3/4"}),e.jsx(g,{className:"h-5 w-1/2"}),e.jsx(g,{className:"h-5 w-full"}),e.jsx(g,{className:"h-5 w-2/3"}),e.jsx(g,{className:"h-5 w-1/2"})]})}function $e({taskRunId:s}){const{data:t}=Q(Ee(s)),n=t.estimated_run_time&&t.estimated_run_time>0?t.estimated_run_time:t.total_run_time??0;return e.jsxs("div",{className:"space-y-3",children:[e.jsx("h3",{className:"font-semibold text-base",children:e.jsx($,{to:"/runs/task-run/$id",params:{id:s},className:"hover:underline text-foreground",children:t.name})}),e.jsxs("div",{className:"space-y-3",children:[t.state&&e.jsx(o,{label:"State",value:e.jsx(Y,{type:t.state.type,name:t.state.name})}),e.jsx(o,{label:"Task Run ID",value:t.id,copyable:!0}),e.jsx(o,{label:"Duration",value:n>0?Z(n):"-"}),e.jsx(o,{label:"Created",value:e.jsx(ee,{date:t.created})}),t.tags&&t.tags.length>0&&e.jsx(o,{label:"Tags",value:e.jsx(te,{tags:t.tags})})]})]})}function Be({flowRunId:s}){const{data:t}=Q(we(s)),n=t.total_run_time??0;return e.jsxs("div",{className:"space-y-3",children:[e.jsx("h3",{className:"font-semibold text-base",children:e.jsx($,{to:"/runs/flow-run/$id",params:{id:s},className:"hover:underline text-foreground",children:t.name})}),e.jsxs("div",{className:"space-y-3",children:[t.state&&e.jsx(o,{label:"State",value:e.jsx(Y,{type:t.state.type,name:t.state.name})}),e.jsx(o,{label:"Flow Run ID",value:t.id,copyable:!0}),e.jsx(o,{label:"Duration",value:n>0?Z(n):"-"}),e.jsx(o,{label:"Created",value:e.jsx(ee,{date:t.created})}),t.tags&&t.tags.length>0&&e.jsx(o,{label:"Tags",value:e.jsx(te,{tags:t.tags})})]})]})}const Ke=["COMPLETED","FAILED","CANCELLED","CRASHED"];function xt({flowRunId:s,stateType:t,viewport:n,onViewportChange:i,selected:c,onSelectedChange:p,className:w,style:_,fullscreen:C,onFullscreenChange:v}){const f=a.useRef(null),[k,r]=a.useState(!1),[h,x]=a.useState(void 0),{resolvedTheme:A}=_e(),L=C??k,j=c??h,ae=t&&Ke.includes(t),{data:F}=H(Ce({task_runs:{operator:"and_",flow_run_id:{operator:"and_",any_:[s],is_null_:!1}}})),{data:z}=H(ke({flow_runs:{operator:"and_",parent_flow_run_id:{operator:"and_",any_:[s]}}})),G=F===void 0||z===void 0||F>0||z>0,re=a.useCallback(l=>{r(l),v?.(l)},[v]),y=a.useMemo(()=>({runId:s,fetch:Ne,fetchEvents:Se,styles:()=>({node:l=>({background:O(l.state_type,q[l.state_type])}),state:l=>({background:O(l.type,q[l.type])})}),theme:A==="dark"?"dark":"light"}),[s,A]);a.useEffect(()=>{pe(y)},[y]),a.useEffect(()=>{if(!f.current)throw new Error("Stage does not exist");return fe({stage:f.current,config:y}),()=>{xe()}},[y]),a.useEffect(()=>{je(j??null)},[j]),a.useEffect(()=>{ge(n)},[n]),a.useEffect(()=>{const l=P.on("itemSelected",N=>{const I=N??void 0;x(I),p?.(I)}),ie=P.on("viewportDateRangeUpdated",N=>i?.(N));return()=>{l(),ie()}},[p,i]);const ne=L?"fixed h-screen w-screen z-20":G?"relative h-96 w-full":"relative h-40 w-full";return e.jsxs("div",{className:`${ne} ${w??""}`,style:_,children:[e.jsx("div",{ref:f,className:"size-full [&>canvas]:size-full"}),!G&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-background/50",children:e.jsx("p",{className:"text-muted-foreground",children:ae?"This flow run did not generate any task or subflow runs":"This flow run has not yet generated any task or subflow runs"})}),e.jsx("div",{className:"absolute bottom-0 right-0",children:e.jsx(qe,{fullscreen:L,onFullscreenChange:re})}),j&&V(j)&&e.jsx(Ue,{selection:j,onClose:()=>{x(void 0),p?.(void 0)}})]})}export{xt as FlowRunGraph};
-//# sourceMappingURL=flow-run-graph-B1vF1w0Z.js.map

prefect/server/ui-v2/assets/flow-run-graph-B1vF1w0Z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flow-run-graph-B1vF1w0Z.js","sources":["../../src/components/flow-runs/flow-run-graph/api.ts","../../src/components/flow-runs/flow-run-graph/consts.ts","../../src/components/flow-runs/flow-run-graph/utilities.ts","../../src/components/flow-runs/flow-run-graph/flow-run-graph-center-button.tsx","../../src/components/flow-runs/flow-run-graph/flow-run-graph-fullscreen-button.tsx","../../src/components/flow-runs/flow-run-graph/flow-run-graph-settings.tsx","../../src/components/flow-runs/flow-run-graph/flow-run-graph-settings-button.tsx","../../src/components/flow-runs/flow-run-graph/flow-run-graph-actions.tsx","../../src/components/flow-runs/flow-run-graph/flow-run-graph-selection-panel.tsx","../../src/components/flow-runs/flow-run-graph/flow-run-graph.tsx"],"sourcesContent":["import type {\n\tEventRelatedResource,\n\tRunGraphArtifact,\n\tRunGraphData,\n\tRunGraphEvent,\n\tRunGraphEventResource,\n\tRunGraphFetchEventsContext,\n\tRunGraphNode,\n} from \"@prefecthq/graphs\";\nimport { parseISO } from \"date-fns\";\nimport type { components } from \"@/api/prefect\";\nimport { getQueryService } from \"@/api/service\";\n\n/**\n * Fetches the graph data for a flow run.\n * @param id - The ID of the flow run.\n * @returns The graph data for the flow run.\n */\nexport async function fetchFlowRunGraph(id: string): Promise<RunGraphData> {\n\tconst { data } = await (await getQueryService()).GET(\n\t\t\"/flow_runs/{id}/graph-v2\",\n\t\t{\n\t\t\tparams: { path: { id } },\n\t\t},\n\t);\n\n\tif (!data) {\n\t\tthrow new Error(\"No data returned from API\");\n\t}\n\n\treturn mapApiResponseToRunGraphData(data);\n}\n\n/**\n * Fetches events for a flow run.\n * @param since - The start date of the events to fetch.\n * @param until - The end date of the events to fetch.\n * @param nodeId - The flowRunId of the node to fetch events for.\n * @returns The events for the flow run.\n */\nexport async function fetchFlowRunEvents({\n\tsince,\n\tuntil,\n\tnodeId,\n}: RunGraphFetchEventsContext): Promise<RunGraphEvent[]> {\n\tconst { data } = await (await getQueryService()).POST(\"/events/filter\", {\n\t\tbody: {\n\t\t\tfilter: {\n\t\t\t\tany_resource: {\n\t\t\t\t\tid: [`prefect.flow-run.${nodeId}`],\n\t\t\t\t},\n\t\t\t\tevent: {\n\t\t\t\t\texclude_prefix: [\"prefect.log.write\", \"prefect.task-run.\"],\n\t\t\t\t},\n\t\t\t\toccurred: {\n\t\t\t\t\tsince: since.toISOString(),\n\t\t\t\t\tuntil: until.toISOString(),\n\t\t\t\t},\n\t\t\t\torder: \"ASC\",\n\t\t\t},\n\t\t\tlimit: 200,\n\t\t},\n\t});\n\n\tif (!data) {\n\t\tthrow new Error(\"No data returned from API\");\n\t}\n\n\treturn mapApiResponseToRunGraphEvents(data);\n}\n\ntype GraphResponse = components[\"schemas\"][\"Graph\"];\ntype GraphResponseNode = GraphResponse[\"nodes\"][number];\ntype GraphResponseArtifact = GraphResponse[\"artifacts\"][number];\ntype EventsResponse = components[\"schemas\"][\"EventPage\"];\n\nfunction mapApiResponseToRunGraphData(response: GraphResponse): RunGraphData {\n\tif (!response.start_time) {\n\t\tthrow new Error(\"Start time is required\");\n\t}\n\n\treturn {\n\t\troot_node_ids: response.root_node_ids,\n\t\tstart_time: parseISO(response.start_time),\n\t\tend_time: response.end_time ? parseISO(response.end_time) : null,\n\t\tnodes: new Map(response.nodes.map((node) => mapNode(node))),\n\t};\n}\n\nexport function mapApiResponseToRunGraphEvents(\n\tresponse: EventsResponse,\n): RunGraphEvent[] {\n\treturn response.events.map((event) => {\n\t\tif (!event.received) {\n\t\t\tthrow new Error(\"Received is required\");\n\t\t}\n\n\t\tconst runGraphEvent: RunGraphEvent = {\n\t\t\tid: event.id,\n\t\t\treceived: parseISO(event.received),\n\t\t\toccurred: parseISO(event.occurred),\n\t\t\tevent: event.event,\n\t\t\tresource: event.resource as RunGraphEventResource,\n\t\t\tpayload: event.payload,\n\t\t\trelated: (event.related ?? []) as EventRelatedResource[],\n\t\t};\n\n\t\treturn runGraphEvent;\n\t});\n}\n\nfunction mapNode([id, node]: GraphResponseNode): [string, RunGraphNode] {\n\tif (!node.start_time) {\n\t\tthrow new Error(\"Start time is required\");\n\t}\n\n\treturn [\n\t\tid,\n\t\t{\n\t\t\tkind: node.kind,\n\t\t\tid: node.id,\n\t\t\tlabel: node.label,\n\t\t\tstate_type: node.state_type,\n\t\t\tstart_time: parseISO(node.start_time),\n\t\t\tend_time: node.end_time ? parseISO(node.end_time) : null,\n\t\t\tparents: node.parents,\n\t\t\tchildren: node.children,\n\t\t\tartifacts: node.artifacts.map(mapArtifact),\n\t\t},\n\t];\n}\n\nfunction mapArtifact(artifact: GraphResponseArtifact): RunGraphArtifact {\n\tif (!artifact.type) {\n\t\tthrow new Error(\"Artifact type is required\");\n\t}\n\n\tif (artifact.type === \"progress\" && typeof artifact.data === \"number\") {\n\t\treturn {\n\t\t\tid: artifact.id,\n\t\t\tcreated: parseISO(artifact.created),\n\t\t\tkey: artifact.key ?? undefined,\n\t\t\ttype: artifact.type,\n\t\t\tdata: artifact.data,\n\t\t};\n\t}\n\n\treturn {\n\t\tid: artifact.id,\n\t\tcreated: parseISO(artifact.created),\n\t\tkey: artifact.key ?? undefined,\n\t\ttype: artifact.type as Exclude<RunGraphArtifact[\"type\"], \"progress\">,\n\t};\n}\n","import type { StateType } from \"@prefecthq/graphs\";\n\n/**\n * Shade values for each state type, used with getStateColor().\n * Different states use different shades for visual distinction.\n * See: ui-v2/src/index.css for the CSS variable definitions.\n */\nexport const stateTypeShades: Record<StateType, number> = {\n\tCOMPLETED: 600,\n\tRUNNING: 700,\n\tSCHEDULED: 700,\n\tPENDING: 800,\n\tFAILED: 700,\n\tCANCELLED: 600,\n\tCANCELLING: 600,\n\tCRASHED: 600,\n\tPAUSED: 800,\n};\n","export function isEventTargetInput(target: EventTarget | null): boolean {\n\tif (!target || !(target instanceof HTMLElement)) {\n\t\treturn false;\n\t}\n\treturn [\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(target.tagName);\n}\n","import { centerViewport } from \"@prefecthq/graphs\";\nimport { useEffect } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Icon } from \"@/components/ui/icons/icon\";\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { isEventTargetInput } from \"./utilities\";\n\nconst center = () => {\n\tvoid centerViewport({ animate: true });\n};\n\nexport function FlowRunGraphCenterButton() {\n\tuseEffect(() => {\n\t\tconst controller = new AbortController();\n\n\t\tdocument.addEventListener(\n\t\t\t\"keydown\",\n\t\t\t(event: KeyboardEvent) => {\n\t\t\t\tif (\n\t\t\t\t\tisEventTargetInput(event.target) ||\n\t\t\t\t\tevent.metaKey ||\n\t\t\t\t\tevent.ctrlKey\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (event.key === \"c\") {\n\t\t\t\t\tcenter();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ signal: controller.signal },\n\t\t);\n\n\t\treturn () => controller.abort();\n\t}, []);\n\n\treturn (\n\t\t<Tooltip>\n\t\t\t<TooltipTrigger asChild>\n\t\t\t\t<Button variant=\"outline\" size=\"icon\" onClick={center}>\n\t\t\t\t\t<Icon id=\"Crosshair\" className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</TooltipTrigger>\n\t\t\t<TooltipContent>Recenter (c)</TooltipContent>\n\t\t</Tooltip>\n\t);\n}\n","import { useCallback, useEffect } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Icon } from \"@/components/ui/icons/icon\";\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { isEventTargetInput } from \"./utilities\";\n\ntype FlowRunGraphFullscreenButtonProps = {\n\tfullscreen: boolean;\n\tonFullscreenChange: (fullscreen: boolean) => void;\n};\n\nexport function FlowRunGraphFullscreenButton({\n\tfullscreen,\n\tonFullscreenChange,\n}: FlowRunGraphFullscreenButtonProps) {\n\tconst toggleFullscreen = useCallback(() => {\n\t\tonFullscreenChange(!fullscreen);\n\t}, [fullscreen, onFullscreenChange]);\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController();\n\n\t\tdocument.addEventListener(\n\t\t\t\"keydown\",\n\t\t\t(event: KeyboardEvent) => {\n\t\t\t\tif (\n\t\t\t\t\tisEventTargetInput(event.target) ||\n\t\t\t\t\tevent.metaKey ||\n\t\t\t\t\tevent.ctrlKey\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (event.key === \"f\") {\n\t\t\t\t\ttoggleFullscreen();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (event.key === \"Escape\") {\n\t\t\t\t\ttoggleFullscreen();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ signal: controller.signal },\n\t\t);\n\n\t\treturn () => controller.abort();\n\t}, [toggleFullscreen]);\n\n\treturn (\n\t\t<Tooltip>\n\t\t\t<TooltipTrigger asChild>\n\t\t\t\t<Button variant=\"outline\" size=\"icon\" onClick={toggleFullscreen}>\n\t\t\t\t\t<Icon id=\"Expand\" className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</TooltipTrigger>\n\t\t\t<TooltipContent>Fullscreen (f)</TooltipContent>\n\t\t</Tooltip>\n\t);\n}\n","import {\n\tDEFAULT_HORIZONTAL_SCALE_MULTIPLIER,\n\ttype HorizontalMode,\n\tisHorizontalMode,\n\tisVerticalMode,\n\tlayout,\n\tresetHorizontalScaleMultiplier,\n\tsetDisabledArtifacts,\n\tsetDisabledEdges,\n\tsetDisabledEvents,\n\tsetHorizontalMode,\n\tsetHorizontalScaleMultiplier,\n\tsetVerticalMode,\n\ttype VerticalMode,\n} from \"@prefecthq/graphs\";\nimport { useCallback, useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Label } from \"@/components/ui/label\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { Typography } from \"@/components/ui/typography\";\n\ntype LayoutOption = `${HorizontalMode}_${VerticalMode}`;\n\nconst layoutOptions: { label: string; value: LayoutOption }[] = [\n\t{\n\t\tlabel: \"Temporal dependency\",\n\t\tvalue: \"temporal_nearest-parent\",\n\t},\n\t{\n\t\tlabel: \"Temporal sequence\",\n\t\tvalue: \"temporal_waterfall\",\n\t},\n\t{\n\t\tlabel: \"Dependency grid\",\n\t\tvalue: \"dependency_nearest-parent\",\n\t},\n\t{\n\t\tlabel: \"Sequential grid\",\n\t\tvalue: \"dependency_waterfall\",\n\t},\n\t{\n\t\tlabel: \"Comparative duration\",\n\t\tvalue: \"left-aligned_duration-sorted\",\n\t},\n];\n\nconst increaseScale = () => {\n\tconst multiplier = DEFAULT_HORIZONTAL_SCALE_MULTIPLIER + 1;\n\tconst scale = layout.horizontalScaleMultiplier * multiplier;\n\tsetHorizontalScaleMultiplier(scale);\n};\n\nconst decreaseScale = () => {\n\tconst multiplier = Math.abs(DEFAULT_HORIZONTAL_SCALE_MULTIPLIER - 1);\n\tconst scale = layout.horizontalScaleMultiplier * multiplier;\n\tsetHorizontalScaleMultiplier(scale);\n};\n\nconst resetScale = () => {\n\tresetHorizontalScaleMultiplier();\n};\n\nfunction isLayoutOption(value: string): value is LayoutOption {\n\tconst [horizontal, vertical] = value.split(\"_\");\n\treturn isHorizontalMode(horizontal) && isVerticalMode(vertical);\n}\n\nexport function FlowRunGraphSettings() {\n\tconst [selectedLayoutOption, setSelectedLayoutOption] = useState(\n\t\t`${layout.horizontal}_${layout.vertical}`,\n\t);\n\tconst [hideEdges, setHideEdges] = useState(layout.disableEdges);\n\tconst [hideArtifacts, setHideArtifacts] = useState(layout.disableArtifacts);\n\tconst [hideEvents, setHideEvents] = useState(layout.disableEvents);\n\n\tconst handleLayoutChange = useCallback((value: string) => {\n\t\tif (!isLayoutOption(value)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst [horizontal, vertical] = value.split(\"_\");\n\n\t\tif (!isHorizontalMode(horizontal) || !isVerticalMode(vertical)) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetSelectedLayoutOption(value);\n\t\tsetHorizontalMode(horizontal);\n\t\tsetVerticalMode(vertical);\n\t}, []);\n\n\tconst handleHideEdgesChange = useCallback((value: boolean) => {\n\t\tsetHideEdges(value);\n\t\tsetDisabledEdges(value);\n\t}, []);\n\n\tconst handleHideArtifactsChange = useCallback((value: boolean) => {\n\t\tsetHideArtifacts(value);\n\t\tsetDisabledArtifacts(value);\n\t}, []);\n\n\tconst handleHideEventsChange = useCallback((value: boolean) => {\n\t\tsetHideEvents(value);\n\t\tsetDisabledEvents(value);\n\t}, []);\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t<Typography variant=\"bodyLarge\">Layout</Typography>\n\t\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t\t{layoutOptions.map((option) => (\n\t\t\t\t\t\t<div key={option.value} className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tid={option.value}\n\t\t\t\t\t\t\t\tname=\"layout\"\n\t\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\t\tchecked={selectedLayoutOption === option.value}\n\t\t\t\t\t\t\t\tonChange={(e) => handleLayoutChange(e.target.value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Label htmlFor={option.value}>{option.label}</Label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{(layout.isTemporal() || layout.isLeftAligned()) && (\n\t\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t\t<Typography variant=\"bodyLarge\">Scaling</Typography>\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tonClick={decreaseScale}\n\t\t\t\t\t\t\ttitle=\"Decrease scale (-)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t-\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tonClick={increaseScale}\n\t\t\t\t\t\t\ttitle=\"Increase scale (+)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={resetScale}>\n\t\t\t\t\t\t\tReset\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<hr className=\"my-4\" />\n\n\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<Switch\n\t\t\t\t\t\tid=\"hideEdges\"\n\t\t\t\t\t\tchecked={hideEdges}\n\t\t\t\t\t\tonCheckedChange={handleHideEdgesChange}\n\t\t\t\t\t/>\n\t\t\t\t\t<Label htmlFor=\"hideEdges\">Hide dependency arrows</Label>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<Switch\n\t\t\t\t\t\tid=\"hideArtifacts\"\n\t\t\t\t\t\tchecked={hideArtifacts}\n\t\t\t\t\t\tonCheckedChange={handleHideArtifactsChange}\n\t\t\t\t\t/>\n\t\t\t\t\t<Label htmlFor=\"hideArtifacts\">Hide artifacts</Label>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<Switch\n\t\t\t\t\t\tid=\"hideEvents\"\n\t\t\t\t\t\tchecked={hideEvents}\n\t\t\t\t\t\tonCheckedChange={handleHideEventsChange}\n\t\t\t\t\t/>\n\t\t\t\t\t<Label htmlFor=\"hideEvents\">Hide events</Label>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","import { Button } from \"@/components/ui/button\";\nimport { Icon } from \"@/components/ui/icons/icon\";\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger,\n} from \"@/components/ui/popover\";\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { FlowRunGraphSettings } from \"./flow-run-graph-settings\";\n\nexport function FlowRunGraphSettingsButton() {\n\treturn (\n\t\t<Popover>\n\t\t\t<PopoverTrigger>\n\t\t\t\t<Tooltip>\n\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t<Button variant=\"outline\" size=\"icon\">\n\t\t\t\t\t\t\t<Icon id=\"Cog\" className=\"size-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t<TooltipContent>Settings</TooltipContent>\n\t\t\t\t</Tooltip>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent>\n\t\t\t\t<FlowRunGraphSettings />\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n","import { FlowRunGraphCenterButton } from \"./flow-run-graph-center-button\";\nimport { FlowRunGraphFullscreenButton } from \"./flow-run-graph-fullscreen-button\";\nimport { FlowRunGraphSettingsButton } from \"./flow-run-graph-settings-button\";\n\ntype FlowRunGraphActionsProps = {\n\tfullscreen: boolean;\n\tonFullscreenChange: (fullscreen: boolean) => void;\n};\n\nexport function FlowRunGraphActions({\n\tfullscreen,\n\tonFullscreenChange,\n}: FlowRunGraphActionsProps) {\n\treturn (\n\t\t<div className=\"flex gap-2\">\n\t\t\t<FlowRunGraphCenterButton />\n\t\t\t<FlowRunGraphFullscreenButton\n\t\t\t\tfullscreen={fullscreen}\n\t\t\t\tonFullscreenChange={onFullscreenChange}\n\t\t\t/>\n\t\t\t<FlowRunGraphSettingsButton />\n\t\t</div>\n\t);\n}\n","import { type GraphItemSelection, isNodeSelection } from \"@prefecthq/graphs\";\nimport { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { Link } from \"@tanstack/react-router\";\nimport { Suspense } from \"react\";\nimport { buildGetFlowRunDetailsQuery } from \"@/api/flow-runs\";\nimport { buildGetTaskRunQuery } from \"@/api/task-runs\";\nimport { Button } from \"@/components/ui/button\";\nimport { FormattedDate } from \"@/components/ui/formatted-date/formatted-date\";\nimport { Icon } from \"@/components/ui/icons\";\nimport { KeyValue } from \"@/components/ui/key-value\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { StateBadge } from \"@/components/ui/state-badge\";\nimport { TagBadgeGroup } from \"@/components/ui/tag-badge-group\";\nimport { secondsToApproximateString } from \"@/utils/seconds\";\n\ntype FlowRunGraphSelectionPanelProps = {\n\tselection: GraphItemSelection;\n\tonClose: () => void;\n};\n\nexport function FlowRunGraphSelectionPanel({\n\tselection,\n\tonClose,\n}: FlowRunGraphSelectionPanelProps) {\n\tif (!isNodeSelection(selection)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className=\"absolute top-4 right-4 z-10 w-72 rounded-lg border bg-card p-4 shadow-md\">\n\t\t\t<div className=\"flex justify-end mb-2\">\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t\taria-label=\"Close panel\"\n\t\t\t\t>\n\t\t\t\t\t<Icon id=\"X\" className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t<Suspense fallback={<SelectionPanelSkeleton />}>\n\t\t\t\t{selection.kind === \"task-run\" && (\n\t\t\t\t\t<TaskRunDetails taskRunId={selection.id} />\n\t\t\t\t)}\n\t\t\t\t{selection.kind === \"flow-run\" && (\n\t\t\t\t\t<FlowRunDetails flowRunId={selection.id} />\n\t\t\t\t)}\n\t\t\t</Suspense>\n\t\t</div>\n\t);\n}\n\nfunction SelectionPanelSkeleton() {\n\treturn (\n\t\t<div className=\"space-y-4\">\n\t\t\t<Skeleton className=\"h-6 w-3/4\" />\n\t\t\t<Skeleton className=\"h-5 w-1/2\" />\n\t\t\t<Skeleton className=\"h-5 w-full\" />\n\t\t\t<Skeleton className=\"h-5 w-2/3\" />\n\t\t\t<Skeleton className=\"h-5 w-1/2\" />\n\t\t</div>\n\t);\n}\n\ntype TaskRunDetailsProps = {\n\ttaskRunId: string;\n};\n\nfunction TaskRunDetails({ taskRunId }: TaskRunDetailsProps) {\n\tconst { data: taskRun } = useSuspenseQuery(buildGetTaskRunQuery(taskRunId));\n\n\tconst duration =\n\t\ttaskRun.estimated_run_time && taskRun.estimated_run_time > 0\n\t\t\t? taskRun.estimated_run_time\n\t\t\t: (taskRun.total_run_time ?? 0);\n\n\treturn (\n\t\t<div className=\"space-y-3\">\n\t\t\t<h3 className=\"font-semibold text-base\">\n\t\t\t\t<Link\n\t\t\t\t\tto=\"/runs/task-run/$id\"\n\t\t\t\t\tparams={{ id: taskRunId }}\n\t\t\t\t\tclassName=\"hover:underline text-foreground\"\n\t\t\t\t>\n\t\t\t\t\t{taskRun.name}\n\t\t\t\t</Link>\n\t\t\t</h3>\n\t\t\t<div className=\"space-y-3\">\n\t\t\t\t{taskRun.state && (\n\t\t\t\t\t<KeyValue\n\t\t\t\t\t\tlabel=\"State\"\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t<StateBadge type={taskRun.state.type} name={taskRun.state.name} />\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<KeyValue label=\"Task Run ID\" value={taskRun.id} copyable />\n\t\t\t\t<KeyValue\n\t\t\t\t\tlabel=\"Duration\"\n\t\t\t\t\tvalue={duration > 0 ? secondsToApproximateString(duration) : \"-\"}\n\t\t\t\t/>\n\t\t\t\t<KeyValue\n\t\t\t\t\tlabel=\"Created\"\n\t\t\t\t\tvalue={<FormattedDate date={taskRun.created} />}\n\t\t\t\t/>\n\t\t\t\t{taskRun.tags && taskRun.tags.length > 0 && (\n\t\t\t\t\t<KeyValue\n\t\t\t\t\t\tlabel=\"Tags\"\n\t\t\t\t\t\tvalue={<TagBadgeGroup tags={taskRun.tags} />}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\ntype FlowRunDetailsProps = {\n\tflowRunId: string;\n};\n\nfunction FlowRunDetails({ flowRunId }: FlowRunDetailsProps) {\n\tconst { data: flowRun } = useSuspenseQuery(\n\t\tbuildGetFlowRunDetailsQuery(flowRunId),\n\t);\n\n\tconst duration = flowRun.total_run_time ?? 0;\n\n\treturn (\n\t\t<div className=\"space-y-3\">\n\t\t\t<h3 className=\"font-semibold text-base\">\n\t\t\t\t<Link\n\t\t\t\t\tto=\"/runs/flow-run/$id\"\n\t\t\t\t\tparams={{ id: flowRunId }}\n\t\t\t\t\tclassName=\"hover:underline text-foreground\"\n\t\t\t\t>\n\t\t\t\t\t{flowRun.name}\n\t\t\t\t</Link>\n\t\t\t</h3>\n\t\t\t<div className=\"space-y-3\">\n\t\t\t\t{flowRun.state && (\n\t\t\t\t\t<KeyValue\n\t\t\t\t\t\tlabel=\"State\"\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t<StateBadge type={flowRun.state.type} name={flowRun.state.name} />\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<KeyValue label=\"Flow Run ID\" value={flowRun.id} copyable />\n\t\t\t\t<KeyValue\n\t\t\t\t\tlabel=\"Duration\"\n\t\t\t\t\tvalue={duration > 0 ? secondsToApproximateString(duration) : \"-\"}\n\t\t\t\t/>\n\t\t\t\t<KeyValue\n\t\t\t\t\tlabel=\"Created\"\n\t\t\t\t\tvalue={<FormattedDate date={flowRun.created} />}\n\t\t\t\t/>\n\t\t\t\t{flowRun.tags && flowRun.tags.length > 0 && (\n\t\t\t\t\t<KeyValue\n\t\t\t\t\t\tlabel=\"Tags\"\n\t\t\t\t\t\tvalue={<TagBadgeGroup tags={flowRun.tags} />}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","import {\n\temitter,\n\ttype GraphItemSelection,\n\tisNodeSelection,\n\ttype RunGraphConfig,\n\ttype RunGraphNode,\n\ttype RunGraphStateEvent,\n\tselectItem,\n\tsetConfig,\n\tstart,\n\tstop,\n\tupdateViewportFromDateRange,\n\ttype ViewportDateRange,\n} from \"@prefecthq/graphs\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTheme } from \"next-themes\";\nimport {\n\ttype CSSProperties,\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { buildCountFlowRunsQuery } from \"@/api/flow-runs\";\nimport { buildCountTaskRunsQuery } from \"@/api/task-runs\";\nimport { getStateColor } from \"@/utils/state-colors\";\nimport { fetchFlowRunEvents, fetchFlowRunGraph } from \"./api\";\nimport { stateTypeShades } from \"./consts\";\nimport { FlowRunGraphActions } from \"./flow-run-graph-actions\";\nimport { FlowRunGraphSelectionPanel } from \"./flow-run-graph-selection-panel\";\n\nconst TERMINAL_STATES = [\"COMPLETED\", \"FAILED\", \"CANCELLED\", \"CRASHED\"];\n\ntype FlowRunGraphProps = {\n\tflowRunId: string;\n\tstateType?: string;\n\tviewport?: ViewportDateRange;\n\tonViewportChange?: (viewport: ViewportDateRange) => void;\n\tselected?: GraphItemSelection;\n\tonSelectedChange?: (selected: GraphItemSelection | undefined) => void;\n\tfullscreen?: boolean;\n\tonFullscreenChange?: (fullscreen: boolean) => void;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n};\n\nexport function FlowRunGraph({\n\tflowRunId,\n\tstateType,\n\tviewport,\n\tonViewportChange,\n\tselected: controlledSelected,\n\tonSelectedChange,\n\tclassName,\n\tstyle,\n\tfullscreen: controlledFullscreen,\n\tonFullscreenChange,\n}: FlowRunGraphProps) {\n\tconst stageRef = useRef<HTMLDivElement>(null);\n\tconst [internalFullscreen, setInternalFullscreen] = useState(false);\n\tconst [internalSelected, setInternalSelected] = useState<\n\t\tGraphItemSelection | undefined\n\t>(undefined);\n\tconst { resolvedTheme } = useTheme();\n\n\tconst fullscreen = controlledFullscreen ?? internalFullscreen;\n\tconst selected = controlledSelected ?? internalSelected;\n\tconst isTerminal = stateType && TERMINAL_STATES.includes(stateType);\n\n\tconst { data: taskRunCount } = useQuery(\n\t\tbuildCountTaskRunsQuery({\n\t\t\ttask_runs: {\n\t\t\t\toperator: \"and_\",\n\t\t\t\tflow_run_id: { operator: \"and_\", any_: [flowRunId], is_null_: false },\n\t\t\t},\n\t\t}),\n\t);\n\n\tconst { data: subflowRunCount } = useQuery(\n\t\tbuildCountFlowRunsQuery({\n\t\t\tflow_runs: {\n\t\t\t\toperator: \"and_\",\n\t\t\t\tparent_flow_run_id: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tany_: [flowRunId],\n\t\t\t\t},\n\t\t\t},\n\t\t}),\n\t);\n\n\tconst hasNodes =\n\t\ttaskRunCount === undefined ||\n\t\tsubflowRunCount === undefined ||\n\t\ttaskRunCount > 0 ||\n\t\tsubflowRunCount > 0;\n\n\tconst updateFullscreen = useCallback(\n\t\t(value: boolean) => {\n\t\t\tsetInternalFullscreen(value);\n\t\t\tonFullscreenChange?.(value);\n\t\t},\n\t\t[onFullscreenChange],\n\t);\n\n\tconst config = useMemo<RunGraphConfig>(\n\t\t() => ({\n\t\t\trunId: flowRunId,\n\t\t\tfetch: fetchFlowRunGraph,\n\t\t\tfetchEvents: fetchFlowRunEvents,\n\t\t\tstyles: () => ({\n\t\t\t\tnode: (node: RunGraphNode) => ({\n\t\t\t\t\tbackground: getStateColor(\n\t\t\t\t\t\tnode.state_type,\n\t\t\t\t\t\tstateTypeShades[node.state_type],\n\t\t\t\t\t),\n\t\t\t\t}),\n\t\t\t\tstate: (event: RunGraphStateEvent) => ({\n\t\t\t\t\tbackground: getStateColor(event.type, stateTypeShades[event.type]),\n\t\t\t\t}),\n\t\t\t}),\n\t\t\ttheme: resolvedTheme === \"dark\" ? \"dark\" : \"light\",\n\t\t}),\n\t\t[flowRunId, resolvedTheme],\n\t);\n\n\tuseEffect(() => {\n\t\tsetConfig(config);\n\t}, [config]);\n\n\tuseEffect(() => {\n\t\tif (!stageRef.current) {\n\t\t\tthrow new Error(\"Stage does not exist\");\n\t\t}\n\n\t\tstart({\n\t\t\tstage: stageRef.current,\n\t\t\tconfig,\n\t\t});\n\n\t\treturn () => {\n\t\t\tstop();\n\t\t};\n\t}, [config]);\n\n\tuseEffect(() => {\n\t\tselectItem(selected ?? null);\n\t}, [selected]);\n\n\tuseEffect(() => {\n\t\tvoid updateViewportFromDateRange(viewport);\n\t}, [viewport]);\n\n\tuseEffect(() => {\n\t\tconst offItemSelected = emitter.on(\"itemSelected\", (nodeId) => {\n\t\t\tconst selection = nodeId ?? undefined;\n\t\t\tsetInternalSelected(selection);\n\t\t\tonSelectedChange?.(selection);\n\t\t});\n\t\tconst offViewportDateRangeUpdated = emitter.on(\n\t\t\t\"viewportDateRangeUpdated\",\n\t\t\t(range) => onViewportChange?.(range),\n\t\t);\n\n\t\treturn () => {\n\t\t\toffItemSelected();\n\t\t\toffViewportDateRangeUpdated();\n\t\t};\n\t}, [onSelectedChange, onViewportChange]);\n\n\tconst heightClass = fullscreen\n\t\t? \"fixed h-screen w-screen z-20\"\n\t\t: hasNodes\n\t\t\t? \"relative h-96 w-full\"\n\t\t\t: \"relative h-40 w-full\";\n\n\treturn (\n\t\t<div className={`${heightClass} ${className ?? \"\"}`} style={style}>\n\t\t\t<div ref={stageRef} className=\"size-full [&>canvas]:size-full\" />\n\t\t\t{!hasNodes && (\n\t\t\t\t<div className=\"absolute inset-0 flex items-center justify-center bg-background/50\">\n\t\t\t\t\t<p className=\"text-muted-foreground\">\n\t\t\t\t\t\t{isTerminal\n\t\t\t\t\t\t\t? \"This flow run did not generate any task or subflow runs\"\n\t\t\t\t\t\t\t: \"This flow run has not yet generated any task or subflow runs\"}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"absolute bottom-0 right-0\">\n\t\t\t\t<FlowRunGraphActions\n\t\t\t\t\tfullscreen={fullscreen}\n\t\t\t\t\tonFullscreenChange={updateFullscreen}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{selected && isNodeSelection(selected) && (\n\t\t\t\t<FlowRunGraphSelectionPanel\n\t\t\t\t\tselection={selected}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetInternalSelected(undefined);\n\t\t\t\t\t\tonSelectedChange?.(undefined);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["fetchFlowRunGraph","id","data","getQueryService","mapApiResponseToRunGraphData","fetchFlowRunEvents","since","until","nodeId","mapApiResponseToRunGraphEvents","response","parseISO","node","mapNode","event","mapArtifact","artifact","stateTypeShades","isEventTargetInput","target","center","centerViewport","FlowRunGraphCenterButton","useEffect","controller","Tooltip","jsx","TooltipTrigger","Button","Icon","TooltipContent","FlowRunGraphFullscreenButton","fullscreen","onFullscreenChange","toggleFullscreen","useCallback","layoutOptions","increaseScale","multiplier","DEFAULT_HORIZONTAL_SCALE_MULTIPLIER","scale","layout","setHorizontalScaleMultiplier","decreaseScale","resetScale","resetHorizontalScaleMultiplier","isLayoutOption","value","horizontal","vertical","isHorizontalMode","isVerticalMode","FlowRunGraphSettings","selectedLayoutOption","setSelectedLayoutOption","useState","hideEdges","setHideEdges","hideArtifacts","setHideArtifacts","hideEvents","setHideEvents","handleLayoutChange","setHorizontalMode","setVerticalMode","handleHideEdgesChange","setDisabledEdges","handleHideArtifactsChange","setDisabledArtifacts","handleHideEventsChange","setDisabledEvents","jsxs","Typography","option","e","Label","Switch","FlowRunGraphSettingsButton","Popover","PopoverTrigger","PopoverContent","FlowRunGraphActions","FlowRunGraphSelectionPanel","selection","onClose","isNodeSelection","Suspense","SelectionPanelSkeleton","TaskRunDetails","FlowRunDetails","Skeleton","taskRunId","taskRun","useSuspenseQuery","buildGetTaskRunQuery","duration","Link","KeyValue","StateBadge","secondsToApproximateString","FormattedDate","TagBadgeGroup","flowRunId","flowRun","buildGetFlowRunDetailsQuery","TERMINAL_STATES","FlowRunGraph","stateType","viewport","onViewportChange","controlledSelected","onSelectedChange","className","style","controlledFullscreen","stageRef","useRef","internalFullscreen","setInternalFullscreen","internalSelected","setInternalSelected","resolvedTheme","useTheme","selected","isTerminal","taskRunCount","useQuery","buildCountTaskRunsQuery","subflowRunCount","buildCountFlowRunsQuery","hasNodes","updateFullscreen","config","useMemo","getStateColor","setConfig","start","stop","selectItem","updateViewportFromDateRange","offItemSelected","emitter","offViewportDateRangeUpdated","range","heightClass"],"mappings":"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"}

prefect/server/ui-v2/assets/flow-run._id-BHY61H6u.js

@@ -1,4 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/flow-run-graph-B1vF1w0Z.js","assets/vendor-tanstack-BK8oseNA.js","assets/vendor-react-Bce9NwRC.js","assets/vendor-graphs-R8z6S3Jg.js","assets/index-Cd7pM9pk.js","assets/vendor-radix-CznP1SOq.js","assets/vendor-recharts-D4imLXNl.js","assets/vendor-forms-DxqqmhL5.js","assets/vendor-date-7GxEwcQM.js","assets/index-b9WBW430.css","assets/state-colors-CAAf0Eg3.js","assets/artifact-card-DkgEVahF.js","assets/lazy-markdown-BoMKGRXo.js","assets/toggle-group-D7mfSUim.js","assets/index-DvKYj8ko.js","assets/index-BdgomKuA.js","assets/delete-confirmation-dialog-7GKqeKy1.js","assets/use-delete-confirmation-dialog-CvQEyyhU.js","assets/dropdown-menu-iS8iJMpx.js","assets/sort-filter-DM7SvBB0.js","assets/flow-runs-pagination-DzGHOht3.js","assets/task-runs-pagination-DbjB6XnY.js","assets/tags-input-DJiZSVHp.js"])))=>i.map(i=>d[i]);
-import{j as e,r as n,p as O,s as F,L as I,I as fe,m as U,f as ve,u as ye}from"./vendor-tanstack-BK8oseNA.js";import{b5 as i,cc as Ne,cd as be,q as D,ce as _e,aW as W,bv as Se,C as ne,o as oe,c6 as we,I as b,y as S,bM as H,X as ie,cf as Ce,cg as ke,aD as ce,aN as Te,B as De,g as Fe,h as K,bs as Ee,bB as Le,bD as Ae,H as Pe,aq as B,aM as Ie,ch as ze,c5 as Me,bQ as Oe,bR as Qe,bS as Re,bT as qe,ci as Ve,c8 as $e,S as de,a as ue,c as xe,e as G,b as Be,bN as me,aC as Ge,aE as X,ab as Ue,al as E,O as he,cj as Y,ak as V,ck as $,aF as Z,an as We,cl as Je,cm as He,cn as Ke,co as Xe,cp as Ye,L as ee,aw as Ze,ax as es,ay as k,az as T,cq as se}from"./index-Cd7pM9pk.js";import{A as ss}from"./artifact-card-DkgEVahF.js";import{T as as,a as ae}from"./toggle-group-D7mfSUim.js";import{R as ts,u as ls,C as rs,a as ns}from"./index-DvKYj8ko.js";import{D as os}from"./delete-confirmation-dialog-7GKqeKy1.js";import{u as is}from"./use-delete-confirmation-dialog-CvQEyyhU.js";import{D as pe,a as ge,b as je,d as L}from"./dropdown-menu-iS8iJMpx.js";import{S as cs}from"./sort-filter-DM7SvBB0.js";import{S as ds,a as us,F as xs}from"./flow-runs-pagination-DzGHOht3.js";import{T as ms,b as hs,a as ps}from"./task-runs-pagination-DbjB6XnY.js";import{T as gs}from"./tags-input-DJiZSVHp.js";import{o as js,e as fs}from"./vendor-forms-DxqqmhL5.js";const vs=n.lazy(()=>Ne(()=>import("./flow-run-graph-B1vF1w0Z.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22])).then(s=>({default:s.FlowRunGraph})));function ys(s){return e.jsx(n.Suspense,{fallback:e.jsx(i,{className:"h-[500px] w-full"}),children:e.jsx(vs,{...s})})}class z extends n.Component{constructor(a){super(a),this.state={hasError:!1,error:null}}static getDerivedStateFromError(a){return{hasError:!0,error:a}}render(){if(this.state.hasError){const{fallback:a}=this.props;return typeof a=="function"?a(this.state.error??new Error("Unknown error")):a}return this.props.children}}function M({error:s,onRetry:a,isRetrying:t}){return e.jsxs("div",{className:"flex flex-col items-center justify-center py-8 text-center",children:[e.jsx("div",{className:"rounded-full bg-destructive/10 p-2 mb-3",children:e.jsx(be,{className:"size-6 text-destructive"})}),e.jsxs("div",{className:"space-y-1 mb-4",children:[e.jsx("p",{className:"font-medium",children:s.message}),s.details&&e.jsx("p",{className:"text-xs text-muted-foreground max-w-sm",children:s.details})]}),a&&e.jsxs(D,{variant:"outline",size:"sm",onClick:a,disabled:t,className:"gap-2",children:[e.jsx(_e,{className:W("size-3",t&&"animate-spin")}),t?"Retrying...":"Retry"]})]})}const Ns=({flowRun:s})=>{const[a,t]=n.useState("grid"),{data:m}=O(Se({artifacts:{operator:"and_",flow_run_id:{any_:[s.id]},type:{not_any_:["result"]}},sort:"ID_DESC",offset:0}));return m.length===0?e.jsx(ne,{children:e.jsx(oe,{className:"text-center",children:e.jsxs("p",{children:["This flow run did not produce any artifacts; for more information on creating artifacts, see the"," ",e.jsx("a",{href:"https://docs.prefect.io/v3/develop/artifacts",target:"_blank",rel:"noopener noreferrer",className:"text-blue-500",children:"documentation"}),"."]})})}):e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:"flex justify-end",children:e.jsxs(as,{type:"single",variant:"outline",value:a,onValueChange:r=>t(r),children:[e.jsx(ae,{value:"grid","aria-label":"Grid view",children:e.jsx(we,{className:"w-4 h-4"})}),e.jsx(ae,{value:"list","aria-label":"List view",children:e.jsx(ts,{className:"w-4 h-4"})})]})}),e.jsx("div",{className:W("grid",a==="grid"?"grid-cols-1 lg:grid-cols-2 xl:grid-cols-3":"grid-cols-1","gap-4"),"data-testid":"flow-run-artifacts-grid",children:m.map(r=>e.jsx(ss,{artifact:r,compact:a==="list"},r.id))})]})};function _({label:s,value:a,copyable:t,copyValue:m}){const r=()=>{const u=m??(typeof a=="string"?a:"");navigator.clipboard.writeText(u),S.success(`${s} copied`)};return e.jsxs("dl",{className:"flex flex-col gap-1",children:[e.jsx("dt",{className:"text-muted-foreground text-sm",children:s}),e.jsxs("dd",{className:"text-sm flex items-center gap-2",children:[a,t&&e.jsx(D,{variant:"ghost",size:"icon",onClick:r,children:e.jsx(b,{id:"Copy",className:"size-4"})})]})]})}function te({flowRun:s}){return s?e.jsxs("div",{className:"space-y-4",children:[e.jsx(_,{label:"Run Count",value:s.run_count}),e.jsx(_,{label:"Created",value:e.jsx(H,{date:s.created})}),s.created_by?.display_value&&e.jsx(_,{label:"Created By",value:s.created_by.display_value}),e.jsx(_,{label:"Last Updated",value:e.jsx(H,{date:s.updated})}),s.idempotency_key&&e.jsx(_,{label:"Idempotency Key",value:s.idempotency_key}),s.tags&&s.tags.length>0&&e.jsx(_,{label:"Tags",value:e.jsx(ie,{tags:s.tags})}),e.jsx(_,{label:"Flow Run ID",value:s.id,copyable:!0}),s.state?.message&&e.jsx(_,{label:"State Message",value:s.state.message}),s.flow_version&&e.jsx(_,{label:"Flow Version",value:s.flow_version}),s.empirical_policy?.retries!=null&&e.jsxs(e.Fragment,{children:[e.jsx(_,{label:"Retries",value:s.empirical_policy.retries}),e.jsx(_,{label:"Retry Delay",value:s.empirical_policy.retry_delay})]})]}):e.jsx("div",{className:"flex flex-col gap-2 bg-gray-100 p-4 rounded-md",children:e.jsx("span",{className:"text-gray-500",children:"No flow run details available"})})}function bs({flowRun:s,onDeleteClick:a}){const[t,m]=is(),{open:r,onOpenChange:u,openDialog:g}=ls(),{setFlowRunState:d,isPending:o}=Ce(),v=s.state_type&&["COMPLETED","FAILED","CANCELLED","CRASHED"].includes(s.state_type),l=N=>{d({id:s.id,state:{type:N.type,name:N.type.charAt(0)+N.type.slice(1).toLowerCase(),message:N.message},force:!0},{onSuccess:()=>{S.success("Flow run state changed"),u(!1)},onError:C=>{S.error(C.message||"Failed to change state")}})},{data:c}=F({...ke(s.deployment_id??""),enabled:!!s.deployment_id}),{data:h}=F({...ce({task_runs:{operator:"and_",flow_run_id:{operator:"and_",any_:[s.id],is_null_:!1}}})}),{data:y}=F({...Te({sort:"START_TIME_DESC",offset:0,limit:1,task_runs:{operator:"and_",id:{any_:[s.parent_task_run_id??""]}}}),enabled:!!s.parent_task_run_id}),p=y?.[0],w=N=>N===void 0?"...":N===0?"None":`${N} Task run${N===1?"":"s"}`;return e.jsxs("div",{className:"flex flex-row justify-between",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(De,{children:e.jsxs(Fe,{children:[e.jsx(K,{children:e.jsx(Ee,{to:"/runs",className:"text-xl font-semibold",children:"Runs"})}),e.jsx(Le,{}),e.jsxs(K,{className:"text-xl",children:[e.jsx(Ae,{className:"font-semibold",children:s.name}),s.work_pool_name&&e.jsx(Pe,{variant:"outline",className:"ml-2",children:s.work_pool_name}),s.tags&&s.tags.length>0&&e.jsx("div",{className:"ml-2",children:e.jsx(ie,{tags:s.tags,maxTagsDisplayed:3})})]})]})}),e.jsxs("div",{className:"flex items-center gap-4 text-sm text-muted-foreground",children:[s.state_type&&s.state_name&&e.jsx(B,{type:s.state_type,name:s.state_name}),s.start_time&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(b,{id:"Calendar",className:"size-4"}),e.jsx("span",{children:Ie(s.start_time,"dateTimeNumeric")})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(b,{id:"Clock",className:"size-4"}),e.jsx("span",{children:ze(s.total_run_time??0)})]}),e.jsxs("div",{className:`flex items-center gap-1 ${h===0?"text-muted-foreground/60":""}`,children:[e.jsx(b,{id:"ListTodo",className:"size-4"}),e.jsx("span",{children:w(h)})]})]}),e.jsxs("div",{className:"flex items-center gap-4 text-sm flex-wrap",children:[s.flow_id&&e.jsx(Me,{flowId:s.flow_id}),s.deployment_id&&e.jsxs(I,{to:"/deployments/deployment/$id",params:{id:s.deployment_id},className:"flex items-center gap-1 hover:underline",children:[e.jsx(b,{id:"Rocket",className:"size-4"}),e.jsx("span",{className:"text-muted-foreground",children:"Deployment"}),e.jsx("span",{children:c?.name??"..."})]}),s.work_pool_name&&e.jsxs(I,{to:"/work-pools/work-pool/$workPoolName",params:{workPoolName:s.work_pool_name},className:"flex items-center gap-1 hover:underline",children:[e.jsx(b,{id:"Server",className:"size-4"}),e.jsx("span",{className:"text-muted-foreground",children:"Work Pool"}),e.jsx("span",{children:s.work_pool_name})]}),s.work_pool_name&&s.work_queue_name&&e.jsxs(I,{to:"/work-pools/work-pool/$workPoolName",params:{workPoolName:s.work_pool_name},search:{tab:"Work Queues"},className:"flex items-center gap-1 hover:underline",children:[e.jsx(b,{id:"ListOrdered",className:"size-4"}),e.jsx("span",{className:"text-muted-foreground",children:"Work Queue"}),e.jsx("span",{children:s.work_queue_name})]}),p&&e.jsxs(I,{to:"/runs/flow-run/$id",params:{id:p.id},className:"flex items-center gap-1 hover:underline",children:[e.jsx(b,{id:"Workflow",className:"size-4"}),e.jsx("span",{className:"text-muted-foreground",children:"Parent Run"}),e.jsx("span",{children:p.name??"..."})]})]})]}),e.jsxs(pe,{children:[e.jsx(ge,{asChild:!0,children:e.jsx(D,{variant:"outline",className:"p-2",children:e.jsx(Oe,{className:"w-4 h-4"})})}),e.jsxs(je,{children:[v&&e.jsx(L,{onClick:g,children:"Change state"}),e.jsx(L,{onClick:()=>{navigator.clipboard.writeText(s.id),S.success("Copied flow run ID to clipboard")},children:"Copy ID"}),e.jsx(L,{onClick:()=>m({title:"Delete Flow Run",description:`Are you sure you want to delete flow run ${s.name}?`,onConfirm:a}),children:"Delete"})]})]}),e.jsx(os,{...t}),e.jsx(rs,{open:r,onOpenChange:u,currentState:s.state?{type:s.state.type,name:s.state.name??s.state.type.charAt(0)+s.state.type.slice(1).toLowerCase()}:null,label:"Flow Run",onConfirm:l,isLoading:o})]})}function _s({flowRun:s}){const[a,t]=n.useState(!1),m=async()=>{t(!0);try{const u=await(await Ve()).GET("/flow_runs/{id}/logs/download",{params:{path:{id:s.id}},parseAs:"blob"});if(!u.data)throw new Error("No data received from server");const g=URL.createObjectURL(u.data),d=document.createElement("a"),o=s.name??"logs";d.href=g,d.setAttribute("download",`${o}.csv`),d.click(),URL.revokeObjectURL(g)}catch(r){console.error(r),S.error("Failed to download logs")}finally{t(!1)}};return e.jsxs(Qe,{children:[e.jsx(Re,{asChild:!0,children:e.jsx(D,{variant:"outline",size:"icon",onClick:()=>{m()},disabled:a,"aria-label":"Download logs",children:a?e.jsx(b,{id:"Loader2",className:"size-4 animate-spin"}):e.jsx(b,{id:"Download",className:"size-4"})})}),e.jsx(qe,{children:"Download all logs as CSV"})]})}const Ss=({flowRun:s,virtualize:a=!0})=>{const[t,m]=n.useState(0),[r,u]=n.useState("TIMESTAMP_ASC"),g=n.useMemo(()=>({...$e({limit:50,sort:r,logs:{operator:"and_",level:{ge_:t},flow_run_id:{any_:[s.id]}}}),refetchInterval:s.state_type==="RUNNING"?5e3:!1}),[t,r,s.id,s.state_type]),{data:d,hasNextPage:o,fetchNextPage:v,isFetchingNextPage:l}=fe(g),c=d.pages.length===1&&d.pages[0].length===0;let h="This run did not produce any logs.";return c&&(t>0?h="No logs match your filter criteria":s.state_type==="SCHEDULED"&&s.state_name==="Scheduled"?h="Run has not yet started. Check back soon for logs.":s.state_type==="RUNNING"&&(h="Waiting for logs...")),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-row gap-2 justify-end",children:[e.jsx(ws,{levelFilter:t,setLevelFilter:m}),e.jsx(Cs,{sortOrder:r,setSortOrder:u}),e.jsx(_s,{flowRun:s})]}),c?e.jsx("div",{className:"flex flex-col gap-2 text-center bg-muted p-2 rounded-md",children:e.jsx("span",{className:"text-muted-foreground",children:h})}):e.jsx("div",{className:"rounded-md",children:e.jsx(ns,{logs:d.pages.flat(),onBottomReached:()=>{o&&!l&&v().catch(y=>{console.error(y)})},className:"max-h-[85vh]",virtualize:a})})]})},le=[{label:"All",value:0},{label:"Critical only",value:50},{label:"Error and above",value:40},{label:"Warning and above",value:30},{label:"Info and above",value:20},{label:"Debug and above",value:10}],ws=({levelFilter:s,setLevelFilter:a})=>e.jsxs(de,{value:s.toString(),onValueChange:t=>a(Number(t)),children:[e.jsx(ue,{"aria-label":"log level filter",children:e.jsx("span",{children:`Level:
-							${le.find(t=>t.value===s)?.label}`})}),e.jsx(xe,{children:le.map(t=>e.jsx(G,{value:t.value.toString(),children:t.label},t.value))})]}),Cs=({sortOrder:s,setSortOrder:a})=>e.jsxs(de,{value:s,onValueChange:t=>a(t),children:[e.jsx(ue,{"aria-label":"log sort order",children:e.jsx(Be,{placeholder:"Sort log order"})}),e.jsxs(xe,{children:[e.jsx(G,{value:"TIMESTAMP_ASC",children:"Oldest to newest"}),e.jsx(G,{value:"TIMESTAMP_DESC",children:"Newest to oldest"})]})]}),ks=({parentFlowRunId:s})=>{const a=U(),[t,m]=n.useState(""),[r,u]=n.useState(new Set),[g,d]=n.useState("START_TIME_DESC"),[o,v]=n.useState({page:1,limit:10}),l=me(t,300),c=n.useMemo(()=>({flow_runs:{operator:"and_",parent_flow_run_id:{operator:"and_",any_:[s]}}}),[s]),{data:h}=O(Ge(c,3e4)),y=n.useMemo(()=>({page:o.page,limit:o.limit,sort:g,flow_runs:{operator:"and_",parent_flow_run_id:{operator:"and_",any_:[s]},name:l?{like_:l}:void 0,state:r.size>0?{operator:"and_",name:{any_:Array.from(r)}}:void 0}}),[s,o,g,l,r]),{data:p}=F(X(y,3e4)),w=n.useMemo(()=>[...new Set((p?.results??[]).map(x=>x.flow_id))],[p?.results]),{data:N}=F(Ue({flows:{operator:"and_",id:{any_:w}},offset:0,sort:"NAME_ASC"},{enabled:w.length>0})),C=n.useMemo(()=>{if(!p?.results)return[];const x=new Map(N?.map(j=>[j.id,j])??[]);return p.results.map(j=>{const J=x.get(j.flow_id);return J?{...j,flow:J}:{...j,flow:void 0}}).filter(j=>j!==null)},[p?.results,N]),A=x=>{m(x.target.value),v(j=>({...j,page:1}))},Q=x=>{u(x),v(j=>({...j,page:1}))},R=x=>{d(x),v(j=>({...j,page:1}))},q=()=>{m(""),u(new Set),v(x=>({...x,page:1}))},P=x=>{a.prefetchQuery(X({...y,page:x},3e4))},f=t||r.size>0;return h===0?e.jsx("div",{className:"flex items-center justify-center h-48 border rounded-lg bg-muted/50",children:e.jsx(E,{className:"text-muted-foreground",children:"No subflow runs found for this flow run."})}):e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"grid grid-cols-12 items-center gap-2",children:[e.jsx("div",{className:"flex flex-col gap-1 xl:col-span-3 md:col-span-12 col-span-6 md:order-0 order-2",children:e.jsxs(E,{variant:"bodySmall",className:"text-muted-foreground",children:[h," Subflow run",h!==1?"s":""]})}),e.jsx("div",{className:"xl:col-span-4 col-span-12 md:order-1 order-0",children:e.jsx(he,{value:t,onChange:A,placeholder:"Search by run name","aria-label":"Search by run name",debounceMs:300})}),e.jsx("div",{className:"xl:col-span-3 md:col-span-6 col-span-12 md:order-2 order-1",children:e.jsx(ds,{selectedFilters:r,onSelectFilter:Q})}),e.jsx("div",{className:"xl:border-l xl:border-border xl:pl-2 xl:col-span-2 md:col-span-6 col-span-6 md:order-3 order-3",children:e.jsx(cs,{value:g,onSelect:R})})]}),e.jsx(us,{flowRuns:C,onClearFilters:f?q:void 0}),p&&p.pages>0&&e.jsx(xs,{pagination:o,onChangePagination:v,count:p.count,pages:p.pages,onPrefetchPage:P})]})},re=2,Ts=({selectedFilters:s,onSelectFilter:a,className:t})=>{const[m,r]=n.useState(!1),u=n.useMemo(()=>{const l=new Set(Y);return s.has("Scheduled")||l.size!==s.size?!1:Array.from(s).every(c=>l.has(c))},[s]),g=()=>{a(new Set(Y))},d=()=>{a(new Set)},o=l=>{if(u){a(new Set([l]));return}const c=new Set(s);s.has(l)?c.delete(l):c.add(l),a(c)},v=()=>{if(s.size===0)return"All run states";if(u)return"All except scheduled";const l=Array.from(s),c=l.slice(0,re),h=l.length-re;return e.jsxs("div",{className:"flex flex-1 min-w-0 items-center gap-2",children:[e.jsx("div",{className:"flex flex-1 min-w-0 items-center gap-2 overflow-hidden",children:c.map(y=>e.jsx(B,{name:y,type:$[y]},y))}),h>0&&e.jsxs(E,{variant:"bodySmall",className:"shrink-0",children:["+ ",h]})]})};return e.jsxs(pe,{open:m,onOpenChange:r,children:[e.jsx(ge,{asChild:!0,children:e.jsxs(D,{variant:"outline",className:W("justify-between w-full",t),children:[e.jsx("span",{className:"flex-1 min-w-0",children:v()}),e.jsx(b,{id:"ChevronDown",className:"ml-2 size-4 shrink-0"})]})}),e.jsxs(je,{className:"max-h-96 overflow-x-hidden overflow-y-auto",children:[e.jsxs(L,{onSelect:l=>{l.preventDefault(),g()},children:[e.jsx(V,{checked:u,className:"mr-2"}),"All except scheduled"]}),e.jsxs(L,{onSelect:l=>{l.preventDefault(),d()},children:[e.jsx(V,{checked:s.size===0,className:"mr-2"}),"All run states"]}),Object.keys($).map(l=>e.jsxs(L,{"aria-label":l,onSelect:c=>{c.preventDefault(),o(l)},children:[e.jsx(V,{"aria-label":l,className:"mr-2",checked:!u&&s.has(l)}),e.jsx(B,{name:l,type:$[l]})]},l))]})]})},Ds=({flowRunId:s})=>{const a=U(),[t,m]=n.useState(""),[r,u]=n.useState(new Set),[g,d]=n.useState(new Set),[o,v]=n.useState("EXPECTED_START_TIME_DESC"),[l,c]=n.useState({page:1,limit:20}),h=me(t,300),{data:y}=O(ce({task_runs:{operator:"and_",flow_run_id:{operator:"and_",any_:[s],is_null_:!1},subflow_runs:{exists_:!1}}},3e4)),{data:p}=F(Z({task_runs:{operator:"and_",flow_run_id:{operator:"and_",any_:[s],is_null_:!1},subflow_runs:{exists_:!1},name:h?{like_:h}:void 0,state:r.size>0?{operator:"and_",name:{any_:Array.from(r)}}:void 0,tags:g.size>0?{operator:"and_",all_:Array.from(g)}:void 0},sort:o,page:l.page,limit:l.limit},3e4)),w=f=>{m(f.target.value),c(x=>({...x,page:1}))},N=f=>{u(f),c(x=>({...x,page:1}))},C=f=>{v(f),c(x=>({...x,page:1}))},A=f=>{const x=Array.isArray(f)?f:[];d(new Set(x)),c(j=>({...j,page:1}))},Q=()=>{m(""),u(new Set),d(new Set),c(f=>({...f,page:1}))},R=f=>{a.prefetchQuery(Z({task_runs:{operator:"and_",flow_run_id:{operator:"and_",any_:[s],is_null_:!1},subflow_runs:{exists_:!1},name:h?{like_:h}:void 0,state:r.size>0?{operator:"and_",name:{any_:Array.from(r)}}:void 0,tags:g.size>0?{operator:"and_",all_:Array.from(g)}:void 0},sort:o,page:f,limit:l.limit},3e4))},q=t||r.size>0||g.size>0,P=n.useMemo(()=>{if(!p?.results)return null;const f=new Map;for(const x of p.results){const j=String(x.state?.name??"Unknown");f.set(j,(f.get(j)??0)+1)}return Array.from(f.entries()).map(([x,j])=>`${j} ${x}`).join(", ")},[p?.results]);return y===0?e.jsx("div",{className:"flex items-center justify-center h-48 border rounded-lg bg-muted/50",children:e.jsx(E,{className:"text-muted-foreground",children:"No task runs found for this flow run."})}):e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"grid grid-cols-12 items-center gap-2",children:[e.jsxs("div",{className:"flex flex-col gap-1 xl:col-span-3 md:col-span-12 col-span-6 md:order-0 order-3",children:[e.jsxs(E,{variant:"bodySmall",className:"text-muted-foreground",children:[y," Task run",y!==1?"s":""]}),P&&e.jsxs(E,{variant:"bodySmall",className:"text-muted-foreground text-xs capitalize",children:["(",P,")"]})]}),e.jsx("div",{className:"xl:col-span-3 md:col-span-6 col-span-12 md:order-1 order-0",children:e.jsx(he,{value:t,onChange:w,placeholder:"Search by run name","aria-label":"Search by run name",debounceMs:300})}),e.jsx("div",{className:"xl:col-span-2 md:col-span-6 col-span-12 md:order-2 order-1",children:e.jsx(Ts,{selectedFilters:r,onSelectFilter:N})}),e.jsx("div",{className:"xl:col-span-2 md:col-span-6 col-span-12 md:order-3 order-2",children:e.jsx(gs,{value:Array.from(g),onChange:A,placeholder:"All tags"})}),e.jsx("div",{className:"xl:border-l xl:border-border xl:pl-2 xl:col-span-2 md:col-span-6 col-span-6 md:order-4 order-4",children:e.jsx(ms,{value:o,onSelect:C})})]}),e.jsx(hs,{taskRuns:p?.results,onClearFilters:q?Q:void 0}),p&&p.pages>0&&e.jsx(ps,{pagination:l,onChangePagination:c,count:p.count,pages:p.pages,onPrefetchPage:R})]})},Fs=({id:s,tab:a,onTabChange:t})=>{const[m,r]=n.useState(!1),[u,g]=n.useState(!1),d=U(),{data:o}=O({...We(s),refetchInterval:m}),{deleteFlowRun:v}=Je(),{navigate:l}=ve(),c=o.state_type==="PENDING";n.useEffect(()=>{o.state_type==="RUNNING"||o.state_type==="PENDING"?r(5e3):r(!1)},[o]);const h=()=>{v(o.id,{onSuccess:()=>{r(!1),S.success("Flow run deleted"),l({to:"/runs",replace:!0})},onError:C=>{const A=C.message||"Unknown error while deleting flow run.";S.error(A)}})},y=n.useCallback(()=>{d.invalidateQueries({queryKey:He.all()})},[d]),p=n.useCallback(()=>{d.invalidateQueries({queryKey:Ke.all()})},[d]),w=n.useCallback(()=>{d.invalidateQueries({queryKey:Xe.lists()})},[d]),N=n.useCallback(()=>{d.invalidateQueries({queryKey:Ye.all()})},[d]);return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:"flex flex-col gap-2",children:e.jsx(bs,{flowRun:o,onDeleteClick:h})}),!c&&e.jsx(ne,{children:e.jsx(oe,{className:"p-0",children:e.jsx(ys,{flowRunId:o.id,stateType:o.state_type??void 0,fullscreen:u,onFullscreenChange:g})})}),e.jsxs("div",{className:"grid lg:grid-cols-[1fr_250px] grid-cols-[1fr] gap-4",children:[e.jsx(Es,{currentTab:a,onTabChange:t,flowRun:o,logsContent:e.jsx(z,{fallback:e.jsx(M,{error:{type:"unknown-error",message:"Failed to load logs",details:"An error occurred while loading log data. Please try again."},onRetry:y}),children:e.jsx(n.Suspense,{fallback:e.jsx(Ls,{}),children:e.jsx(Ss,{flowRun:o})})}),taskRunsContent:e.jsx(z,{fallback:e.jsx(M,{error:{type:"unknown-error",message:"Failed to load task runs",details:"An error occurred while loading task run data. Please try again."},onRetry:p}),children:e.jsx(n.Suspense,{fallback:e.jsx(As,{}),children:e.jsx(Ds,{flowRunId:s})})}),subflowRunsContent:e.jsx(z,{fallback:e.jsx(M,{error:{type:"unknown-error",message:"Failed to load subflow runs",details:"An error occurred while loading subflow run data. Please try again."},onRetry:w}),children:e.jsx(n.Suspense,{fallback:e.jsx(Is,{}),children:e.jsx(ks,{parentFlowRunId:s})})}),artifactsContent:e.jsx(z,{fallback:e.jsx(M,{error:{type:"unknown-error",message:"Failed to load artifacts",details:"An error occurred while loading artifact data. Please try again."},onRetry:N}),children:e.jsx(n.Suspense,{fallback:e.jsx(Ps,{}),children:e.jsx(Ns,{flowRun:o})})}),detailsContent:e.jsx(n.Suspense,{fallback:e.jsx(zs,{}),children:e.jsx(te,{flowRun:o})}),parametersContent:e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"flex justify-end",children:e.jsxs(D,{variant:"outline",size:"sm",onClick:()=>{S.success("Copied parameters to clipboard"),navigator.clipboard.writeText(JSON.stringify(o.parameters??{},null,2))},children:[e.jsx(b,{id:"Copy",className:"size-4 mr-2"}),"Copy parameters"]})}),e.jsx(ee,{value:JSON.stringify(o.parameters??{},null,2),disabled:!0,className:"min-h-[200px]"})]}),jobVariablesContent:e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"flex justify-end",children:e.jsxs(D,{variant:"outline",size:"sm",onClick:()=>{S.success("Copied job variables to clipboard"),navigator.clipboard.writeText(JSON.stringify(o.job_variables??{},null,2))},children:[e.jsx(b,{id:"Copy",className:"size-4 mr-2"}),"Copy job variables"]})}),e.jsx(ee,{value:JSON.stringify(o.job_variables??{},null,2),disabled:!0,className:"min-h-[200px]"})]})}),e.jsx("div",{className:"hidden lg:block",children:e.jsx(te,{flowRun:o})})]})]})},Es=({currentTab:s,onTabChange:a,flowRun:t,logsContent:m,taskRunsContent:r,subflowRunsContent:u,artifactsContent:g,detailsContent:d,parametersContent:o,jobVariablesContent:v})=>(n.useEffect(()=>{const l=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-lg").trim(),c=window.matchMedia(`(max-width: ${l})`),h=()=>{s==="Details"&&a("Logs")};return c.addEventListener("change",h),()=>c.removeEventListener("change",h)},[s,a]),e.jsxs(Ze,{value:s,onValueChange:l=>a(l),children:[e.jsxs(es,{children:[e.jsx(k,{value:"Details",className:"lg:hidden",children:"Details"}),e.jsx(k,{value:"Logs",children:"Logs"}),t.state_type!=="PENDING"&&e.jsx(k,{value:"TaskRuns",children:"Task Runs"}),t.state_type!=="PENDING"&&e.jsx(k,{value:"SubflowRuns",children:"Subflow Runs"}),e.jsx(k,{value:"Artifacts",children:"Artifacts"}),e.jsx(k,{value:"Parameters",children:"Parameters"}),e.jsx(k,{value:"JobVariables",children:"Job Variables"})]}),e.jsx(T,{value:"Details",children:d}),e.jsx(T,{value:"Logs",children:m}),e.jsx(T,{value:"TaskRuns",children:r}),e.jsx(T,{value:"SubflowRuns",children:u}),e.jsx(T,{value:"Artifacts",children:g}),e.jsx(T,{value:"Parameters",children:o}),e.jsx(T,{value:"JobVariables",children:v})]})),Ls=()=>e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-row gap-2 justify-end",children:[e.jsx(i,{className:"h-8 w-25"}),e.jsx(i,{className:"h-8 w-32"}),e.jsx(i,{className:"h-8 w-8"})," "]}),e.jsx(i,{className:"h-32"})]}),As=()=>e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:"flex items-center justify-between",children:e.jsx(i,{className:"h-4 w-24"})}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-2",children:[e.jsx(i,{className:"h-9 flex-1"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(i,{className:"h-9 w-48"}),e.jsx(i,{className:"h-9 w-40"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(i,{className:"h-24"}),e.jsx(i,{className:"h-24"}),e.jsx(i,{className:"h-24"})]})]}),Ps=()=>e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("div",{className:"flex flex-row justify-end",children:e.jsx(i,{className:"h-8 w-12"})}),e.jsxs("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3",children:[e.jsx(i,{className:"h-40"}),e.jsx(i,{className:"h-40"}),e.jsx(i,{className:"h-40"}),e.jsx(i,{className:"h-40"})]})]}),Is=()=>e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:"flex items-center justify-between",children:e.jsx(i,{className:"h-4 w-24"})}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-2",children:[e.jsx(i,{className:"h-9 flex-1"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(i,{className:"h-9 w-48"}),e.jsx(i,{className:"h-9 w-40"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(i,{className:"h-24"}),e.jsx(i,{className:"h-24"}),e.jsx(i,{className:"h-24"})]})]}),zs=()=>e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx(i,{className:"h-4 w-20"}),e.jsx(i,{className:"h-5 w-12"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx(i,{className:"h-4 w-16"}),e.jsx(i,{className:"h-5 w-32"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx(i,{className:"h-4 w-24"}),e.jsx(i,{className:"h-5 w-32"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx(i,{className:"h-4 w-24"}),e.jsx(i,{className:"h-5 w-64"})]})]});js({tab:fs(["Logs","TaskRuns","SubflowRuns","Artifacts","Details","Parameters","JobVariables"]).default("Logs").catch("Logs")});function Ms(){const{id:s}=se.useParams(),{tab:a}=se.useSearch(),t=ye(),m=r=>{t({to:".",search:u=>({...u,tab:r})})};return e.jsx(Fs,{id:s,tab:a,onTabChange:m})}const Xs=Object.freeze(Object.defineProperty({__proto__:null,component:Ms},Symbol.toStringTag,{value:"Module"}));export{_ as K,Xs as f};
-//# sourceMappingURL=flow-run._id-BHY61H6u.js.map

prefect/server/ui-v2/assets/flow-run._id-BHY61H6u.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"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","names":["FlowRunGraphLazy","lazy","mod","FlowRunGraph","props","jsx","Suspense","Skeleton","ErrorBoundary","Component","error","fallback","TabErrorState","onRetry","isRetrying","jsxs","AlertCircle","Button","RefreshCw","cn","FlowRunArtifacts","flowRun","view","setView","useState","artifacts","useSuspenseQuery","buildListArtifactsQuery","Card","CardContent","ToggleGroup","value","ToggleGroupItem","LayoutGrid","Rows3","artifact","ArtifactCard","KeyValue","label","copyable","copyValue","handleCopy","textToCopy","toast","Icon","FlowRunDetails","FormattedDate","TagBadgeGroup","Fragment","FlowRunHeader","onDeleteClick","dialogState","confirmDelete","useDeleteConfirmationDialog","isChangeStateOpen","setChangeStateOpen","openChangeState","useChangeStateDialog","setFlowRunState","isChangingState","useSetFlowRunState","canChangeState","handleChangeState","newState","deployment","useQuery","buildDeploymentDetailsQuery","taskRunCount","buildCountTaskRunsQuery","parentFlowRuns","buildFilterFlowRunsQuery","parentFlowRun","formatTaskRunCount","count","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","BreadcrumbSeparator","BreadcrumbPage","Badge","StateBadge","formatDate","secondsToApproximateString","FlowIconText","Link","DropdownMenu","DropdownMenuTrigger","MoreVertical","DropdownMenuContent","DropdownMenuItem","DeleteConfirmationDialog","ChangeStateDialog","FlowRunLogsDownloadButton","isDownloading","setIsDownloading","handleDownload","response","getQueryService","url","link","filename","Tooltip","TooltipTrigger","TooltipContent","FlowRunLogs","virtualize","levelFilter","setLevelFilter","sortOrder","setSortOrder","queryOptions","useMemo","buildInfiniteFilterLogsQuery","logs","hasNextPage","fetchNextPage","isFetchingNextPage","useSuspenseInfiniteQuery","noLogs","message","LogLevelFilter","LogSortOrder","RunLogs","LEVEL_FILTER_OPTIONS","Select","SelectTrigger","option","SelectContent","SelectItem","SelectValue","FlowRunSubflows","parentFlowRunId","queryClient","useQueryClient","search","setSearch","stateFilter","setStateFilter","sort","setSort","pagination","setPagination","debouncedSearch","useDebounce","countFilter","countData","buildCountFlowRunsQuery","paginateFilter","paginatedData","buildPaginateFlowRunsQuery","flowIds","flows","buildListFlowsQuery","flowRunsWithFlows","flowMap","flow","handleSearchChange","e","prev","handleStateFilterChange","newFilters","handleSortChange","newSort","handleClearFilters","handlePrefetchPage","page","hasFilters","Typography","SearchInput","StateFilter","SortFilter","FlowRunsList","FlowRunsPagination","MAX_FILTERS_DISPLAYED","TaskRunStateFilter","selectedFilters","onSelectFilter","className","open","setOpen","isAllButScheduled","flowRunStatesNoScheduleSet","FLOW_RUN_STATES_NO_SCHEDULED","filter","handleSelectAllExceptScheduled","handleSelectAllRunState","handleSelectFilter","updatedFilters","renderSelectedTags","selected","visible","extraCount","FLOW_RUN_STATES_MAP","Checkbox","filterKey","FlowRunTaskRuns","flowRunId","tagsFilter","setTagsFilter","buildPaginateTaskRunsQuery","handleTagsFilterChange","tags","newTags","stateSummary","stateCounts","taskRun","stateName","name","TagsInput","TaskRunsSortFilter","TaskRunsList","TaskRunsPagination","FlowRunDetailsPage","id","tab","onTabChange","refetchInterval","setRefetchInterval","fullscreen","setFullscreen","buildGetFlowRunDetailsQuery","deleteFlowRun","useDeleteFlowRun","navigate","useRouter","isPending","useEffect","onDeleteRunClicked","retryLogs","useCallback","logsQueryKeyFactory","retryTaskRuns","taskRunsQueryKeyFactory","retrySubflows","flowRunsQueryKeyFactory","retryArtifacts","artifactsQueryKeyFactory","TabsLayout","LogsSkeleton","TaskRunsSkeleton","SubflowsSkeleton","ArtifactsSkeleton","DetailsSkeleton","LazyJsonInput","currentTab","logsContent","taskRunsContent","subflowRunsContent","artifactsContent","detailsContent","parametersContent","jobVariablesContent","bp","mql","onChange","Tabs","TabsList","TabsTrigger","TabsContent","z","default","catch","RouteComponent","Route","useParams","useSearch","useNavigate","to"],"ignoreList":[],"sources":["../../src/components/flow-runs/flow-run-graph/index.tsx","../../src/components/ui/error-boundary.tsx","../../src/components/ui/tab-error-state.tsx","../../src/components/flow-runs/flow-run-details-page/flow-run-artifacts.tsx","../../src/components/ui/key-value.tsx","../../src/components/flow-runs/flow-run-details-page/flow-run-details.tsx","../../src/components/flow-runs/flow-run-details-page/flow-run-header.tsx","../../src/components/flow-runs/flow-run-details-page/flow-run-logs-download-button.tsx","../../src/components/flow-runs/flow-run-details-page/flow-run-logs.tsx","../../src/components/flow-runs/flow-run-details-page/flow-run-subflows.tsx","../../src/components/task-runs/task-run-state-filter.tsx","../../src/components/flow-runs/flow-run-details-page/flow-run-task-runs.tsx","../../src/components/flow-runs/flow-run-details-page/index.tsx","../../src/routes/runs/flow-run.$id.tsx?tsr-split=component"],"sourcesContent":["import type { GraphItemSelection, ViewportDateRange } from \"@prefecthq/graphs\";\nimport type { CSSProperties } from \"react\";\nimport { lazy, Suspense } from \"react\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\n\nconst FlowRunGraphLazy = lazy(() =>\n\timport(\"./flow-run-graph\").then((mod) => ({ default: mod.FlowRunGraph })),\n);\n\ntype FlowRunGraphProps = {\n\tflowRunId: string;\n\tstateType?: string;\n\tviewport?: ViewportDateRange;\n\tonViewportChange?: (viewport: ViewportDateRange) => void;\n\tselected?: GraphItemSelection;\n\tonSelectedChange?: (selected: GraphItemSelection | undefined) => void;\n\tfullscreen?: boolean;\n\tonFullscreenChange?: (fullscreen: boolean) => void;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n};\n\nexport function FlowRunGraph(props: FlowRunGraphProps) {\n\treturn (\n\t\t<Suspense fallback={<Skeleton className=\"h-[500px] w-full\" />}>\n\t\t\t<FlowRunGraphLazy {...props} />\n\t\t</Suspense>\n\t);\n}\n\nexport type { GraphItemSelection, ViewportDateRange } from \"@prefecthq/graphs\";\n","import { Component, type ReactNode } from \"react\";\n\ntype ErrorBoundaryProps = {\n\tchildren: ReactNode;\n\tfallback: ReactNode | ((error: Error) => ReactNode);\n};\n\ntype ErrorBoundaryState = {\n\thasError: boolean;\n\terror: Error | null;\n};\n\nexport class ErrorBoundary extends Component<\n\tErrorBoundaryProps,\n\tErrorBoundaryState\n> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\t\tthis.state = { hasError: false, error: null };\n\t}\n\n\tstatic getDerivedStateFromError(error: Error): ErrorBoundaryState {\n\t\treturn { hasError: true, error };\n\t}\n\n\trender() {\n\t\tif (this.state.hasError) {\n\t\t\tconst { fallback } = this.props;\n\t\t\tif (typeof fallback === \"function\") {\n\t\t\t\treturn fallback(this.state.error ?? new Error(\"Unknown error\"));\n\t\t\t}\n\t\t\treturn fallback;\n\t\t}\n\t\treturn this.props.children;\n\t}\n}\n","import { AlertCircle, RefreshCw } from \"lucide-react\";\nimport type { ServerError } from \"@/api/error-utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/utils\";\n\ntype TabErrorStateProps = {\n\terror: ServerError;\n\tonRetry?: () => void;\n\tisRetrying?: boolean;\n};\n\nexport function TabErrorState({\n\terror,\n\tonRetry,\n\tisRetrying,\n}: TabErrorStateProps) {\n\treturn (\n\t\t<div className=\"flex flex-col items-center justify-center py-8 text-center\">\n\t\t\t<div className=\"rounded-full bg-destructive/10 p-2 mb-3\">\n\t\t\t\t<AlertCircle className=\"size-6 text-destructive\" />\n\t\t\t</div>\n\t\t\t<div className=\"space-y-1 mb-4\">\n\t\t\t\t<p className=\"font-medium\">{error.message}</p>\n\t\t\t\t{error.details && (\n\t\t\t\t\t<p className=\"text-xs text-muted-foreground max-w-sm\">\n\t\t\t\t\t\t{error.details}\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{onRetry && (\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tonClick={onRetry}\n\t\t\t\t\tdisabled={isRetrying}\n\t\t\t\t\tclassName=\"gap-2\"\n\t\t\t\t>\n\t\t\t\t\t<RefreshCw className={cn(\"size-3\", isRetrying && \"animate-spin\")} />\n\t\t\t\t\t{isRetrying ? \"Retrying...\" : \"Retry\"}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { LayoutGrid, Rows3 } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { buildListArtifactsQuery } from \"@/api/artifacts\";\nimport type { FlowRun } from \"@/api/flow-runs\";\nimport { ArtifactCard } from \"@/components/artifacts/artifact-card\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/ui/toggle-group\";\nimport { cn } from \"@/utils\";\n\ntype FlowRunArtifactsProps = {\n\tflowRun: FlowRun;\n};\n\nexport const FlowRunArtifacts = ({ flowRun }: FlowRunArtifactsProps) => {\n\tconst [view, setView] = useState<\"grid\" | \"list\">(\"grid\");\n\tconst { data: artifacts } = useSuspenseQuery(\n\t\tbuildListArtifactsQuery({\n\t\t\tartifacts: {\n\t\t\t\toperator: \"and_\",\n\t\t\t\tflow_run_id: {\n\t\t\t\t\tany_: [flowRun.id],\n\t\t\t\t},\n\t\t\t\ttype: {\n\t\t\t\t\tnot_any_: [\"result\"],\n\t\t\t\t},\n\t\t\t},\n\t\t\tsort: \"ID_DESC\",\n\t\t\toffset: 0,\n\t\t}),\n\t);\n\tif (artifacts.length === 0) {\n\t\treturn (\n\t\t\t<Card>\n\t\t\t\t<CardContent className=\"text-center\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThis flow run did not produce any artifacts; for more information on\n\t\t\t\t\t\tcreating artifacts, see the{\" \"}\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"https://docs.prefect.io/v3/develop/artifacts\"\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\tclassName=\"text-blue-500\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tdocumentation\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t.\n\t\t\t\t\t</p>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"flex justify-end\">\n\t\t\t\t<ToggleGroup\n\t\t\t\t\ttype=\"single\"\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tvalue={view}\n\t\t\t\t\tonValueChange={(value) => setView(value as \"grid\" | \"list\")}\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupItem value=\"grid\" aria-label=\"Grid view\">\n\t\t\t\t\t\t<LayoutGrid className=\"w-4 h-4\" />\n\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t<ToggleGroupItem value=\"list\" aria-label=\"List view\">\n\t\t\t\t\t\t<Rows3 className=\"w-4 h-4\" />\n\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t</ToggleGroup>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"grid\",\n\t\t\t\t\tview === \"grid\"\n\t\t\t\t\t\t? \"grid-cols-1 lg:grid-cols-2 xl:grid-cols-3\"\n\t\t\t\t\t\t: \"grid-cols-1\",\n\t\t\t\t\t\"gap-4\",\n\t\t\t\t)}\n\t\t\t\tdata-testid=\"flow-run-artifacts-grid\"\n\t\t\t>\n\t\t\t\t{artifacts.map((artifact) => (\n\t\t\t\t\t<ArtifactCard\n\t\t\t\t\t\tkey={artifact.id}\n\t\t\t\t\t\tartifact={artifact}\n\t\t\t\t\t\tcompact={view === \"list\"}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n","import { toast } from \"sonner\";\nimport { Button } from \"@/components/ui/button\";\nimport { Icon } from \"@/components/ui/icons\";\n\ntype KeyValueProps = {\n\tlabel: string;\n\tvalue: React.ReactNode;\n\tcopyable?: boolean;\n\tcopyValue?: string;\n};\n\nexport function KeyValue({ label, value, copyable, copyValue }: KeyValueProps) {\n\tconst handleCopy = () => {\n\t\tconst textToCopy = copyValue ?? (typeof value === \"string\" ? value : \"\");\n\t\tvoid navigator.clipboard.writeText(textToCopy);\n\t\ttoast.success(`${label} copied`);\n\t};\n\n\treturn (\n\t\t<dl className=\"flex flex-col gap-1\">\n\t\t\t<dt className=\"text-muted-foreground text-sm\">{label}</dt>\n\t\t\t<dd className=\"text-sm flex items-center gap-2\">\n\t\t\t\t{value}\n\t\t\t\t{copyable && (\n\t\t\t\t\t<Button variant=\"ghost\" size=\"icon\" onClick={handleCopy}>\n\t\t\t\t\t\t<Icon id=\"Copy\" className=\"size-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</dd>\n\t\t</dl>\n\t);\n}\n","import type { FlowRun } from \"@/api/flow-runs\";\nimport { FormattedDate } from \"@/components/ui/formatted-date/formatted-date\";\nimport { KeyValue } from \"@/components/ui/key-value\";\nimport { TagBadgeGroup } from \"@/components/ui/tag-badge-group\";\n\ntype FlowRunDetailsProps = {\n\tflowRun: FlowRun | null | undefined;\n};\n\nexport function FlowRunDetails({ flowRun }: FlowRunDetailsProps) {\n\tif (!flowRun) {\n\t\treturn (\n\t\t\t<div className=\"flex flex-col gap-2 bg-gray-100 p-4 rounded-md\">\n\t\t\t\t<span className=\"text-gray-500\">No flow run details available</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"space-y-4\">\n\t\t\t<KeyValue label=\"Run Count\" value={flowRun.run_count} />\n\n\t\t\t<KeyValue\n\t\t\t\tlabel=\"Created\"\n\t\t\t\tvalue={<FormattedDate date={flowRun.created} />}\n\t\t\t/>\n\n\t\t\t{flowRun.created_by?.display_value && (\n\t\t\t\t<KeyValue label=\"Created By\" value={flowRun.created_by.display_value} />\n\t\t\t)}\n\n\t\t\t<KeyValue\n\t\t\t\tlabel=\"Last Updated\"\n\t\t\t\tvalue={<FormattedDate date={flowRun.updated} />}\n\t\t\t/>\n\n\t\t\t{flowRun.idempotency_key && (\n\t\t\t\t<KeyValue label=\"Idempotency Key\" value={flowRun.idempotency_key} />\n\t\t\t)}\n\n\t\t\t{flowRun.tags && flowRun.tags.length > 0 && (\n\t\t\t\t<KeyValue label=\"Tags\" value={<TagBadgeGroup tags={flowRun.tags} />} />\n\t\t\t)}\n\n\t\t\t<KeyValue label=\"Flow Run ID\" value={flowRun.id} copyable />\n\n\t\t\t{flowRun.state?.message && (\n\t\t\t\t<KeyValue label=\"State Message\" value={flowRun.state.message} />\n\t\t\t)}\n\n\t\t\t{flowRun.flow_version && (\n\t\t\t\t<KeyValue label=\"Flow Version\" value={flowRun.flow_version} />\n\t\t\t)}\n\n\t\t\t{flowRun.empirical_policy?.retries != null && (\n\t\t\t\t<>\n\t\t\t\t\t<KeyValue label=\"Retries\" value={flowRun.empirical_policy.retries} />\n\t\t\t\t\t<KeyValue\n\t\t\t\t\t\tlabel=\"Retry Delay\"\n\t\t\t\t\t\tvalue={flowRun.empirical_policy.retry_delay}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { Link } from \"@tanstack/react-router\";\nimport { MoreVertical } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { buildDeploymentDetailsQuery } from \"@/api/deployments\";\nimport {\n\tbuildFilterFlowRunsQuery,\n\ttype FlowRun,\n\tuseSetFlowRunState,\n} from \"@/api/flow-runs\";\nimport { buildCountTaskRunsQuery } from \"@/api/task-runs\";\nimport { FlowIconText } from \"@/components/flows/flow-icon-text\";\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n\tBreadcrumb,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tChangeStateDialog,\n\tuseChangeStateDialog,\n} from \"@/components/ui/change-state-dialog\";\nimport {\n\tDeleteConfirmationDialog,\n\tuseDeleteConfirmationDialog,\n} from \"@/components/ui/delete-confirmation-dialog\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icons\";\nimport { StateBadge } from \"@/components/ui/state-badge\";\nimport { TagBadgeGroup } from \"@/components/ui/tag-badge-group\";\nimport { formatDate, secondsToApproximateString } from \"@/utils\";\n\ntype FlowRunHeaderProps = {\n\tflowRun: FlowRun;\n\tonDeleteClick: () => void;\n};\n\nexport function FlowRunHeader({ flowRun, onDeleteClick }: FlowRunHeaderProps) {\n\tconst [dialogState, confirmDelete] = useDeleteConfirmationDialog();\n\tconst {\n\t\topen: isChangeStateOpen,\n\t\tonOpenChange: setChangeStateOpen,\n\t\topenDialog: openChangeState,\n\t} = useChangeStateDialog();\n\tconst { setFlowRunState, isPending: isChangingState } = useSetFlowRunState();\n\n\tconst canChangeState =\n\t\tflowRun.state_type &&\n\t\t[\"COMPLETED\", \"FAILED\", \"CANCELLED\", \"CRASHED\"].includes(\n\t\t\tflowRun.state_type,\n\t\t);\n\n\tconst handleChangeState = (newState: { type: string; message?: string }) => {\n\t\tsetFlowRunState(\n\t\t\t{\n\t\t\t\tid: flowRun.id,\n\t\t\t\tstate: {\n\t\t\t\t\ttype: newState.type as\n\t\t\t\t\t\t| \"COMPLETED\"\n\t\t\t\t\t\t| \"FAILED\"\n\t\t\t\t\t\t| \"CANCELLED\"\n\t\t\t\t\t\t| \"CRASHED\",\n\t\t\t\t\tname: newState.type.charAt(0) + newState.type.slice(1).toLowerCase(),\n\t\t\t\t\tmessage: newState.message,\n\t\t\t\t},\n\t\t\t\tforce: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tonSuccess: () => {\n\t\t\t\t\ttoast.success(\"Flow run state changed\");\n\t\t\t\t\tsetChangeStateOpen(false);\n\t\t\t\t},\n\t\t\t\tonError: (error) => {\n\t\t\t\t\ttoast.error(error.message || \"Failed to change state\");\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t};\n\n\tconst { data: deployment } = useQuery({\n\t\t...buildDeploymentDetailsQuery(flowRun.deployment_id ?? \"\"),\n\t\tenabled: !!flowRun.deployment_id,\n\t});\n\n\tconst { data: taskRunCount } = useQuery({\n\t\t...buildCountTaskRunsQuery({\n\t\t\ttask_runs: {\n\t\t\t\toperator: \"and_\",\n\t\t\t\tflow_run_id: { operator: \"and_\", any_: [flowRun.id], is_null_: false },\n\t\t\t},\n\t\t}),\n\t});\n\n\tconst { data: parentFlowRuns } = useQuery({\n\t\t...buildFilterFlowRunsQuery({\n\t\t\tsort: \"START_TIME_DESC\",\n\t\t\toffset: 0,\n\t\t\tlimit: 1,\n\t\t\ttask_runs: {\n\t\t\t\toperator: \"and_\",\n\t\t\t\tid: { any_: [flowRun.parent_task_run_id ?? \"\"] },\n\t\t\t},\n\t\t}),\n\t\tenabled: !!flowRun.parent_task_run_id,\n\t});\n\tconst parentFlowRun = parentFlowRuns?.[0];\n\n\tconst formatTaskRunCount = (count: number | undefined) => {\n\t\tif (count === undefined) return \"...\";\n\t\tif (count === 0) return \"None\";\n\t\treturn `${count} Task run${count === 1 ? \"\" : \"s\"}`;\n\t};\n\n\treturn (\n\t\t<div className=\"flex flex-row justify-between\">\n\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t{/* Row 1 - Breadcrumb */}\n\t\t\t\t<Breadcrumb>\n\t\t\t\t\t<BreadcrumbList>\n\t\t\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t\t\t<BreadcrumbLink to=\"/runs\" className=\"text-xl font-semibold\">\n\t\t\t\t\t\t\t\tRuns\n\t\t\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t\t\t<BreadcrumbItem className=\"text-xl\">\n\t\t\t\t\t\t\t<BreadcrumbPage className=\"font-semibold\">\n\t\t\t\t\t\t\t\t{flowRun.name}\n\t\t\t\t\t\t\t</BreadcrumbPage>\n\t\t\t\t\t\t\t{flowRun.work_pool_name && (\n\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"ml-2\">\n\t\t\t\t\t\t\t\t\t{flowRun.work_pool_name}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{flowRun.tags && flowRun.tags.length > 0 && (\n\t\t\t\t\t\t\t\t<div className=\"ml-2\">\n\t\t\t\t\t\t\t\t\t<TagBadgeGroup tags={flowRun.tags} maxTagsDisplayed={3} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t</BreadcrumbList>\n\t\t\t\t</Breadcrumb>\n\n\t\t\t\t{/* Row 2 - Meta */}\n\t\t\t\t<div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n\t\t\t\t\t{flowRun.state_type && flowRun.state_name && (\n\t\t\t\t\t\t<StateBadge type={flowRun.state_type} name={flowRun.state_name} />\n\t\t\t\t\t)}\n\t\t\t\t\t{flowRun.start_time && (\n\t\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t\t<Icon id=\"Calendar\" className=\"size-4\" />\n\t\t\t\t\t\t\t<span>{formatDate(flowRun.start_time, \"dateTimeNumeric\")}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t<Icon id=\"Clock\" className=\"size-4\" />\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{secondsToApproximateString(flowRun.total_run_time ?? 0)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`flex items-center gap-1 ${taskRunCount === 0 ? \"text-muted-foreground/60\" : \"\"}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon id=\"ListTodo\" className=\"size-4\" />\n\t\t\t\t\t\t<span>{formatTaskRunCount(taskRunCount)}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Row 3 - Relationships */}\n\t\t\t\t<div className=\"flex items-center gap-4 text-sm flex-wrap\">\n\t\t\t\t\t{flowRun.flow_id && <FlowIconText flowId={flowRun.flow_id} />}\n\t\t\t\t\t{flowRun.deployment_id && (\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\tto=\"/deployments/deployment/$id\"\n\t\t\t\t\t\t\tparams={{ id: flowRun.deployment_id }}\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-1 hover:underline\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon id=\"Rocket\" className=\"size-4\" />\n\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">Deployment</span>\n\t\t\t\t\t\t\t<span>{deployment?.name ?? \"...\"}</span>\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t)}\n\t\t\t\t\t{flowRun.work_pool_name && (\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\tto=\"/work-pools/work-pool/$workPoolName\"\n\t\t\t\t\t\t\tparams={{ workPoolName: flowRun.work_pool_name }}\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-1 hover:underline\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon id=\"Server\" className=\"size-4\" />\n\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">Work Pool</span>\n\t\t\t\t\t\t\t<span>{flowRun.work_pool_name}</span>\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t)}\n\t\t\t\t\t{flowRun.work_pool_name && flowRun.work_queue_name && (\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\tto=\"/work-pools/work-pool/$workPoolName\"\n\t\t\t\t\t\t\tparams={{ workPoolName: flowRun.work_pool_name }}\n\t\t\t\t\t\t\tsearch={{ tab: \"Work Queues\" }}\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-1 hover:underline\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon id=\"ListOrdered\" className=\"size-4\" />\n\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">Work Queue</span>\n\t\t\t\t\t\t\t<span>{flowRun.work_queue_name}</span>\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t)}\n\t\t\t\t\t{parentFlowRun && (\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\tto=\"/runs/flow-run/$id\"\n\t\t\t\t\t\t\tparams={{ id: parentFlowRun.id }}\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-1 hover:underline\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon id=\"Workflow\" className=\"size-4\" />\n\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">Parent Run</span>\n\t\t\t\t\t\t\t<span>{parentFlowRun.name ?? \"...\"}</span>\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<DropdownMenu>\n\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t<Button variant=\"outline\" className=\"p-2\">\n\t\t\t\t\t\t<MoreVertical className=\"w-4 h-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t<DropdownMenuContent>\n\t\t\t\t\t{canChangeState && (\n\t\t\t\t\t\t<DropdownMenuItem onClick={openChangeState}>\n\t\t\t\t\t\t\tChange state\n\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t)}\n\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tvoid navigator.clipboard.writeText(flowRun.id);\n\t\t\t\t\t\t\ttoast.success(\"Copied flow run ID to clipboard\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tCopy ID\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tconfirmDelete({\n\t\t\t\t\t\t\t\ttitle: \"Delete Flow Run\",\n\t\t\t\t\t\t\t\tdescription: `Are you sure you want to delete flow run ${flowRun.name}?`,\n\t\t\t\t\t\t\t\tonConfirm: onDeleteClick,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\tDelete\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenu>\n\t\t\t<DeleteConfirmationDialog {...dialogState} />\n\t\t\t<ChangeStateDialog\n\t\t\t\topen={isChangeStateOpen}\n\t\t\t\tonOpenChange={setChangeStateOpen}\n\t\t\t\tcurrentState={\n\t\t\t\t\tflowRun.state\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\ttype: flowRun.state.type,\n\t\t\t\t\t\t\t\tname:\n\t\t\t\t\t\t\t\t\tflowRun.state.name ??\n\t\t\t\t\t\t\t\t\tflowRun.state.type.charAt(0) +\n\t\t\t\t\t\t\t\t\t\tflowRun.state.type.slice(1).toLowerCase(),\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\tlabel=\"Flow Run\"\n\t\t\t\tonConfirm={handleChangeState}\n\t\t\t\tisLoading={isChangingState}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","import { useState } from \"react\";\nimport { toast } from \"sonner\";\nimport type { components } from \"@/api/prefect\";\nimport { getQueryService } from \"@/api/service\";\nimport { Button } from \"@/components/ui/button\";\nimport { Icon } from \"@/components/ui/icons\";\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from \"@/components/ui/tooltip\";\n\ntype FlowRunLogsDownloadButtonProps = {\n\tflowRun: components[\"schemas\"][\"FlowRunResponse\"];\n};\n\nexport function FlowRunLogsDownloadButton({\n\tflowRun,\n}: FlowRunLogsDownloadButtonProps) {\n\tconst [isDownloading, setIsDownloading] = useState(false);\n\n\tconst handleDownload = async () => {\n\t\tsetIsDownloading(true);\n\t\ttry {\n\t\t\tconst service = await getQueryService();\n\t\t\tconst response = await service.GET(\"/flow_runs/{id}/logs/download\", {\n\t\t\t\tparams: { path: { id: flowRun.id } },\n\t\t\t\tparseAs: \"blob\",\n\t\t\t});\n\n\t\t\tif (!response.data) {\n\t\t\t\tthrow new Error(\"No data received from server\");\n\t\t\t}\n\n\t\t\tconst url = URL.createObjectURL(response.data);\n\t\t\tconst link = document.createElement(\"a\");\n\t\t\tconst filename = flowRun.name ?? \"logs\";\n\n\t\t\tlink.href = url;\n\t\t\tlink.setAttribute(\"download\", `${filename}.csv`);\n\t\t\tlink.click();\n\n\t\t\tURL.revokeObjectURL(url);\n\t\t} catch (error) {\n\t\t\tconsole.error(error);\n\t\t\ttoast.error(\"Failed to download logs\");\n\t\t} finally {\n\t\t\tsetIsDownloading(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Tooltip>\n\t\t\t<TooltipTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\tonClick={() => void handleDownload()}\n\t\t\t\t\tdisabled={isDownloading}\n\t\t\t\t\taria-label=\"Download logs\"\n\t\t\t\t>\n\t\t\t\t\t{isDownloading ? (\n\t\t\t\t\t\t<Icon id=\"Loader2\" className=\"size-4 animate-spin\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Icon id=\"Download\" className=\"size-4\" />\n\t\t\t\t\t)}\n\t\t\t\t</Button>\n\t\t\t</TooltipTrigger>\n\t\t\t<TooltipContent>Download all logs as CSV</TooltipContent>\n\t\t</Tooltip>\n\t);\n}\n","import { useSuspenseInfiniteQuery } from \"@tanstack/react-query\";\nimport { useMemo, useState } from \"react\";\nimport { buildInfiniteFilterLogsQuery } from \"@/api/logs\";\nimport type { components } from \"@/api/prefect\";\nimport { RunLogs } from \"@/components/ui/run-logs\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue,\n} from \"@/components/ui/select\";\nimport { FlowRunLogsDownloadButton } from \"./flow-run-logs-download-button\";\n\ntype FlowRunLogsProps = {\n\tflowRun: components[\"schemas\"][\"FlowRunResponse\"];\n\tvirtualize?: boolean;\n};\n\nexport const FlowRunLogs = ({\n\tflowRun,\n\tvirtualize = true,\n}: FlowRunLogsProps) => {\n\tconst [levelFilter, setLevelFilter] = useState<number>(0);\n\tconst [sortOrder, setSortOrder] = useState<\n\t\t\"TIMESTAMP_ASC\" | \"TIMESTAMP_DESC\"\n\t>(\"TIMESTAMP_ASC\");\n\n\tconst queryOptions = useMemo(\n\t\t() => ({\n\t\t\t...buildInfiniteFilterLogsQuery({\n\t\t\t\tlimit: 50,\n\t\t\t\tsort: sortOrder,\n\t\t\t\tlogs: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tlevel: { ge_: levelFilter },\n\t\t\t\t\tflow_run_id: { any_: [flowRun.id] },\n\t\t\t\t},\n\t\t\t}),\n\t\t\trefetchInterval:\n\t\t\t\tflowRun.state_type === \"RUNNING\" ? 5000 : (false as const),\n\t\t}),\n\t\t[levelFilter, sortOrder, flowRun.id, flowRun.state_type],\n\t);\n\n\tconst {\n\t\tdata: logs,\n\t\thasNextPage,\n\t\tfetchNextPage,\n\t\tisFetchingNextPage,\n\t} = useSuspenseInfiniteQuery(queryOptions);\n\n\tconst noLogs = logs.pages.length === 1 && logs.pages[0].length === 0;\n\tlet message = \"This run did not produce any logs.\";\n\tif (noLogs) {\n\t\tif (levelFilter > 0) {\n\t\t\tmessage = \"No logs match your filter criteria\";\n\t\t} else if (\n\t\t\tflowRun.state_type === \"SCHEDULED\" &&\n\t\t\tflowRun.state_name === \"Scheduled\"\n\t\t) {\n\t\t\tmessage = \"Run has not yet started. Check back soon for logs.\";\n\t\t} else if (flowRun.state_type === \"RUNNING\") {\n\t\t\tmessage = \"Waiting for logs...\";\n\t\t}\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t<div className=\"flex flex-row gap-2 justify-end\">\n\t\t\t\t<LogLevelFilter\n\t\t\t\t\tlevelFilter={levelFilter}\n\t\t\t\t\tsetLevelFilter={setLevelFilter}\n\t\t\t\t/>\n\t\t\t\t<LogSortOrder sortOrder={sortOrder} setSortOrder={setSortOrder} />\n\t\t\t\t<FlowRunLogsDownloadButton flowRun={flowRun} />\n\t\t\t</div>\n\t\t\t{noLogs ? (\n\t\t\t\t<div className=\"flex flex-col gap-2 text-center bg-muted p-2 rounded-md\">\n\t\t\t\t\t<span className=\"text-muted-foreground\">{message}</span>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"rounded-md\">\n\t\t\t\t\t<RunLogs\n\t\t\t\t\t\tlogs={logs.pages.flat()}\n\t\t\t\t\t\tonBottomReached={() => {\n\t\t\t\t\t\t\tif (hasNextPage && !isFetchingNextPage) {\n\t\t\t\t\t\t\t\tfetchNextPage().catch((error) => {\n\t\t\t\t\t\t\t\t\tconsole.error(error);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"max-h-[85vh]\"\n\t\t\t\t\t\tvirtualize={virtualize}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst LEVEL_FILTER_OPTIONS = [\n\t{ label: \"All\", value: 0 },\n\t{ label: \"Critical only\", value: 50 },\n\t{ label: \"Error and above\", value: 40 },\n\t{ label: \"Warning and above\", value: 30 },\n\t{ label: \"Info and above\", value: 20 },\n\t{ label: \"Debug and above\", value: 10 },\n] as const;\n\nconst LogLevelFilter = ({\n\tlevelFilter,\n\tsetLevelFilter,\n}: {\n\tlevelFilter: number;\n\tsetLevelFilter: (level: number) => void;\n}) => {\n\treturn (\n\t\t<Select\n\t\t\tvalue={levelFilter.toString()}\n\t\t\tonValueChange={(value) => setLevelFilter(Number(value))}\n\t\t>\n\t\t\t<SelectTrigger aria-label=\"log level filter\">\n\t\t\t\t<span>\n\t\t\t\t\t{`Level:\n\t\t\t\t\t\t\t${\n\t\t\t\t\t\t\t\tLEVEL_FILTER_OPTIONS.find(\n\t\t\t\t\t\t\t\t\t(option) => option.value === levelFilter,\n\t\t\t\t\t\t\t\t)?.label\n\t\t\t\t\t\t\t}`}\n\t\t\t\t</span>\n\t\t\t</SelectTrigger>\n\t\t\t<SelectContent>\n\t\t\t\t{LEVEL_FILTER_OPTIONS.map((option) => (\n\t\t\t\t\t<SelectItem key={option.value} value={option.value.toString()}>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</SelectItem>\n\t\t\t\t))}\n\t\t\t</SelectContent>\n\t\t</Select>\n\t);\n};\n\nconst LogSortOrder = ({\n\tsortOrder,\n\tsetSortOrder,\n}: {\n\tsortOrder: \"TIMESTAMP_ASC\" | \"TIMESTAMP_DESC\";\n\tsetSortOrder: (sortOrder: \"TIMESTAMP_ASC\" | \"TIMESTAMP_DESC\") => void;\n}) => (\n\t<Select\n\t\tvalue={sortOrder}\n\t\tonValueChange={(value) =>\n\t\t\tsetSortOrder(value as \"TIMESTAMP_ASC\" | \"TIMESTAMP_DESC\")\n\t\t}\n\t>\n\t\t<SelectTrigger aria-label=\"log sort order\">\n\t\t\t<SelectValue placeholder=\"Sort log order\" />\n\t\t</SelectTrigger>\n\t\t<SelectContent>\n\t\t\t<SelectItem value=\"TIMESTAMP_ASC\">Oldest to newest</SelectItem>\n\t\t\t<SelectItem value=\"TIMESTAMP_DESC\">Newest to oldest</SelectItem>\n\t\t</SelectContent>\n\t</Select>\n);\n","import {\n\tuseQuery,\n\tuseQueryClient,\n\tuseSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport { useMemo, useState } from \"react\";\nimport {\n\tbuildCountFlowRunsQuery,\n\tbuildPaginateFlowRunsQuery,\n\ttype FlowRunsCountFilter,\n\ttype FlowRunsPaginateFilter,\n\ttype FlowRunWithFlow,\n} from \"@/api/flow-runs\";\nimport { buildListFlowsQuery, type Flow } from \"@/api/flows\";\nimport { FlowRunsList } from \"@/components/flow-runs/flow-runs-list\";\nimport { SortFilter } from \"@/components/flow-runs/flow-runs-list/flow-runs-filters/sort-filter\";\nimport type { SortFilters } from \"@/components/flow-runs/flow-runs-list/flow-runs-filters/sort-filter.constants\";\nimport { StateFilter } from \"@/components/flow-runs/flow-runs-list/flow-runs-filters/state-filter\";\nimport type { FlowRunState } from \"@/components/flow-runs/flow-runs-list/flow-runs-filters/state-filters.constants\";\nimport {\n\tFlowRunsPagination,\n\ttype PaginationState,\n} from \"@/components/flow-runs/flow-runs-list/flow-runs-pagination\";\nimport { SearchInput } from \"@/components/ui/input\";\nimport { Typography } from \"@/components/ui/typography\";\nimport useDebounce from \"@/hooks/use-debounce\";\n\ntype FlowRunSubflowsProps = {\n\tparentFlowRunId: string;\n};\n\nexport const FlowRunSubflows = ({ parentFlowRunId }: FlowRunSubflowsProps) => {\n\tconst queryClient = useQueryClient();\n\tconst [search, setSearch] = useState(\"\");\n\tconst [stateFilter, setStateFilter] = useState<Set<FlowRunState>>(new Set());\n\tconst [sort, setSort] = useState<SortFilters>(\"START_TIME_DESC\");\n\tconst [pagination, setPagination] = useState<PaginationState>({\n\t\tpage: 1,\n\t\tlimit: 10,\n\t});\n\n\tconst debouncedSearch = useDebounce(search, 300);\n\n\tconst countFilter: FlowRunsCountFilter = useMemo(() => {\n\t\treturn {\n\t\t\tflow_runs: {\n\t\t\t\toperator: \"and_\",\n\t\t\t\tparent_flow_run_id: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tany_: [parentFlowRunId],\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}, [parentFlowRunId]);\n\n\tconst { data: countData } = useSuspenseQuery(\n\t\tbuildCountFlowRunsQuery(countFilter, 30_000),\n\t);\n\n\tconst paginateFilter: FlowRunsPaginateFilter = useMemo(() => {\n\t\tconst baseFilter: FlowRunsPaginateFilter = {\n\t\t\tpage: pagination.page,\n\t\t\tlimit: pagination.limit,\n\t\t\tsort,\n\t\t\tflow_runs: {\n\t\t\t\toperator: \"and_\",\n\t\t\t\tparent_flow_run_id: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tany_: [parentFlowRunId],\n\t\t\t\t},\n\t\t\t\tname: debouncedSearch ? { like_: debouncedSearch } : undefined,\n\t\t\t\tstate:\n\t\t\t\t\tstateFilter.size > 0\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\tname: { any_: Array.from(stateFilter) },\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: undefined,\n\t\t\t},\n\t\t};\n\t\treturn baseFilter;\n\t}, [parentFlowRunId, pagination, sort, debouncedSearch, stateFilter]);\n\n\tconst { data: paginatedData } = useQuery(\n\t\tbuildPaginateFlowRunsQuery(paginateFilter, 30_000),\n\t);\n\n\tconst flowIds = useMemo(\n\t\t() => [\n\t\t\t...new Set(\n\t\t\t\t(paginatedData?.results ?? []).map((flowRun) => flowRun.flow_id),\n\t\t\t),\n\t\t],\n\t\t[paginatedData?.results],\n\t);\n\n\tconst { data: flows } = useQuery(\n\t\tbuildListFlowsQuery(\n\t\t\t{\n\t\t\t\tflows: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tid: { any_: flowIds },\n\t\t\t\t},\n\t\t\t\toffset: 0,\n\t\t\t\tsort: \"NAME_ASC\",\n\t\t\t},\n\t\t\t{ enabled: flowIds.length > 0 },\n\t\t),\n\t);\n\n\tconst flowRunsWithFlows = useMemo(() => {\n\t\tif (!paginatedData?.results) return [];\n\t\tconst flowMap = new Map(flows?.map((flow: Flow) => [flow.id, flow]) ?? []);\n\t\treturn paginatedData.results\n\t\t\t.map((flowRun) => {\n\t\t\t\tconst flow = flowMap.get(flowRun.flow_id);\n\t\t\t\tif (!flow) return { ...flowRun, flow: undefined };\n\t\t\t\treturn {\n\t\t\t\t\t...flowRun,\n\t\t\t\t\tflow,\n\t\t\t\t};\n\t\t\t})\n\t\t\t.filter((flowRun) => flowRun !== null) as FlowRunWithFlow[];\n\t}, [paginatedData?.results, flows]);\n\n\tconst handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tsetSearch(e.target.value);\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handleStateFilterChange = (newFilters: Set<FlowRunState>) => {\n\t\tsetStateFilter(newFilters);\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handleSortChange = (newSort: SortFilters) => {\n\t\tsetSort(newSort);\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handleClearFilters = () => {\n\t\tsetSearch(\"\");\n\t\tsetStateFilter(new Set());\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handlePrefetchPage = (page: number) => {\n\t\tvoid queryClient.prefetchQuery(\n\t\t\tbuildPaginateFlowRunsQuery(\n\t\t\t\t{\n\t\t\t\t\t...paginateFilter,\n\t\t\t\t\tpage,\n\t\t\t\t},\n\t\t\t\t30_000,\n\t\t\t),\n\t\t);\n\t};\n\n\tconst hasFilters = search || stateFilter.size > 0;\n\n\tif (countData === 0) {\n\t\treturn (\n\t\t\t<div className=\"flex items-center justify-center h-48 border rounded-lg bg-muted/50\">\n\t\t\t\t<Typography className=\"text-muted-foreground\">\n\t\t\t\t\tNo subflow runs found for this flow run.\n\t\t\t\t</Typography>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"grid grid-cols-12 items-center gap-2\">\n\t\t\t\t<div className=\"flex flex-col gap-1 xl:col-span-3 md:col-span-12 col-span-6 md:order-0 order-2\">\n\t\t\t\t\t<Typography variant=\"bodySmall\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t{countData} Subflow run{countData !== 1 ? \"s\" : \"\"}\n\t\t\t\t\t</Typography>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"xl:col-span-4 col-span-12 md:order-1 order-0\">\n\t\t\t\t\t<SearchInput\n\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\tonChange={handleSearchChange}\n\t\t\t\t\t\tplaceholder=\"Search by run name\"\n\t\t\t\t\t\taria-label=\"Search by run name\"\n\t\t\t\t\t\tdebounceMs={300}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"xl:col-span-3 md:col-span-6 col-span-12 md:order-2 order-1\">\n\t\t\t\t\t<StateFilter\n\t\t\t\t\t\tselectedFilters={stateFilter}\n\t\t\t\t\t\tonSelectFilter={handleStateFilterChange}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"xl:border-l xl:border-border xl:pl-2 xl:col-span-2 md:col-span-6 col-span-6 md:order-3 order-3\">\n\t\t\t\t\t<SortFilter value={sort} onSelect={handleSortChange} />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<FlowRunsList\n\t\t\t\tflowRuns={flowRunsWithFlows}\n\t\t\t\tonClearFilters={hasFilters ? handleClearFilters : undefined}\n\t\t\t/>\n\n\t\t\t{paginatedData && paginatedData.pages > 0 && (\n\t\t\t\t<FlowRunsPagination\n\t\t\t\t\tpagination={pagination}\n\t\t\t\t\tonChangePagination={setPagination}\n\t\t\t\t\tcount={paginatedData.count}\n\t\t\t\t\tpages={paginatedData.pages}\n\t\t\t\t\tonPrefetchPage={handlePrefetchPage}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n","import { useMemo, useState } from \"react\";\nimport {\n\tFLOW_RUN_STATES_MAP,\n\tFLOW_RUN_STATES_NO_SCHEDULED,\n\ttype FlowRunState,\n} from \"@/components/flow-runs/flow-runs-list/flow-runs-filters/state-filters.constants\";\nimport { Button } from \"@/components/ui/button\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icons\";\nimport { StateBadge } from \"@/components/ui/state-badge\";\nimport { Typography } from \"@/components/ui/typography\";\nimport { cn } from \"@/utils\";\n\nconst MAX_FILTERS_DISPLAYED = 2;\n\ntype TaskRunStateFilterProps = {\n\tselectedFilters: Set<string>;\n\tonSelectFilter: (filters: Set<string>) => void;\n\tclassName?: string;\n};\n\nexport const TaskRunStateFilter = ({\n\tselectedFilters,\n\tonSelectFilter,\n\tclassName,\n}: TaskRunStateFilterProps) => {\n\tconst [open, setOpen] = useState(false);\n\n\tconst isAllButScheduled = useMemo(() => {\n\t\tconst flowRunStatesNoScheduleSet = new Set<string>(\n\t\t\tFLOW_RUN_STATES_NO_SCHEDULED,\n\t\t);\n\t\tif (\n\t\t\tselectedFilters.has(\"Scheduled\") ||\n\t\t\tflowRunStatesNoScheduleSet.size !== selectedFilters.size\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\t\treturn Array.from(selectedFilters).every((filter) =>\n\t\t\tflowRunStatesNoScheduleSet.has(filter),\n\t\t);\n\t}, [selectedFilters]);\n\n\tconst handleSelectAllExceptScheduled = () => {\n\t\tonSelectFilter(new Set(FLOW_RUN_STATES_NO_SCHEDULED));\n\t};\n\n\tconst handleSelectAllRunState = () => {\n\t\tonSelectFilter(new Set());\n\t};\n\n\tconst handleSelectFilter = (filter: string) => {\n\t\tif (isAllButScheduled) {\n\t\t\tonSelectFilter(new Set([filter]));\n\t\t\treturn;\n\t\t}\n\t\tconst updatedFilters = new Set(selectedFilters);\n\t\tif (selectedFilters.has(filter)) {\n\t\t\tupdatedFilters.delete(filter);\n\t\t} else {\n\t\t\tupdatedFilters.add(filter);\n\t\t}\n\t\tonSelectFilter(updatedFilters);\n\t};\n\n\tconst renderSelectedTags = () => {\n\t\tif (selectedFilters.size === 0) {\n\t\t\treturn \"All run states\";\n\t\t}\n\t\tif (isAllButScheduled) {\n\t\t\treturn \"All except scheduled\";\n\t\t}\n\n\t\tconst selected = Array.from(selectedFilters);\n\t\tconst visible = selected.slice(0, MAX_FILTERS_DISPLAYED);\n\t\tconst extraCount = selected.length - MAX_FILTERS_DISPLAYED;\n\n\t\treturn (\n\t\t\t<div className=\"flex flex-1 min-w-0 items-center gap-2\">\n\t\t\t\t<div className=\"flex flex-1 min-w-0 items-center gap-2 overflow-hidden\">\n\t\t\t\t\t{visible.map((filter) => (\n\t\t\t\t\t\t<StateBadge\n\t\t\t\t\t\t\tkey={filter}\n\t\t\t\t\t\t\tname={filter}\n\t\t\t\t\t\t\ttype={FLOW_RUN_STATES_MAP[filter as FlowRunState]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t{extraCount > 0 && (\n\t\t\t\t\t<Typography variant=\"bodySmall\" className=\"shrink-0\">\n\t\t\t\t\t\t+ {extraCount}\n\t\t\t\t\t</Typography>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<DropdownMenu open={open} onOpenChange={setOpen}>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tclassName={cn(\"justify-between w-full\", className)}\n\t\t\t\t>\n\t\t\t\t\t<span className=\"flex-1 min-w-0\">{renderSelectedTags()}</span>\n\t\t\t\t\t<Icon id=\"ChevronDown\" className=\"ml-2 size-4 shrink-0\" />\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent className=\"max-h-96 overflow-x-hidden overflow-y-auto\">\n\t\t\t\t<DropdownMenuItem\n\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\thandleSelectAllExceptScheduled();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Checkbox checked={isAllButScheduled} className=\"mr-2\" />\n\t\t\t\t\tAll except scheduled\n\t\t\t\t</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem\n\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\thandleSelectAllRunState();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Checkbox checked={selectedFilters.size === 0} className=\"mr-2\" />\n\t\t\t\t\tAll run states\n\t\t\t\t</DropdownMenuItem>\n\t\t\t\t{Object.keys(FLOW_RUN_STATES_MAP).map((filterKey) => (\n\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\taria-label={filterKey}\n\t\t\t\t\t\tkey={filterKey}\n\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\thandleSelectFilter(filterKey);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\taria-label={filterKey}\n\t\t\t\t\t\t\tclassName=\"mr-2\"\n\t\t\t\t\t\t\tchecked={!isAllButScheduled && selectedFilters.has(filterKey)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<StateBadge\n\t\t\t\t\t\t\tname={filterKey}\n\t\t\t\t\t\t\ttype={FLOW_RUN_STATES_MAP[filterKey as FlowRunState]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t))}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n};\n","import {\n\tuseQuery,\n\tuseQueryClient,\n\tuseSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport type { ChangeEvent } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n\tbuildCountTaskRunsQuery,\n\tbuildPaginateTaskRunsQuery,\n} from \"@/api/task-runs\";\nimport { TaskRunStateFilter } from \"@/components/task-runs/task-run-state-filter\";\nimport {\n\ttype TaskRunSortFilters,\n\tTaskRunsList,\n\tTaskRunsPagination,\n\tTaskRunsSortFilter,\n} from \"@/components/task-runs/task-runs-list\";\nimport type { PaginationState } from \"@/components/task-runs/task-runs-list/task-runs-pagination\";\nimport { SearchInput } from \"@/components/ui/input\";\nimport { TagsInput } from \"@/components/ui/tags-input\";\nimport { Typography } from \"@/components/ui/typography\";\nimport useDebounce from \"@/hooks/use-debounce\";\n\ntype FlowRunTaskRunsProps = {\n\tflowRunId: string;\n};\n\nexport const FlowRunTaskRuns = ({ flowRunId }: FlowRunTaskRunsProps) => {\n\tconst queryClient = useQueryClient();\n\tconst [search, setSearch] = useState(\"\");\n\tconst [stateFilter, setStateFilter] = useState<Set<string>>(new Set());\n\tconst [tagsFilter, setTagsFilter] = useState<Set<string>>(new Set());\n\tconst [sort, setSort] = useState<TaskRunSortFilters>(\n\t\t\"EXPECTED_START_TIME_DESC\",\n\t);\n\tconst [pagination, setPagination] = useState<PaginationState>({\n\t\tpage: 1,\n\t\tlimit: 20,\n\t});\n\n\tconst debouncedSearch = useDebounce(search, 300);\n\n\tconst { data: countData } = useSuspenseQuery(\n\t\tbuildCountTaskRunsQuery(\n\t\t\t{\n\t\t\t\ttask_runs: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tflow_run_id: { operator: \"and_\", any_: [flowRunId], is_null_: false },\n\t\t\t\t\tsubflow_runs: { exists_: false },\n\t\t\t\t},\n\t\t\t},\n\t\t\t30_000,\n\t\t),\n\t);\n\n\tconst { data: paginatedData } = useQuery(\n\t\tbuildPaginateTaskRunsQuery(\n\t\t\t{\n\t\t\t\ttask_runs: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tflow_run_id: { operator: \"and_\", any_: [flowRunId], is_null_: false },\n\t\t\t\t\tsubflow_runs: { exists_: false },\n\t\t\t\t\tname: debouncedSearch ? { like_: debouncedSearch } : undefined,\n\t\t\t\t\tstate:\n\t\t\t\t\t\tstateFilter.size > 0\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\t\tname: { any_: Array.from(stateFilter) },\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\ttags:\n\t\t\t\t\t\ttagsFilter.size > 0\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\t\tall_: Array.from(tagsFilter),\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\tsort,\n\t\t\t\tpage: pagination.page,\n\t\t\t\tlimit: pagination.limit,\n\t\t\t},\n\t\t\t30_000,\n\t\t),\n\t);\n\n\tconst handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tsetSearch(e.target.value);\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handleStateFilterChange = (newFilters: Set<string>) => {\n\t\tsetStateFilter(newFilters);\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handleSortChange = (newSort: TaskRunSortFilters) => {\n\t\tsetSort(newSort);\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handleTagsFilterChange = (\n\t\ttags: string[] | ChangeEvent<HTMLInputElement>,\n\t) => {\n\t\tconst newTags = Array.isArray(tags) ? tags : [];\n\t\tsetTagsFilter(new Set(newTags));\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handleClearFilters = () => {\n\t\tsetSearch(\"\");\n\t\tsetStateFilter(new Set());\n\t\tsetTagsFilter(new Set());\n\t\tsetPagination((prev) => ({ ...prev, page: 1 }));\n\t};\n\n\tconst handlePrefetchPage = (page: number) => {\n\t\tvoid queryClient.prefetchQuery(\n\t\t\tbuildPaginateTaskRunsQuery(\n\t\t\t\t{\n\t\t\t\t\ttask_runs: {\n\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\tflow_run_id: {\n\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\tany_: [flowRunId],\n\t\t\t\t\t\t\tis_null_: false,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsubflow_runs: { exists_: false },\n\t\t\t\t\t\tname: debouncedSearch ? { like_: debouncedSearch } : undefined,\n\t\t\t\t\t\tstate:\n\t\t\t\t\t\t\tstateFilter.size > 0\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\t\t\tname: { any_: Array.from(stateFilter) },\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\ttags:\n\t\t\t\t\t\t\ttagsFilter.size > 0\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\t\t\tall_: Array.from(tagsFilter),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t},\n\t\t\t\t\tsort,\n\t\t\t\t\tpage,\n\t\t\t\t\tlimit: pagination.limit,\n\t\t\t\t},\n\t\t\t\t30_000,\n\t\t\t),\n\t\t);\n\t};\n\n\tconst hasFilters = search || stateFilter.size > 0 || tagsFilter.size > 0;\n\n\t// Calculate state summary from paginated results\n\tconst stateSummary = useMemo(() => {\n\t\tif (!paginatedData?.results) return null;\n\t\tconst stateCounts = new Map<string, number>();\n\t\tfor (const taskRun of paginatedData.results) {\n\t\t\tconst stateName = String(taskRun.state?.name ?? \"Unknown\");\n\t\t\tstateCounts.set(stateName, (stateCounts.get(stateName) ?? 0) + 1);\n\t\t}\n\t\treturn Array.from(stateCounts.entries())\n\t\t\t.map(([name, count]) => `${count} ${name}`)\n\t\t\t.join(\", \");\n\t}, [paginatedData?.results]);\n\n\tif (countData === 0) {\n\t\treturn (\n\t\t\t<div className=\"flex items-center justify-center h-48 border rounded-lg bg-muted/50\">\n\t\t\t\t<Typography className=\"text-muted-foreground\">\n\t\t\t\t\tNo task runs found for this flow run.\n\t\t\t\t</Typography>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t{/* Mobile: controls on top, count/sort on bottom. Desktop: count | controls | sort */}\n\t\t\t<div className=\"grid grid-cols-12 items-center gap-2\">\n\t\t\t\t{/* Count - first column */}\n\t\t\t\t<div className=\"flex flex-col gap-1 xl:col-span-3 md:col-span-12 col-span-6 md:order-0 order-3\">\n\t\t\t\t\t<Typography variant=\"bodySmall\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t{countData} Task run{countData !== 1 ? \"s\" : \"\"}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t{stateSummary && (\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\tvariant=\"bodySmall\"\n\t\t\t\t\t\t\tclassName=\"text-muted-foreground text-xs capitalize\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t({stateSummary})\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Controls - middle column */}\n\t\t\t\t<div className=\"xl:col-span-3 md:col-span-6 col-span-12 md:order-1 order-0\">\n\t\t\t\t\t<SearchInput\n\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\tonChange={handleSearchChange}\n\t\t\t\t\t\tplaceholder=\"Search by run name\"\n\t\t\t\t\t\taria-label=\"Search by run name\"\n\t\t\t\t\t\tdebounceMs={300}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"xl:col-span-2 md:col-span-6 col-span-12 md:order-2 order-1\">\n\t\t\t\t\t<TaskRunStateFilter\n\t\t\t\t\t\tselectedFilters={stateFilter}\n\t\t\t\t\t\tonSelectFilter={handleStateFilterChange}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"xl:col-span-2 md:col-span-6 col-span-12 md:order-3 order-2\">\n\t\t\t\t\t<TagsInput\n\t\t\t\t\t\tvalue={Array.from(tagsFilter)}\n\t\t\t\t\t\tonChange={handleTagsFilterChange}\n\t\t\t\t\t\tplaceholder=\"All tags\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{/* Sort - last column with left border on desktop */}\n\t\t\t\t<div className=\"xl:border-l xl:border-border xl:pl-2 xl:col-span-2 md:col-span-6 col-span-6 md:order-4 order-4\">\n\t\t\t\t\t<TaskRunsSortFilter value={sort} onSelect={handleSortChange} />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<TaskRunsList\n\t\t\t\ttaskRuns={paginatedData?.results}\n\t\t\t\tonClearFilters={hasFilters ? handleClearFilters : undefined}\n\t\t\t/>\n\n\t\t\t{paginatedData && paginatedData.pages > 0 && (\n\t\t\t\t<TaskRunsPagination\n\t\t\t\t\tpagination={pagination}\n\t\t\t\t\tonChangePagination={setPagination}\n\t\t\t\t\tcount={paginatedData.count}\n\t\t\t\t\tpages={paginatedData.pages}\n\t\t\t\t\tonPrefetchPage={handlePrefetchPage}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n","import { useQueryClient, useSuspenseQuery } from \"@tanstack/react-query\";\nimport { useRouter } from \"@tanstack/react-router\";\nimport { Suspense, useCallback, useEffect, useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { queryKeyFactory as artifactsQueryKeyFactory } from \"@/api/artifacts\";\nimport {\n\tbuildGetFlowRunDetailsQuery,\n\ttype FlowRun,\n\tqueryKeyFactory as flowRunsQueryKeyFactory,\n\tuseDeleteFlowRun,\n} from \"@/api/flow-runs\";\nimport { queryKeyFactory as logsQueryKeyFactory } from \"@/api/logs\";\nimport { queryKeyFactory as taskRunsQueryKeyFactory } from \"@/api/task-runs\";\nimport { FlowRunGraph } from \"@/components/flow-runs/flow-run-graph\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { ErrorBoundary } from \"@/components/ui/error-boundary\";\nimport { Icon } from \"@/components/ui/icons\";\nimport { LazyJsonInput } from \"@/components/ui/json-input-lazy\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { TabErrorState } from \"@/components/ui/tab-error-state\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { FlowRunArtifacts } from \"./flow-run-artifacts\";\nimport { FlowRunDetails } from \"./flow-run-details\";\nimport { FlowRunHeader } from \"./flow-run-header\";\nimport { FlowRunLogs } from \"./flow-run-logs\";\nimport { FlowRunSubflows } from \"./flow-run-subflows\";\nimport { FlowRunTaskRuns } from \"./flow-run-task-runs\";\n\ntype FlowRunDetailsTabOptions =\n\t| \"Logs\"\n\t| \"TaskRuns\"\n\t| \"SubflowRuns\"\n\t| \"Artifacts\"\n\t| \"Details\"\n\t| \"Parameters\"\n\t| \"JobVariables\";\n\ntype FlowRunDetailsPageProps = {\n\tid: string;\n\ttab: FlowRunDetailsTabOptions;\n\tonTabChange: (tab: FlowRunDetailsTabOptions) => void;\n};\n\nexport const FlowRunDetailsPage = ({\n\tid,\n\ttab,\n\tonTabChange,\n}: FlowRunDetailsPageProps) => {\n\tconst [refetchInterval, setRefetchInterval] = useState<number | false>(false);\n\tconst [fullscreen, setFullscreen] = useState(false);\n\tconst queryClient = useQueryClient();\n\tconst { data: flowRun } = useSuspenseQuery({\n\t\t...buildGetFlowRunDetailsQuery(id),\n\t\trefetchInterval,\n\t});\n\tconst { deleteFlowRun } = useDeleteFlowRun();\n\tconst { navigate } = useRouter();\n\tconst isPending = flowRun.state_type === \"PENDING\";\n\n\tuseEffect(() => {\n\t\tif (flowRun.state_type === \"RUNNING\" || flowRun.state_type === \"PENDING\") {\n\t\t\tsetRefetchInterval(5000);\n\t\t} else {\n\t\t\tsetRefetchInterval(false);\n\t\t}\n\t}, [flowRun]);\n\n\tconst onDeleteRunClicked = () => {\n\t\tdeleteFlowRun(flowRun.id, {\n\t\t\tonSuccess: () => {\n\t\t\t\tsetRefetchInterval(false);\n\t\t\t\ttoast.success(\"Flow run deleted\");\n\t\t\t\tvoid navigate({ to: \"/runs\", replace: true });\n\t\t\t},\n\t\t\tonError: (error) => {\n\t\t\t\tconst message =\n\t\t\t\t\terror.message || \"Unknown error while deleting flow run.\";\n\t\t\t\ttoast.error(message);\n\t\t\t},\n\t\t});\n\t};\n\n\tconst retryLogs = useCallback(() => {\n\t\tvoid queryClient.invalidateQueries({\n\t\t\tqueryKey: logsQueryKeyFactory.all(),\n\t\t});\n\t}, [queryClient]);\n\n\tconst retryTaskRuns = useCallback(() => {\n\t\tvoid queryClient.invalidateQueries({\n\t\t\tqueryKey: taskRunsQueryKeyFactory.all(),\n\t\t});\n\t}, [queryClient]);\n\n\tconst retrySubflows = useCallback(() => {\n\t\tvoid queryClient.invalidateQueries({\n\t\t\tqueryKey: flowRunsQueryKeyFactory.lists(),\n\t\t});\n\t}, [queryClient]);\n\n\tconst retryArtifacts = useCallback(() => {\n\t\tvoid queryClient.invalidateQueries({\n\t\t\tqueryKey: artifactsQueryKeyFactory.all(),\n\t\t});\n\t}, [queryClient]);\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t<FlowRunHeader flowRun={flowRun} onDeleteClick={onDeleteRunClicked} />\n\t\t\t</div>\n\t\t\t{!isPending && (\n\t\t\t\t<Card>\n\t\t\t\t\t<CardContent className=\"p-0\">\n\t\t\t\t\t\t<FlowRunGraph\n\t\t\t\t\t\t\tflowRunId={flowRun.id}\n\t\t\t\t\t\t\tstateType={flowRun.state_type ?? undefined}\n\t\t\t\t\t\t\tfullscreen={fullscreen}\n\t\t\t\t\t\t\tonFullscreenChange={setFullscreen}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\t\t\t)}\n\t\t\t<div className=\"grid lg:grid-cols-[1fr_250px] grid-cols-[1fr] gap-4\">\n\t\t\t\t<TabsLayout\n\t\t\t\t\tcurrentTab={tab}\n\t\t\t\t\tonTabChange={onTabChange}\n\t\t\t\t\tflowRun={flowRun}\n\t\t\t\t\tlogsContent={\n\t\t\t\t\t\t<ErrorBoundary\n\t\t\t\t\t\t\tfallback={\n\t\t\t\t\t\t\t\t<TabErrorState\n\t\t\t\t\t\t\t\t\terror={{\n\t\t\t\t\t\t\t\t\t\ttype: \"unknown-error\",\n\t\t\t\t\t\t\t\t\t\tmessage: \"Failed to load logs\",\n\t\t\t\t\t\t\t\t\t\tdetails:\n\t\t\t\t\t\t\t\t\t\t\t\"An error occurred while loading log data. Please try again.\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonRetry={retryLogs}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<LogsSkeleton />}>\n\t\t\t\t\t\t\t\t<FlowRunLogs flowRun={flowRun} />\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t}\n\t\t\t\t\ttaskRunsContent={\n\t\t\t\t\t\t<ErrorBoundary\n\t\t\t\t\t\t\tfallback={\n\t\t\t\t\t\t\t\t<TabErrorState\n\t\t\t\t\t\t\t\t\terror={{\n\t\t\t\t\t\t\t\t\t\ttype: \"unknown-error\",\n\t\t\t\t\t\t\t\t\t\tmessage: \"Failed to load task runs\",\n\t\t\t\t\t\t\t\t\t\tdetails:\n\t\t\t\t\t\t\t\t\t\t\t\"An error occurred while loading task run data. Please try again.\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonRetry={retryTaskRuns}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<TaskRunsSkeleton />}>\n\t\t\t\t\t\t\t\t<FlowRunTaskRuns flowRunId={id} />\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t}\n\t\t\t\t\tsubflowRunsContent={\n\t\t\t\t\t\t<ErrorBoundary\n\t\t\t\t\t\t\tfallback={\n\t\t\t\t\t\t\t\t<TabErrorState\n\t\t\t\t\t\t\t\t\terror={{\n\t\t\t\t\t\t\t\t\t\ttype: \"unknown-error\",\n\t\t\t\t\t\t\t\t\t\tmessage: \"Failed to load subflow runs\",\n\t\t\t\t\t\t\t\t\t\tdetails:\n\t\t\t\t\t\t\t\t\t\t\t\"An error occurred while loading subflow run data. Please try again.\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonRetry={retrySubflows}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<SubflowsSkeleton />}>\n\t\t\t\t\t\t\t\t<FlowRunSubflows parentFlowRunId={id} />\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t}\n\t\t\t\t\tartifactsContent={\n\t\t\t\t\t\t<ErrorBoundary\n\t\t\t\t\t\t\tfallback={\n\t\t\t\t\t\t\t\t<TabErrorState\n\t\t\t\t\t\t\t\t\terror={{\n\t\t\t\t\t\t\t\t\t\ttype: \"unknown-error\",\n\t\t\t\t\t\t\t\t\t\tmessage: \"Failed to load artifacts\",\n\t\t\t\t\t\t\t\t\t\tdetails:\n\t\t\t\t\t\t\t\t\t\t\t\"An error occurred while loading artifact data. Please try again.\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonRetry={retryArtifacts}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<ArtifactsSkeleton />}>\n\t\t\t\t\t\t\t\t<FlowRunArtifacts flowRun={flowRun} />\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t}\n\t\t\t\t\tdetailsContent={\n\t\t\t\t\t\t<Suspense fallback={<DetailsSkeleton />}>\n\t\t\t\t\t\t\t<FlowRunDetails flowRun={flowRun} />\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t}\n\t\t\t\t\tparametersContent={\n\t\t\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t\t\t<div className=\"flex justify-end\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\ttoast.success(\"Copied parameters to clipboard\");\n\t\t\t\t\t\t\t\t\t\tvoid navigator.clipboard.writeText(\n\t\t\t\t\t\t\t\t\t\t\tJSON.stringify(flowRun.parameters ?? {}, null, 2),\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon id=\"Copy\" className=\"size-4 mr-2\" />\n\t\t\t\t\t\t\t\t\tCopy parameters\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<LazyJsonInput\n\t\t\t\t\t\t\t\tvalue={JSON.stringify(flowRun.parameters ?? {}, null, 2)}\n\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\tclassName=\"min-h-[200px]\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\tjobVariablesContent={\n\t\t\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t\t\t<div className=\"flex justify-end\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\ttoast.success(\"Copied job variables to clipboard\");\n\t\t\t\t\t\t\t\t\t\tvoid navigator.clipboard.writeText(\n\t\t\t\t\t\t\t\t\t\t\tJSON.stringify(flowRun.job_variables ?? {}, null, 2),\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon id=\"Copy\" className=\"size-4 mr-2\" />\n\t\t\t\t\t\t\t\t\tCopy job variables\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<LazyJsonInput\n\t\t\t\t\t\t\t\tvalue={JSON.stringify(flowRun.job_variables ?? {}, null, 2)}\n\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\tclassName=\"min-h-[200px]\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"hidden lg:block\">\n\t\t\t\t\t<FlowRunDetails flowRun={flowRun} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst TabsLayout = ({\n\tcurrentTab,\n\tonTabChange,\n\tflowRun,\n\tlogsContent,\n\ttaskRunsContent,\n\tsubflowRunsContent,\n\tartifactsContent,\n\tdetailsContent,\n\tparametersContent,\n\tjobVariablesContent,\n}: {\n\tcurrentTab: FlowRunDetailsTabOptions;\n\tonTabChange: (tab: FlowRunDetailsTabOptions) => void;\n\tflowRun: FlowRun;\n\tlogsContent: React.ReactNode;\n\ttaskRunsContent: React.ReactNode;\n\tsubflowRunsContent: React.ReactNode;\n\tartifactsContent: React.ReactNode;\n\tdetailsContent: React.ReactNode;\n\tparametersContent: React.ReactNode;\n\tjobVariablesContent: React.ReactNode;\n}) => {\n\tuseEffect(() => {\n\t\tconst bp = getComputedStyle(document.documentElement)\n\t\t\t.getPropertyValue(\"--breakpoint-lg\")\n\t\t\t.trim();\n\t\tconst mql = window.matchMedia(`(max-width: ${bp})`);\n\t\tconst onChange = () => {\n\t\t\tif (currentTab === \"Details\") {\n\t\t\t\tonTabChange(\"Logs\");\n\t\t\t}\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\t\treturn () => mql.removeEventListener(\"change\", onChange);\n\t}, [currentTab, onTabChange]);\n\n\treturn (\n\t\t<Tabs\n\t\t\tvalue={currentTab}\n\t\t\tonValueChange={(value) => onTabChange(value as FlowRunDetailsTabOptions)}\n\t\t>\n\t\t\t<TabsList>\n\t\t\t\t<TabsTrigger value=\"Details\" className=\"lg:hidden\">\n\t\t\t\t\tDetails\n\t\t\t\t</TabsTrigger>\n\t\t\t\t<TabsTrigger value=\"Logs\">Logs</TabsTrigger>\n\t\t\t\t{flowRun.state_type !== \"PENDING\" && (\n\t\t\t\t\t<TabsTrigger value=\"TaskRuns\">Task Runs</TabsTrigger>\n\t\t\t\t)}\n\t\t\t\t{flowRun.state_type !== \"PENDING\" && (\n\t\t\t\t\t<TabsTrigger value=\"SubflowRuns\">Subflow Runs</TabsTrigger>\n\t\t\t\t)}\n\t\t\t\t<TabsTrigger value=\"Artifacts\">Artifacts</TabsTrigger>\n\t\t\t\t<TabsTrigger value=\"Parameters\">Parameters</TabsTrigger>\n\t\t\t\t<TabsTrigger value=\"JobVariables\">Job Variables</TabsTrigger>\n\t\t\t</TabsList>\n\t\t\t<TabsContent value=\"Details\">{detailsContent}</TabsContent>\n\t\t\t<TabsContent value=\"Logs\">{logsContent}</TabsContent>\n\t\t\t<TabsContent value=\"TaskRuns\">{taskRunsContent}</TabsContent>\n\t\t\t<TabsContent value=\"SubflowRuns\">{subflowRunsContent}</TabsContent>\n\t\t\t<TabsContent value=\"Artifacts\">{artifactsContent}</TabsContent>\n\t\t\t<TabsContent value=\"Parameters\">{parametersContent}</TabsContent>\n\t\t\t<TabsContent value=\"JobVariables\">{jobVariablesContent}</TabsContent>\n\t\t</Tabs>\n\t);\n};\n\nconst LogsSkeleton = () => {\n\treturn (\n\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t<div className=\"flex flex-row gap-2 justify-end\">\n\t\t\t\t<Skeleton className=\"h-8 w-25\" />\n\t\t\t\t<Skeleton className=\"h-8 w-32\" />\n\t\t\t\t<Skeleton className=\"h-8 w-8\" /> {/* Download button placeholder */}\n\t\t\t</div>\n\t\t\t<Skeleton className=\"h-32\" />\n\t\t</div>\n\t);\n};\n\nconst TaskRunsSkeleton = () => {\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t<Skeleton className=\"h-4 w-24\" />\n\t\t\t</div>\n\t\t\t<div className=\"flex flex-col sm:flex-row gap-2\">\n\t\t\t\t<Skeleton className=\"h-9 flex-1\" />\n\t\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t\t<Skeleton className=\"h-9 w-48\" />\n\t\t\t\t\t<Skeleton className=\"h-9 w-40\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t<Skeleton className=\"h-24\" />\n\t\t\t\t<Skeleton className=\"h-24\" />\n\t\t\t\t<Skeleton className=\"h-24\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst ArtifactsSkeleton = () => {\n\treturn (\n\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t<div className=\"flex flex-row justify-end\">\n\t\t\t\t<Skeleton className=\"h-8 w-12\" />\n\t\t\t</div>\n\t\t\t<div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3\">\n\t\t\t\t<Skeleton className=\"h-40\" />\n\t\t\t\t<Skeleton className=\"h-40\" />\n\t\t\t\t<Skeleton className=\"h-40\" />\n\t\t\t\t<Skeleton className=\"h-40\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst SubflowsSkeleton = () => {\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t<Skeleton className=\"h-4 w-24\" />\n\t\t\t</div>\n\t\t\t<div className=\"flex flex-col sm:flex-row gap-2\">\n\t\t\t\t<Skeleton className=\"h-9 flex-1\" />\n\t\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t\t<Skeleton className=\"h-9 w-48\" />\n\t\t\t\t\t<Skeleton className=\"h-9 w-40\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t<Skeleton className=\"h-24\" />\n\t\t\t\t<Skeleton className=\"h-24\" />\n\t\t\t\t<Skeleton className=\"h-24\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst DetailsSkeleton = () => {\n\treturn (\n\t\t<div className=\"space-y-4\">\n\t\t\t<div className=\"flex flex-col gap-1\">\n\t\t\t\t<Skeleton className=\"h-4 w-20\" />\n\t\t\t\t<Skeleton className=\"h-5 w-12\" />\n\t\t\t</div>\n\t\t\t<div className=\"flex flex-col gap-1\">\n\t\t\t\t<Skeleton className=\"h-4 w-16\" />\n\t\t\t\t<Skeleton className=\"h-5 w-32\" />\n\t\t\t</div>\n\t\t\t<div className=\"flex flex-col gap-1\">\n\t\t\t\t<Skeleton className=\"h-4 w-24\" />\n\t\t\t\t<Skeleton className=\"h-5 w-32\" />\n\t\t\t</div>\n\t\t\t<div className=\"flex flex-col gap-1\">\n\t\t\t\t<Skeleton className=\"h-4 w-24\" />\n\t\t\t\t<Skeleton className=\"h-5 w-64\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n","import type { ErrorComponentProps } from \"@tanstack/react-router\";\nimport { createFileRoute, notFound, useNavigate } from \"@tanstack/react-router\";\nimport { zodValidator } from \"@tanstack/zod-adapter\";\nimport { z } from \"zod\";\nimport { buildListArtifactsQuery } from \"@/api/artifacts\";\nimport { categorizeError } from \"@/api/error-utils\";\nimport { buildGetFlowRunDetailsQuery } from \"@/api/flow-runs\";\nimport { buildInfiniteFilterLogsQuery } from \"@/api/logs\";\nimport { buildPaginateTaskRunsQuery } from \"@/api/task-runs\";\nimport { FlowRunDetailsPage } from \"@/components/flow-runs/flow-run-details-page\";\nimport { FlowRunNotFound } from \"@/components/flow-runs/flow-run-not-found\";\nimport { RouteErrorState } from \"@/components/ui/route-error-state\";\n\nconst searchParams = z.object({\n\ttab: z\n\t\t.enum([\n\t\t\t\"Logs\",\n\t\t\t\"TaskRuns\",\n\t\t\t\"SubflowRuns\",\n\t\t\t\"Artifacts\",\n\t\t\t\"Details\",\n\t\t\t\"Parameters\",\n\t\t\t\"JobVariables\",\n\t\t])\n\t\t.default(\"Logs\")\n\t\t.catch(\"Logs\"),\n});\n\nexport type FlowRunDetailsTabOptions = z.infer<typeof searchParams>[\"tab\"];\n\nfunction FlowRunErrorComponent({ error, reset }: ErrorComponentProps) {\n\tconst serverError = categorizeError(error, \"Failed to load flow run\");\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div>\n\t\t\t\t<h1 className=\"text-2xl font-semibold\">Flow Run</h1>\n\t\t\t</div>\n\t\t\t<RouteErrorState error={serverError} onRetry={reset} />\n\t\t</div>\n\t);\n}\n\nexport const Route = createFileRoute(\"/runs/flow-run/$id\")({\n\tvalidateSearch: zodValidator(searchParams),\n\tcomponent: RouteComponent,\n\tloader: async ({ params, context: { queryClient } }) => {\n\t\t// ----- Deferred data\n\t\tvoid queryClient.prefetchInfiniteQuery(\n\t\t\tbuildInfiniteFilterLogsQuery({\n\t\t\t\tlimit: 50,\n\t\t\t\tsort: \"TIMESTAMP_ASC\",\n\t\t\t\tlogs: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tlevel: {\n\t\t\t\t\t\tge_: 0,\n\t\t\t\t\t},\n\t\t\t\t\tflow_run_id: {\n\t\t\t\t\t\tany_: [params.id],\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}),\n\t\t);\n\n\t\tvoid queryClient.prefetchQuery(\n\t\t\tbuildListArtifactsQuery({\n\t\t\t\tartifacts: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tflow_run_id: {\n\t\t\t\t\t\tany_: [params.id],\n\t\t\t\t\t},\n\t\t\t\t\ttype: {\n\t\t\t\t\t\tnot_any_: [\"result\"],\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tsort: \"ID_DESC\",\n\t\t\t\toffset: 0,\n\t\t\t}),\n\t\t);\n\n\t\tvoid queryClient.prefetchQuery(\n\t\t\tbuildPaginateTaskRunsQuery({\n\t\t\t\tpage: 1,\n\t\t\t\tsort: \"EXPECTED_START_TIME_DESC\",\n\t\t\t\tflow_runs: {\n\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\tid: {\n\t\t\t\t\t\tany_: [params.id],\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}),\n\t\t);\n\n\t\t// ----- Critical data\n\t\ttry {\n\t\t\tawait queryClient.ensureQueryData(buildGetFlowRunDetailsQuery(params.id));\n\t\t} catch (error) {\n\t\t\t// Only treat \"not found\" errors as 404, rethrow other errors\n\t\t\tif (error instanceof Error && /not found/i.test(error.message)) {\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/only-throw-error\n\t\t\t\tthrow notFound();\n\t\t\t}\n\t\t\tthrow error;\n\t\t}\n\t},\n\twrapInSuspense: true,\n\terrorComponent: FlowRunErrorComponent,\n\tnotFoundComponent: FlowRunNotFound,\n});\n\nfunction RouteComponent() {\n\tconst { id } = Route.useParams();\n\tconst { tab } = Route.useSearch();\n\tconst navigate = useNavigate();\n\n\tconst onTabChange = (tab: FlowRunDetailsTabOptions) => {\n\t\tvoid navigate({\n\t\t\tto: \".\",\n\t\t\tsearch: (prev) => ({\n\t\t\t\t...prev,\n\t\t\t\ttab,\n\t\t\t}),\n\t\t});\n\t};\n\n\treturn <FlowRunDetailsPage id={id} tab={tab} onTabChange={onTabChange} />;\n}\n"],"file":"flow-run._id-BHY61H6u.js"}

prefect/server/ui-v2/assets/index-BYQ1P2TC.js

@@ -1,2 +0,0 @@
-import{j as o}from"./vendor-tanstack-BK8oseNA.js";import{s as i}from"./index-Cd7pM9pk.js";import{A as m}from"./automations-header-BoJc9HK8.js";import{R as s}from"./route-error-state-C9CbByMx.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-forms-DxqqmhL5.js";import"./vendor-date-7GxEwcQM.js";function j({error:t,reset:e}){const r=i(t,"Failed to load automations");if(r.type!=="server-error"&&r.type!=="client-error")throw t;return o.jsxs("div",{className:"flex flex-col gap-4",children:[o.jsx(m,{}),o.jsx(s,{error:r,onRetry:e})]})}export{j as errorComponent};
-//# sourceMappingURL=index-BYQ1P2TC.js.map