@workflow/web 4.0.1-beta.13 → 4.0.1-beta.15

package/.next/static/chunks/cb2a4b461d8e3581.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,30997,e=>{"use strict";var s=e.i(3334),r=e.i(16028),t=e.i(19303);e.i(69764);var a=e.i(31875),l=e.i(14067),o=e.i(3614),n=e.i(86288);let d=(0,n.default)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);var i=e.i(24914),c=e.i(95566),h=e.i(25449),u=e.i(46220),x=e.i(11735),m=e.i(84705),j=e.i(6746),f=e.i(56944),p=e.i(60218),g=e.i(12603),w=e.i(2718),k=e.i(49245);let b=m.forwardRef(({className:e,href:r,children:t,...a},l)=>{let o=r.startsWith("http")?r:`https://useworkflow.dev/docs/${r.replace(/^\//,"")}`;return(0,s.jsx)(w.default,{href:o,className:(0,k.cn)("font-medium underline underline-offset-4 transition-colors",e),style:{color:"var(--ds-blue-600)"},target:"_blank",rel:"noopener noreferrer",ref:l,...a,children:t})});b.displayName="DocsLink";var N=e.i(17955);let v=m.forwardRef(({className:e,...r},t)=>(0,s.jsx)("div",{className:"relative w-full overflow-auto",children:(0,s.jsx)("table",{ref:t,className:(0,k.cn)("w-full caption-bottom text-sm",e),...r})}));v.displayName="Table";let y=m.forwardRef(({className:e,...r},t)=>(0,s.jsx)("thead",{ref:t,className:(0,k.cn)("[&_tr]:border-b",e),...r}));y.displayName="TableHeader";let C=m.forwardRef(({className:e,...r},t)=>(0,s.jsx)("tbody",{ref:t,className:(0,k.cn)("[&_tr:last-child]:border-0",e),...r}));C.displayName="TableBody",m.forwardRef(({className:e,...r},t)=>(0,s.jsx)("tfoot",{ref:t,className:(0,k.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...r})).displayName="TableFooter";let S=m.forwardRef(({className:e,...r},t)=>(0,s.jsx)("tr",{ref:t,className:(0,k.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...r}));S.displayName="TableRow";let T=m.forwardRef(({className:e,...r},t)=>(0,s.jsx)("th",{ref:t,className:(0,k.cn)("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",e),...r}));T.displayName="TableHead";let R=m.forwardRef(({className:e,...r},t)=>(0,s.jsx)("td",{ref:t,className:(0,k.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",e),...r}));R.displayName="TableCell",m.forwardRef(({className:e,...r},t)=>(0,s.jsx)("caption",{ref:t,className:(0,k.cn)("mt-4 text-sm text-muted-foreground",e),...r})).displayName="TableCaption";var I=e.i(38322),M=e.i(20486),A=e.i(41245),_=e.i(44619),D=e.i(13087);function z({rows:e=k.DEFAULT_PAGE_SIZE,variant:r="runs"}){return(0,s.jsx)(g.Card,{className:"overflow-hidden mt-4 bg-background",children:(0,s.jsxs)(g.CardContent,{className:"p-0",children:[(()=>{switch(r){case"runs":return(0,s.jsxs)("div",{className:"grid grid-cols-[1fr_1.5fr_0.8fr_1fr_1fr_40px] items-center gap-4 py-3 px-4 border-b",children:[(0,s.jsx)(D.Skeleton,{className:"h-4 w-20"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-14"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-12"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-14"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-20"}),(0,s.jsx)("div",{className:"w-6"})]});case"hooks":return(0,s.jsxs)("div",{className:"grid grid-cols-[1.2fr_1.2fr_0.8fr_1fr_0.5fr_40px] items-center gap-4 py-3 px-4 border-b",children:[(0,s.jsx)(D.Skeleton,{className:"h-4 w-16"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-14"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-12"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-14"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-20"}),(0,s.jsx)("div",{className:"w-6"})]});case"workflows":return(0,s.jsxs)("div",{className:"grid grid-cols-[1fr_1.5fr_0.5fr] items-center gap-4 py-3 px-4 border-b",children:[(0,s.jsx)(D.Skeleton,{className:"h-4 w-20"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-10"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-12 mx-auto"})]});default:return null}})(),Array.from({length:e},(e,t)=>(e=>{switch(r){case"runs":return(0,s.jsxs)("div",{className:"grid grid-cols-[1fr_1.5fr_0.8fr_1fr_1fr_40px] items-center gap-4 py-3 px-4",children:[(0,s.jsx)(D.Skeleton,{className:"h-4 w-3/4"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-4/5"}),(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)(D.Skeleton,{className:"h-3 w-14"}),(0,s.jsx)(D.Skeleton,{className:"h-2 w-8"})]}),(0,s.jsx)(D.Skeleton,{className:"h-3 w-3/4"}),(0,s.jsx)(D.Skeleton,{className:"h-3 w-3/4"}),(0,s.jsx)(D.Skeleton,{className:"h-6 w-6 rounded"})]},`skeleton-row-${e}`);case"hooks":return(0,s.jsxs)("div",{className:"grid grid-cols-[1.2fr_1.2fr_0.8fr_1fr_0.5fr_40px] items-center gap-4 py-3 px-4",children:[(0,s.jsx)(D.Skeleton,{className:"h-4 w-4/5"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-4/5"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-3/4"}),(0,s.jsx)(D.Skeleton,{className:"h-3 w-3/4"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-8"}),(0,s.jsx)(D.Skeleton,{className:"h-6 w-6 rounded"})]},`skeleton-row-${e}`);case"workflows":return(0,s.jsxs)("div",{className:"grid grid-cols-[1fr_1.5fr_0.5fr] items-center gap-4 py-3 px-4",children:[(0,s.jsx)(D.Skeleton,{className:"h-4 w-3/4"}),(0,s.jsx)(D.Skeleton,{className:"h-4 w-4/5"}),(0,s.jsx)(D.Skeleton,{className:"h-5 w-16 rounded-full mx-auto"})]},`skeleton-row-${e}`);default:return null}})(t))]})})}function P({config:e,runId:r,onHookClick:t,selectedHookId:n}){let[w,k]=(0,m.useState)(()=>new Date),D=(0,m.useMemo)(()=>(0,M.worldConfigToEnvMap)(e),[e]),{data:P,error:E,nextPage:F,previousPage:$,hasNextPage:B,hasPreviousPage:U,reload:W,pageInfo:L}=(0,a.useWorkflowHooks)(D,{runId:r,sortOrder:"desc"}),H=P.isLoading,V=P.data??[],[O,Z]=(0,m.useState)(new Map);return(0,m.useEffect)(()=>{V.length&&(async()=>{let e=new Map;for(let s of V)e.set(s.hookId,{count:0,hasMore:!1,loading:!0});Z(e);let s=await Promise.allSettled(V.map(async e=>{try{let s=await (0,l.fetchEventsByCorrelationId)(D,e.hookId,{sortOrder:"asc",limit:100});if(!s.success)return{hookId:e.hookId,count:Error(s.error?.message||"Failed to fetch events"),hasMore:!1};let r=s.data,t=r.data.filter(e=>"hook_received"===e.eventType).length;return{hookId:e.hookId,count:t,hasMore:r.hasMore}}catch(s){return{hookId:e.hookId,count:s,hasMore:!1}}}));Z(e=>{let r=new Map(e);for(let e=0;e<s.length;e++){let t=s[e],a=V[e].hookId;"fulfilled"===t.status?r.set(t.value.hookId,{count:t.value.count,hasMore:t.value.hasMore,loading:!1}):r.set(a,{count:0,hasMore:!1,loading:!1})}return r})})()},[V,D]),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-end gap-2",children:[(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:"Last refreshed"}),w&&(0,s.jsx)(_.RelativeTime,{date:w,className:"text-sm text-muted-foreground",type:"distance"})]}),(0,s.jsx)("div",{className:"flex items-center gap-4",children:(0,s.jsxs)(I.Tooltip,{children:[(0,s.jsx)(I.TooltipTrigger,{asChild:!0,children:(0,s.jsxs)(p.Button,{variant:"outline",size:"sm",onClick:()=>{k(()=>new Date),W()},disabled:H,children:[(0,s.jsx)(h.RefreshCw,{className:H?"animate-spin":""}),"Refresh"]})}),(0,s.jsx)(I.TooltipContent,{children:"Note that this resets pages"})]})})]}),E?(0,s.jsxs)(f.Alert,{variant:"destructive",children:[(0,s.jsx)(o.AlertCircle,{className:"h-4 w-4"}),(0,s.jsx)(f.AlertTitle,{children:"Error loading hooks"}),(0,s.jsx)(f.AlertDescription,{children:(0,a.getErrorMessage)(E)})]}):H||V&&0!==V.length?H&&!P?.data?(0,s.jsx)(z,{variant:"hooks"}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(g.Card,{className:"overflow-hidden mt-4 bg-background",children:(0,s.jsx)(g.CardContent,{className:"p-0 max-h-[calc(100vh-280px)] overflow-auto",children:(0,s.jsxs)(v,{children:[(0,s.jsx)(y,{children:(0,s.jsxs)(S,{children:[(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Hook ID"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Run ID"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Token"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Created"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Invocations"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10 w-10"})]})}),(0,s.jsx)(C,{children:V.map(e=>(0,s.jsxs)(S,{className:"cursor-pointer group relative",onClick:()=>t(e.hookId,e.runId),"data-selected":e.hookId===n,children:[(0,s.jsx)(R,{className:"font-mono text-xs py-2",children:(0,s.jsx)(A.CopyableText,{text:e.hookId,overlay:!0,children:e.hookId})}),(0,s.jsx)(R,{className:"font-mono text-xs py-2",children:(0,s.jsx)(A.CopyableText,{text:e.runId,overlay:!0,children:e.runId})}),(0,s.jsx)(R,{className:"font-mono text-xs py-2",children:(0,s.jsx)(A.CopyableText,{text:e.token,overlay:!0,children:(0,s.jsx)("span",{className:"text-muted-foreground",children:"••••••••••••"})})}),(0,s.jsx)(R,{className:"py-2 text-muted-foreground text-xs",children:e.createdAt?(0,s.jsx)(_.RelativeTime,{date:e.createdAt}):"-"}),(0,s.jsx)(R,{className:"py-2",children:(e=>{let r=O.get(e.hookId);if(!r||r.loading)return(0,s.jsx)("span",{className:"text-muted-foreground text-xs",children:"..."});if(r.count instanceof Error)return(0,s.jsx)("span",{className:"text-muted-foreground",children:"Error"});if(0===r.count)return(0,s.jsx)("span",{className:"text-muted-foreground",children:"0"});let t=r.hasMore?`${r.count}+`:`${r.count}`;return r.hasMore?(0,s.jsxs)(I.Tooltip,{children:[(0,s.jsx)(I.TooltipTrigger,{asChild:!0,children:(0,s.jsx)("span",{className:"font-semibold cursor-help",children:t})}),(0,s.jsx)(I.TooltipContent,{children:(0,s.jsx)("div",{className:"text-xs",children:"Showing first 100 invocations. There may be more."})})]}):(0,s.jsx)("span",{className:"font-semibold",children:t})})(e)}),(0,s.jsx)(R,{className:"py-2",children:(0,s.jsxs)(N.DropdownMenu,{children:[(0,s.jsx)(N.DropdownMenuTrigger,{asChild:!0,children:(0,s.jsx)(p.Button,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:e=>e.stopPropagation(),children:(0,s.jsx)(c.MoreHorizontal,{className:"h-4 w-4"})})}),(0,s.jsxs)(N.DropdownMenuContent,{align:"end",children:[(0,s.jsxs)(N.DropdownMenuItem,{onClick:async s=>{s.stopPropagation();try{let s=await (0,a.recreateRun)(D,e.runId);j.toast.success("New run started",{description:`Run ID: ${s}`}),W()}catch(e){j.toast.error("Failed to re-run",{description:e instanceof Error?e.message:"Unknown error"})}},children:[(0,s.jsx)(u.RotateCw,{className:"h-4 w-4 mr-2"}),"Re-run"]}),(0,s.jsxs)(N.DropdownMenuItem,{onClick:async s=>{s.stopPropagation();try{await (0,a.cancelRun)(D,e.runId),j.toast.success("Run cancelled"),W()}catch(e){j.toast.error("Failed to cancel",{description:e instanceof Error?e.message:"Unknown error"})}},children:[(0,s.jsx)(x.XCircle,{className:"h-4 w-4 mr-2"}),"Cancel"]})]})]})})]},e.hookId))})]})})}),(0,s.jsxs)("div",{className:"flex items-center justify-between mt-4",children:[(0,s.jsx)("div",{className:"text-sm text-muted-foreground",children:L}),(0,s.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,s.jsxs)(p.Button,{variant:"outline",size:"sm",onClick:$,disabled:!U,children:[(0,s.jsx)(d,{}),"Previous"]}),(0,s.jsxs)(p.Button,{variant:"outline",size:"sm",onClick:F,disabled:!B,children:["Next",(0,s.jsx)(i.ChevronRight,{})]})]})]})]}):(0,s.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No active hooks found. ",(0,s.jsx)("br",{}),(0,s.jsx)(b,{href:"https://useworkflow.dev/docs/api-reference/workflow/create-hook",children:"Learn how to create a hook"})]})]})}var E=e.i(60088);let F=(0,n.default)("ArrowDownAZ",[["path",{d:"m3 16 4 4 4-4",key:"1co6wj"}],["path",{d:"M7 20V4",key:"1yoxec"}],["path",{d:"M20 8h-5",key:"1vsyxs"}],["path",{d:"M15 10V6.5a2.5 2.5 0 0 1 5 0V10",key:"ag13bf"}],["path",{d:"M15 14h5l-5 6h5",key:"ur5jdg"}]]),$=(0,n.default)("ArrowUpAZ",[["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}],["path",{d:"M20 8h-5",key:"1vsyxs"}],["path",{d:"M15 10V6.5a2.5 2.5 0 0 1 5 0V10",key:"ag13bf"}],["path",{d:"M15 14h5l-5 6h5",key:"ur5jdg"}]]);var B=e.i(46131),U=e.i(51675);let W={pending:{label:"Pending",color:"bg-neutral-600 dark:bg-neutral-400"},running:{label:"Running",color:"bg-blue-600 dark:bg-blue-400"},completed:{label:"Completed",color:"bg-green-600 dark:bg-green-400"},failed:{label:"Failed",color:"bg-red-600 dark:bg-red-400"},paused:{label:"Paused",color:"bg-yellow-600 dark:bg-yellow-400"},cancelled:{label:"Cancelled",color:"bg-gray-600 dark:bg-gray-400"}};function L({workflowNameFilter:e,status:r,seenWorkflowNames:t,sortOrder:a,loading:l,statusFilterRequiresWorkflowNameFilter:o,onWorkflowChange:n,onStatusChange:d,onSortToggle:i,onRefresh:c,lastRefreshTime:u}){return(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-end gap-2",children:[(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:"Last refreshed"}),u&&(0,s.jsx)(_.RelativeTime,{date:u,className:"text-sm text-muted-foreground",type:"distance"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-4",children:[(0,s.jsxs)(B.Select,{value:e??"all",onValueChange:n,disabled:l,children:[(0,s.jsx)(B.SelectTrigger,{className:"w-[180px] h-9",children:(0,s.jsx)(B.SelectValue,{placeholder:"Filter by workflow"})}),(0,s.jsxs)(B.SelectContent,{children:[(0,s.jsx)(B.SelectItem,{value:"all",children:"All Workflows"}),Array.from(t).sort().map(e=>(0,s.jsx)(B.SelectItem,{value:e,children:(0,E.parseWorkflowName)(e)?.shortName||e},e))]})]}),(0,s.jsxs)(I.Tooltip,{children:[(0,s.jsx)(I.TooltipTrigger,{asChild:!0,children:(0,s.jsx)("div",{children:(0,s.jsxs)(B.Select,{value:r||"all",onValueChange:d,disabled:l||o&&!e,children:[(0,s.jsx)(B.SelectTrigger,{className:"w-[140px] h-9",children:(0,s.jsx)(B.SelectValue,{placeholder:"Filter by status"})}),(0,s.jsxs)(B.SelectContent,{children:[(0,s.jsx)(B.SelectItem,{value:"all",children:"Any status"}),Object.entries(W).map(([e,{label:r,color:t}])=>(0,s.jsx)(B.SelectItem,{value:e,children:(0,s.jsxs)("div",{className:"flex items-center",children:[(0,s.jsx)("span",{className:`${t} size-1.5 rounded-full mr-2`}),r]})},e))]})]})})}),(0,s.jsx)(I.TooltipContent,{children:o&&"all"===e?"Select a workflow first to filter by status":"Filter runs by status"})]}),(0,s.jsxs)(I.Tooltip,{children:[(0,s.jsx)(I.TooltipTrigger,{asChild:!0,children:(0,s.jsxs)(p.Button,{variant:"outline",size:"sm",onClick:i,disabled:l,children:["desc"===a?(0,s.jsx)(F,{className:"h-4 w-4"}):(0,s.jsx)($,{className:"h-4 w-4"}),"desc"===a?"Newest":"Oldest"]})}),(0,s.jsx)(I.TooltipContent,{children:"desc"===a?"Showing newest first":"Showing oldest first"})]}),(0,s.jsxs)(I.Tooltip,{children:[(0,s.jsx)(I.TooltipTrigger,{asChild:!0,children:(0,s.jsxs)(p.Button,{variant:"outline",size:"sm",onClick:c,disabled:l,children:[(0,s.jsx)(h.RefreshCw,{className:l?"animate-spin":""}),"Refresh"]})}),(0,s.jsx)(I.TooltipContent,{children:"Note that this resets pages"})]})]})]})}function H({config:e,onRunClick:t}){let l,n,h,w,k,I,D=(0,r.useSearchParams)(),P=(l=(0,r.useRouter)(),n=(0,r.usePathname)(),h=(0,r.useSearchParams)(),(0,m.useCallback)(e=>{let s=new URLSearchParams(h.toString());"all"===e?(s.delete("workflow"),s.delete("status")):s.set("workflow",e),l.push(`${n}?${s.toString()}`)},[l,n,h])),F=(w=(0,r.useRouter)(),k=(0,r.usePathname)(),I=(0,r.useSearchParams)(),(0,m.useCallback)(e=>{let s=new URLSearchParams(I.toString());"all"===e?s.delete("status"):s.set("status",e),w.push(`${k}?${s.toString()}`)},[w,k,I])),$=D.get("status"),B=Object.keys(W),H="all"===$||$&&B.includes($)?$:void 0,V=D.get("workflow"),[O,Z]=(0,m.useState)("desc"),[K,X]=(0,m.useState)(()=>new Date),q=(0,m.useMemo)(()=>(0,M.worldConfigToEnvMap)(e),[e]),G=e.backend?.includes("vercel")||!1,[Q,J]=(0,m.useState)(new Set),{data:Y,error:ee,nextPage:es,previousPage:er,hasNextPage:et,hasPreviousPage:ea,reload:el,pageInfo:eo}=(0,a.useWorkflowRuns)(q,{sortOrder:O,workflowName:"all"===V?void 0:V,status:"all"===H?void 0:H});(0,m.useEffect)(()=>{if(Y.data&&Y.data.length>0){let e=new Set(Y.data.map(e=>e.workflowName));J(s=>{let r=new Set(s);for(let s of e)r.add(s);return r})}},[Y.data]);let en=Y.isLoading;return(0,s.jsxs)("div",{children:[(0,s.jsx)(L,{workflowNameFilter:V,status:H,seenWorkflowNames:Q,sortOrder:O,loading:en,statusFilterRequiresWorkflowNameFilter:G,onWorkflowChange:P,onStatusChange:F,onSortToggle:()=>{Z(e=>"desc"===e?"asc":"desc")},onRefresh:()=>{X(()=>new Date),el()},lastRefreshTime:K}),ee?(0,s.jsxs)(f.Alert,{variant:"destructive",children:[(0,s.jsx)(o.AlertCircle,{className:"h-4 w-4"}),(0,s.jsx)(f.AlertTitle,{children:"Error loading runs"}),(0,s.jsx)(f.AlertDescription,{children:(0,a.getErrorMessage)(ee)})]}):en&&!Y?.data?(0,s.jsx)(z,{}):en||Y.data&&0!==Y.data.length?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(g.Card,{className:"overflow-hidden mt-4 bg-background",children:(0,s.jsx)(g.CardContent,{className:"p-0 max-h-[calc(100vh-280px)] overflow-auto",children:(0,s.jsxs)(v,{children:[(0,s.jsx)(y,{children:(0,s.jsxs)(S,{children:[(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Workflow"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Run ID"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Status"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Started"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10",children:"Completed"}),(0,s.jsx)(T,{className:"sticky top-0 bg-background z-10 border-b shadow-sm h-10 w-10"})]})}),(0,s.jsx)(C,{children:Y.data?.map(e=>(0,s.jsxs)(S,{className:"cursor-pointer group relative",onClick:()=>t(e.runId),children:[(0,s.jsx)(R,{className:"py-2",children:(0,s.jsx)(A.CopyableText,{text:e.workflowName,overlay:!0,children:(0,E.parseWorkflowName)(e.workflowName)?.shortName||"?"})}),(0,s.jsx)(R,{className:"font-mono text-xs py-2",children:(0,s.jsx)(A.CopyableText,{text:e.runId,overlay:!0,children:e.runId})}),(0,s.jsx)(R,{className:"py-2",children:(0,s.jsx)(U.StatusBadge,{status:e.status,context:e,durationMs:e.startedAt?(e.completedAt?new Date(e.completedAt).getTime():Date.now())-new Date(e.startedAt).getTime():void 0})}),(0,s.jsx)(R,{className:"py-2 text-muted-foreground text-xs",children:e.startedAt?(0,s.jsx)(_.RelativeTime,{date:e.startedAt}):"-"}),(0,s.jsx)(R,{className:"py-2 text-muted-foreground text-xs",children:e.completedAt?(0,s.jsx)(_.RelativeTime,{date:e.completedAt}):"-"}),(0,s.jsx)(R,{className:"py-2",children:(0,s.jsxs)(N.DropdownMenu,{children:[(0,s.jsx)(N.DropdownMenuTrigger,{asChild:!0,children:(0,s.jsx)(p.Button,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:e=>e.stopPropagation(),children:(0,s.jsx)(c.MoreHorizontal,{className:"h-4 w-4"})})}),(0,s.jsxs)(N.DropdownMenuContent,{align:"end",children:[(0,s.jsxs)(N.DropdownMenuItem,{onClick:async s=>{s.stopPropagation();try{let s=await (0,a.recreateRun)(q,e.runId);j.toast.success("New run started",{description:`Run ID: ${s}`}),el()}catch(e){j.toast.error("Failed to re-run",{description:e instanceof Error?e.message:"Unknown error"})}},children:[(0,s.jsx)(u.RotateCw,{className:"h-4 w-4 mr-2"}),"Re-run"]}),(0,s.jsxs)(N.DropdownMenuItem,{onClick:async s=>{if(s.stopPropagation(),"pending"!==e.status)return void j.toast.error("Cannot cancel",{description:"Only pending runs can be cancelled"});try{await (0,a.cancelRun)(q,e.runId),j.toast.success("Run cancelled"),el()}catch(e){j.toast.error("Failed to cancel",{description:e instanceof Error?e.message:"Unknown error"})}},disabled:"pending"!==e.status,children:[(0,s.jsx)(x.XCircle,{className:"h-4 w-4 mr-2"}),"Cancel"]})]})]})})]},e.runId))})]})})}),(0,s.jsxs)("div",{className:"flex items-center justify-between mt-4",children:[(0,s.jsx)("div",{className:"text-sm text-muted-foreground",children:eo}),(0,s.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,s.jsxs)(p.Button,{variant:"outline",size:"sm",onClick:er,disabled:!ea,children:[(0,s.jsx)(d,{}),"Previous"]}),(0,s.jsxs)(p.Button,{variant:"outline",size:"sm",onClick:es,disabled:!et,children:["Next",(0,s.jsx)(i.ChevronRight,{})]})]})]})]}):(0,s.jsxs)("div",{className:"text-center py-8 text-muted-foreground",children:["No workflow runs found. ",(0,s.jsx)("br",{}),(0,s.jsx)(b,{href:"https://useworkflow.dev/docs/foundations/workflows-and-steps",children:"Learn how to create a workflow"})]})]})}var V=e.i(25343),O=e.i(80462);function Z(){let e=(0,r.useRouter)(),a=(0,M.useQueryParamConfig)(),[l]=(0,O.useSidebarState)(),[o]=(0,O.useHookIdState)(),[n,d]=(0,O.useTabState)();return(0,s.jsx)("div",{className:"max-w-7xl mx-auto px-4",children:(0,s.jsxs)(V.Tabs,{value:n,onValueChange:d,className:"w-full",children:[(0,s.jsxs)(V.TabsList,{className:"mb-4",children:[(0,s.jsx)(V.TabsTrigger,{value:"runs",children:"Runs"}),(0,s.jsx)(V.TabsTrigger,{value:"hooks",children:"Hooks"})]}),(0,s.jsx)(V.TabsContent,{value:"runs",children:(0,s.jsx)(t.ErrorBoundary,{title:"Runs Error",description:"Failed to load workflow runs. Please try refreshing the page.",children:(0,s.jsx)(H,{config:a,onRunClick:(s,r)=>{r?e.push((0,M.buildUrlWithConfig)(`/run/${s}/streams/${r}`,a)):e.push((0,M.buildUrlWithConfig)(`/run/${s}`,a))}})})}),(0,s.jsx)(V.TabsContent,{value:"hooks",children:(0,s.jsx)(t.ErrorBoundary,{title:"Hooks Error",description:"Failed to load hooks. Please try refreshing the page.",children:(0,s.jsx)(P,{config:a,onHookClick:(s,r)=>{s?e.push((0,M.buildUrlWithConfig)(`/run/${r}`,a,{sidebar:"hook",hookId:s})):e.push((0,M.buildUrlWithConfig)(`/run/${r}`,a))},selectedHookId:"hook"===l&&o?o:void 0})})})]})})}e.s(["default",()=>Z],30997)}]);