@shipfox/client-workflows 16.0.0 → 17.0.0

package/dist/components/job-detail/step-troubleshooting.js

@@ -0,0 +1,493 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Callout, CalloutContent, CalloutDescription, CalloutTitle } from '@shipfox/react-ui/callout';
+import { Sheet, SheetBody, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@shipfox/react-ui/sheet';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Code, Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { Link } from '@tanstack/react-router';
+import { useStepAttemptDetailQuery } from '#hooks/api/step-attempt-detail.js';
+import { workflowRunSearchParams } from '#routes/inputs.js';
+import { humanizeStatus } from '../step-list/step-list-model.js';
+import { AgentConfigFailureCallout } from './agent-config-failure-callout.js';
+import { toSelectedAttemptError } from './job-empty-states.js';
+import { JsonCode, JsonCodeTabs } from './json-code.js';
+export function StepInspectorSheet({ entry, open, onOpenChange, workspaceSlug, projectSlug, workflowRunId, runAttempt, jobId, annotationCount }) {
+    const error = selectedStepError(entry.step, entry.error);
+    const inspectorQuery = useStepAttemptDetailQuery(entry.step.id, entry.attempt, {
+        enabled: open
+    });
+    return /*#__PURE__*/ _jsx(Sheet, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ _jsxs(SheetContent, {
+            side: "right",
+            className: "w-full sm:max-w-[560px]",
+            children: [
+                /*#__PURE__*/ _jsxs(SheetHeader, {
+                    children: [
+                        /*#__PURE__*/ _jsx(SheetTitle, {
+                            children: entry.step.label
+                        }),
+                        /*#__PURE__*/ _jsxs(SheetDescription, {
+                            children: [
+                                "Attempt #",
+                                entry.attempt,
+                                " · ",
+                                humanizeStatus(entry.statusVisual.kind)
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(SheetBody, {
+                    className: "gap-section",
+                    children: /*#__PURE__*/ _jsx(StepInspector, {
+                        step: entry.step,
+                        attempt: entry,
+                        error: error,
+                        showFailure: entry.statusVisual.kind === 'failed' || entry.error !== null,
+                        query: inspectorQuery,
+                        workspaceSlug: workspaceSlug,
+                        projectSlug: projectSlug,
+                        workflowRunId: workflowRunId,
+                        runAttempt: runAttempt,
+                        jobId: jobId,
+                        annotationCount: annotationCount
+                    })
+                })
+            ]
+        })
+    });
+}
+function StepFailureCallout({ step, attempt, error, workspaceSlug, projectSlug, workflowRunId, runAttempt }) {
+    const reason = error?.reason ?? step.statusReason ?? 'unknown';
+    const title = failureTitle(reason);
+    const sourceLink = sourceLinkForFailure(reason) && step.sourceLocation;
+    if (step.type === 'agent' && reason === 'agent_config_invalid') {
+        return /*#__PURE__*/ _jsx(AgentConfigFailureCallout, {
+            workspaceSlug: workspaceSlug,
+            config: step.agentConfig,
+            error: error
+        });
+    }
+    return /*#__PURE__*/ _jsx(Callout, {
+        role: "alert",
+        type: "error",
+        variant: "secondary",
+        className: "rounded-8 border border-tag-error-border p-panel-compact shadow-none",
+        children: /*#__PURE__*/ _jsxs(CalloutContent, {
+            children: [
+                /*#__PURE__*/ _jsx(CalloutTitle, {
+                    children: title
+                }),
+                /*#__PURE__*/ _jsx(CalloutDescription, {
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 flex-wrap items-center gap-x-inline gap-y-tight",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex min-w-0 flex-col gap-tight",
+                                children: [
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: failureDescription(reason)
+                                    }),
+                                    error?.message ? /*#__PURE__*/ _jsx("span", {
+                                        className: "text-foreground-neutral-muted",
+                                        children: error.message
+                                    }) : null
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(Code, {
+                                as: "span",
+                                variant: "label",
+                                className: "text-tag-error-text",
+                                children: reason
+                            }),
+                            sourceLink ? /*#__PURE__*/ _jsx(Link, {
+                                to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId",
+                                params: {
+                                    workspaceSlug,
+                                    projectSlug,
+                                    workflowRunId
+                                },
+                                search: workflowRunSearchParams({
+                                    tab: 'source'
+                                }, {
+                                    stepId: step.id,
+                                    stepAttemptId: attempt.id,
+                                    runAttempt
+                                }),
+                                className: "font-medium text-foreground-highlight-interactive underline-offset-2 hover:underline",
+                                children: "View in source"
+                            }) : null
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+function StepInspector({ step, attempt, error, showFailure, query, workspaceSlug, projectSlug, workflowRunId, runAttempt, jobId, annotationCount }) {
+    const detail = query.data;
+    const trace = detail?.evaluationTrace ?? null;
+    const resolvedConfig = detail?.config ?? null;
+    const hasInputs = detail !== undefined && (countConfigValues(detail.authoredConfig) > 0 || countConfigValues(resolvedConfig) > 0);
+    const hasOutputs = attempt.outputs !== null || attempt.output !== null || attempt.response !== null;
+    const hasTrace = trace !== null && trace.length > 0;
+    const hasAnnotations = annotationCount !== undefined && annotationCount > 0;
+    const detailCount = Number(hasInputs) + Number(hasOutputs) + Number(hasTrace);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-w-0 flex-col gap-section",
+        children: [
+            showFailure ? /*#__PURE__*/ _jsx(StepFailureCallout, {
+                step: step,
+                attempt: attempt,
+                error: error,
+                workspaceSlug: workspaceSlug,
+                projectSlug: projectSlug,
+                workflowRunId: workflowRunId,
+                runAttempt: runAttempt
+            }) : null,
+            query.isPending ? /*#__PURE__*/ _jsx(InspectorLoading, {}) : null,
+            query.isError ? /*#__PURE__*/ _jsx(Callout, {
+                role: "alert",
+                type: "warning",
+                variant: "secondary",
+                className: "rounded-8 border border-tag-warning-border p-panel-compact shadow-none",
+                children: /*#__PURE__*/ _jsxs(CalloutContent, {
+                    children: [
+                        /*#__PURE__*/ _jsx(CalloutTitle, {
+                            children: "Details unavailable"
+                        }),
+                        /*#__PURE__*/ _jsxs(CalloutDescription, {
+                            className: "flex items-center justify-between gap-inline",
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    children: "We could not load the resolved configuration for this attempt."
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    type: "button",
+                                    size: "2xs",
+                                    variant: "secondary",
+                                    onClick: ()=>void query.refetch(),
+                                    children: "Retry"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }) : null,
+            detail ? /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 flex-col gap-group",
+                children: [
+                    hasInputs ? /*#__PURE__*/ _jsx(InspectorSection, {
+                        title: "Inputs",
+                        children: /*#__PURE__*/ _jsx(ConfigCode, {
+                            authoredConfig: detail.authoredConfig,
+                            resolvedConfig: resolvedConfig
+                        })
+                    }) : null,
+                    hasOutputs ? /*#__PURE__*/ _jsxs(InspectorSection, {
+                        title: "Outputs",
+                        children: [
+                            attempt.outputs !== null || attempt.output !== null ? /*#__PURE__*/ _jsx(JsonCode, {
+                                value: attempt.outputs ?? attempt.output ?? {},
+                                emptyMessage: "No outputs declared; the `outputs:` mapping is empty."
+                            }) : null,
+                            attempt.response !== null ? /*#__PURE__*/ _jsxs("div", {
+                                className: "flex min-w-0 flex-col gap-tight",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Text, {
+                                        size: "xs",
+                                        className: "text-foreground-neutral-muted",
+                                        children: "Response"
+                                    }),
+                                    /*#__PURE__*/ _jsx("pre", {
+                                        className: "max-h-160 min-w-0 overflow-auto rounded-6 border border-border-neutral-base bg-background-neutral-subtle p-tight font-code text-xs leading-18 text-foreground-neutral-muted scrollbar",
+                                        children: attempt.response
+                                    })
+                                ]
+                            }) : null
+                        ]
+                    }) : null,
+                    hasTrace ? /*#__PURE__*/ _jsx(InspectorSection, {
+                        title: "Evaluation",
+                        children: /*#__PURE__*/ _jsx(EvaluationTrace, {
+                            trace: trace ?? []
+                        })
+                    }) : null,
+                    detailCount === 0 && !showFailure && !hasAnnotations ? /*#__PURE__*/ _jsx(EmptyInspector, {}) : null
+                ]
+            }) : null,
+            hasAnnotations ? /*#__PURE__*/ _jsxs(Link, {
+                to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId",
+                params: {
+                    workspaceSlug,
+                    projectSlug,
+                    workflowRunId
+                },
+                search: workflowRunSearchParams({
+                    tab: 'annotations'
+                }, {
+                    jobId,
+                    runAttempt
+                }),
+                className: "inline-flex w-fit rounded-4 text-xs text-foreground-highlight-interactive underline-offset-2 hover:underline focus-visible:shadow-button-neutral-focus",
+                children: [
+                    "View ",
+                    annotationCount,
+                    " annotation",
+                    annotationCount === 1 ? '' : 's'
+                ]
+            }) : null,
+            !query.isPending && !query.isError && !detail && !showFailure && !hasAnnotations ? /*#__PURE__*/ _jsx(EmptyInspector, {}) : null
+        ]
+    });
+}
+function InspectorSection({ title, children }) {
+    return /*#__PURE__*/ _jsxs("section", {
+        className: "flex min-w-0 flex-col gap-inline",
+        "aria-label": title,
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                size: "xs",
+                bold: true,
+                className: "text-foreground-neutral-base",
+                children: title
+            }),
+            children
+        ]
+    });
+}
+function ConfigCode({ authoredConfig, resolvedConfig }) {
+    const entries = [
+        ...authoredConfig ? [
+            {
+                filename: 'authored.json',
+                label: 'Authored configuration',
+                value: authoredConfig
+            }
+        ] : [],
+        ...resolvedConfig ? [
+            {
+                filename: 'resolved.json',
+                label: 'Resolved configuration',
+                value: resolvedConfig
+            }
+        ] : []
+    ];
+    if (entries.length === 0) return null;
+    return /*#__PURE__*/ _jsx(JsonCodeTabs, {
+        entries: entries
+    });
+}
+export function EvaluationTrace({ trace }) {
+    const keyCounts = new Map();
+    return /*#__PURE__*/ _jsx("dl", {
+        className: "flex min-w-0 flex-col divide-y divide-border-neutral-base rounded-6 border border-border-neutral-base",
+        children: trace.map((entry)=>{
+            if ('dropped' in entry) {
+                const keyBase = `limit-${entry.dropped}`;
+                const occurrence = keyCounts.get(keyBase) ?? 0;
+                keyCounts.set(keyBase, occurrence + 1);
+                return /*#__PURE__*/ _jsxs("div", {
+                    className: "px-row py-row text-xs text-foreground-neutral-muted",
+                    children: [
+                        entry.dropped,
+                        " more evaluation",
+                        entry.dropped === 1 ? '' : 's',
+                        " not recorded"
+                    ]
+                }, `${keyBase}-${occurrence}`);
+            }
+            const empty = entry.value === undefined || entry.value === '';
+            const keyBase = `evaluation-${entry.field}-${entry.expression}-${entry.evaluatedAt}-${entry.fillTarget}`;
+            const occurrence = keyCounts.get(keyBase) ?? 0;
+            keyCounts.set(keyBase, occurrence + 1);
+            return /*#__PURE__*/ _jsxs("div", {
+                className: cn('grid min-w-0 grid-cols-1 gap-inline px-row py-row min-[768px]:grid-cols-[160px_minmax(0,1fr)]', entry.degraded && 'border-l border-tag-error-icon'),
+                children: [
+                    /*#__PURE__*/ _jsxs("dt", {
+                        className: "flex min-w-0 flex-col gap-tight font-code text-xs text-foreground-neutral-muted",
+                        title: entry.field,
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "block truncate",
+                                children: entry.field
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "block break-all text-foreground-neutral-subtle",
+                                children: entry.expression
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("dd", {
+                        className: "flex min-w-0 flex-col gap-tight text-xs text-foreground-neutral-base",
+                        children: [
+                            entry.degraded ? /*#__PURE__*/ _jsx("span", {
+                                className: "sr-only",
+                                children: "Degraded evaluation"
+                            }) : null,
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "break-words font-code",
+                                children: empty ? /*#__PURE__*/ _jsx("span", {
+                                    className: "text-tag-error-text",
+                                    children: "(empty)"
+                                }) : entry.value
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex min-w-0 flex-wrap gap-x-inline gap-y-tight text-foreground-neutral-muted",
+                                children: [
+                                    entry.degraded ? /*#__PURE__*/ _jsx("span", {
+                                        className: "text-tag-error-text",
+                                        children: "degraded"
+                                    }) : null,
+                                    entry.truncated || entry.exprTruncated ? /*#__PURE__*/ _jsx("span", {
+                                        children: "truncated"
+                                    }) : null
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }, `${keyBase}-${occurrence}`);
+        })
+    });
+}
+function InspectorLoading() {
+    return /*#__PURE__*/ _jsxs("div", {
+        role: "status",
+        "aria-label": "Loading troubleshooting details",
+        className: "flex flex-col gap-inline",
+        children: [
+            /*#__PURE__*/ _jsx(Skeleton, {
+                className: "h-16 w-120"
+            }),
+            /*#__PURE__*/ _jsx(Skeleton, {
+                className: "h-120 w-full"
+            })
+        ]
+    });
+}
+function EmptyInspector() {
+    return /*#__PURE__*/ _jsx(Text, {
+        size: "xs",
+        className: "text-foreground-neutral-muted",
+        children: "No additional troubleshooting details were recorded."
+    });
+}
+function selectedStepError(step, attemptError) {
+    return toSelectedAttemptError(step, attemptError) ?? step.error;
+}
+function failureTitle(reason) {
+    switch(reason){
+        case 'checkout_failed':
+            return 'Checkout failed';
+        case 'checkout_auth_failed':
+            return 'Checkout authentication failed';
+        case 'checkout_unavailable':
+            return 'Checkout service unavailable';
+        case 'checkout_path_invalid':
+            return 'Checkout path is invalid';
+        case 'checkout_destination_occupied':
+            return 'Checkout destination is already occupied';
+        case 'git_unavailable':
+            return 'Git was unavailable';
+        case 'workspace_prep_failed':
+            return 'Workspace preparation failed';
+        case 'setup_aborted':
+            return 'Step setup was aborted';
+        case 'config_unresolvable':
+            return 'Step configuration could not be resolved';
+        case 'output_invalid':
+            return 'Step output was invalid';
+        case 'agent_config_invalid':
+            return 'Agent configuration is invalid';
+        case 'agent_invocation_failed':
+            return 'Agent invocation failed';
+        case 'agent_harness_unavailable':
+            return 'Agent harness was unavailable';
+        case 'runner_lost':
+            return 'Runner stopped responding';
+        case 'timed_out':
+            return 'Step timed out';
+        case 'step_failed':
+            return 'A step failed';
+        case 'dependency_not_completed':
+            return 'A dependency did not complete';
+        case 'condition_false':
+            return 'The job condition was false';
+        case 'default_gate_rejected':
+            return 'The default gate rejected this job';
+        case 'condition_rejected':
+            return 'The job condition rejected this job';
+        case 'condition_errored':
+            return 'The job condition could not be evaluated';
+        case 'user_cancelled':
+            return 'The job was cancelled by a user';
+        case 'run_cancelled':
+            return 'The run was cancelled';
+        case 'unknown':
+            return 'The failure reason was not recorded';
+        default:
+            return 'Step failed';
+    }
+}
+function failureDescription(reason) {
+    switch(reason){
+        case 'checkout_auth_failed':
+            return 'Checkout credentials were rejected. Verify repository access before re-running.';
+        case 'checkout_unavailable':
+            return 'The checkout service was unavailable. Retry after the service recovers.';
+        case 'git_unavailable':
+            return 'The runner could not start Git. Check the runner image before re-running.';
+        case 'workspace_prep_failed':
+            return 'The runner could not prepare its workspace. Review the runner setup details.';
+        case 'config_unresolvable':
+            return 'The resolved configuration contains a value that could not be evaluated.';
+        case 'output_invalid':
+            return 'The step returned output that did not match the declared contract.';
+        case 'agent_config_invalid':
+            return 'The agent configuration is not valid for this step.';
+        case 'agent_invocation_failed':
+            return 'The agent invocation failed after configuration was accepted.';
+        case 'agent_harness_unavailable':
+            return 'The runner could not start the agent harness.';
+        case 'runner_lost':
+            return 'The runner stopped responding before the step completed.';
+        case 'timed_out':
+            return 'The step exceeded its configured time limit.';
+        case 'dependency_not_completed':
+            return 'A required job did not complete, so this job could not start.';
+        case 'condition_false':
+        case 'condition_rejected':
+            return 'The job condition did not allow this job to run.';
+        case 'condition_errored':
+            return 'The job condition could not be evaluated.';
+        case 'default_gate_rejected':
+            return 'A required job did not succeed, so this job was not allowed to run.';
+        case 'step_failed':
+            return 'A step failed before this job could complete.';
+        case 'user_cancelled':
+        case 'run_cancelled':
+            return 'The run was cancelled before this work completed.';
+        case 'unknown':
+            return 'No machine-readable failure reason was recorded.';
+        default:
+            return `${humanize(reason)}. Review the details below and re-run after resolving the cause.`;
+    }
+}
+function sourceLinkForFailure(reason) {
+    return reason === 'config_unresolvable' || reason === 'agent_config_invalid' || reason === 'output_invalid' || reason === 'default_gate_rejected' || reason === 'condition_rejected' || reason === 'condition_errored';
+}
+function humanize(value) {
+    return value.replaceAll('_', ' ').replace(/\b\w/g, (letter)=>letter.toUpperCase());
+}
+function countConfigValues(value) {
+    if (Array.isArray(value)) return value.reduce((total, item)=>total + countConfigValues(item), 0);
+    if (value !== null && typeof value === 'object') {
+        return Object.values(value).reduce((total, item)=>total + countConfigValues(item), 0);
+    }
+    return value === undefined ? 0 : 1;
+}
+
+//# sourceMappingURL=step-troubleshooting.js.map

package/dist/components/job-detail/step-troubleshooting.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/step-troubleshooting.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {Callout, CalloutContent, CalloutDescription, CalloutTitle} from '@shipfox/react-ui/callout';\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 {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport type {ReactNode} from 'react';\nimport type {\n  EvaluationTraceEntry,\n  JobStatusReason,\n  Step,\n  StepAttempt,\n  StepError,\n} from '#core/workflow-run.js';\nimport {useStepAttemptDetailQuery} from '#hooks/api/step-attempt-detail.js';\nimport {workflowRunSearchParams} from '#routes/inputs.js';\nimport {humanizeStatus, type StepListEntryModel} from '../step-list/step-list-model.js';\nimport {AgentConfigFailureCallout} from './agent-config-failure-callout.js';\nimport {toSelectedAttemptError} from './job-empty-states.js';\nimport {JsonCode, type JsonCodeEntry, JsonCodeTabs} from './json-code.js';\n\nexport interface StepInspectorSheetProps {\n  entry: StepListEntryModel;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  workspaceSlug: string;\n  projectSlug: string;\n  workflowRunId: string;\n  runAttempt: number;\n  jobId: string;\n  annotationCount?: number | undefined;\n}\n\nexport function StepInspectorSheet({\n  entry,\n  open,\n  onOpenChange,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  runAttempt,\n  jobId,\n  annotationCount,\n}: StepInspectorSheetProps) {\n  const error = selectedStepError(entry.step, entry.error);\n  const inspectorQuery = useStepAttemptDetailQuery(entry.step.id, entry.attempt, {\n    enabled: open,\n  });\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent side=\"right\" className=\"w-full sm:max-w-[560px]\">\n        <SheetHeader>\n          <SheetTitle>{entry.step.label}</SheetTitle>\n          <SheetDescription>\n            Attempt #{entry.attempt} · {humanizeStatus(entry.statusVisual.kind)}\n          </SheetDescription>\n        </SheetHeader>\n        <SheetBody className=\"gap-section\">\n          <StepInspector\n            step={entry.step}\n            attempt={entry}\n            error={error}\n            showFailure={entry.statusVisual.kind === 'failed' || entry.error !== null}\n            query={inspectorQuery}\n            workspaceSlug={workspaceSlug}\n            projectSlug={projectSlug}\n            workflowRunId={workflowRunId}\n            runAttempt={runAttempt}\n            jobId={jobId}\n            annotationCount={annotationCount}\n          />\n        </SheetBody>\n      </SheetContent>\n    </Sheet>\n  );\n}\n\nfunction StepFailureCallout({\n  step,\n  attempt,\n  error,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  runAttempt,\n}: {\n  step: Step;\n  attempt: StepAttempt;\n  error: StepError | null;\n  workspaceSlug: string;\n  projectSlug: string;\n  workflowRunId: string;\n  runAttempt: number;\n}) {\n  const reason = error?.reason ?? step.statusReason ?? 'unknown';\n  const title = failureTitle(reason);\n  const sourceLink = sourceLinkForFailure(reason) && step.sourceLocation;\n\n  if (step.type === 'agent' && reason === 'agent_config_invalid') {\n    return (\n      <AgentConfigFailureCallout\n        workspaceSlug={workspaceSlug}\n        config={step.agentConfig}\n        error={error}\n      />\n    );\n  }\n\n  return (\n    <Callout\n      role=\"alert\"\n      type=\"error\"\n      variant=\"secondary\"\n      className=\"rounded-8 border border-tag-error-border p-panel-compact shadow-none\"\n    >\n      <CalloutContent>\n        <CalloutTitle>{title}</CalloutTitle>\n        <CalloutDescription>\n          <div className=\"flex min-w-0 flex-wrap items-center gap-x-inline gap-y-tight\">\n            <div className=\"flex min-w-0 flex-col gap-tight\">\n              <span>{failureDescription(reason)}</span>\n              {error?.message ? (\n                <span className=\"text-foreground-neutral-muted\">{error.message}</span>\n              ) : null}\n            </div>\n            <Code as=\"span\" variant=\"label\" className=\"text-tag-error-text\">\n              {reason}\n            </Code>\n            {sourceLink ? (\n              <Link\n                to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n                params={{workspaceSlug, projectSlug, workflowRunId}}\n                search={\n                  workflowRunSearchParams(\n                    {tab: 'source'},\n                    {stepId: step.id, stepAttemptId: attempt.id, runAttempt},\n                  ) as never\n                }\n                className=\"font-medium text-foreground-highlight-interactive underline-offset-2 hover:underline\"\n              >\n                View in source\n              </Link>\n            ) : null}\n          </div>\n        </CalloutDescription>\n      </CalloutContent>\n    </Callout>\n  );\n}\n\nfunction StepInspector({\n  step,\n  attempt,\n  error,\n  showFailure,\n  query,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  runAttempt,\n  jobId,\n  annotationCount,\n}: {\n  step: Step;\n  attempt: StepAttempt;\n  error: StepError | null;\n  showFailure: boolean;\n  query: ReturnType<typeof useStepAttemptDetailQuery>;\n  workspaceSlug: string;\n  projectSlug: string;\n  workflowRunId: string;\n  runAttempt: number;\n  jobId: string;\n  annotationCount: number | undefined;\n}) {\n  const detail = query.data;\n  const trace = detail?.evaluationTrace ?? null;\n  const resolvedConfig = detail?.config ?? null;\n  const hasInputs =\n    detail !== undefined &&\n    (countConfigValues(detail.authoredConfig) > 0 || countConfigValues(resolvedConfig) > 0);\n  const hasOutputs =\n    attempt.outputs !== null || attempt.output !== null || attempt.response !== null;\n  const hasTrace = trace !== null && trace.length > 0;\n  const hasAnnotations = annotationCount !== undefined && annotationCount > 0;\n  const detailCount = Number(hasInputs) + Number(hasOutputs) + Number(hasTrace);\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-section\">\n      {showFailure ? (\n        <StepFailureCallout\n          step={step}\n          attempt={attempt}\n          error={error}\n          workspaceSlug={workspaceSlug}\n          projectSlug={projectSlug}\n          workflowRunId={workflowRunId}\n          runAttempt={runAttempt}\n        />\n      ) : null}\n      {query.isPending ? <InspectorLoading /> : null}\n      {query.isError ? (\n        <Callout\n          role=\"alert\"\n          type=\"warning\"\n          variant=\"secondary\"\n          className=\"rounded-8 border border-tag-warning-border p-panel-compact shadow-none\"\n        >\n          <CalloutContent>\n            <CalloutTitle>Details unavailable</CalloutTitle>\n            <CalloutDescription className=\"flex items-center justify-between gap-inline\">\n              <span>We could not load the resolved configuration for this attempt.</span>\n              <Button\n                type=\"button\"\n                size=\"2xs\"\n                variant=\"secondary\"\n                onClick={() => void query.refetch()}\n              >\n                Retry\n              </Button>\n            </CalloutDescription>\n          </CalloutContent>\n        </Callout>\n      ) : null}\n      {detail ? (\n        <div className=\"flex min-w-0 flex-col gap-group\">\n          {hasInputs ? (\n            <InspectorSection title=\"Inputs\">\n              <ConfigCode authoredConfig={detail.authoredConfig} resolvedConfig={resolvedConfig} />\n            </InspectorSection>\n          ) : null}\n          {hasOutputs ? (\n            <InspectorSection title=\"Outputs\">\n              {attempt.outputs !== null || attempt.output !== null ? (\n                <JsonCode\n                  value={attempt.outputs ?? attempt.output ?? {}}\n                  emptyMessage=\"No outputs declared; the `outputs:` mapping is empty.\"\n                />\n              ) : null}\n              {attempt.response !== null ? (\n                <div className=\"flex min-w-0 flex-col gap-tight\">\n                  <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n                    Response\n                  </Text>\n                  <pre className=\"max-h-160 min-w-0 overflow-auto rounded-6 border border-border-neutral-base bg-background-neutral-subtle p-tight font-code text-xs leading-18 text-foreground-neutral-muted scrollbar\">\n                    {attempt.response}\n                  </pre>\n                </div>\n              ) : null}\n            </InspectorSection>\n          ) : null}\n          {hasTrace ? (\n            <InspectorSection title=\"Evaluation\">\n              <EvaluationTrace trace={trace ?? []} />\n            </InspectorSection>\n          ) : null}\n          {detailCount === 0 && !showFailure && !hasAnnotations ? <EmptyInspector /> : null}\n        </div>\n      ) : null}\n      {hasAnnotations ? (\n        <Link\n          to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n          params={{workspaceSlug, projectSlug, workflowRunId}}\n          search={workflowRunSearchParams({tab: 'annotations'}, {jobId, runAttempt}) as never}\n          className=\"inline-flex w-fit rounded-4 text-xs text-foreground-highlight-interactive underline-offset-2 hover:underline focus-visible:shadow-button-neutral-focus\"\n        >\n          View {annotationCount} annotation{annotationCount === 1 ? '' : 's'}\n        </Link>\n      ) : null}\n      {!query.isPending && !query.isError && !detail && !showFailure && !hasAnnotations ? (\n        <EmptyInspector />\n      ) : null}\n    </div>\n  );\n}\n\nfunction InspectorSection({title, children}: {title: string; children: ReactNode}) {\n  return (\n    <section className=\"flex min-w-0 flex-col gap-inline\" aria-label={title}>\n      <Text size=\"xs\" bold className=\"text-foreground-neutral-base\">\n        {title}\n      </Text>\n      {children}\n    </section>\n  );\n}\n\nfunction ConfigCode({\n  authoredConfig,\n  resolvedConfig,\n}: {\n  authoredConfig: Record<string, unknown> | null;\n  resolvedConfig: Record<string, unknown> | null;\n}) {\n  const entries: JsonCodeEntry[] = [\n    ...(authoredConfig\n      ? [\n          {\n            filename: 'authored.json',\n            label: 'Authored configuration',\n            value: authoredConfig,\n          },\n        ]\n      : []),\n    ...(resolvedConfig\n      ? [\n          {\n            filename: 'resolved.json',\n            label: 'Resolved configuration',\n            value: resolvedConfig,\n          },\n        ]\n      : []),\n  ];\n\n  if (entries.length === 0) return null;\n  return <JsonCodeTabs entries={entries} />;\n}\n\nexport function EvaluationTrace({trace}: {trace: readonly EvaluationTraceEntry[]}) {\n  const keyCounts = new Map<string, number>();\n\n  return (\n    <dl className=\"flex min-w-0 flex-col divide-y divide-border-neutral-base rounded-6 border border-border-neutral-base\">\n      {trace.map((entry) => {\n        if ('dropped' in entry) {\n          const keyBase = `limit-${entry.dropped}`;\n          const occurrence = keyCounts.get(keyBase) ?? 0;\n          keyCounts.set(keyBase, occurrence + 1);\n          return (\n            <div\n              key={`${keyBase}-${occurrence}`}\n              className=\"px-row py-row text-xs text-foreground-neutral-muted\"\n            >\n              {entry.dropped} more evaluation{entry.dropped === 1 ? '' : 's'} not recorded\n            </div>\n          );\n        }\n\n        const empty = entry.value === undefined || entry.value === '';\n        const keyBase = `evaluation-${entry.field}-${entry.expression}-${entry.evaluatedAt}-${entry.fillTarget}`;\n        const occurrence = keyCounts.get(keyBase) ?? 0;\n        keyCounts.set(keyBase, occurrence + 1);\n        return (\n          <div\n            key={`${keyBase}-${occurrence}`}\n            className={cn(\n              'grid min-w-0 grid-cols-1 gap-inline px-row py-row min-[768px]:grid-cols-[160px_minmax(0,1fr)]',\n              entry.degraded && 'border-l border-tag-error-icon',\n            )}\n          >\n            <dt\n              className=\"flex min-w-0 flex-col gap-tight font-code text-xs text-foreground-neutral-muted\"\n              title={entry.field}\n            >\n              <span className=\"block truncate\">{entry.field}</span>\n              <span className=\"block break-all text-foreground-neutral-subtle\">\n                {entry.expression}\n              </span>\n            </dt>\n            <dd className=\"flex min-w-0 flex-col gap-tight text-xs text-foreground-neutral-base\">\n              {entry.degraded ? <span className=\"sr-only\">Degraded evaluation</span> : null}\n              <div className=\"break-words font-code\">\n                {empty ? <span className=\"text-tag-error-text\">(empty)</span> : entry.value}\n              </div>\n              <div className=\"flex min-w-0 flex-wrap gap-x-inline gap-y-tight text-foreground-neutral-muted\">\n                {entry.degraded ? <span className=\"text-tag-error-text\">degraded</span> : null}\n                {entry.truncated || entry.exprTruncated ? <span>truncated</span> : null}\n              </div>\n            </dd>\n          </div>\n        );\n      })}\n    </dl>\n  );\n}\n\nfunction InspectorLoading() {\n  return (\n    <div\n      role=\"status\"\n      aria-label=\"Loading troubleshooting details\"\n      className=\"flex flex-col gap-inline\"\n    >\n      <Skeleton className=\"h-16 w-120\" />\n      <Skeleton className=\"h-120 w-full\" />\n    </div>\n  );\n}\n\nfunction EmptyInspector() {\n  return (\n    <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n      No additional troubleshooting details were recorded.\n    </Text>\n  );\n}\n\nfunction selectedStepError(\n  step: Step,\n  attemptError: Record<string, unknown> | null,\n): StepError | null {\n  return toSelectedAttemptError(step, attemptError) ?? step.error;\n}\n\nfunction failureTitle(reason: string | JobStatusReason): string {\n  switch (reason) {\n    case 'checkout_failed':\n      return 'Checkout failed';\n    case 'checkout_auth_failed':\n      return 'Checkout authentication failed';\n    case 'checkout_unavailable':\n      return 'Checkout service unavailable';\n    case 'checkout_path_invalid':\n      return 'Checkout path is invalid';\n    case 'checkout_destination_occupied':\n      return 'Checkout destination is already occupied';\n    case 'git_unavailable':\n      return 'Git was unavailable';\n    case 'workspace_prep_failed':\n      return 'Workspace preparation failed';\n    case 'setup_aborted':\n      return 'Step setup was aborted';\n    case 'config_unresolvable':\n      return 'Step configuration could not be resolved';\n    case 'output_invalid':\n      return 'Step output was invalid';\n    case 'agent_config_invalid':\n      return 'Agent configuration is invalid';\n    case 'agent_invocation_failed':\n      return 'Agent invocation failed';\n    case 'agent_harness_unavailable':\n      return 'Agent harness was unavailable';\n    case 'runner_lost':\n      return 'Runner stopped responding';\n    case 'timed_out':\n      return 'Step timed out';\n    case 'step_failed':\n      return 'A step failed';\n    case 'dependency_not_completed':\n      return 'A dependency did not complete';\n    case 'condition_false':\n      return 'The job condition was false';\n    case 'default_gate_rejected':\n      return 'The default gate rejected this job';\n    case 'condition_rejected':\n      return 'The job condition rejected this job';\n    case 'condition_errored':\n      return 'The job condition could not be evaluated';\n    case 'user_cancelled':\n      return 'The job was cancelled by a user';\n    case 'run_cancelled':\n      return 'The run was cancelled';\n    case 'unknown':\n      return 'The failure reason was not recorded';\n    default:\n      return 'Step failed';\n  }\n}\n\nfunction failureDescription(reason: string | JobStatusReason): string {\n  switch (reason) {\n    case 'checkout_auth_failed':\n      return 'Checkout credentials were rejected. Verify repository access before re-running.';\n    case 'checkout_unavailable':\n      return 'The checkout service was unavailable. Retry after the service recovers.';\n    case 'git_unavailable':\n      return 'The runner could not start Git. Check the runner image before re-running.';\n    case 'workspace_prep_failed':\n      return 'The runner could not prepare its workspace. Review the runner setup details.';\n    case 'config_unresolvable':\n      return 'The resolved configuration contains a value that could not be evaluated.';\n    case 'output_invalid':\n      return 'The step returned output that did not match the declared contract.';\n    case 'agent_config_invalid':\n      return 'The agent configuration is not valid for this step.';\n    case 'agent_invocation_failed':\n      return 'The agent invocation failed after configuration was accepted.';\n    case 'agent_harness_unavailable':\n      return 'The runner could not start the agent harness.';\n    case 'runner_lost':\n      return 'The runner stopped responding before the step completed.';\n    case 'timed_out':\n      return 'The step exceeded its configured time limit.';\n    case 'dependency_not_completed':\n      return 'A required job did not complete, so this job could not start.';\n    case 'condition_false':\n    case 'condition_rejected':\n      return 'The job condition did not allow this job to run.';\n    case 'condition_errored':\n      return 'The job condition could not be evaluated.';\n    case 'default_gate_rejected':\n      return 'A required job did not succeed, so this job was not allowed to run.';\n    case 'step_failed':\n      return 'A step failed before this job could complete.';\n    case 'user_cancelled':\n    case 'run_cancelled':\n      return 'The run was cancelled before this work completed.';\n    case 'unknown':\n      return 'No machine-readable failure reason was recorded.';\n    default:\n      return `${humanize(reason)}. Review the details below and re-run after resolving the cause.`;\n  }\n}\n\nfunction sourceLinkForFailure(reason: string | JobStatusReason): boolean {\n  return (\n    reason === 'config_unresolvable' ||\n    reason === 'agent_config_invalid' ||\n    reason === 'output_invalid' ||\n    reason === 'default_gate_rejected' ||\n    reason === 'condition_rejected' ||\n    reason === 'condition_errored'\n  );\n}\n\nfunction humanize(value: string): string {\n  return value.replaceAll('_', ' ').replace(/\\b\\w/g, (letter) => letter.toUpperCase());\n}\n\nfunction countConfigValues(value: unknown): number {\n  if (Array.isArray(value))\n    return value.reduce((total, item) => total + countConfigValues(item), 0);\n  if (value !== null && typeof value === 'object') {\n    return Object.values(value).reduce((total, item) => total + countConfigValues(item), 0);\n  }\n  return value === undefined ? 0 : 1;\n}\n"],"names":["Button","Callout","CalloutContent","CalloutDescription","CalloutTitle","Sheet","SheetBody","SheetContent","SheetDescription","SheetHeader","SheetTitle","Skeleton","Code","Text","cn","Link","useStepAttemptDetailQuery","workflowRunSearchParams","humanizeStatus","AgentConfigFailureCallout","toSelectedAttemptError","JsonCode","JsonCodeTabs","StepInspectorSheet","entry","open","onOpenChange","workspaceSlug","projectSlug","workflowRunId","runAttempt","jobId","annotationCount","error","selectedStepError","step","inspectorQuery","id","attempt","enabled","side","className","label","statusVisual","kind","StepInspector","showFailure","query","StepFailureCallout","reason","statusReason","title","failureTitle","sourceLink","sourceLinkForFailure","sourceLocation","type","config","agentConfig","role","variant","div","span","failureDescription","message","as","to","params","search","tab","stepId","stepAttemptId","detail","data","trace","evaluationTrace","resolvedConfig","hasInputs","undefined","countConfigValues","authoredConfig","hasOutputs","outputs","output","response","hasTrace","length","hasAnnotations","detailCount","Number","isPending","InspectorLoading","isError","size","onClick","refetch","InspectorSection","ConfigCode","value","emptyMessage","pre","EvaluationTrace","EmptyInspector","children","section","aria-label","bold","entries","filename","keyCounts","Map","dl","map","keyBase","dropped","occurrence","get","set","empty","field","expression","evaluatedAt","fillTarget","degraded","dt","dd","truncated","exprTruncated","attemptError","humanize","replaceAll","replace","letter","toUpperCase","Array","isArray","reduce","total","item","Object","values"],"mappings":"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"}

package/dist/components/job-graph/job-graph-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"job-graph-content.d.ts","sourceRoot":"","sources":["../../../src/components/job-graph/job-graph-content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAC,aAAa,EAAwB,MAAM,kBAAkB,CAAC;AAG3E,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AASxD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,aAAa,EACb,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,IAAI,CACX,iBAAiB,EACjB,qBAAqB,GAAG,cAAc,GAAG,iBAAiB,GAAG,eAAe,CAC7E,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAC;CACpF,+BAyFA"}
+{"version":3,"file":"job-graph-content.d.ts","sourceRoot":"","sources":["../../../src/components/job-graph/job-graph-content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAC,aAAa,EAAwB,MAAM,kBAAkB,CAAC;AAG3E,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAUxD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,aAAa,EACb,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,IAAI,CACX,iBAAiB,EACjB,qBAAqB,GAAG,cAAc,GAAG,iBAAiB,GAAG,eAAe,CAC7E,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAC;CACpF,+BAyFA"}

package/dist/components/job-graph/job-graph-content.js

@@ -8,7 +8,7 @@ import { JobNode, TriggerNode } from './job-node.js';
 const NODE_WIDTH = 208;
 const NODE_HEIGHT = 48;
 const COLUMN_GAP = 64;
-const ROW_GAP = 20;
+/** Fixed graph spacing shared by the DOM rows and the edge geometry below. */ const ROW_GAP = 20;
 const TRIGGER_WIDTH = 36;
 const PADDING = 16;
 export function JobGraphContent({ model, trigger, selectedJobId, onSelectJob }) {
@@ -16,7 +16,7 @@ export function JobGraphContent({ model, trigger, selectedJobId, onSelectJob })
     const [hoveredJobId, setHoveredJobId] = useState();
     if (model.nodes.length === 0) {
         return /*#__PURE__*/ _jsx(EmptyState, {
-            className: "min-h-160 px-16 py-24",
+            className: "min-h-160 p-panel",
             icon: "componentLine",
             title: "No jobs yet",
             description: "This run has not materialized jobs.",
@@ -77,10 +77,11 @@ export function JobGraphContent({ model, trigger, selectedJobId, onSelectJob })
                         })
                     }),
                     model.columns.map((column, columnIndex)=>/*#__PURE__*/ _jsx("div", {
-                            className: "absolute flex flex-col gap-20",
+                            className: "absolute flex flex-col",
                             style: {
                                 left: jobLeft(columnIndex),
-                                top: PADDING
+                                top: PADDING,
+                                rowGap: ROW_GAP
                             },
                             children: column.map((node)=>/*#__PURE__*/ _jsx(JobNode, {
                                     node: node,