@shipfox/client-workflows 20.0.0 → 22.0.0

package/dist/pages/project-workflows-page.js

@@ -7,6 +7,7 @@ import { Callout } from '@shipfox/react-ui/callout';
 import { EmptyState } from '@shipfox/react-ui/empty-state';
 import { Icon } from '@shipfox/react-ui/icon';
 import { LoadErrorState } from '@shipfox/react-ui/load-error-state';
+import { Panel } from '@shipfox/react-ui/panel';
 import { RelativeTime, RelativeTimeProvider } from '@shipfox/react-ui/relative-time';
 import { Sheet, SheetBody, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@shipfox/react-ui/sheet';
 import { Skeleton } from '@shipfox/react-ui/skeleton';
@@ -128,198 +129,209 @@ function ProjectWorkflowsPageInner({ projectId }) {
 }
 function WorkflowDefinitionsList({ definitions, isPending, isError, sync, runError, runningDefinitionId, hasNextPage, isFetchingNextPage, isFetchNextPageError, onRetry, onLoadMore, onOpenDefinition, onRun }) {
     if (isPending) {
-        return /*#__PURE__*/ _jsxs("div", {
-            className: "flex flex-col gap-inline",
+        return /*#__PURE__*/ _jsxs(Panel, {
+            role: "status",
+            "aria-label": "Loading workflows",
+            className: "divide-y",
             children: [
                 /*#__PURE__*/ _jsx(Skeleton, {
-                    className: "h-40 w-full"
+                    className: "h-44 w-full rounded-none"
                 }),
                 /*#__PURE__*/ _jsx(Skeleton, {
-                    className: "h-40 w-full"
+                    className: "h-44 w-full rounded-none"
                 }),
                 /*#__PURE__*/ _jsx(Skeleton, {
-                    className: "h-40 w-full"
+                    className: "h-44 w-full rounded-none"
                 })
             ]
         });
     }
     if (isError && definitions.length === 0) {
-        return /*#__PURE__*/ _jsx(LoadErrorState, {
-            title: "Couldn't load workflows",
-            description: "Definitions could not be loaded. Source metadata remains visible.",
-            onRetry: onRetry,
-            retryLabel: "Retry loading workflows"
+        return /*#__PURE__*/ _jsx(Panel, {
+            children: /*#__PURE__*/ _jsx(LoadErrorState, {
+                title: "Couldn't load workflows",
+                description: "Definitions could not be loaded. Source metadata remains visible.",
+                onRetry: onRetry,
+                retryLabel: "Retry loading workflows",
+                variant: "panel"
+            })
         });
     }
     if (definitions.length === 0) {
-        return /*#__PURE__*/ _jsx(WorkflowEmptyState, {
-            sync: sync
+        return /*#__PURE__*/ _jsx(Panel, {
+            children: /*#__PURE__*/ _jsx(WorkflowEmptyState, {
+                sync: sync
+            })
         });
     }
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: "hidden rounded-8 border border-border-neutral-base md:block",
-                children: /*#__PURE__*/ _jsxs(Table, {
-                    children: [
-                        /*#__PURE__*/ _jsx(TableHeader, {
-                            children: /*#__PURE__*/ _jsxs(TableRow, {
-                                children: [
-                                    /*#__PURE__*/ _jsx(TableHead, {
-                                        className: "w-40"
-                                    }),
-                                    /*#__PURE__*/ _jsx(TableHead, {
-                                        children: "Workflow"
-                                    }),
-                                    /*#__PURE__*/ _jsx(TableHead, {
-                                        className: "w-180",
-                                        children: "Updated"
-                                    }),
-                                    /*#__PURE__*/ _jsx(TableHead, {
-                                        className: "w-80 text-right"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx(TableBody, {
-                            children: definitions.map((definition)=>{
-                                const runErrorMessage = runError?.definitionId === definition.id ? runError.message : null;
-                                const isRunning = runningDefinitionId === definition.id;
-                                return(// The workflow-name cell holds a `<button>` so the row is
-                                // keyboard-reachable (Tab focuses, Enter/Space activates
-                                // via native button semantics). The TableRow itself is no
-                                // longer clickable: a row-level onClick would be invisible
-                                // to keyboard users and require custom keydown handling.
-                                // The `group` class on the row still drives the Run button
-                                // reveal on hover or focus-within.
-                                /*#__PURE__*/ _jsxs(TableRow, {
-                                    className: "group",
-                                    children: [
-                                        /*#__PURE__*/ _jsx(TableCell, {
-                                            children: /*#__PURE__*/ _jsx(Icon, {
-                                                name: sourceIcon(definition.source),
-                                                className: "size-16 text-foreground-neutral-muted",
-                                                "aria-hidden": "true"
+            /*#__PURE__*/ _jsxs(Panel, {
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "hidden md:block",
+                        children: /*#__PURE__*/ _jsxs(Table, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TableHeader, {
+                                    children: /*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableHead, {
+                                                className: "w-40"
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableHead, {
+                                                children: "Workflow"
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableHead, {
+                                                className: "w-180",
+                                                children: "Updated"
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableHead, {
+                                                className: "w-80 text-right"
                                             })
-                                        }),
-                                        /*#__PURE__*/ _jsx(TableCell, {
-                                            className: "max-w-260",
-                                            children: /*#__PURE__*/ _jsxs("div", {
-                                                className: "flex min-w-0 flex-col gap-tight",
-                                                children: [
-                                                    /*#__PURE__*/ _jsxs("button", {
-                                                        type: "button",
-                                                        onClick: ()=>onOpenDefinition(definition),
-                                                        className: "flex min-w-0 flex-col gap-tight text-left outline-none focus-visible:shadow-border-interactive-with-active rounded-4",
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(TableBody, {
+                                    children: definitions.map((definition)=>{
+                                        const runErrorMessage = runError?.definitionId === definition.id ? runError.message : null;
+                                        const isRunning = runningDefinitionId === definition.id;
+                                        return(// The workflow-name cell holds a `<button>` so the row is
+                                        // keyboard-reachable (Tab focuses, Enter/Space activates
+                                        // via native button semantics). The TableRow itself is no
+                                        // longer clickable: a row-level onClick would be invisible
+                                        // to keyboard users and require custom keydown handling.
+                                        // The `group` class on the row still drives the Run button
+                                        // reveal on hover or focus-within.
+                                        /*#__PURE__*/ _jsxs(TableRow, {
+                                            className: "group",
+                                            children: [
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                                        name: sourceIcon(definition.source),
+                                                        className: "size-16 text-foreground-neutral-muted",
+                                                        "aria-hidden": "true"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    className: "max-w-260",
+                                                    children: /*#__PURE__*/ _jsxs("div", {
+                                                        className: "flex min-w-0 flex-col gap-tight",
                                                         children: [
-                                                            /*#__PURE__*/ _jsx(Text, {
-                                                                size: "sm",
-                                                                bold: true,
-                                                                className: "truncate",
-                                                                children: definition.name
+                                                            /*#__PURE__*/ _jsxs("button", {
+                                                                type: "button",
+                                                                onClick: ()=>onOpenDefinition(definition),
+                                                                className: "flex min-w-0 flex-col gap-tight rounded-4 text-left outline-none focus-visible:shadow-border-interactive-with-active",
+                                                                children: [
+                                                                    /*#__PURE__*/ _jsx(Text, {
+                                                                        size: "sm",
+                                                                        bold: true,
+                                                                        className: "truncate",
+                                                                        children: definition.name
+                                                                    }),
+                                                                    /*#__PURE__*/ _jsx(Code, {
+                                                                        className: "truncate text-foreground-neutral-muted",
+                                                                        children: definition.configPath ?? 'Manual definition'
+                                                                    })
+                                                                ]
                                                             }),
-                                                            /*#__PURE__*/ _jsx(Code, {
-                                                                className: "truncate text-foreground-neutral-muted",
-                                                                children: definition.configPath ?? 'Manual definition'
-                                                            })
+                                                            runErrorMessage ? /*#__PURE__*/ _jsx(Text, {
+                                                                size: "xs",
+                                                                className: "text-tag-error-text",
+                                                                children: runErrorMessage
+                                                            }) : null
                                                         ]
-                                                    }),
-                                                    runErrorMessage ? /*#__PURE__*/ _jsx(Text, {
-                                                        size: "xs",
-                                                        className: "text-tag-error-text",
-                                                        children: runErrorMessage
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    className: "text-foreground-neutral-muted",
+                                                    children: /*#__PURE__*/ _jsx(RelativeTime, {
+                                                        value: definition.updatedAt
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: definition.manualTrigger ? /*#__PURE__*/ _jsx("div", {
+                                                        className: "flex justify-end opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
+                                                        children: /*#__PURE__*/ _jsx(Button, {
+                                                            size: "xs",
+                                                            isLoading: isRunning,
+                                                            onClick: ()=>onRun(definition),
+                                                            children: "Run"
+                                                        })
                                                     }) : null
-                                                ]
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(TableCell, {
-                                            className: "text-foreground-neutral-muted",
-                                            children: /*#__PURE__*/ _jsx(RelativeTime, {
-                                                value: definition.updatedAt
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(TableCell, {
-                                            children: definition.manualTrigger ? /*#__PURE__*/ _jsx("div", {
-                                                className: "flex justify-end opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
-                                                children: /*#__PURE__*/ _jsx(Button, {
-                                                    size: "xs",
-                                                    isLoading: isRunning,
-                                                    onClick: ()=>onRun(definition),
-                                                    children: "Run"
                                                 })
-                                            }) : null
-                                        })
-                                    ]
-                                }, definition.id));
-                            })
+                                            ]
+                                        }, definition.id));
+                                    })
+                                })
+                            ]
                         })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: "flex flex-col rounded-8 border border-border-neutral-base md:hidden",
-                children: definitions.map((definition)=>{
-                    const runErrorMessage = runError?.definitionId === definition.id ? runError.message : null;
-                    const isRunning = runningDefinitionId === definition.id;
-                    return /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-col gap-inline border-b border-border-neutral-base p-panel-compact last:border-b-0",
-                        children: [
-                            /*#__PURE__*/ _jsxs("button", {
-                                type: "button",
-                                className: "flex min-w-0 items-start gap-inline text-left",
-                                onClick: ()=>onOpenDefinition(definition),
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "flex flex-col md:hidden",
+                        children: definitions.map((definition)=>{
+                            const runErrorMessage = runError?.definitionId === definition.id ? runError.message : null;
+                            const isRunning = runningDefinitionId === definition.id;
+                            return /*#__PURE__*/ _jsxs("div", {
+                                className: "flex flex-col gap-inline border-b border-border-neutral-base p-panel-compact last:border-b-0",
                                 children: [
-                                    /*#__PURE__*/ _jsx(Icon, {
-                                        name: sourceIcon(definition.source),
-                                        className: "size-16 shrink-0 text-foreground-neutral-muted",
-                                        "aria-hidden": "true"
-                                    }),
-                                    /*#__PURE__*/ _jsxs("div", {
-                                        className: "flex min-w-0 flex-col gap-tight",
+                                    /*#__PURE__*/ _jsxs("button", {
+                                        type: "button",
+                                        className: "flex min-w-0 items-start gap-inline text-left",
+                                        onClick: ()=>onOpenDefinition(definition),
                                         children: [
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                size: "sm",
-                                                bold: true,
-                                                className: "break-words",
-                                                children: definition.name
+                                            /*#__PURE__*/ _jsx(Icon, {
+                                                name: sourceIcon(definition.source),
+                                                className: "size-16 shrink-0 text-foreground-neutral-muted",
+                                                "aria-hidden": "true"
                                             }),
-                                            /*#__PURE__*/ _jsx(Code, {
-                                                className: "break-words text-foreground-neutral-muted",
-                                                children: definition.configPath ?? 'Manual definition'
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "flex min-w-0 flex-col gap-tight",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Text, {
+                                                        size: "sm",
+                                                        bold: true,
+                                                        className: "break-words",
+                                                        children: definition.name
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(Code, {
+                                                        className: "break-words text-foreground-neutral-muted",
+                                                        children: definition.configPath ?? 'Manual definition'
+                                                    })
+                                                ]
                                             })
                                         ]
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "flex items-center justify-between gap-inline",
-                                children: [
-                                    /*#__PURE__*/ _jsxs(Text, {
-                                        size: "xs",
-                                        className: "text-foreground-neutral-muted",
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex items-center justify-between gap-inline",
                                         children: [
-                                            "Updated ",
-                                            /*#__PURE__*/ _jsx(RelativeTime, {
-                                                value: definition.updatedAt
-                                            })
+                                            /*#__PURE__*/ _jsxs(Text, {
+                                                size: "xs",
+                                                className: "text-foreground-neutral-muted",
+                                                children: [
+                                                    "Updated ",
+                                                    /*#__PURE__*/ _jsx(RelativeTime, {
+                                                        value: definition.updatedAt
+                                                    })
+                                                ]
+                                            }),
+                                            definition.manualTrigger ? /*#__PURE__*/ _jsx(Button, {
+                                                size: "sm",
+                                                isLoading: isRunning,
+                                                onClick: ()=>onRun(definition),
+                                                children: "Run"
+                                            }) : null
                                         ]
                                     }),
-                                    definition.manualTrigger ? /*#__PURE__*/ _jsx(Button, {
-                                        size: "sm",
-                                        isLoading: isRunning,
-                                        onClick: ()=>onRun(definition),
-                                        children: "Run"
+                                    runErrorMessage ? /*#__PURE__*/ _jsx(Text, {
+                                        size: "xs",
+                                        className: "text-tag-error-text",
+                                        children: runErrorMessage
                                     }) : null
                                 ]
-                            }),
-                            runErrorMessage ? /*#__PURE__*/ _jsx(Text, {
-                                size: "xs",
-                                className: "text-tag-error-text",
-                                children: runErrorMessage
-                            }) : null
-                        ]
-                    }, definition.id);
-                })
+                            }, definition.id);
+                        })
+                    })
+                ]
             }),
             isFetchNextPageError ? /*#__PURE__*/ _jsx(Callout, {
                 role: "alert",
@@ -361,7 +373,8 @@ function WorkflowEmptyState({ sync }) {
     return /*#__PURE__*/ _jsx(EmptyState, {
         icon: "flowChart",
         title: "No workflows",
-        description: message
+        description: message,
+        variant: "panel"
     });
 }
 function WorkflowSyncAlert({ sync }) {

package/dist/pages/project-workflows-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pages/project-workflows-page.tsx"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\nimport {\n  type Definition,\n  type DefinitionSyncSummary,\n  SourceStrip,\n  useDefinitionsInfiniteQuery,\n  useProjectQuery,\n} from '@shipfox/client-projects';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon, type IconName} from '@shipfox/react-ui/icon';\nimport {LoadErrorState} from '@shipfox/react-ui/load-error-state';\nimport {RelativeTime, RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {\n  Sheet,\n  SheetBody,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@shipfox/react-ui/sheet';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@shipfox/react-ui/table';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Code, Header, Text} from '@shipfox/react-ui/typography';\nimport {useState} from 'react';\nimport {useFireManualWorkflowMutation} from '#hooks/api/workflow-runs.js';\n\nexport function ProjectWorkflowsPage({projectId}: {projectId: string}) {\n  return (\n    <RelativeTimeProvider>\n      <ProjectWorkflowsPageInner projectId={projectId} />\n    </RelativeTimeProvider>\n  );\n}\n\nfunction ProjectWorkflowsPageInner({projectId}: {projectId: string}) {\n  const projectQuery = useProjectQuery(projectId);\n  const definitionsQuery = useDefinitionsInfiniteQuery(projectId);\n  const fireManual = useFireManualWorkflowMutation();\n  const [selectedDefinition, setSelectedDefinition] = useState<Definition | null>(null);\n  const [runError, setRunError] = useState<{definitionId: string; message: string} | null>(null);\n  const definitions = definitionsQuery.data?.pages.flatMap((page) => page.definitions) ?? [];\n  const sync = definitionsQuery.data?.pages[0]?.sync;\n\n  async function handleRun(definition: Definition) {\n    setRunError(null);\n    if (!definition.manualTrigger) return;\n    try {\n      await fireManual.mutateAsync({projectId, definitionId: definition.id});\n      toast.success('Run queued');\n    } catch (error) {\n      const message = errorMessage(error, 'Could not queue run.');\n      setRunError({definitionId: definition.id, message});\n      toast.error(message);\n    }\n  }\n\n  return (\n    <div className=\"flex w-full flex-col gap-section\">\n      {projectQuery.isPending ? (\n        <div className=\"flex flex-col gap-cluster\">\n          <Skeleton className=\"h-28 w-1/3\" />\n          <Skeleton className=\"h-18 w-1/2\" />\n        </div>\n      ) : null}\n\n      {projectQuery.isError && projectQuery.data === undefined ? (\n        projectQuery.error instanceof ApiError && projectQuery.error.status === 404 ? (\n          <EmptyState\n            icon=\"errorWarningLine\"\n            title=\"Project not found\"\n            description=\"This project doesn't exist, or you don't have access to it.\"\n          />\n        ) : (\n          <QueryLoadError query={projectQuery} subject=\"project\" />\n        )\n      ) : null}\n\n      {projectQuery.data ? (\n        <>\n          <header className=\"flex flex-col gap-tight\">\n            <Header variant=\"h2\">Workflows</Header>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Synced workflow definitions for this project source.\n            </Text>\n          </header>\n\n          <SourceStrip\n            connectionId={projectQuery.data.source.connectionId}\n            externalRepositoryId={projectQuery.data.source.externalRepositoryId}\n            sync={sync}\n            isPending={definitionsQuery.isPending}\n          />\n\n          <WorkflowSyncAlert sync={sync} />\n          <WorkflowSyncWarnings sync={sync} />\n\n          <WorkflowDefinitionsList\n            definitions={definitions}\n            isPending={definitionsQuery.isPending}\n            isError={definitionsQuery.isError}\n            sync={sync ?? null}\n            runError={runError}\n            runningDefinitionId={\n              fireManual.isPending && fireManual.variables\n                ? fireManual.variables.definitionId\n                : null\n            }\n            hasNextPage={definitionsQuery.hasNextPage}\n            isFetchingNextPage={definitionsQuery.isFetchingNextPage}\n            isFetchNextPageError={definitionsQuery.isFetchNextPageError}\n            onRetry={() => definitionsQuery.refetch()}\n            onLoadMore={() => definitionsQuery.fetchNextPage()}\n            onOpenDefinition={setSelectedDefinition}\n            onRun={(definition) => {\n              void handleRun(definition);\n            }}\n          />\n        </>\n      ) : null}\n\n      <DefinitionSheet\n        definition={selectedDefinition}\n        onOpenChange={(open) => {\n          if (!open) setSelectedDefinition(null);\n        }}\n      />\n    </div>\n  );\n}\n\nfunction WorkflowDefinitionsList({\n  definitions,\n  isPending,\n  isError,\n  sync,\n  runError,\n  runningDefinitionId,\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onRetry,\n  onLoadMore,\n  onOpenDefinition,\n  onRun,\n}: {\n  definitions: Definition[];\n  isPending: boolean;\n  isError: boolean;\n  sync: DefinitionSyncSummary | null;\n  runError: {definitionId: string; message: string} | null;\n  runningDefinitionId: string | null;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onRetry: () => void;\n  onLoadMore: () => void;\n  onOpenDefinition: (definition: Definition) => void;\n  onRun: (definition: Definition) => void;\n}) {\n  if (isPending) {\n    return (\n      <div className=\"flex flex-col gap-inline\">\n        <Skeleton className=\"h-40 w-full\" />\n        <Skeleton className=\"h-40 w-full\" />\n        <Skeleton className=\"h-40 w-full\" />\n      </div>\n    );\n  }\n\n  if (isError && definitions.length === 0) {\n    return (\n      <LoadErrorState\n        title=\"Couldn't load workflows\"\n        description=\"Definitions could not be loaded. Source metadata remains visible.\"\n        onRetry={onRetry}\n        retryLabel=\"Retry loading workflows\"\n      />\n    );\n  }\n\n  if (definitions.length === 0) {\n    return <WorkflowEmptyState sync={sync} />;\n  }\n\n  return (\n    <>\n      <div className=\"hidden rounded-8 border border-border-neutral-base md:block\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-40\"></TableHead>\n              <TableHead>Workflow</TableHead>\n              <TableHead className=\"w-180\">Updated</TableHead>\n              <TableHead className=\"w-80 text-right\"></TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {definitions.map((definition) => {\n              const runErrorMessage =\n                runError?.definitionId === definition.id ? runError.message : null;\n              const isRunning = runningDefinitionId === definition.id;\n\n              return (\n                // The workflow-name cell holds a `<button>` so the row is\n                // keyboard-reachable (Tab focuses, Enter/Space activates\n                // via native button semantics). The TableRow itself is no\n                // longer clickable: a row-level onClick would be invisible\n                // to keyboard users and require custom keydown handling.\n                // The `group` class on the row still drives the Run button\n                // reveal on hover or focus-within.\n                <TableRow key={definition.id} className=\"group\">\n                  <TableCell>\n                    <Icon\n                      name={sourceIcon(definition.source)}\n                      className=\"size-16 text-foreground-neutral-muted\"\n                      aria-hidden=\"true\"\n                    />\n                  </TableCell>\n                  <TableCell className=\"max-w-260\">\n                    <div className=\"flex min-w-0 flex-col gap-tight\">\n                      <button\n                        type=\"button\"\n                        onClick={() => onOpenDefinition(definition)}\n                        className=\"flex min-w-0 flex-col gap-tight text-left outline-none focus-visible:shadow-border-interactive-with-active rounded-4\"\n                      >\n                        <Text size=\"sm\" bold className=\"truncate\">\n                          {definition.name}\n                        </Text>\n                        <Code className=\"truncate text-foreground-neutral-muted\">\n                          {definition.configPath ?? 'Manual definition'}\n                        </Code>\n                      </button>\n                      {runErrorMessage ? (\n                        <Text size=\"xs\" className=\"text-tag-error-text\">\n                          {runErrorMessage}\n                        </Text>\n                      ) : null}\n                    </div>\n                  </TableCell>\n                  <TableCell className=\"text-foreground-neutral-muted\">\n                    <RelativeTime value={definition.updatedAt} />\n                  </TableCell>\n                  <TableCell>\n                    {definition.manualTrigger ? (\n                      <div className=\"flex justify-end opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100\">\n                        <Button size=\"xs\" isLoading={isRunning} onClick={() => onRun(definition)}>\n                          Run\n                        </Button>\n                      </div>\n                    ) : null}\n                  </TableCell>\n                </TableRow>\n              );\n            })}\n          </TableBody>\n        </Table>\n      </div>\n\n      <div className=\"flex flex-col rounded-8 border border-border-neutral-base md:hidden\">\n        {definitions.map((definition) => {\n          const runErrorMessage =\n            runError?.definitionId === definition.id ? runError.message : null;\n          const isRunning = runningDefinitionId === definition.id;\n\n          return (\n            <div\n              key={definition.id}\n              className=\"flex flex-col gap-inline border-b border-border-neutral-base p-panel-compact last:border-b-0\"\n            >\n              <button\n                type=\"button\"\n                className=\"flex min-w-0 items-start gap-inline text-left\"\n                onClick={() => onOpenDefinition(definition)}\n              >\n                <Icon\n                  name={sourceIcon(definition.source)}\n                  className=\"size-16 shrink-0 text-foreground-neutral-muted\"\n                  aria-hidden=\"true\"\n                />\n                <div className=\"flex min-w-0 flex-col gap-tight\">\n                  <Text size=\"sm\" bold className=\"break-words\">\n                    {definition.name}\n                  </Text>\n                  <Code className=\"break-words text-foreground-neutral-muted\">\n                    {definition.configPath ?? 'Manual definition'}\n                  </Code>\n                </div>\n              </button>\n              <div className=\"flex items-center justify-between gap-inline\">\n                <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n                  Updated <RelativeTime value={definition.updatedAt} />\n                </Text>\n                {definition.manualTrigger ? (\n                  <Button size=\"sm\" isLoading={isRunning} onClick={() => onRun(definition)}>\n                    Run\n                  </Button>\n                ) : null}\n              </div>\n              {runErrorMessage ? (\n                <Text size=\"xs\" className=\"text-tag-error-text\">\n                  {runErrorMessage}\n                </Text>\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n\n      {isFetchNextPageError ? (\n        <Callout role=\"alert\" type=\"error\">\n          <div className=\"flex items-center justify-between gap-cluster\">\n            <Text size=\"sm\">Could not load more workflows.</Text>\n            <Button size=\"sm\" variant=\"secondary\" onClick={onLoadMore}>\n              Retry\n            </Button>\n          </div>\n        </Callout>\n      ) : null}\n\n      {hasNextPage ? (\n        <div className=\"flex justify-center\">\n          <Button size=\"sm\" variant=\"secondary\" isLoading={isFetchingNextPage} onClick={onLoadMore}>\n            Load more\n          </Button>\n        </div>\n      ) : null}\n    </>\n  );\n}\n\nfunction sourceIcon(source: 'manual' | 'vcs'): IconName {\n  return source === 'vcs' ? ('gitBranchLine' as IconName) : ('terminalLine' as IconName);\n}\n\nfunction WorkflowEmptyState({sync}: {sync: DefinitionSyncSummary | null}) {\n  const message =\n    sync?.status === 'failed' && sync.lastErrorCode === 'no-workflow-files'\n      ? 'No workflow files found under .shipfox/workflows/.'\n      : sync?.status === 'failed'\n        ? (sync.lastErrorMessage ?? 'Workflow definitions could not be synced.')\n        : sync?.status === 'syncing'\n          ? 'Workflow definitions are being discovered.'\n          : sync?.status === 'succeeded'\n            ? 'No workflow definitions found.'\n            : 'Workflow sync has not reported yet.';\n\n  return <EmptyState icon=\"flowChart\" title=\"No workflows\" description={message} />;\n}\n\nfunction WorkflowSyncAlert({sync}: {sync: DefinitionSyncSummary | null | undefined}) {\n  if (sync?.status !== 'failed') return null;\n\n  return (\n    <Callout role=\"alert\" type=\"error\">\n      <div className=\"flex flex-col gap-tight\">\n        <Text size=\"sm\" bold>\n          Workflow sync failed\n        </Text>\n        <Text size=\"sm\">\n          {sync.lastErrorMessage ?? 'The latest workflow sync failed before definitions updated.'}\n        </Text>\n      </div>\n    </Callout>\n  );\n}\n\nfunction WorkflowSyncWarnings({sync}: {sync: DefinitionSyncSummary | null | undefined}) {\n  if (sync?.status !== 'succeeded' || sync.warnings.length === 0) return null;\n\n  const seenKeys = new Map<string, number>();\n  const warningItems = sync.warnings.map((warning) => {\n    const baseKey = `${warning.code}-${warning.path ?? 'workflow'}-${warning.message}`;\n    const occurrence = seenKeys.get(baseKey) ?? 0;\n    seenKeys.set(baseKey, occurrence + 1);\n    return {key: `${baseKey}-${occurrence}`, warning};\n  });\n\n  return (\n    <Callout role=\"status\" type=\"warning\">\n      <div className=\"flex flex-col gap-inline\">\n        <Text size=\"sm\" bold>\n          Workflow definition warnings\n        </Text>\n        <ul className=\"flex flex-col gap-tight\">\n          {warningItems.map(({key, warning}) => (\n            <li key={key}>\n              <Text size=\"sm\">{warning.message}</Text>\n              {warning.path ? (\n                <Code className=\"text-foreground-neutral-muted\">{warning.path}</Code>\n              ) : null}\n            </li>\n          ))}\n        </ul>\n      </div>\n    </Callout>\n  );\n}\n\nfunction DefinitionSheet({\n  definition,\n  onOpenChange,\n}: {\n  definition: Definition | null;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const normalizedJson = definition\n    ? JSON.stringify(\n        {\n          workflow_document: definition.workflowDocument,\n          workflow_model: definition.workflowModel,\n        },\n        null,\n        2,\n      )\n    : '';\n\n  return (\n    <Sheet open={Boolean(definition)} onOpenChange={onOpenChange}>\n      <SheetContent className=\"w-full sm:max-w-[560px]\">\n        {definition ? (\n          <>\n            <SheetHeader>\n              <SheetTitle>{definition.name}</SheetTitle>\n              <SheetDescription>\n                {definition.configPath ?? 'Manual workflow definition'}\n              </SheetDescription>\n            </SheetHeader>\n            <SheetBody className=\"gap-group\">\n              <div className=\"grid w-full gap-inline\">\n                <Metadata label=\"Definition id\" value={definition.id} />\n                <Metadata label=\"Source\" value={definition.source} />\n                <Metadata label=\"Ref\" value={definition.ref ?? 'Not set'} />\n                <Metadata label=\"SHA\" value={definition.sha ?? 'Not set'} />\n              </div>\n              <div className=\"flex w-full flex-col gap-inline\">\n                <Text size=\"sm\" bold>\n                  Normalized definition\n                </Text>\n                <pre className=\"max-h-[52vh] w-full overflow-auto rounded-8 border border-border-neutral-base bg-background-neutral-subtle p-panel-compact scrollbar\">\n                  <Code as=\"code\" className=\"whitespace-pre text-foreground-neutral-base\">\n                    {normalizedJson}\n                  </Code>\n                </pre>\n              </div>\n            </SheetBody>\n          </>\n        ) : null}\n      </SheetContent>\n    </Sheet>\n  );\n}\n\nfunction Metadata({label, value}: {label: string; value: string}) {\n  return (\n    <div className=\"min-w-0 py-row first:pt-0 last:pb-0\">\n      <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n        {label}\n      </Text>\n      <Text size=\"sm\" className=\"break-words\">\n        {value}\n      </Text>\n    </div>\n  );\n}\n\nfunction errorMessage(error: unknown, fallback: string) {\n  if (error instanceof ApiError && error.message) return error.message;\n  if (error instanceof Error && error.message) return error.message;\n  return fallback;\n}\n"],"names":["ApiError","SourceStrip","useDefinitionsInfiniteQuery","useProjectQuery","QueryLoadError","Button","Callout","EmptyState","Icon","LoadErrorState","RelativeTime","RelativeTimeProvider","Sheet","SheetBody","SheetContent","SheetDescription","SheetHeader","SheetTitle","Skeleton","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","toast","Code","Header","Text","useState","useFireManualWorkflowMutation","ProjectWorkflowsPage","projectId","ProjectWorkflowsPageInner","projectQuery","definitionsQuery","fireManual","selectedDefinition","setSelectedDefinition","runError","setRunError","definitions","data","pages","flatMap","page","sync","handleRun","definition","manualTrigger","mutateAsync","definitionId","id","success","error","message","errorMessage","div","className","isPending","isError","undefined","status","icon","title","description","query","subject","header","variant","size","connectionId","source","externalRepositoryId","WorkflowSyncAlert","WorkflowSyncWarnings","WorkflowDefinitionsList","runningDefinitionId","variables","hasNextPage","isFetchingNextPage","isFetchNextPageError","onRetry","refetch","onLoadMore","fetchNextPage","onOpenDefinition","onRun","DefinitionSheet","onOpenChange","open","length","retryLabel","WorkflowEmptyState","map","runErrorMessage","isRunning","name","sourceIcon","aria-hidden","button","type","onClick","bold","configPath","value","updatedAt","isLoading","role","lastErrorCode","lastErrorMessage","warnings","seenKeys","Map","warningItems","warning","baseKey","code","path","occurrence","get","set","key","ul","li","normalizedJson","JSON","stringify","workflow_document","workflowDocument","workflow_model","workflowModel","Boolean","Metadata","label","ref","sha","pre","as","fallback","Error"],"mappings":"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"}
+{"version":3,"sources":["../../src/pages/project-workflows-page.tsx"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\nimport {\n  type Definition,\n  type DefinitionSyncSummary,\n  SourceStrip,\n  useDefinitionsInfiniteQuery,\n  useProjectQuery,\n} from '@shipfox/client-projects';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon, type IconName} from '@shipfox/react-ui/icon';\nimport {LoadErrorState} from '@shipfox/react-ui/load-error-state';\nimport {Panel} from '@shipfox/react-ui/panel';\nimport {RelativeTime, RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {\n  Sheet,\n  SheetBody,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@shipfox/react-ui/sheet';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@shipfox/react-ui/table';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Code, Header, Text} from '@shipfox/react-ui/typography';\nimport {useState} from 'react';\nimport {useFireManualWorkflowMutation} from '#hooks/api/workflow-runs.js';\n\nexport function ProjectWorkflowsPage({projectId}: {projectId: string}) {\n  return (\n    <RelativeTimeProvider>\n      <ProjectWorkflowsPageInner projectId={projectId} />\n    </RelativeTimeProvider>\n  );\n}\n\nfunction ProjectWorkflowsPageInner({projectId}: {projectId: string}) {\n  const projectQuery = useProjectQuery(projectId);\n  const definitionsQuery = useDefinitionsInfiniteQuery(projectId);\n  const fireManual = useFireManualWorkflowMutation();\n  const [selectedDefinition, setSelectedDefinition] = useState<Definition | null>(null);\n  const [runError, setRunError] = useState<{definitionId: string; message: string} | null>(null);\n  const definitions = definitionsQuery.data?.pages.flatMap((page) => page.definitions) ?? [];\n  const sync = definitionsQuery.data?.pages[0]?.sync;\n\n  async function handleRun(definition: Definition) {\n    setRunError(null);\n    if (!definition.manualTrigger) return;\n    try {\n      await fireManual.mutateAsync({projectId, definitionId: definition.id});\n      toast.success('Run queued');\n    } catch (error) {\n      const message = errorMessage(error, 'Could not queue run.');\n      setRunError({definitionId: definition.id, message});\n      toast.error(message);\n    }\n  }\n\n  return (\n    <div className=\"flex w-full flex-col gap-section\">\n      {projectQuery.isPending ? (\n        <div className=\"flex flex-col gap-cluster\">\n          <Skeleton className=\"h-28 w-1/3\" />\n          <Skeleton className=\"h-18 w-1/2\" />\n        </div>\n      ) : null}\n\n      {projectQuery.isError && projectQuery.data === undefined ? (\n        projectQuery.error instanceof ApiError && projectQuery.error.status === 404 ? (\n          <EmptyState\n            icon=\"errorWarningLine\"\n            title=\"Project not found\"\n            description=\"This project doesn't exist, or you don't have access to it.\"\n          />\n        ) : (\n          <QueryLoadError query={projectQuery} subject=\"project\" />\n        )\n      ) : null}\n\n      {projectQuery.data ? (\n        <>\n          <header className=\"flex flex-col gap-tight\">\n            <Header variant=\"h2\">Workflows</Header>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Synced workflow definitions for this project source.\n            </Text>\n          </header>\n\n          <SourceStrip\n            connectionId={projectQuery.data.source.connectionId}\n            externalRepositoryId={projectQuery.data.source.externalRepositoryId}\n            sync={sync}\n            isPending={definitionsQuery.isPending}\n          />\n\n          <WorkflowSyncAlert sync={sync} />\n          <WorkflowSyncWarnings sync={sync} />\n\n          <WorkflowDefinitionsList\n            definitions={definitions}\n            isPending={definitionsQuery.isPending}\n            isError={definitionsQuery.isError}\n            sync={sync ?? null}\n            runError={runError}\n            runningDefinitionId={\n              fireManual.isPending && fireManual.variables\n                ? fireManual.variables.definitionId\n                : null\n            }\n            hasNextPage={definitionsQuery.hasNextPage}\n            isFetchingNextPage={definitionsQuery.isFetchingNextPage}\n            isFetchNextPageError={definitionsQuery.isFetchNextPageError}\n            onRetry={() => definitionsQuery.refetch()}\n            onLoadMore={() => definitionsQuery.fetchNextPage()}\n            onOpenDefinition={setSelectedDefinition}\n            onRun={(definition) => {\n              void handleRun(definition);\n            }}\n          />\n        </>\n      ) : null}\n\n      <DefinitionSheet\n        definition={selectedDefinition}\n        onOpenChange={(open) => {\n          if (!open) setSelectedDefinition(null);\n        }}\n      />\n    </div>\n  );\n}\n\nfunction WorkflowDefinitionsList({\n  definitions,\n  isPending,\n  isError,\n  sync,\n  runError,\n  runningDefinitionId,\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onRetry,\n  onLoadMore,\n  onOpenDefinition,\n  onRun,\n}: {\n  definitions: Definition[];\n  isPending: boolean;\n  isError: boolean;\n  sync: DefinitionSyncSummary | null;\n  runError: {definitionId: string; message: string} | null;\n  runningDefinitionId: string | null;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onRetry: () => void;\n  onLoadMore: () => void;\n  onOpenDefinition: (definition: Definition) => void;\n  onRun: (definition: Definition) => void;\n}) {\n  if (isPending) {\n    return (\n      <Panel role=\"status\" aria-label=\"Loading workflows\" className=\"divide-y\">\n        <Skeleton className=\"h-44 w-full rounded-none\" />\n        <Skeleton className=\"h-44 w-full rounded-none\" />\n        <Skeleton className=\"h-44 w-full rounded-none\" />\n      </Panel>\n    );\n  }\n\n  if (isError && definitions.length === 0) {\n    return (\n      <Panel>\n        <LoadErrorState\n          title=\"Couldn't load workflows\"\n          description=\"Definitions could not be loaded. Source metadata remains visible.\"\n          onRetry={onRetry}\n          retryLabel=\"Retry loading workflows\"\n          variant=\"panel\"\n        />\n      </Panel>\n    );\n  }\n\n  if (definitions.length === 0) {\n    return (\n      <Panel>\n        <WorkflowEmptyState sync={sync} />\n      </Panel>\n    );\n  }\n\n  return (\n    <>\n      <Panel>\n        <div className=\"hidden md:block\">\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead className=\"w-40\"></TableHead>\n                <TableHead>Workflow</TableHead>\n                <TableHead className=\"w-180\">Updated</TableHead>\n                <TableHead className=\"w-80 text-right\"></TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {definitions.map((definition) => {\n                const runErrorMessage =\n                  runError?.definitionId === definition.id ? runError.message : null;\n                const isRunning = runningDefinitionId === definition.id;\n\n                return (\n                  // The workflow-name cell holds a `<button>` so the row is\n                  // keyboard-reachable (Tab focuses, Enter/Space activates\n                  // via native button semantics). The TableRow itself is no\n                  // longer clickable: a row-level onClick would be invisible\n                  // to keyboard users and require custom keydown handling.\n                  // The `group` class on the row still drives the Run button\n                  // reveal on hover or focus-within.\n                  <TableRow key={definition.id} className=\"group\">\n                    <TableCell>\n                      <Icon\n                        name={sourceIcon(definition.source)}\n                        className=\"size-16 text-foreground-neutral-muted\"\n                        aria-hidden=\"true\"\n                      />\n                    </TableCell>\n                    <TableCell className=\"max-w-260\">\n                      <div className=\"flex min-w-0 flex-col gap-tight\">\n                        <button\n                          type=\"button\"\n                          onClick={() => onOpenDefinition(definition)}\n                          className=\"flex min-w-0 flex-col gap-tight rounded-4 text-left outline-none focus-visible:shadow-border-interactive-with-active\"\n                        >\n                          <Text size=\"sm\" bold className=\"truncate\">\n                            {definition.name}\n                          </Text>\n                          <Code className=\"truncate text-foreground-neutral-muted\">\n                            {definition.configPath ?? 'Manual definition'}\n                          </Code>\n                        </button>\n                        {runErrorMessage ? (\n                          <Text size=\"xs\" className=\"text-tag-error-text\">\n                            {runErrorMessage}\n                          </Text>\n                        ) : null}\n                      </div>\n                    </TableCell>\n                    <TableCell className=\"text-foreground-neutral-muted\">\n                      <RelativeTime value={definition.updatedAt} />\n                    </TableCell>\n                    <TableCell>\n                      {definition.manualTrigger ? (\n                        <div className=\"flex justify-end opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100\">\n                          <Button size=\"xs\" isLoading={isRunning} onClick={() => onRun(definition)}>\n                            Run\n                          </Button>\n                        </div>\n                      ) : null}\n                    </TableCell>\n                  </TableRow>\n                );\n              })}\n            </TableBody>\n          </Table>\n        </div>\n\n        <div className=\"flex flex-col md:hidden\">\n          {definitions.map((definition) => {\n            const runErrorMessage =\n              runError?.definitionId === definition.id ? runError.message : null;\n            const isRunning = runningDefinitionId === definition.id;\n\n            return (\n              <div\n                key={definition.id}\n                className=\"flex flex-col gap-inline border-b border-border-neutral-base p-panel-compact last:border-b-0\"\n              >\n                <button\n                  type=\"button\"\n                  className=\"flex min-w-0 items-start gap-inline text-left\"\n                  onClick={() => onOpenDefinition(definition)}\n                >\n                  <Icon\n                    name={sourceIcon(definition.source)}\n                    className=\"size-16 shrink-0 text-foreground-neutral-muted\"\n                    aria-hidden=\"true\"\n                  />\n                  <div className=\"flex min-w-0 flex-col gap-tight\">\n                    <Text size=\"sm\" bold className=\"break-words\">\n                      {definition.name}\n                    </Text>\n                    <Code className=\"break-words text-foreground-neutral-muted\">\n                      {definition.configPath ?? 'Manual definition'}\n                    </Code>\n                  </div>\n                </button>\n                <div className=\"flex items-center justify-between gap-inline\">\n                  <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n                    Updated <RelativeTime value={definition.updatedAt} />\n                  </Text>\n                  {definition.manualTrigger ? (\n                    <Button size=\"sm\" isLoading={isRunning} onClick={() => onRun(definition)}>\n                      Run\n                    </Button>\n                  ) : null}\n                </div>\n                {runErrorMessage ? (\n                  <Text size=\"xs\" className=\"text-tag-error-text\">\n                    {runErrorMessage}\n                  </Text>\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n      </Panel>\n\n      {isFetchNextPageError ? (\n        <Callout role=\"alert\" type=\"error\">\n          <div className=\"flex items-center justify-between gap-cluster\">\n            <Text size=\"sm\">Could not load more workflows.</Text>\n            <Button size=\"sm\" variant=\"secondary\" onClick={onLoadMore}>\n              Retry\n            </Button>\n          </div>\n        </Callout>\n      ) : null}\n\n      {hasNextPage ? (\n        <div className=\"flex justify-center\">\n          <Button size=\"sm\" variant=\"secondary\" isLoading={isFetchingNextPage} onClick={onLoadMore}>\n            Load more\n          </Button>\n        </div>\n      ) : null}\n    </>\n  );\n}\n\nfunction sourceIcon(source: 'manual' | 'vcs'): IconName {\n  return source === 'vcs' ? ('gitBranchLine' as IconName) : ('terminalLine' as IconName);\n}\n\nfunction WorkflowEmptyState({sync}: {sync: DefinitionSyncSummary | null}) {\n  const message =\n    sync?.status === 'failed' && sync.lastErrorCode === 'no-workflow-files'\n      ? 'No workflow files found under .shipfox/workflows/.'\n      : sync?.status === 'failed'\n        ? (sync.lastErrorMessage ?? 'Workflow definitions could not be synced.')\n        : sync?.status === 'syncing'\n          ? 'Workflow definitions are being discovered.'\n          : sync?.status === 'succeeded'\n            ? 'No workflow definitions found.'\n            : 'Workflow sync has not reported yet.';\n\n  return <EmptyState icon=\"flowChart\" title=\"No workflows\" description={message} variant=\"panel\" />;\n}\n\nfunction WorkflowSyncAlert({sync}: {sync: DefinitionSyncSummary | null | undefined}) {\n  if (sync?.status !== 'failed') return null;\n\n  return (\n    <Callout role=\"alert\" type=\"error\">\n      <div className=\"flex flex-col gap-tight\">\n        <Text size=\"sm\" bold>\n          Workflow sync failed\n        </Text>\n        <Text size=\"sm\">\n          {sync.lastErrorMessage ?? 'The latest workflow sync failed before definitions updated.'}\n        </Text>\n      </div>\n    </Callout>\n  );\n}\n\nfunction WorkflowSyncWarnings({sync}: {sync: DefinitionSyncSummary | null | undefined}) {\n  if (sync?.status !== 'succeeded' || sync.warnings.length === 0) return null;\n\n  const seenKeys = new Map<string, number>();\n  const warningItems = sync.warnings.map((warning) => {\n    const baseKey = `${warning.code}-${warning.path ?? 'workflow'}-${warning.message}`;\n    const occurrence = seenKeys.get(baseKey) ?? 0;\n    seenKeys.set(baseKey, occurrence + 1);\n    return {key: `${baseKey}-${occurrence}`, warning};\n  });\n\n  return (\n    <Callout role=\"status\" type=\"warning\">\n      <div className=\"flex flex-col gap-inline\">\n        <Text size=\"sm\" bold>\n          Workflow definition warnings\n        </Text>\n        <ul className=\"flex flex-col gap-tight\">\n          {warningItems.map(({key, warning}) => (\n            <li key={key}>\n              <Text size=\"sm\">{warning.message}</Text>\n              {warning.path ? (\n                <Code className=\"text-foreground-neutral-muted\">{warning.path}</Code>\n              ) : null}\n            </li>\n          ))}\n        </ul>\n      </div>\n    </Callout>\n  );\n}\n\nfunction DefinitionSheet({\n  definition,\n  onOpenChange,\n}: {\n  definition: Definition | null;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const normalizedJson = definition\n    ? JSON.stringify(\n        {\n          workflow_document: definition.workflowDocument,\n          workflow_model: definition.workflowModel,\n        },\n        null,\n        2,\n      )\n    : '';\n\n  return (\n    <Sheet open={Boolean(definition)} onOpenChange={onOpenChange}>\n      <SheetContent className=\"w-full sm:max-w-[560px]\">\n        {definition ? (\n          <>\n            <SheetHeader>\n              <SheetTitle>{definition.name}</SheetTitle>\n              <SheetDescription>\n                {definition.configPath ?? 'Manual workflow definition'}\n              </SheetDescription>\n            </SheetHeader>\n            <SheetBody className=\"gap-group\">\n              <div className=\"grid w-full gap-inline\">\n                <Metadata label=\"Definition id\" value={definition.id} />\n                <Metadata label=\"Source\" value={definition.source} />\n                <Metadata label=\"Ref\" value={definition.ref ?? 'Not set'} />\n                <Metadata label=\"SHA\" value={definition.sha ?? 'Not set'} />\n              </div>\n              <div className=\"flex w-full flex-col gap-inline\">\n                <Text size=\"sm\" bold>\n                  Normalized definition\n                </Text>\n                <pre className=\"max-h-[52vh] w-full overflow-auto rounded-8 border border-border-neutral-base bg-background-neutral-subtle p-panel-compact scrollbar\">\n                  <Code as=\"code\" className=\"whitespace-pre text-foreground-neutral-base\">\n                    {normalizedJson}\n                  </Code>\n                </pre>\n              </div>\n            </SheetBody>\n          </>\n        ) : null}\n      </SheetContent>\n    </Sheet>\n  );\n}\n\nfunction Metadata({label, value}: {label: string; value: string}) {\n  return (\n    <div className=\"min-w-0 py-row first:pt-0 last:pb-0\">\n      <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n        {label}\n      </Text>\n      <Text size=\"sm\" className=\"break-words\">\n        {value}\n      </Text>\n    </div>\n  );\n}\n\nfunction errorMessage(error: unknown, fallback: string) {\n  if (error instanceof ApiError && error.message) return error.message;\n  if (error instanceof Error && error.message) return error.message;\n  return fallback;\n}\n"],"names":["ApiError","SourceStrip","useDefinitionsInfiniteQuery","useProjectQuery","QueryLoadError","Button","Callout","EmptyState","Icon","LoadErrorState","Panel","RelativeTime","RelativeTimeProvider","Sheet","SheetBody","SheetContent","SheetDescription","SheetHeader","SheetTitle","Skeleton","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","toast","Code","Header","Text","useState","useFireManualWorkflowMutation","ProjectWorkflowsPage","projectId","ProjectWorkflowsPageInner","projectQuery","definitionsQuery","fireManual","selectedDefinition","setSelectedDefinition","runError","setRunError","definitions","data","pages","flatMap","page","sync","handleRun","definition","manualTrigger","mutateAsync","definitionId","id","success","error","message","errorMessage","div","className","isPending","isError","undefined","status","icon","title","description","query","subject","header","variant","size","connectionId","source","externalRepositoryId","WorkflowSyncAlert","WorkflowSyncWarnings","WorkflowDefinitionsList","runningDefinitionId","variables","hasNextPage","isFetchingNextPage","isFetchNextPageError","onRetry","refetch","onLoadMore","fetchNextPage","onOpenDefinition","onRun","DefinitionSheet","onOpenChange","open","role","aria-label","length","retryLabel","WorkflowEmptyState","map","runErrorMessage","isRunning","name","sourceIcon","aria-hidden","button","type","onClick","bold","configPath","value","updatedAt","isLoading","lastErrorCode","lastErrorMessage","warnings","seenKeys","Map","warningItems","warning","baseKey","code","path","occurrence","get","set","key","ul","li","normalizedJson","JSON","stringify","workflow_document","workflowDocument","workflow_model","workflowModel","Boolean","Metadata","label","ref","sha","pre","as","fallback","Error"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAGEC,WAAW,EACXC,2BAA2B,EAC3BC,eAAe,QACV,2BAA2B;AAClC,SAAQC,cAAc,QAAO,qBAAqB;AAClD,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,IAAI,QAAsB,yBAAyB;AAC3D,SAAQC,cAAc,QAAO,qCAAqC;AAClE,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,YAAY,EAAEC,oBAAoB,QAAO,kCAAkC;AACnF,SACEC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,gBAAgB,EAChBC,WAAW,EACXC,UAAU,QACL,0BAA0B;AACjC,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SACEC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,WAAW,EACXC,QAAQ,QACH,0BAA0B;AACjC,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,IAAI,EAAEC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAChE,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,6BAA6B,QAAO,8BAA8B;AAE1E,OAAO,SAASC,qBAAqB,EAACC,SAAS,EAAsB;IACnE,qBACE,KAACrB;kBACC,cAAA,KAACsB;YAA0BD,WAAWA;;;AAG5C;AAEA,SAASC,0BAA0B,EAACD,SAAS,EAAsB;IACjE,MAAME,eAAehC,gBAAgB8B;IACrC,MAAMG,mBAAmBlC,4BAA4B+B;IACrD,MAAMI,aAAaN;IACnB,MAAM,CAACO,oBAAoBC,sBAAsB,GAAGT,SAA4B;IAChF,MAAM,CAACU,UAAUC,YAAY,GAAGX,SAAyD;IACzF,MAAMY,cAAcN,iBAAiBO,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,WAAW,KAAK,EAAE;IAC1F,MAAMK,OAAOX,iBAAiBO,IAAI,EAAEC,KAAK,CAAC,EAAE,EAAEG;IAE9C,eAAeC,UAAUC,UAAsB;QAC7CR,YAAY;QACZ,IAAI,CAACQ,WAAWC,aAAa,EAAE;QAC/B,IAAI;YACF,MAAMb,WAAWc,WAAW,CAAC;gBAAClB;gBAAWmB,cAAcH,WAAWI,EAAE;YAAA;YACpE3B,MAAM4B,OAAO,CAAC;QAChB,EAAE,OAAOC,OAAO;YACd,MAAMC,UAAUC,aAAaF,OAAO;YACpCd,YAAY;gBAACW,cAAcH,WAAWI,EAAE;gBAAEG;YAAO;YACjD9B,MAAM6B,KAAK,CAACC;QACd;IACF;IAEA,qBACE,MAACE;QAAIC,WAAU;;YACZxB,aAAayB,SAAS,iBACrB,MAACF;gBAAIC,WAAU;;kCACb,KAACxC;wBAASwC,WAAU;;kCACpB,KAACxC;wBAASwC,WAAU;;;iBAEpB;YAEHxB,aAAa0B,OAAO,IAAI1B,aAAaQ,IAAI,KAAKmB,YAC7C3B,aAAaoB,KAAK,YAAYvD,YAAYmC,aAAaoB,KAAK,CAACQ,MAAM,KAAK,oBACtE,KAACxD;gBACCyD,MAAK;gBACLC,OAAM;gBACNC,aAAY;+BAGd,KAAC9D;gBAAe+D,OAAOhC;gBAAciC,SAAQ;iBAE7C;YAEHjC,aAAaQ,IAAI,iBAChB;;kCACE,MAAC0B;wBAAOV,WAAU;;0CAChB,KAAC/B;gCAAO0C,SAAQ;0CAAK;;0CACrB,KAACzC;gCAAK0C,MAAK;gCAAKZ,WAAU;0CAAgC;;;;kCAK5D,KAAC1D;wBACCuE,cAAcrC,aAAaQ,IAAI,CAAC8B,MAAM,CAACD,YAAY;wBACnDE,sBAAsBvC,aAAaQ,IAAI,CAAC8B,MAAM,CAACC,oBAAoB;wBACnE3B,MAAMA;wBACNa,WAAWxB,iBAAiBwB,SAAS;;kCAGvC,KAACe;wBAAkB5B,MAAMA;;kCACzB,KAAC6B;wBAAqB7B,MAAMA;;kCAE5B,KAAC8B;wBACCnC,aAAaA;wBACbkB,WAAWxB,iBAAiBwB,SAAS;wBACrCC,SAASzB,iBAAiByB,OAAO;wBACjCd,MAAMA,QAAQ;wBACdP,UAAUA;wBACVsC,qBACEzC,WAAWuB,SAAS,IAAIvB,WAAW0C,SAAS,GACxC1C,WAAW0C,SAAS,CAAC3B,YAAY,GACjC;wBAEN4B,aAAa5C,iBAAiB4C,WAAW;wBACzCC,oBAAoB7C,iBAAiB6C,kBAAkB;wBACvDC,sBAAsB9C,iBAAiB8C,oBAAoB;wBAC3DC,SAAS,IAAM/C,iBAAiBgD,OAAO;wBACvCC,YAAY,IAAMjD,iBAAiBkD,aAAa;wBAChDC,kBAAkBhD;wBAClBiD,OAAO,CAACvC;4BACN,KAAKD,UAAUC;wBACjB;;;iBAGF;0BAEJ,KAACwC;gBACCxC,YAAYX;gBACZoD,cAAc,CAACC;oBACb,IAAI,CAACA,MAAMpD,sBAAsB;gBACnC;;;;AAIR;AAEA,SAASsC,wBAAwB,EAC/BnC,WAAW,EACXkB,SAAS,EACTC,OAAO,EACPd,IAAI,EACJP,QAAQ,EACRsC,mBAAmB,EACnBE,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,OAAO,EACPE,UAAU,EACVE,gBAAgB,EAChBC,KAAK,EAeN;IACC,IAAI5B,WAAW;QACb,qBACE,MAAClD;YAAMkF,MAAK;YAASC,cAAW;YAAoBlC,WAAU;;8BAC5D,KAACxC;oBAASwC,WAAU;;8BACpB,KAACxC;oBAASwC,WAAU;;8BACpB,KAACxC;oBAASwC,WAAU;;;;IAG1B;IAEA,IAAIE,WAAWnB,YAAYoD,MAAM,KAAK,GAAG;QACvC,qBACE,KAACpF;sBACC,cAAA,KAACD;gBACCwD,OAAM;gBACNC,aAAY;gBACZiB,SAASA;gBACTY,YAAW;gBACXzB,SAAQ;;;IAIhB;IAEA,IAAI5B,YAAYoD,MAAM,KAAK,GAAG;QAC5B,qBACE,KAACpF;sBACC,cAAA,KAACsF;gBAAmBjD,MAAMA;;;IAGhC;IAEA,qBACE;;0BACE,MAACrC;;kCACC,KAACgD;wBAAIC,WAAU;kCACb,cAAA,MAACvC;;8CACC,KAACI;8CACC,cAAA,MAACC;;0DACC,KAACF;gDAAUoC,WAAU;;0DACrB,KAACpC;0DAAU;;0DACX,KAACA;gDAAUoC,WAAU;0DAAQ;;0DAC7B,KAACpC;gDAAUoC,WAAU;;;;;8CAGzB,KAACtC;8CACEqB,YAAYuD,GAAG,CAAC,CAAChD;wCAChB,MAAMiD,kBACJ1D,UAAUY,iBAAiBH,WAAWI,EAAE,GAAGb,SAASgB,OAAO,GAAG;wCAChE,MAAM2C,YAAYrB,wBAAwB7B,WAAWI,EAAE;wCAEvD,OACE,0DAA0D;wCAC1D,yDAAyD;wCACzD,0DAA0D;wCAC1D,2DAA2D;wCAC3D,yDAAyD;wCACzD,2DAA2D;wCAC3D,mCAAmC;sDACnC,MAAC5B;4CAA6BkC,WAAU;;8DACtC,KAACrC;8DACC,cAAA,KAACd;wDACC4F,MAAMC,WAAWpD,WAAWwB,MAAM;wDAClCd,WAAU;wDACV2C,eAAY;;;8DAGhB,KAAChF;oDAAUqC,WAAU;8DACnB,cAAA,MAACD;wDAAIC,WAAU;;0EACb,MAAC4C;gEACCC,MAAK;gEACLC,SAAS,IAAMlB,iBAAiBtC;gEAChCU,WAAU;;kFAEV,KAAC9B;wEAAK0C,MAAK;wEAAKmC,IAAI;wEAAC/C,WAAU;kFAC5BV,WAAWmD,IAAI;;kFAElB,KAACzE;wEAAKgC,WAAU;kFACbV,WAAW0D,UAAU,IAAI;;;;4DAG7BT,gCACC,KAACrE;gEAAK0C,MAAK;gEAAKZ,WAAU;0EACvBuC;iEAED;;;;8DAGR,KAAC5E;oDAAUqC,WAAU;8DACnB,cAAA,KAAChD;wDAAaiG,OAAO3D,WAAW4D,SAAS;;;8DAE3C,KAACvF;8DACE2B,WAAWC,aAAa,iBACvB,KAACQ;wDAAIC,WAAU;kEACb,cAAA,KAACtD;4DAAOkE,MAAK;4DAAKuC,WAAWX;4DAAWM,SAAS,IAAMjB,MAAMvC;sEAAa;;yDAI1E;;;2CAvCOA,WAAWI,EAAE;oCA2ChC;;;;;kCAKN,KAACK;wBAAIC,WAAU;kCACZjB,YAAYuD,GAAG,CAAC,CAAChD;4BAChB,MAAMiD,kBACJ1D,UAAUY,iBAAiBH,WAAWI,EAAE,GAAGb,SAASgB,OAAO,GAAG;4BAChE,MAAM2C,YAAYrB,wBAAwB7B,WAAWI,EAAE;4BAEvD,qBACE,MAACK;gCAECC,WAAU;;kDAEV,MAAC4C;wCACCC,MAAK;wCACL7C,WAAU;wCACV8C,SAAS,IAAMlB,iBAAiBtC;;0DAEhC,KAACzC;gDACC4F,MAAMC,WAAWpD,WAAWwB,MAAM;gDAClCd,WAAU;gDACV2C,eAAY;;0DAEd,MAAC5C;gDAAIC,WAAU;;kEACb,KAAC9B;wDAAK0C,MAAK;wDAAKmC,IAAI;wDAAC/C,WAAU;kEAC5BV,WAAWmD,IAAI;;kEAElB,KAACzE;wDAAKgC,WAAU;kEACbV,WAAW0D,UAAU,IAAI;;;;;;kDAIhC,MAACjD;wCAAIC,WAAU;;0DACb,MAAC9B;gDAAK0C,MAAK;gDAAKZ,WAAU;;oDAAgC;kEAChD,KAAChD;wDAAaiG,OAAO3D,WAAW4D,SAAS;;;;4CAElD5D,WAAWC,aAAa,iBACvB,KAAC7C;gDAAOkE,MAAK;gDAAKuC,WAAWX;gDAAWM,SAAS,IAAMjB,MAAMvC;0DAAa;iDAGxE;;;oCAELiD,gCACC,KAACrE;wCAAK0C,MAAK;wCAAKZ,WAAU;kDACvBuC;yCAED;;+BApCCjD,WAAWI,EAAE;wBAuCxB;;;;YAIH6B,qCACC,KAAC5E;gBAAQsF,MAAK;gBAAQY,MAAK;0BACzB,cAAA,MAAC9C;oBAAIC,WAAU;;sCACb,KAAC9B;4BAAK0C,MAAK;sCAAK;;sCAChB,KAAClE;4BAAOkE,MAAK;4BAAKD,SAAQ;4BAAYmC,SAASpB;sCAAY;;;;iBAK7D;YAEHL,4BACC,KAACtB;gBAAIC,WAAU;0BACb,cAAA,KAACtD;oBAAOkE,MAAK;oBAAKD,SAAQ;oBAAYwC,WAAW7B;oBAAoBwB,SAASpB;8BAAY;;iBAI1F;;;AAGV;AAEA,SAASgB,WAAW5B,MAAwB;IAC1C,OAAOA,WAAW,QAAS,kBAAgC;AAC7D;AAEA,SAASuB,mBAAmB,EAACjD,IAAI,EAAuC;IACtE,MAAMS,UACJT,MAAMgB,WAAW,YAAYhB,KAAKgE,aAAa,KAAK,sBAChD,uDACAhE,MAAMgB,WAAW,WACdhB,KAAKiE,gBAAgB,IAAI,8CAC1BjE,MAAMgB,WAAW,YACf,+CACAhB,MAAMgB,WAAW,cACf,mCACA;IAEZ,qBAAO,KAACxD;QAAWyD,MAAK;QAAYC,OAAM;QAAeC,aAAaV;QAASc,SAAQ;;AACzF;AAEA,SAASK,kBAAkB,EAAC5B,IAAI,EAAmD;IACjF,IAAIA,MAAMgB,WAAW,UAAU,OAAO;IAEtC,qBACE,KAACzD;QAAQsF,MAAK;QAAQY,MAAK;kBACzB,cAAA,MAAC9C;YAAIC,WAAU;;8BACb,KAAC9B;oBAAK0C,MAAK;oBAAKmC,IAAI;8BAAC;;8BAGrB,KAAC7E;oBAAK0C,MAAK;8BACRxB,KAAKiE,gBAAgB,IAAI;;;;;AAKpC;AAEA,SAASpC,qBAAqB,EAAC7B,IAAI,EAAmD;IACpF,IAAIA,MAAMgB,WAAW,eAAehB,KAAKkE,QAAQ,CAACnB,MAAM,KAAK,GAAG,OAAO;IAEvE,MAAMoB,WAAW,IAAIC;IACrB,MAAMC,eAAerE,KAAKkE,QAAQ,CAAChB,GAAG,CAAC,CAACoB;QACtC,MAAMC,UAAU,GAAGD,QAAQE,IAAI,CAAC,CAAC,EAAEF,QAAQG,IAAI,IAAI,WAAW,CAAC,EAAEH,QAAQ7D,OAAO,EAAE;QAClF,MAAMiE,aAAaP,SAASQ,GAAG,CAACJ,YAAY;QAC5CJ,SAASS,GAAG,CAACL,SAASG,aAAa;QACnC,OAAO;YAACG,KAAK,GAAGN,QAAQ,CAAC,EAAEG,YAAY;YAAEJ;QAAO;IAClD;IAEA,qBACE,KAAC/G;QAAQsF,MAAK;QAASY,MAAK;kBAC1B,cAAA,MAAC9C;YAAIC,WAAU;;8BACb,KAAC9B;oBAAK0C,MAAK;oBAAKmC,IAAI;8BAAC;;8BAGrB,KAACmB;oBAAGlE,WAAU;8BACXyD,aAAanB,GAAG,CAAC,CAAC,EAAC2B,GAAG,EAAEP,OAAO,EAAC,iBAC/B,MAACS;;8CACC,KAACjG;oCAAK0C,MAAK;8CAAM8C,QAAQ7D,OAAO;;gCAC/B6D,QAAQG,IAAI,iBACX,KAAC7F;oCAAKgC,WAAU;8CAAiC0D,QAAQG,IAAI;qCAC3D;;2BAJGI;;;;;AAWrB;AAEA,SAASnC,gBAAgB,EACvBxC,UAAU,EACVyC,YAAY,EAIb;IACC,MAAMqC,iBAAiB9E,aACnB+E,KAAKC,SAAS,CACZ;QACEC,mBAAmBjF,WAAWkF,gBAAgB;QAC9CC,gBAAgBnF,WAAWoF,aAAa;IAC1C,GACA,MACA,KAEF;IAEJ,qBACE,KAACxH;QAAM8E,MAAM2C,QAAQrF;QAAayC,cAAcA;kBAC9C,cAAA,KAAC3E;YAAa4C,WAAU;sBACrBV,2BACC;;kCACE,MAAChC;;0CACC,KAACC;0CAAY+B,WAAWmD,IAAI;;0CAC5B,KAACpF;0CACEiC,WAAW0D,UAAU,IAAI;;;;kCAG9B,MAAC7F;wBAAU6C,WAAU;;0CACnB,MAACD;gCAAIC,WAAU;;kDACb,KAAC4E;wCAASC,OAAM;wCAAgB5B,OAAO3D,WAAWI,EAAE;;kDACpD,KAACkF;wCAASC,OAAM;wCAAS5B,OAAO3D,WAAWwB,MAAM;;kDACjD,KAAC8D;wCAASC,OAAM;wCAAM5B,OAAO3D,WAAWwF,GAAG,IAAI;;kDAC/C,KAACF;wCAASC,OAAM;wCAAM5B,OAAO3D,WAAWyF,GAAG,IAAI;;;;0CAEjD,MAAChF;gCAAIC,WAAU;;kDACb,KAAC9B;wCAAK0C,MAAK;wCAAKmC,IAAI;kDAAC;;kDAGrB,KAACiC;wCAAIhF,WAAU;kDACb,cAAA,KAAChC;4CAAKiH,IAAG;4CAAOjF,WAAU;sDACvBoE;;;;;;;;iBAMT;;;AAIZ;AAEA,SAASQ,SAAS,EAACC,KAAK,EAAE5B,KAAK,EAAiC;IAC9D,qBACE,MAAClD;QAAIC,WAAU;;0BACb,KAAC9B;gBAAK0C,MAAK;gBAAKZ,WAAU;0BACvB6E;;0BAEH,KAAC3G;gBAAK0C,MAAK;gBAAKZ,WAAU;0BACvBiD;;;;AAIT;AAEA,SAASnD,aAAaF,KAAc,EAAEsF,QAAgB;IACpD,IAAItF,iBAAiBvD,YAAYuD,MAAMC,OAAO,EAAE,OAAOD,MAAMC,OAAO;IACpE,IAAID,iBAAiBuF,SAASvF,MAAMC,OAAO,EAAE,OAAOD,MAAMC,OAAO;IACjE,OAAOqF;AACT"}

package/dist/pages/workflow-job-detail-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-job-detail-page.d.ts","sourceRoot":"","sources":["../../src/pages/workflow-job-detail-page.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,KAAK,iBAAiB,EAA0B,MAAM,mBAAmB,CAAC;AAElF,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,KAAK,EACL,MAAW,GACZ,EAAE,0BAA0B,+BA2D5B"}
+{"version":3,"file":"workflow-job-detail-page.d.ts","sourceRoot":"","sources":["../../src/pages/workflow-job-detail-page.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,KAAK,iBAAiB,EAA0B,MAAM,mBAAmB,CAAC;AAElF,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,KAAK,EACL,MAAW,GACZ,EAAE,0BAA0B,+BA+D5B"}

package/dist/pages/workflow-job-detail-page.js

@@ -39,7 +39,8 @@ export function WorkflowJobDetailPage({ projectId, workspaceSlug, projectSlug, w
         navigate
     ]);
     return /*#__PURE__*/ _jsx("div", {
-        className: "flex min-h-0 flex-1 overflow-hidden bg-background-neutral-background",
+        "data-workflow-page-root": "job-detail",
+        className: "flex min-h-0 min-w-0 flex-1 overflow-hidden",
         children: /*#__PURE__*/ _jsx(WorkflowRunView, {
             projectId: projectId,
             workspaceSlug: workspaceSlug,
@@ -58,7 +59,7 @@ export function WorkflowJobDetailPage({ projectId, workspaceSlug, projectSlug, w
                 newerAttempt: newerAttempt,
                 newerJob: newerJob,
                 onSelectionChange: onSelectionChange
-            })
+            }, jobId)
         })
     });
 }

package/dist/pages/workflow-job-detail-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pages/workflow-job-detail-page.tsx"],"sourcesContent":["import {useNavigate} from '@tanstack/react-router';\nimport {useCallback, useMemo} from 'react';\nimport {JobDetailView} from '#components/job-detail/job-detail-view.js';\nimport {WorkflowRunView} from '#components/workflow-run-view/index.js';\nimport {isWorkflowRunTerminal} from '#core/workflow-run.js';\nimport {useWorkflowRunAttemptQuery, useWorkflowRunAttemptsQuery} from '#hooks/api/workflow-runs.js';\nimport {type WorkflowJobSearch, workflowJobSearchParams} from '#routes/inputs.js';\n\nexport interface WorkflowJobDetailPageProps {\n  projectId: string;\n  workspaceSlug: string;\n  projectSlug: string;\n  workflowRunId: string;\n  jobId: string;\n  search?: WorkflowJobSearch;\n}\n\nexport function WorkflowJobDetailPage({\n  projectId,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  jobId,\n  search = {},\n}: WorkflowJobDetailPageProps) {\n  const navigate = useNavigate();\n  const runQuery = useWorkflowRunAttemptQuery({\n    workflowRunId,\n    runAttempt: search.runAttempt,\n  });\n  const attemptsQuery = useWorkflowRunAttemptsQuery({\n    workflowRunId,\n    enabled: Boolean(runQuery.data && isWorkflowRunTerminal(runQuery.data.runAttempt.status)),\n  });\n  const newerAttempt = useMemo(() => {\n    const currentAttempt = runQuery.data?.runAttempt.attempt ?? search.runAttempt ?? 1;\n    return attemptsQuery.data\n      ?.filter((attempt) => attempt.attempt > currentAttempt)\n      .sort((left, right) => right.attempt - left.attempt)[0]?.attempt;\n  }, [attemptsQuery.data, runQuery.data?.runAttempt.attempt, search.runAttempt]);\n  const newerRunQuery = useWorkflowRunAttemptQuery({\n    workflowRunId,\n    runAttempt: newerAttempt,\n    enabled: newerAttempt !== undefined,\n  });\n\n  const currentJobKey = runQuery.data?.jobs.find((job) => job.id === jobId)?.key;\n  const newerJob = currentJobKey\n    ? newerRunQuery.data?.jobs.find((job) => job.key === currentJobKey)\n    : undefined;\n\n  const onSelectionChange = useCallback(\n    (nextSelection: WorkflowJobSearch) => {\n      navigate({search: workflowJobSearchParams(nextSelection) as never});\n    },\n    [navigate],\n  );\n  return (\n    <div className=\"flex min-h-0 flex-1 overflow-hidden bg-background-neutral-background\">\n      <WorkflowRunView\n        projectId={projectId}\n        workspaceSlug={workspaceSlug}\n        projectSlug={projectSlug}\n        workflowRunId={workflowRunId}\n        runAttempt={search.runAttempt}\n        activeJobId={jobId}\n        jobSearch={search}\n        jobContent={\n          <JobDetailView\n            workspaceSlug={workspaceSlug}\n            projectSlug={projectSlug}\n            workflowRunId={workflowRunId}\n            jobId={jobId}\n            search={search}\n            query={runQuery}\n            newerAttempt={newerAttempt}\n            newerJob={newerJob}\n            onSelectionChange={onSelectionChange}\n          />\n        }\n      />\n    </div>\n  );\n}\n"],"names":["useNavigate","useCallback","useMemo","JobDetailView","WorkflowRunView","isWorkflowRunTerminal","useWorkflowRunAttemptQuery","useWorkflowRunAttemptsQuery","workflowJobSearchParams","WorkflowJobDetailPage","projectId","workspaceSlug","projectSlug","workflowRunId","jobId","search","navigate","runQuery","runAttempt","attemptsQuery","enabled","Boolean","data","status","newerAttempt","currentAttempt","attempt","filter","sort","left","right","newerRunQuery","undefined","currentJobKey","jobs","find","job","id","key","newerJob","onSelectionChange","nextSelection","div","className","activeJobId","jobSearch","jobContent","query"],"mappings":";AAAA,SAAQA,WAAW,QAAO,yBAAyB;AACnD,SAAQC,WAAW,EAAEC,OAAO,QAAO,QAAQ;AAC3C,SAAQC,aAAa,QAAO,4CAA4C;AACxE,SAAQC,eAAe,QAAO,yCAAyC;AACvE,SAAQC,qBAAqB,QAAO,wBAAwB;AAC5D,SAAQC,0BAA0B,EAAEC,2BAA2B,QAAO,8BAA8B;AACpG,SAAgCC,uBAAuB,QAAO,oBAAoB;AAWlF,OAAO,SAASC,sBAAsB,EACpCC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,aAAa,EACbC,KAAK,EACLC,SAAS,CAAC,CAAC,EACgB;IAC3B,MAAMC,WAAWhB;IACjB,MAAMiB,WAAWX,2BAA2B;QAC1CO;QACAK,YAAYH,OAAOG,UAAU;IAC/B;IACA,MAAMC,gBAAgBZ,4BAA4B;QAChDM;QACAO,SAASC,QAAQJ,SAASK,IAAI,IAAIjB,sBAAsBY,SAASK,IAAI,CAACJ,UAAU,CAACK,MAAM;IACzF;IACA,MAAMC,eAAetB,QAAQ;QAC3B,MAAMuB,iBAAiBR,SAASK,IAAI,EAAEJ,WAAWQ,WAAWX,OAAOG,UAAU,IAAI;QACjF,OAAOC,cAAcG,IAAI,EACrBK,OAAO,CAACD,UAAYA,QAAQA,OAAO,GAAGD,gBACvCG,KAAK,CAACC,MAAMC,QAAUA,MAAMJ,OAAO,GAAGG,KAAKH,OAAO,CAAC,CAAC,EAAE,EAAEA;IAC7D,GAAG;QAACP,cAAcG,IAAI;QAAEL,SAASK,IAAI,EAAEJ,WAAWQ;QAASX,OAAOG,UAAU;KAAC;IAC7E,MAAMa,gBAAgBzB,2BAA2B;QAC/CO;QACAK,YAAYM;QACZJ,SAASI,iBAAiBQ;IAC5B;IAEA,MAAMC,gBAAgBhB,SAASK,IAAI,EAAEY,KAAKC,KAAK,CAACC,MAAQA,IAAIC,EAAE,KAAKvB,QAAQwB;IAC3E,MAAMC,WAAWN,gBACbF,cAAcT,IAAI,EAAEY,KAAKC,KAAK,CAACC,MAAQA,IAAIE,GAAG,KAAKL,iBACnDD;IAEJ,MAAMQ,oBAAoBvC,YACxB,CAACwC;QACCzB,SAAS;YAACD,QAAQP,wBAAwBiC;QAAuB;IACnE,GACA;QAACzB;KAAS;IAEZ,qBACE,KAAC0B;QAAIC,WAAU;kBACb,cAAA,KAACvC;YACCM,WAAWA;YACXC,eAAeA;YACfC,aAAaA;YACbC,eAAeA;YACfK,YAAYH,OAAOG,UAAU;YAC7B0B,aAAa9B;YACb+B,WAAW9B;YACX+B,0BACE,KAAC3C;gBACCQ,eAAeA;gBACfC,aAAaA;gBACbC,eAAeA;gBACfC,OAAOA;gBACPC,QAAQA;gBACRgC,OAAO9B;gBACPO,cAAcA;gBACde,UAAUA;gBACVC,mBAAmBA;;;;AAM/B"}
+{"version":3,"sources":["../../src/pages/workflow-job-detail-page.tsx"],"sourcesContent":["import {useNavigate} from '@tanstack/react-router';\nimport {useCallback, useMemo} from 'react';\nimport {JobDetailView} from '#components/job-detail/job-detail-view.js';\nimport {WorkflowRunView} from '#components/workflow-run-view/index.js';\nimport {isWorkflowRunTerminal} from '#core/workflow-run.js';\nimport {useWorkflowRunAttemptQuery, useWorkflowRunAttemptsQuery} from '#hooks/api/workflow-runs.js';\nimport {type WorkflowJobSearch, workflowJobSearchParams} from '#routes/inputs.js';\n\nexport interface WorkflowJobDetailPageProps {\n  projectId: string;\n  workspaceSlug: string;\n  projectSlug: string;\n  workflowRunId: string;\n  jobId: string;\n  search?: WorkflowJobSearch;\n}\n\nexport function WorkflowJobDetailPage({\n  projectId,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  jobId,\n  search = {},\n}: WorkflowJobDetailPageProps) {\n  const navigate = useNavigate();\n  const runQuery = useWorkflowRunAttemptQuery({\n    workflowRunId,\n    runAttempt: search.runAttempt,\n  });\n  const attemptsQuery = useWorkflowRunAttemptsQuery({\n    workflowRunId,\n    enabled: Boolean(runQuery.data && isWorkflowRunTerminal(runQuery.data.runAttempt.status)),\n  });\n  const newerAttempt = useMemo(() => {\n    const currentAttempt = runQuery.data?.runAttempt.attempt ?? search.runAttempt ?? 1;\n    return attemptsQuery.data\n      ?.filter((attempt) => attempt.attempt > currentAttempt)\n      .sort((left, right) => right.attempt - left.attempt)[0]?.attempt;\n  }, [attemptsQuery.data, runQuery.data?.runAttempt.attempt, search.runAttempt]);\n  const newerRunQuery = useWorkflowRunAttemptQuery({\n    workflowRunId,\n    runAttempt: newerAttempt,\n    enabled: newerAttempt !== undefined,\n  });\n\n  const currentJobKey = runQuery.data?.jobs.find((job) => job.id === jobId)?.key;\n  const newerJob = currentJobKey\n    ? newerRunQuery.data?.jobs.find((job) => job.key === currentJobKey)\n    : undefined;\n\n  const onSelectionChange = useCallback(\n    (nextSelection: WorkflowJobSearch) => {\n      navigate({search: workflowJobSearchParams(nextSelection) as never});\n    },\n    [navigate],\n  );\n  return (\n    <div\n      data-workflow-page-root=\"job-detail\"\n      className=\"flex min-h-0 min-w-0 flex-1 overflow-hidden\"\n    >\n      <WorkflowRunView\n        projectId={projectId}\n        workspaceSlug={workspaceSlug}\n        projectSlug={projectSlug}\n        workflowRunId={workflowRunId}\n        runAttempt={search.runAttempt}\n        activeJobId={jobId}\n        jobSearch={search}\n        jobContent={\n          <JobDetailView\n            key={jobId}\n            workspaceSlug={workspaceSlug}\n            projectSlug={projectSlug}\n            workflowRunId={workflowRunId}\n            jobId={jobId}\n            search={search}\n            query={runQuery}\n            newerAttempt={newerAttempt}\n            newerJob={newerJob}\n            onSelectionChange={onSelectionChange}\n          />\n        }\n      />\n    </div>\n  );\n}\n"],"names":["useNavigate","useCallback","useMemo","JobDetailView","WorkflowRunView","isWorkflowRunTerminal","useWorkflowRunAttemptQuery","useWorkflowRunAttemptsQuery","workflowJobSearchParams","WorkflowJobDetailPage","projectId","workspaceSlug","projectSlug","workflowRunId","jobId","search","navigate","runQuery","runAttempt","attemptsQuery","enabled","Boolean","data","status","newerAttempt","currentAttempt","attempt","filter","sort","left","right","newerRunQuery","undefined","currentJobKey","jobs","find","job","id","key","newerJob","onSelectionChange","nextSelection","div","data-workflow-page-root","className","activeJobId","jobSearch","jobContent","query"],"mappings":";AAAA,SAAQA,WAAW,QAAO,yBAAyB;AACnD,SAAQC,WAAW,EAAEC,OAAO,QAAO,QAAQ;AAC3C,SAAQC,aAAa,QAAO,4CAA4C;AACxE,SAAQC,eAAe,QAAO,yCAAyC;AACvE,SAAQC,qBAAqB,QAAO,wBAAwB;AAC5D,SAAQC,0BAA0B,EAAEC,2BAA2B,QAAO,8BAA8B;AACpG,SAAgCC,uBAAuB,QAAO,oBAAoB;AAWlF,OAAO,SAASC,sBAAsB,EACpCC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,aAAa,EACbC,KAAK,EACLC,SAAS,CAAC,CAAC,EACgB;IAC3B,MAAMC,WAAWhB;IACjB,MAAMiB,WAAWX,2BAA2B;QAC1CO;QACAK,YAAYH,OAAOG,UAAU;IAC/B;IACA,MAAMC,gBAAgBZ,4BAA4B;QAChDM;QACAO,SAASC,QAAQJ,SAASK,IAAI,IAAIjB,sBAAsBY,SAASK,IAAI,CAACJ,UAAU,CAACK,MAAM;IACzF;IACA,MAAMC,eAAetB,QAAQ;QAC3B,MAAMuB,iBAAiBR,SAASK,IAAI,EAAEJ,WAAWQ,WAAWX,OAAOG,UAAU,IAAI;QACjF,OAAOC,cAAcG,IAAI,EACrBK,OAAO,CAACD,UAAYA,QAAQA,OAAO,GAAGD,gBACvCG,KAAK,CAACC,MAAMC,QAAUA,MAAMJ,OAAO,GAAGG,KAAKH,OAAO,CAAC,CAAC,EAAE,EAAEA;IAC7D,GAAG;QAACP,cAAcG,IAAI;QAAEL,SAASK,IAAI,EAAEJ,WAAWQ;QAASX,OAAOG,UAAU;KAAC;IAC7E,MAAMa,gBAAgBzB,2BAA2B;QAC/CO;QACAK,YAAYM;QACZJ,SAASI,iBAAiBQ;IAC5B;IAEA,MAAMC,gBAAgBhB,SAASK,IAAI,EAAEY,KAAKC,KAAK,CAACC,MAAQA,IAAIC,EAAE,KAAKvB,QAAQwB;IAC3E,MAAMC,WAAWN,gBACbF,cAAcT,IAAI,EAAEY,KAAKC,KAAK,CAACC,MAAQA,IAAIE,GAAG,KAAKL,iBACnDD;IAEJ,MAAMQ,oBAAoBvC,YACxB,CAACwC;QACCzB,SAAS;YAACD,QAAQP,wBAAwBiC;QAAuB;IACnE,GACA;QAACzB;KAAS;IAEZ,qBACE,KAAC0B;QACCC,2BAAwB;QACxBC,WAAU;kBAEV,cAAA,KAACxC;YACCM,WAAWA;YACXC,eAAeA;YACfC,aAAaA;YACbC,eAAeA;YACfK,YAAYH,OAAOG,UAAU;YAC7B2B,aAAa/B;YACbgC,WAAW/B;YACXgC,0BACE,KAAC5C;gBAECQ,eAAeA;gBACfC,aAAaA;gBACbC,eAAeA;gBACfC,OAAOA;gBACPC,QAAQA;gBACRiC,OAAO/B;gBACPO,cAAcA;gBACde,UAAUA;gBACVC,mBAAmBA;eATd1B;;;AAejB"}

package/dist/pages/workflow-run-detail-page.js

@@ -3,7 +3,8 @@ import { WorkflowRunView } from '#components/workflow-run-view/index.js';
 import { workflowRunTab } from '#routes/inputs.js';
 export function WorkflowRunDetailPage({ projectId, workspaceSlug, projectSlug, workflowRunId, search = {} }) {
     return /*#__PURE__*/ _jsx("div", {
-        className: "flex min-h-0 flex-1 overflow-hidden bg-background-neutral-background",
+        "data-workflow-page-root": "run-detail",
+        className: "flex min-h-0 flex-1 overflow-hidden",
         children: /*#__PURE__*/ _jsx(WorkflowRunView, {
             projectId: projectId,
             workspaceSlug: workspaceSlug,